Skip to content

Commit bca5f2c

Browse files
nkrantznkrantz
committed
chore: mockup feb 19
1 parent fa8551d commit bca5f2c

File tree

12 files changed

+672
-75
lines changed

12 files changed

+672
-75
lines changed

‎packages/paste-core/components/chat-composer/src/ChatComposerContainer.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ export const ChatComposerContainer = React.forwardRef<HTMLDivElement, ChatCompos
6262
}}
6363
padding="space30"
6464
maxHeight={maxHeight}
65-
overflowY="auto"
65+
// overflowY="auto"
6666
rowGap="space50"
6767
width="100%"
6868
{...Styles[variant]}

‎packages/paste-core/components/table/src/TBody.tsx

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ const bodyCellStyles: BoxStyleProps = {
1111

1212
const StyledTBody = styled.tbody<TBodyProps>(
1313
css({
14-
backgroundColor: "colorBackgroundBody",
14+
backgroundColor: "colorBackgroundWeak",
1515
"& > tr:last-of-type > td": bodyCellStyles,
1616
"& > tr:last-of-type > th": bodyCellStyles,
1717
}),
@@ -21,7 +21,15 @@ const TBody = React.forwardRef<HTMLTableSectionElement, TBodyProps>(
2121
({ element = "TBODY", children, ...props }, ref) => {
2222
/* eslint-disable @typescript-eslint/no-explicit-any */
2323
return (
24-
<Box as={StyledTBody as any} {...safelySpreadBoxProps(props)} ref={ref} element={element} color="colorText">
24+
<Box
25+
as={StyledTBody as any}
26+
{...safelySpreadBoxProps(props)}
27+
ref={ref}
28+
element={element}
29+
color="colorText"
30+
borderBottomLeftRadius="borderRadius30"
31+
borderBottomRightRadius="borderRadius30"
32+
>
2533
{children}
2634
</Box>
2735
);

‎packages/paste-core/components/table/src/THead.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,8 @@ const StyledTHead = styled.thead<THeadProps>(
1818
css({
1919
backgroundColor: "colorBackgroundWeak",
2020
color: "colorTextWeak",
21+
borderTopLeftRadius: "borderRadius30",
22+
borderTopRightRadius: "borderRadius30",
2123
top: (props: THeadProps) => props.top,
2224
}),
2325
);
@@ -30,9 +32,11 @@ const THead = React.forwardRef<HTMLTableSectionElement, THeadProps>(
3032
{...safelySpreadBoxProps(props)}
3133
ref={ref}
3234
as={StyledTHead as any}
33-
backgroundColor="colorBackgroundWeakest"
35+
// backgroundColor="colorBackgroundWeakest"
3436
element={element}
3537
top={top}
38+
borderTopLeftRadius="borderRadius30"
39+
borderTopRightRadius="borderRadius30"
3640
{...getStickyStyles({ stickyHeader })}
3741
/>
3842
);

‎packages/paste-core/components/table/src/Table.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -31,13 +31,15 @@ const Table = React.forwardRef<HTMLTableElement, TableProps>(
3131
overflowX={scrollHorizontally ? "auto" : null}
3232
whiteSpace={noWrap ? "nowrap" : null}
3333
boxShadow={isActionable ? "shadowFocus" : null}
34+
borderRadius="borderRadius30"
3435
>
3536
<Box
3637
{...safelySpreadBoxProps(props)}
3738
ref={ref}
3839
as="table"
3940
borderCollapse="separate"
4041
borderColor="colorBorderWeaker"
42+
borderRadius="borderRadius30"
4143
borderSpacing="0"
4244
borderStyle="solid"
4345
borderWidth={variant === "borderless" ? "borderWidth0" : "borderWidth10"}

‎packages/paste-core/components/table/src/Tr.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,8 @@ const Tr = React.forwardRef<HTMLTableRowElement, TrProps>(
1414
as="tr"
1515
element={element}
1616
verticalAlign={verticalAlign}
17-
_even={{ backgroundColor: striped ? "colorBackgroundRowStriped" : "colorBackgroundWeakest" }}
17+
backgroundColor="colorBackgroundWeak"
18+
// _even={{ backgroundColor: striped ? "colorBackgroundRowStriped" : "colorBackgroundWeakest" }}
1819
_last={{ borderWidth: "borderWidth0" }}
1920
/>
2021
);

‎packages/paste-design-tokens/tokens/themes/rebrand/global/background-color.yml

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,3 +27,5 @@ props:
2727
value: "{!palette-gray-70}"
2828
color-background-overlay:
2929
value: "{!palette-gray-100-transparent-70}"
30+
color-background-weak:
31+
value: "{!palette-gray-95}"

‎packages/paste-theme/public/images/Assistant.tsx

Lines changed: 106 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,106 @@
1+
export const AssistantImg = (): JSX.Element => {
2+
return (
3+
<svg width="20" height="20" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
4+
<path
5+
fill-rule="evenodd"
6+
clip-rule="evenodd"
7+
d="M23.9752 0.77824C23.8717 0.32304 23.467 0 23.0001 0C22.5333 0 22.1285 0.323013 22.025 0.77824L21.4717 3.21147C21.2158 4.33688 20.337 5.21573 19.2116 5.47157L16.7783 6.02491C16.3231 6.12845 16.0001 6.53315 16.0001 7C16.0001 7.46685 16.3231 7.87157 16.7783 7.97509L19.2116 8.52843C20.337 8.78426 21.2158 9.66312 21.4717 10.7885L22.025 13.2218C22.1286 13.677 22.5333 14 23.0001 14C23.467 14 23.8717 13.677 23.9752 13.2218L24.5285 10.7885C24.7844 9.66312 25.6632 8.78427 26.7886 8.52843L29.2219 7.97509C29.6771 7.87155 30.0001 7.46685 30.0001 7C30.0001 6.53315 29.6771 6.12843 29.2219 6.02491L26.7886 5.47157C25.6632 5.21574 24.7844 4.33688 24.5285 3.21147L23.9752 0.77824Z"
8+
fill="url(#paint0_linear_50138_54961)"
9+
/>
10+
<path
11+
d="M10 7C10.5523 7 11 7.44771 11 8V29C11 29.5523 10.5523 30 10 30C9.44771 30 9 29.5523 9 29V8C9 7.44771 9.44771 7 10 7Z"
12+
fill="url(#paint1_linear_50138_54961)"
13+
/>
14+
<path
15+
d="M2 10.5C2 9.94771 1.55229 9.5 1 9.5C0.447707 9.5 0 9.94771 0 10.5V26.5C0 27.0523 0.447707 27.5 1 27.5C1.55229 27.5 2 27.0523 2 26.5V10.5Z"
16+
fill="url(#paint2_linear_50138_54961)"
17+
/>
18+
<path
19+
d="M6.5 12.5C6.5 11.9477 6.05229 11.5 5.5 11.5C4.94771 11.5 4.5 11.9477 4.5 12.5V24.5C4.5 25.0523 4.94771 25.5 5.5 25.5C6.05229 25.5 6.5 25.0523 6.5 24.5V12.5Z"
20+
fill="url(#paint3_linear_50138_54961)"
21+
/>
22+
<path
23+
d="M15.5 11C15.5 10.4477 15.0523 10 14.5 10C13.9477 10 13.5 10.4477 13.5 11V26C13.5 26.5523 13.9477 27 14.5 27C15.0523 27 15.5 26.5523 15.5 26V11Z"
24+
fill="url(#paint4_linear_50138_54961)"
25+
/>
26+
<path
27+
d="M19 13.5C19.5523 13.5 20 13.9477 20 14.5V22.5C20 23.0523 19.5523 23.5 19 23.5C18.4477 23.5 18 23.0523 18 22.5V14.5C18 13.9477 18.4477 13.5 19 13.5Z"
28+
fill="url(#paint5_linear_50138_54961)"
29+
/>
30+
<defs>
31+
<linearGradient
32+
id="paint0_linear_50138_54961"
33+
x1="-17.5"
34+
y1="-2.54537e-07"
35+
x2="30.0001"
36+
y2="15"
37+
gradientUnits="userSpaceOnUse"
38+
>
39+
<stop stop-color="#F22F46" />
40+
<stop offset="0.515" stop-color="#8C5BD8" />
41+
<stop offset="1" stop-color="#008CFF" />
42+
</linearGradient>
43+
<linearGradient
44+
id="paint1_linear_50138_54961"
45+
x1="-17.5"
46+
y1="-2.54537e-07"
47+
x2="30.0001"
48+
y2="15"
49+
gradientUnits="userSpaceOnUse"
50+
>
51+
<stop stop-color="#F22F46" />
52+
<stop offset="0.515" stop-color="#8C5BD8" />
53+
<stop offset="1" stop-color="#008CFF" />
54+
</linearGradient>
55+
<linearGradient
56+
id="paint2_linear_50138_54961"
57+
x1="-17.5"
58+
y1="-2.54537e-07"
59+
x2="30.0001"
60+
y2="15"
61+
gradientUnits="userSpaceOnUse"
62+
>
63+
<stop stop-color="#F22F46" />
64+
<stop offset="0.515" stop-color="#8C5BD8" />
65+
<stop offset="1" stop-color="#008CFF" />
66+
</linearGradient>
67+
<linearGradient
68+
id="paint3_linear_50138_54961"
69+
x1="-17.5"
70+
y1="-2.54537e-07"
71+
x2="30.0001"
72+
y2="15"
73+
gradientUnits="userSpaceOnUse"
74+
>
75+
<stop stop-color="#F22F46" />
76+
<stop offset="0.515" stop-color="#8C5BD8" />
77+
<stop offset="1" stop-color="#008CFF" />
78+
</linearGradient>
79+
<linearGradient
80+
id="paint4_linear_50138_54961"
81+
x1="-17.5"
82+
y1="-2.54537e-07"
83+
x2="30.0001"
84+
y2="15"
85+
gradientUnits="userSpaceOnUse"
86+
>
87+
<stop stop-color="#F22F46" />
88+
<stop offset="0.515" stop-color="#8C5BD8" />
89+
<stop offset="1" stop-color="#008CFF" />
90+
</linearGradient>
91+
<linearGradient
92+
id="paint5_linear_50138_54961"
93+
x1="-17.5"
94+
y1="-2.54537e-07"
95+
x2="30.0001"
96+
y2="15"
97+
gradientUnits="userSpaceOnUse"
98+
>
99+
<stop stop-color="#F22F46" />
100+
<stop offset="0.515" stop-color="#8C5BD8" />
101+
<stop offset="1" stop-color="#008CFF" />
102+
</linearGradient>
103+
</defs>
104+
</svg>
105+
);
106+
};

‎packages/paste-theme/public/images/Avatar.tsx

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
export const AvatarImg = (): JSX.Element => {
2+
return (
3+
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
4+
<path
5+
d="M13.7499 18.9948C11.9904 18.0245 10.7984 16.1514 10.7984 14C10.7984 10.852 13.3504 8.3 16.4984 8.3C18.0102 8.3 19.46 8.90053 20.5289 9.96949C21.5979 11.0384 22.1984 12.4883 22.1984 14C22.1984 16.1532 21.0045 18.0276 19.2425 18.9972C18.7921 18.7789 18.3164 18.6147 17.8254 18.5087C18.5727 18.2886 19.2607 17.8842 19.8214 17.3234C20.7029 16.442 21.198 15.2465 21.198 14C21.198 11.4043 19.0938 9.29999 16.498 9.29999C13.9023 9.29999 11.798 11.4043 11.798 14C11.798 16.1321 13.2177 17.9326 15.1634 18.5078C14.6681 18.6144 14.1944 18.7792 13.7499 18.9948ZM10.877 23.7C11.1739 21.9617 12.2582 20.4918 13.7498 19.6704C14.1941 19.8862 14.6677 20.0513 15.1629 20.1582C13.5186 20.6433 12.2501 22.0037 11.8954 23.7H11.8943H11.8932H11.8901H11.8871H11.887H11.887H11.8841H11.881H11.8797H11.8786H11.878H11.8749H11.8725H11.8718H11.8703H11.8688H11.8657H11.8654H11.8626H11.8619H11.8595H11.8583H11.8564H11.8536H11.8533H11.8513H11.8502H11.8471H11.8454H11.8444H11.844H11.8409H11.8378H11.8375H11.8372H11.8346H11.8315H11.8307H11.829H11.8284H11.8252H11.824H11.8221H11.8208H11.819H11.8173H11.8158H11.8127H11.8107H11.8095H11.8064H11.8046H11.8042H11.8032H11.8001H11.7977H11.7969H11.7965H11.7938H11.7913H11.7906H11.7885H11.7875H11.785H11.7843H11.7812H11.7805H11.7787H11.778H11.7749H11.7726H11.7724H11.7717H11.7686H11.7663H11.7654H11.7647H11.7623H11.7602H11.7591H11.7568H11.756H11.7542H11.7528H11.7497H11.7489H11.7482H11.7465H11.7434H11.7423H11.7411H11.7403H11.7371H11.7364H11.734H11.7333H11.7309H11.7306H11.7278H11.7256H11.7249H11.7246H11.7215H11.7192H11.7184H11.7179H11.7153H11.7136H11.7122H11.7102H11.7091H11.7081H11.706H11.7029H11.7026H11.7025H11.6999H11.6972H11.6968H11.6949H11.6937H11.6918H11.6907H11.6876H11.6873H11.6865H11.6845H11.6815H11.6813H11.6798H11.6785H11.6761H11.6754H11.6724H11.6723H11.671H11.6694H11.6664H11.6659H11.6648H11.6634H11.6609H11.6604H11.6574H11.6573H11.656H11.6545H11.6515H11.6511H11.6499H11.6485H11.6463H11.6456H11.6427H11.6425H11.6415H11.6397H11.6368H11.6368H11.6352H11.6339H11.6321H11.631H11.6281H11.6278H11.6275H11.6253H11.623H11.6224H11.6206H11.6196H11.6185H11.6167H11.6141H11.6139H11.6133H11.6111H11.6097H11.6083H11.6061H11.6055H11.6054H11.6027H11.6011H11.5999H11.5989H11.5972H11.5969H11.5944H11.5928H11.5917H11.5917H11.589H11.5887H11.5863H11.5847H11.5846H11.5836H11.5809H11.5807H11.5783H11.5775H11.5768H11.5756H11.573H11.5729H11.5704H11.5704H11.5691H11.5678H11.5653H11.5652H11.5634H11.5626H11.5616H11.5601H11.558H11.5575H11.5564H11.555H11.5544H11.5525H11.5508H11.55H11.5494H11.5476H11.5473H11.5451H11.5439H11.5427H11.5425H11.5405H11.5403H11.5379H11.5372H11.5356H11.5355H11.5339H11.5331H11.5308H11.5307H11.5287H11.5285H11.5275H11.5262H11.5243H11.5239H11.5219H11.5216H11.5213H11.5193H11.5182H11.5171H11.5153H11.5151H11.5149H11.5127H11.5124H11.5106H11.5095H11.5084H11.5083H11.5067H11.5063H11.5042H11.5039H11.5021H11.5015H11.5012H11.5H11.4985H11.498H11.496H11.4959H11.4948H11.494H11.4933H11.492H11.4908H11.49H11.4883H11.4881H11.4881H11.4862H11.4859H11.4843H11.4835H11.4824H11.4815H11.4812H11.4806H11.4789H11.4788H11.477H11.4767H11.4752H11.4749H11.4745H11.4735H11.4723H11.4718H11.4703H11.4701H11.4684H11.4683H11.4682H11.4668H11.4662H11.4652H11.4643H11.4636H11.4624H11.462H11.4617H11.4605H11.4605H11.4589H11.4587H11.4575H11.4569H11.456H11.4552H11.4552H11.4546H11.4535H11.4532H11.4519H11.4518H11.4504H11.4503H11.4491H11.4488H11.4487H11.4478H11.4473H11.4465H11.4458H11.4453H11.4444H11.4441H11.4431H11.4429H11.4422H11.4418H11.4406H11.4405H11.4395H11.4393H11.4385H11.4381H11.4374H11.4369H11.4364H11.4358H11.4358H11.4355H11.4348H11.4345H11.4337H11.4336H11.4328H11.4327H11.4319H11.4318H11.4311H11.4309H11.4303H11.4301H11.4295H11.4293H11.4293H11.4288H11.4285H11.4281H11.4278H11.4274H11.4271H11.4268H11.4264H11.4262H11.4258H11.4257H11.4252H11.4251H11.4247H11.4246H11.4242H11.4242H11.4238H11.4237H11.4234H11.4233H11.423H11.423H11.4227H11.4224H11.4224H11.4221H11.4221H11.4219H11.4219H11.4217H11.4217H11.4216H11.4216H11.4215H11.4214H11.4213H11.4166H11.4103H11.404H11.3978H11.3915H11.3853H11.3792H11.373H11.3669H11.3608H11.3548H11.3488H11.3428H11.3368H11.3309H11.325H11.3191H11.3133H11.3074H11.3017H11.2959H11.2902H11.2845H11.2788H11.2732H11.2675H11.262H11.2564H11.2509H11.2454H11.2399H11.2344H11.229H11.2236H11.2183H11.2129H11.2076H11.2024H11.1971H11.1919H11.1867H11.1815H11.1764H11.1713H11.1662H11.1611H11.1561H11.1511H11.1461H11.1412H11.1362H11.1313H11.1265H11.1216H11.1168H11.112H11.1072H11.1025H11.0978H11.0931H11.0884H11.0838H11.0792H11.0746H11.07H11.0655H11.061H11.0565H11.0521H11.0476H11.0432H11.0388H11.0345H11.0301H11.0258H11.0216H11.0173H11.0131H11.0089H11.0047H11.0005H10.9964H10.9923H10.9882H10.9841H10.9801H10.9761H10.9721H10.9681H10.9642H10.9603H10.9564H10.9525H10.9487H10.9448H10.941H10.9373H10.9335H10.9298H10.9261H10.9224H10.9187H10.9151H10.9115H10.9079H10.9043H10.9008H10.8973H10.8938H10.8903H10.8868H10.8834H10.88H10.877ZM20.5259 20.6362C21.3642 21.4745 21.9145 22.5471 22.1129 23.7H21.0955C20.7409 22.0046 19.4732 20.6449 17.8301 20.159C18.3251 20.0525 18.7985 19.8878 19.2427 19.6725C19.7097 19.9293 20.1423 20.2526 20.5259 20.6362ZM18.5104 19.3347C17.8848 19.5708 17.2067 19.7 16.4984 19.7C15.7882 19.7 15.1083 19.5701 14.4813 19.3328C15.1075 19.0962 15.7864 18.9667 16.4954 18.9667C17.1905 18.9667 17.8725 19.0937 18.5104 19.3347ZM1.2 16C1.2 24.45 8.05004 31.3 16.5 31.3C24.95 31.3 31.8 24.45 31.8 16C31.8 7.55004 24.95 0.7 16.5 0.7C8.05004 0.7 1.2 7.55004 1.2 16ZM0.8 16C0.8 7.32913 7.82913 0.3 16.5 0.3C25.1709 0.3 32.2 7.32913 32.2 16C32.2 24.6709 25.1709 31.7 16.5 31.7C7.82913 31.7 0.8 24.6709 0.8 16ZM18.9187 13.646C18.9181 14.1647 18.4975 14.585 17.9787 14.585C17.4595 14.585 17.0387 14.1642 17.0387 13.645C17.0387 13.1262 17.459 12.7055 17.9778 12.705C18.4958 12.7089 18.9149 13.1279 18.9187 13.646ZM15.9585 13.6459C15.958 14.1646 15.5374 14.585 15.0185 14.585C14.4994 14.585 14.0785 14.1642 14.0785 13.645C14.0785 13.1262 14.4989 12.7055 15.0176 12.705C15.5356 12.7089 15.9547 13.1279 15.9585 13.6459Z"
6+
fill="#0B1019"
7+
fill-opacity="0.02"
8+
stroke="url(#paint0_linear_50138_54884)"
9+
stroke-width="0.6"
10+
/>
11+
<defs>
12+
<linearGradient
13+
id="paint0_linear_50138_54884"
14+
x1="32.5"
15+
y1="32"
16+
x2="3.32215"
17+
y2="-2.39414"
18+
gradientUnits="userSpaceOnUse"
19+
>
20+
<stop stop-color="#36D576" />
21+
<stop offset="0.525" stop-color="#006DFA" />
22+
<stop offset="1" stop-color="#8C5BD8" />
23+
</linearGradient>
24+
</defs>
25+
</svg>
26+
);
27+
};

‎packages/paste-theme/public/images/Blue.tsx

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
export const BlueImg = (): JSX.Element => {
2+
return (
3+
<svg width="157" height="187" viewBox="0 0 157 187" fill="none" xmlns="http://www.w3.org/2000/svg">
4+
<g filter="url(#filter0_f_50138_54875)">
5+
<circle cx="6.5" cy="36.5" r="50.5" fill="#3ACEFA" fill-opacity="0.4" />
6+
</g>
7+
<defs>
8+
<filter
9+
id="filter0_f_50138_54875"
10+
x="-144"
11+
y="-114"
12+
width="301"
13+
height="301"
14+
filterUnits="userSpaceOnUse"
15+
color-interpolation-filters="sRGB"
16+
>
17+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
18+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
19+
<feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_50138_54875" />
20+
</filter>
21+
</defs>
22+
</svg>
23+
);
24+
};

‎packages/paste-theme/public/images/Map.tsx

Lines changed: 264 additions & 0 deletions
Large diffs are not rendered by default.

0 commit comments

Comments
 (0)