mautourco-components 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +187 -0
- package/dist/components/atoms/Avatar/Avatar.d.ts +14 -0
- package/dist/components/atoms/Avatar/Avatar.js +31 -0
- package/dist/components/atoms/Button/Button.d.ts +27 -0
- package/dist/components/atoms/Button/Button.js +35 -0
- package/dist/components/atoms/Checkbox/Checkbox.d.ts +13 -0
- package/dist/components/atoms/Checkbox/Checkbox.js +33 -0
- package/dist/components/atoms/Icon/Icon.d.ts +10 -0
- package/dist/components/atoms/Icon/Icon.js +102 -0
- package/dist/components/atoms/Icon/icons/ArrivalIcon.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/ArrivalIcon.js +31 -0
- package/dist/components/atoms/Icon/icons/CalendarIcon.d.ts +12 -0
- package/dist/components/atoms/Icon/icons/CalendarIcon.js +41 -0
- package/dist/components/atoms/Icon/icons/CarIcon.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/CarIcon.js +30 -0
- package/dist/components/atoms/Icon/icons/Check.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/Check.js +30 -0
- package/dist/components/atoms/Icon/icons/CheckCircleIcon.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/CheckCircleIcon.js +30 -0
- package/dist/components/atoms/Icon/icons/Chevron.d.ts +9 -0
- package/dist/components/atoms/Icon/icons/Chevron.js +54 -0
- package/dist/components/atoms/Icon/icons/ChevronDownIcon.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/ChevronDownIcon.js +30 -0
- package/dist/components/atoms/Icon/icons/Close.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/Close.js +30 -0
- package/dist/components/atoms/Icon/icons/DeleteIcon.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/DeleteIcon.js +30 -0
- package/dist/components/atoms/Icon/icons/DepartureIcon.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/DepartureIcon.js +30 -0
- package/dist/components/atoms/Icon/icons/EyeIcon.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/EyeIcon.js +30 -0
- package/dist/components/atoms/Icon/icons/FacebookIcon.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/FacebookIcon.js +36 -0
- package/dist/components/atoms/Icon/icons/InfoIcon.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/InfoIcon.js +30 -0
- package/dist/components/atoms/Icon/icons/LinkedInIcon.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/LinkedInIcon.js +36 -0
- package/dist/components/atoms/Icon/icons/MapPinIcon.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/MapPinIcon.js +30 -0
- package/dist/components/atoms/Icon/icons/MautoucoLogo.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/MautoucoLogo.js +37 -0
- package/dist/components/atoms/Icon/icons/MenuIcon.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/MenuIcon.js +37 -0
- package/dist/components/atoms/Icon/icons/MoreIcon.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/MoreIcon.js +30 -0
- package/dist/components/atoms/Icon/icons/Search.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/Search.js +30 -0
- package/dist/components/atoms/Icon/icons/Settings.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/Settings.js +30 -0
- package/dist/components/atoms/Icon/icons/StrollerIcon.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/StrollerIcon.js +30 -0
- package/dist/components/atoms/Icon/icons/TwitterIcon.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/TwitterIcon.js +36 -0
- package/dist/components/atoms/Icon/icons/User.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/User.js +30 -0
- package/dist/components/atoms/Icon/icons/UserIcon.d.ts +12 -0
- package/dist/components/atoms/Icon/icons/UserIcon.js +41 -0
- package/dist/components/atoms/Icon/icons/Youtube.d.ts +8 -0
- package/dist/components/atoms/Icon/icons/Youtube.js +36 -0
- package/dist/components/atoms/Inputs/DropdownInput/DropdownInput.d.ts +12 -0
- package/dist/components/atoms/Inputs/DropdownInput/DropdownInput.js +53 -0
- package/dist/components/atoms/Inputs/Input/Input.d.ts +15 -0
- package/dist/components/atoms/Inputs/Input/Input.js +27 -0
- package/dist/components/atoms/Inputs/Textarea/Textarea.d.ts +14 -0
- package/dist/components/atoms/Inputs/Textarea/Textarea.js +15 -0
- package/dist/components/atoms/Link/Link.d.ts +44 -0
- package/dist/components/atoms/Link/Link.js +76 -0
- package/dist/components/atoms/SelectedValue/SelectedValue.d.ts +11 -0
- package/dist/components/atoms/SelectedValue/SelectedValue.js +29 -0
- package/dist/components/atoms/Spinner/Spinner.d.ts +9 -0
- package/dist/components/atoms/Spinner/Spinner.js +38 -0
- package/dist/components/atoms/Spinner/variants/ButtonSpinner.d.ts +8 -0
- package/dist/components/atoms/Spinner/variants/ButtonSpinner.js +19 -0
- package/dist/components/atoms/Spinner/variants/LoadingSpinner.d.ts +7 -0
- package/dist/components/atoms/Spinner/variants/LoadingSpinner.js +7 -0
- package/dist/components/atoms/Tab/Tab.d.ts +22 -0
- package/dist/components/atoms/Tab/Tab.js +54 -0
- package/dist/components/atoms/Typography/Heading/Heading.d.ts +9 -0
- package/dist/components/atoms/Typography/Heading/Heading.js +25 -0
- package/dist/components/atoms/Typography/Text/Text.d.ts +10 -0
- package/dist/components/atoms/Typography/Text/Text.js +77 -0
- package/dist/components/atoms/Typography/Typography.d.ts +24 -0
- package/dist/components/atoms/Typography/Typography.js +100 -0
- package/dist/components/molecules/MultiSelectDropdown/MultiSelectDropdown.d.ts +29 -0
- package/dist/components/molecules/MultiSelectDropdown/MultiSelectDropdown.js +106 -0
- package/dist/components/molecules/UserCard/UserCard.d.ts +20 -0
- package/dist/components/molecules/UserCard/UserCard.js +57 -0
- package/dist/components/organisms/Footer/Footer.d.ts +38 -0
- package/dist/components/organisms/Footer/Footer.js +74 -0
- package/dist/components/organisms/TopNavigation/DesktopNav.d.ts +33 -0
- package/dist/components/organisms/TopNavigation/DesktopNav.js +26 -0
- package/dist/components/organisms/TopNavigation/MobileNav.d.ts +32 -0
- package/dist/components/organisms/TopNavigation/MobileNav.js +45 -0
- package/dist/components/organisms/TopNavigation/TopNavigation.d.ts +33 -0
- package/dist/components/organisms/TopNavigation/TopNavigation.js +20 -0
- package/dist/hooks/useMobile.d.ts +5 -0
- package/dist/hooks/useMobile.js +26 -0
- package/dist/index.d.ts +23 -0
- package/dist/index.js +28 -0
- package/dist/styles/tokens/tokens.d.ts +3108 -0
- package/dist/styles/tokens/tokens.js +2652 -0
- package/package.json +90 -0
- package/src/components/atoms/Avatar/Avatar.tsx +60 -0
- package/src/components/atoms/Button/Button.css +200 -0
- package/src/components/atoms/Button/Button.tsx +82 -0
- package/src/components/atoms/Checkbox/Checkbox.tsx +69 -0
- package/src/components/atoms/Icon/Icon.tsx +135 -0
- package/src/components/atoms/Icon/icons/ArrivalIcon.tsx +52 -0
- package/src/components/atoms/Icon/icons/CalendarIcon.tsx +63 -0
- package/src/components/atoms/Icon/icons/CarIcon.tsx +44 -0
- package/src/components/atoms/Icon/icons/Check.tsx +36 -0
- package/src/components/atoms/Icon/icons/CheckCircleIcon.tsx +48 -0
- package/src/components/atoms/Icon/icons/Chevron.tsx +73 -0
- package/src/components/atoms/Icon/icons/ChevronDownIcon.tsx +46 -0
- package/src/components/atoms/Icon/icons/Close.tsx +40 -0
- package/src/components/atoms/Icon/icons/DeleteIcon.tsx +44 -0
- package/src/components/atoms/Icon/icons/DepartureIcon.tsx +50 -0
- package/src/components/atoms/Icon/icons/EyeIcon.tsx +44 -0
- package/src/components/atoms/Icon/icons/FacebookIcon.tsx +50 -0
- package/src/components/atoms/Icon/icons/InfoIcon.tsx +44 -0
- package/src/components/atoms/Icon/icons/LinkedInIcon.tsx +50 -0
- package/src/components/atoms/Icon/icons/MapPinIcon.tsx +44 -0
- package/src/components/atoms/Icon/icons/MautoucoLogo.tsx +93 -0
- package/src/components/atoms/Icon/icons/MenuIcon.tsx +49 -0
- package/src/components/atoms/Icon/icons/MoreIcon.tsx +44 -0
- package/src/components/atoms/Icon/icons/Search.tsx +37 -0
- package/src/components/atoms/Icon/icons/Settings.tsx +38 -0
- package/src/components/atoms/Icon/icons/StrollerIcon.tsx +44 -0
- package/src/components/atoms/Icon/icons/TwitterIcon.tsx +50 -0
- package/src/components/atoms/Icon/icons/User.tsx +37 -0
- package/src/components/atoms/Icon/icons/UserIcon.tsx +63 -0
- package/src/components/atoms/Icon/icons/Youtube.tsx +50 -0
- package/src/components/atoms/Inputs/DropdownInput/DropdownInput.tsx +96 -0
- package/src/components/atoms/Inputs/Input/Input.tsx +66 -0
- package/src/components/atoms/Inputs/Textarea/Textarea.tsx +51 -0
- package/src/components/atoms/Link/Link.tsx +168 -0
- package/src/components/atoms/SelectedValue/SelectedValue.tsx +59 -0
- package/src/components/atoms/Spinner/Spinner.tsx +56 -0
- package/src/components/atoms/Spinner/variants/ButtonSpinner.tsx +37 -0
- package/src/components/atoms/Spinner/variants/LoadingSpinner.tsx +22 -0
- package/src/components/atoms/Tab/Tab.css +147 -0
- package/src/components/atoms/Tab/Tab.tsx +96 -0
- package/src/components/atoms/Typography/Typography.tsx +153 -0
- package/src/components/molecules/MultiSelectDropdown/MultiSelectDropdown.tsx +245 -0
- package/src/components/molecules/UserCard/UserCard.stories.tsx +36 -0
- package/src/components/molecules/UserCard/UserCard.tsx +173 -0
- package/src/components/organisms/Footer/Footer.tsx +290 -0
- package/src/components/organisms/TopNavigation/DesktopNav.tsx +122 -0
- package/src/components/organisms/TopNavigation/MobileNav.tsx +212 -0
- package/src/components/organisms/TopNavigation/TopNavigation.tsx +45 -0
- package/src/styles/components/avatar.css +58 -0
- package/src/styles/components/checkbox.css +132 -0
- package/src/styles/components/dropdown.css +214 -0
- package/src/styles/components/forms.css +147 -0
- package/src/styles/components/multiselect-dropdown.css +231 -0
- package/src/styles/components/organism/footer.css +113 -0
- package/src/styles/components/organism/topnavigation.css +162 -0
- package/src/styles/components/scrollbar.css +63 -0
- package/src/styles/components/selected-value.css +80 -0
- package/src/styles/components/typography.css +251 -0
- package/src/styles/tokens/_tokens.scss +2072 -0
- package/src/styles/tokens/tokens.css +2075 -0
- package/src/styles/tokens/tokens.js +2653 -0
|
@@ -0,0 +1,2653 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
export const ColorAtollGreen100 = "#f0fdfb";
|
|
6
|
+
export const ColorAtollGreen200 = "#ccfbf6";
|
|
7
|
+
export const ColorAtollGreen300 = "#99f6ed";
|
|
8
|
+
export const ColorAtollGreen400 = "#5eeae2";
|
|
9
|
+
export const ColorAtollGreen500 = "#2ed3cf";
|
|
10
|
+
export const ColorAtollGreen600 = "#15b7b6";
|
|
11
|
+
export const ColorAtollGreen700 = "#0d9394";
|
|
12
|
+
export const ColorAtollGreen800 = "#0f7173";
|
|
13
|
+
export const ColorAtollGreen900 = "#115b5e";
|
|
14
|
+
export const ColorAtollGreen950 = "#042c2f";
|
|
15
|
+
export const ColorSandyBrown100 = "#fff6ed";
|
|
16
|
+
export const ColorSandyBrown200 = "#ffebd4";
|
|
17
|
+
export const ColorSandyBrown300 = "#ffd3a9";
|
|
18
|
+
export const ColorSandyBrown400 = "#ffab63";
|
|
19
|
+
export const ColorSandyBrown500 = "#fe8839";
|
|
20
|
+
export const ColorSandyBrown600 = "#fc6613";
|
|
21
|
+
export const ColorSandyBrown700 = "#ed4c09";
|
|
22
|
+
export const ColorSandyBrown800 = "#c53709";
|
|
23
|
+
export const ColorSandyBrown900 = "#7e2710";
|
|
24
|
+
export const ColorSandyBrown950 = "#441106";
|
|
25
|
+
export const ColorWhite = "#ffffff";
|
|
26
|
+
export const ColorBlack = "#000000";
|
|
27
|
+
export const ColorTransparent = "#ffffff00";
|
|
28
|
+
export const ColorAmber50 = "#fffbeb";
|
|
29
|
+
export const ColorAmber100 = "#fef3c7";
|
|
30
|
+
export const ColorAmber200 = "#fde68a";
|
|
31
|
+
export const ColorAmber300 = "#fcd34d";
|
|
32
|
+
export const ColorAmber400 = "#fbbf24";
|
|
33
|
+
export const ColorAmber500 = "#f59e0b";
|
|
34
|
+
export const ColorAmber600 = "#d97706";
|
|
35
|
+
export const ColorAmber700 = "#b45309";
|
|
36
|
+
export const ColorAmber800 = "#92400e";
|
|
37
|
+
export const ColorAmber900 = "#78350f";
|
|
38
|
+
export const ColorAmber950 = "#451a03";
|
|
39
|
+
export const ColorBlue50 = "#eff6ff";
|
|
40
|
+
export const ColorBlue100 = "#dbeafe";
|
|
41
|
+
export const ColorBlue200 = "#bfdbfe";
|
|
42
|
+
export const ColorBlue300 = "#93c5fd";
|
|
43
|
+
export const ColorBlue400 = "#60a5fa";
|
|
44
|
+
export const ColorBlue500 = "#3b82f6";
|
|
45
|
+
export const ColorBlue600 = "#2563eb";
|
|
46
|
+
export const ColorBlue700 = "#1d4ed8";
|
|
47
|
+
export const ColorBlue800 = "#1e40af";
|
|
48
|
+
export const ColorBlue900 = "#1e3a8a";
|
|
49
|
+
export const ColorBlue950 = "#172554";
|
|
50
|
+
export const ColorCyan50 = "#ecfeff";
|
|
51
|
+
export const ColorCyan100 = "#cffafe";
|
|
52
|
+
export const ColorCyan200 = "#a5f3fc";
|
|
53
|
+
export const ColorCyan300 = "#67e8f9";
|
|
54
|
+
export const ColorCyan400 = "#22d3ee";
|
|
55
|
+
export const ColorCyan500 = "#06b6d4";
|
|
56
|
+
export const ColorCyan600 = "#0891b2";
|
|
57
|
+
export const ColorCyan700 = "#0e7490";
|
|
58
|
+
export const ColorCyan800 = "#155e75";
|
|
59
|
+
export const ColorCyan900 = "#164e63";
|
|
60
|
+
export const ColorCyan950 = "#083344";
|
|
61
|
+
export const ColorEmerald50 = "#ecfdf5";
|
|
62
|
+
export const ColorEmerald100 = "#d1fae5";
|
|
63
|
+
export const ColorEmerald200 = "#a7f3d0";
|
|
64
|
+
export const ColorEmerald300 = "#6ee7b7";
|
|
65
|
+
export const ColorEmerald400 = "#34d399";
|
|
66
|
+
export const ColorEmerald500 = "#10b981";
|
|
67
|
+
export const ColorEmerald600 = "#059669";
|
|
68
|
+
export const ColorEmerald700 = "#047857";
|
|
69
|
+
export const ColorEmerald800 = "#065f46";
|
|
70
|
+
export const ColorEmerald900 = "#064e3b";
|
|
71
|
+
export const ColorEmerald950 = "#022c22";
|
|
72
|
+
export const ColorFuchsia50 = "#fdf4ff";
|
|
73
|
+
export const ColorFuchsia100 = "#fae8ff";
|
|
74
|
+
export const ColorFuchsia200 = "#f5d0fe";
|
|
75
|
+
export const ColorFuchsia300 = "#f0abfc";
|
|
76
|
+
export const ColorFuchsia400 = "#e879f9";
|
|
77
|
+
export const ColorFuchsia500 = "#d946ef";
|
|
78
|
+
export const ColorFuchsia600 = "#c026d3";
|
|
79
|
+
export const ColorFuchsia700 = "#a21caf";
|
|
80
|
+
export const ColorFuchsia800 = "#86198f";
|
|
81
|
+
export const ColorFuchsia900 = "#701a75";
|
|
82
|
+
export const ColorFuchsia950 = "#4a044e";
|
|
83
|
+
export const ColorGray50 = "#f9fafb";
|
|
84
|
+
export const ColorGray100 = "#f3f4f6";
|
|
85
|
+
export const ColorGray200 = "#e5e7eb";
|
|
86
|
+
export const ColorGray300 = "#d1d5db";
|
|
87
|
+
export const ColorGray400 = "#9ca3af";
|
|
88
|
+
export const ColorGray500 = "#6b7280";
|
|
89
|
+
export const ColorGray600 = "#4b5563";
|
|
90
|
+
export const ColorGray700 = "#374151";
|
|
91
|
+
export const ColorGray800 = "#1f2937";
|
|
92
|
+
export const ColorGray900 = "#111827";
|
|
93
|
+
export const ColorGray950 = "#030712";
|
|
94
|
+
export const ColorGreen50 = "#f0fdf4";
|
|
95
|
+
export const ColorGreen100 = "#dcfce7";
|
|
96
|
+
export const ColorGreen200 = "#bbf7d0";
|
|
97
|
+
export const ColorGreen300 = "#86efac";
|
|
98
|
+
export const ColorGreen400 = "#4ade80";
|
|
99
|
+
export const ColorGreen500 = "#22c55e";
|
|
100
|
+
export const ColorGreen600 = "#16a34a";
|
|
101
|
+
export const ColorGreen700 = "#15803d";
|
|
102
|
+
export const ColorGreen800 = "#166534";
|
|
103
|
+
export const ColorGreen900 = "#14532d";
|
|
104
|
+
export const ColorGreen950 = "#052e16";
|
|
105
|
+
export const ColorIndigo50 = "#eef2ff";
|
|
106
|
+
export const ColorIndigo100 = "#e0e7ff";
|
|
107
|
+
export const ColorIndigo200 = "#c7d2fe";
|
|
108
|
+
export const ColorIndigo300 = "#a5b4fc";
|
|
109
|
+
export const ColorIndigo400 = "#818cf8";
|
|
110
|
+
export const ColorIndigo500 = "#6366f1";
|
|
111
|
+
export const ColorIndigo600 = "#4f46e5";
|
|
112
|
+
export const ColorIndigo700 = "#4338ca";
|
|
113
|
+
export const ColorIndigo800 = "#3730a3";
|
|
114
|
+
export const ColorIndigo900 = "#312e81";
|
|
115
|
+
export const ColorIndigo950 = "#1e1b4b";
|
|
116
|
+
export const ColorLime50 = "#f7fee7";
|
|
117
|
+
export const ColorLime100 = "#ecfccb";
|
|
118
|
+
export const ColorLime200 = "#d9f99d";
|
|
119
|
+
export const ColorLime300 = "#bef264";
|
|
120
|
+
export const ColorLime400 = "#a3e635";
|
|
121
|
+
export const ColorLime500 = "#84cc16";
|
|
122
|
+
export const ColorLime600 = "#65a30d";
|
|
123
|
+
export const ColorLime700 = "#4d7c0f";
|
|
124
|
+
export const ColorLime800 = "#3f6212";
|
|
125
|
+
export const ColorLime900 = "#365314";
|
|
126
|
+
export const ColorLime950 = "#1a2e05";
|
|
127
|
+
export const ColorNeutral50 = "#fafafa";
|
|
128
|
+
export const ColorNeutral100 = "#f5f5f5";
|
|
129
|
+
export const ColorNeutral200 = "#e5e5e5";
|
|
130
|
+
export const ColorNeutral300 = "#d4d4d4";
|
|
131
|
+
export const ColorNeutral400 = "#a3a3a3";
|
|
132
|
+
export const ColorNeutral500 = "#737373";
|
|
133
|
+
export const ColorNeutral600 = "#525252";
|
|
134
|
+
export const ColorNeutral700 = "#404040";
|
|
135
|
+
export const ColorNeutral800 = "#262626";
|
|
136
|
+
export const ColorNeutral900 = "#171717";
|
|
137
|
+
export const ColorNeutral950 = "#0a0a0a";
|
|
138
|
+
export const ColorOrange50 = "#fff7ed";
|
|
139
|
+
export const ColorOrange100 = "#ffedd5";
|
|
140
|
+
export const ColorOrange200 = "#fed7aa";
|
|
141
|
+
export const ColorOrange300 = "#fdba74";
|
|
142
|
+
export const ColorOrange400 = "#fb923c";
|
|
143
|
+
export const ColorOrange500 = "#f97316";
|
|
144
|
+
export const ColorOrange600 = "#ea580c";
|
|
145
|
+
export const ColorOrange700 = "#c2410c";
|
|
146
|
+
export const ColorOrange800 = "#9a3412";
|
|
147
|
+
export const ColorOrange900 = "#7c2d12";
|
|
148
|
+
export const ColorOrange950 = "#431407";
|
|
149
|
+
export const ColorPink50 = "#fdf2f8";
|
|
150
|
+
export const ColorPink100 = "#fce7f3";
|
|
151
|
+
export const ColorPink200 = "#fbcfe8";
|
|
152
|
+
export const ColorPink300 = "#f9a8d4";
|
|
153
|
+
export const ColorPink400 = "#f472b6";
|
|
154
|
+
export const ColorPink500 = "#ec4899";
|
|
155
|
+
export const ColorPink600 = "#db2777";
|
|
156
|
+
export const ColorPink700 = "#be185d";
|
|
157
|
+
export const ColorPink800 = "#9d174d";
|
|
158
|
+
export const ColorPink900 = "#831843";
|
|
159
|
+
export const ColorPink950 = "#500724";
|
|
160
|
+
export const ColorPurple50 = "#faf5ff";
|
|
161
|
+
export const ColorPurple100 = "#f3e8ff";
|
|
162
|
+
export const ColorPurple200 = "#e9d5ff";
|
|
163
|
+
export const ColorPurple300 = "#d8b4fe";
|
|
164
|
+
export const ColorPurple400 = "#c084fc";
|
|
165
|
+
export const ColorPurple500 = "#a855f7";
|
|
166
|
+
export const ColorPurple600 = "#9333ea";
|
|
167
|
+
export const ColorPurple700 = "#7e22ce";
|
|
168
|
+
export const ColorPurple800 = "#6b21a8";
|
|
169
|
+
export const ColorPurple900 = "#581c87";
|
|
170
|
+
export const ColorPurple950 = "#3b0764";
|
|
171
|
+
export const ColorRed50 = "#fef2f2";
|
|
172
|
+
export const ColorRed100 = "#fee2e2";
|
|
173
|
+
export const ColorRed200 = "#fecaca";
|
|
174
|
+
export const ColorRed300 = "#fca5a5";
|
|
175
|
+
export const ColorRed400 = "#f87171";
|
|
176
|
+
export const ColorRed500 = "#ef4444";
|
|
177
|
+
export const ColorRed600 = "#dc2626";
|
|
178
|
+
export const ColorRed700 = "#b91c1c";
|
|
179
|
+
export const ColorRed800 = "#991b1b";
|
|
180
|
+
export const ColorRed900 = "#7f1d1d";
|
|
181
|
+
export const ColorRed950 = "#450a0a";
|
|
182
|
+
export const ColorRose50 = "#fff1f2";
|
|
183
|
+
export const ColorRose100 = "#ffe4e6";
|
|
184
|
+
export const ColorRose200 = "#fecdd3";
|
|
185
|
+
export const ColorRose300 = "#fda4af";
|
|
186
|
+
export const ColorRose400 = "#fb7185";
|
|
187
|
+
export const ColorRose500 = "#f43f5e";
|
|
188
|
+
export const ColorRose600 = "#e11d48";
|
|
189
|
+
export const ColorRose700 = "#be123c";
|
|
190
|
+
export const ColorRose800 = "#9f1239";
|
|
191
|
+
export const ColorRose900 = "#881337";
|
|
192
|
+
export const ColorRose950 = "#4c0519";
|
|
193
|
+
export const ColorSky50 = "#f0f9ff";
|
|
194
|
+
export const ColorSky100 = "#e0f2fe";
|
|
195
|
+
export const ColorSky200 = "#bae6fd";
|
|
196
|
+
export const ColorSky300 = "#7dd3fc";
|
|
197
|
+
export const ColorSky400 = "#38bdf8";
|
|
198
|
+
export const ColorSky500 = "#0ea5e9";
|
|
199
|
+
export const ColorSky600 = "#0284c7";
|
|
200
|
+
export const ColorSky700 = "#0369a1";
|
|
201
|
+
export const ColorSky800 = "#075985";
|
|
202
|
+
export const ColorSky900 = "#0c4a6e";
|
|
203
|
+
export const ColorSky950 = "#082f49";
|
|
204
|
+
export const ColorSlate50 = "#f8fafc";
|
|
205
|
+
export const ColorSlate100 = "#f1f5f9";
|
|
206
|
+
export const ColorSlate200 = "#e2e8f0";
|
|
207
|
+
export const ColorSlate300 = "#cbd5e1";
|
|
208
|
+
export const ColorSlate400 = "#94a3b8";
|
|
209
|
+
export const ColorSlate500 = "#64748b";
|
|
210
|
+
export const ColorSlate600 = "#475569";
|
|
211
|
+
export const ColorSlate700 = "#334155";
|
|
212
|
+
export const ColorSlate800 = "#1e293b";
|
|
213
|
+
export const ColorSlate900 = "#0f172a";
|
|
214
|
+
export const ColorSlate950 = "#020617";
|
|
215
|
+
export const ColorStone50 = "#fafaf9";
|
|
216
|
+
export const ColorStone100 = "#f5f5f4";
|
|
217
|
+
export const ColorStone200 = "#e7e5e4";
|
|
218
|
+
export const ColorStone300 = "#d6d3d1";
|
|
219
|
+
export const ColorStone400 = "#a8a29e";
|
|
220
|
+
export const ColorStone500 = "#78716c";
|
|
221
|
+
export const ColorStone600 = "#57534e";
|
|
222
|
+
export const ColorStone700 = "#44403c";
|
|
223
|
+
export const ColorStone800 = "#292524";
|
|
224
|
+
export const ColorStone900 = "#1c1917";
|
|
225
|
+
export const ColorStone950 = "#0c0a09";
|
|
226
|
+
export const ColorTeal50 = "#f0fdfa";
|
|
227
|
+
export const ColorTeal100 = "#ccfbf1";
|
|
228
|
+
export const ColorTeal200 = "#99f6e4";
|
|
229
|
+
export const ColorTeal300 = "#5eead4";
|
|
230
|
+
export const ColorTeal400 = "#2dd4bf";
|
|
231
|
+
export const ColorTeal500 = "#14b8a6";
|
|
232
|
+
export const ColorTeal600 = "#0d9488";
|
|
233
|
+
export const ColorTeal700 = "#0f766e";
|
|
234
|
+
export const ColorTeal800 = "#115e59";
|
|
235
|
+
export const ColorTeal900 = "#134e4a";
|
|
236
|
+
export const ColorTeal950 = "#042f2e";
|
|
237
|
+
export const ColorViolet50 = "#f5f3ff";
|
|
238
|
+
export const ColorViolet100 = "#ede9fe";
|
|
239
|
+
export const ColorViolet200 = "#ddd6fe";
|
|
240
|
+
export const ColorViolet300 = "#c4b5fd";
|
|
241
|
+
export const ColorViolet400 = "#a78bfa";
|
|
242
|
+
export const ColorViolet500 = "#8b5cf6";
|
|
243
|
+
export const ColorViolet600 = "#7c3aed";
|
|
244
|
+
export const ColorViolet700 = "#6d28d9";
|
|
245
|
+
export const ColorViolet800 = "#5b21b6";
|
|
246
|
+
export const ColorViolet900 = "#4c1d95";
|
|
247
|
+
export const ColorViolet950 = "#2e1065";
|
|
248
|
+
export const ColorYellow50 = "#fefce8";
|
|
249
|
+
export const ColorYellow100 = "#fef9c3";
|
|
250
|
+
export const ColorYellow200 = "#fef08a";
|
|
251
|
+
export const ColorYellow300 = "#fde047";
|
|
252
|
+
export const ColorYellow400 = "#facc15";
|
|
253
|
+
export const ColorYellow500 = "#eab308";
|
|
254
|
+
export const ColorYellow600 = "#ca8a04";
|
|
255
|
+
export const ColorYellow700 = "#a16207";
|
|
256
|
+
export const ColorYellow800 = "#854d0e";
|
|
257
|
+
export const ColorYellow900 = "#713f12";
|
|
258
|
+
export const ColorYellow950 = "#422006";
|
|
259
|
+
export const ColorZinc50 = "#fafafa";
|
|
260
|
+
export const ColorZinc100 = "#f4f4f5";
|
|
261
|
+
export const ColorZinc200 = "#e4e4e7";
|
|
262
|
+
export const ColorZinc300 = "#d4d4d8";
|
|
263
|
+
export const ColorZinc400 = "#a1a1aa";
|
|
264
|
+
export const ColorZinc500 = "#71717a";
|
|
265
|
+
export const ColorZinc600 = "#52525b";
|
|
266
|
+
export const ColorZinc700 = "#3f3f46";
|
|
267
|
+
export const ColorZinc800 = "#27272a";
|
|
268
|
+
export const ColorZinc900 = "#18181b";
|
|
269
|
+
export const ColorZinc950 = "#09090b";
|
|
270
|
+
export const ColorCoralRed50 = "#fff8f8";
|
|
271
|
+
export const ColorCoralRed100 = "#fff1f1";
|
|
272
|
+
export const ColorCoralRed200 = "#ffe1e1";
|
|
273
|
+
export const ColorCoralRed300 = "#ffc7c7";
|
|
274
|
+
export const ColorCoralRed400 = "#ffa0a0";
|
|
275
|
+
export const ColorCoralRed500 = "#ff5050";
|
|
276
|
+
export const ColorCoralRed600 = "#f83b3b";
|
|
277
|
+
export const ColorCoralRed700 = "#e51d1d";
|
|
278
|
+
export const ColorCoralRed800 = "#c11414";
|
|
279
|
+
export const ColorCoralRed900 = "#a01414";
|
|
280
|
+
export const ColorCoralRed950 = "#480707";
|
|
281
|
+
export const ColorSurface50 = "#fbfbfb";
|
|
282
|
+
export const ColorSurface100 = "#f7f7f7";
|
|
283
|
+
export const ColorSurface200 = "#ededed";
|
|
284
|
+
export const ColorSurface300 = "#d9d9d9";
|
|
285
|
+
export const ColorSurface400 = "#c8c8c8";
|
|
286
|
+
export const ColorSurface500 = "#adadad";
|
|
287
|
+
export const ColorSurface600 = "#999999";
|
|
288
|
+
export const ColorSurface700 = "#888888";
|
|
289
|
+
export const ColorSurface800 = "#7b7b7b";
|
|
290
|
+
export const ColorSurface900 = "#676767";
|
|
291
|
+
export const ColorSurface950 = "#363636";
|
|
292
|
+
export const ColorMerino50 = "#fcfbfa";
|
|
293
|
+
export const ColorMerino100 = "#f8f7f4";
|
|
294
|
+
export const ColorMerino200 = "#edeae1";
|
|
295
|
+
export const ColorMerino300 = "#ded9cb";
|
|
296
|
+
export const ColorMerino400 = "#c9c0a9";
|
|
297
|
+
export const ColorMerino500 = "#b2a386";
|
|
298
|
+
export const ColorMerino600 = "#a28e6e";
|
|
299
|
+
export const ColorMerino700 = "#947e62";
|
|
300
|
+
export const ColorMerino800 = "#7b6752";
|
|
301
|
+
export const ColorMerino900 = "#655546";
|
|
302
|
+
export const ColorMerino950 = "#2b231e";
|
|
303
|
+
export const ColorTuna50 = "#fcfcfc";
|
|
304
|
+
export const ColorTuna100 = "#f9f9f9";
|
|
305
|
+
export const ColorTuna200 = "#e9eaed";
|
|
306
|
+
export const ColorTuna300 = "#d4d6db";
|
|
307
|
+
export const ColorTuna400 = "#aaaeb8";
|
|
308
|
+
export const ColorTuna500 = "#7f8594";
|
|
309
|
+
export const ColorTuna600 = "#555d71";
|
|
310
|
+
export const ColorTuna700 = "#303642";
|
|
311
|
+
export const ColorTuna800 = "#242831";
|
|
312
|
+
export const ColorTuna900 = "#15181f";
|
|
313
|
+
export const ColorTuna950 = "#040508";
|
|
314
|
+
export const ColorSoftBlue50 = "#e1ecf9";
|
|
315
|
+
export const ColorSoftBlue100 = "#d6e1f6";
|
|
316
|
+
export const ColorSoftBlue200 = "#afc4ec";
|
|
317
|
+
export const ColorSoftBlue300 = "#86a6e1";
|
|
318
|
+
export const ColorSoftBlue400 = "#5d89d7";
|
|
319
|
+
export const ColorSoftBlue500 = "#4874cc";
|
|
320
|
+
export const ColorSoftBlue600 = "#3a5ca3";
|
|
321
|
+
export const ColorSoftBlue700 = "#2e4780";
|
|
322
|
+
export const ColorSoftBlue800 = "#23355f";
|
|
323
|
+
export const ColorSoftBlue900 = "#1a2645";
|
|
324
|
+
export const ColorSoftBlue950 = "#10162a";
|
|
325
|
+
export const ColorBayLeaf50 = "#f1f5f0";
|
|
326
|
+
export const ColorBayLeaf100 = "#dde8db";
|
|
327
|
+
export const ColorBayLeaf200 = "#c2d5be";
|
|
328
|
+
export const ColorBayLeaf300 = "#a4c0a0";
|
|
329
|
+
export const ColorBayLeaf400 = "#8aaa89";
|
|
330
|
+
export const ColorBayLeaf500 = "#769a6f";
|
|
331
|
+
export const ColorBayLeaf600 = "#5f7c59";
|
|
332
|
+
export const ColorBayLeaf700 = "#4a6045";
|
|
333
|
+
export const ColorBayLeaf800 = "#384733";
|
|
334
|
+
export const ColorBayLeaf900 = "#283225";
|
|
335
|
+
export const ColorBayLeaf950 = "#171f16";
|
|
336
|
+
export const ColorPrimaryInteraction = "#fc6613";
|
|
337
|
+
export const ColorPrimaryOnInteraction = "#7e2710";
|
|
338
|
+
export const ColorPrimaryBrand = "#fe8839";
|
|
339
|
+
export const ColorPrimaryOnBrand = "#441106";
|
|
340
|
+
export const ColorTextDefault = "#262626";
|
|
341
|
+
export const ColorTextInverted = "#ffffff";
|
|
342
|
+
export const ColorTextSubtle = "#303642";
|
|
343
|
+
export const ColorTextLight = "#7f8594";
|
|
344
|
+
export const ColorTextBrand = "#ed4c09";
|
|
345
|
+
export const ColorTextAccent = "#0f7173";
|
|
346
|
+
export const ColorTextStateDefault = "#737373";
|
|
347
|
+
export const ColorTextStateHover = "#404040";
|
|
348
|
+
export const ColorTextStateFilled = "#262626";
|
|
349
|
+
export const ColorTextStateDisabled = "#a3a3a3";
|
|
350
|
+
export const ColorTextStateError = "#dc2626";
|
|
351
|
+
export const ColorTextStateSuccess = "#15803d";
|
|
352
|
+
export const ColorBorderSubtle = "#e5e5e5";
|
|
353
|
+
export const ColorBorderMedium = "#a3a3a3";
|
|
354
|
+
export const ColorBorderAccent = "#fc6613";
|
|
355
|
+
export const ColorBorderAccentSecondary = "#0f7173";
|
|
356
|
+
export const ColorBorderFocusDefault = "#686fc8";
|
|
357
|
+
export const ColorBorderInputDefault = "#7f8594";
|
|
358
|
+
export const ColorBorderInputActive = "#262626";
|
|
359
|
+
export const ColorBorderInputHover = "#262626";
|
|
360
|
+
export const ColorBorderInputFilled = "#262626";
|
|
361
|
+
export const ColorBorderInputFocused = "#262626";
|
|
362
|
+
export const ColorBorderInputDisabled = "#d1d5db";
|
|
363
|
+
export const ColorBorderInputInverted = "#ffffff";
|
|
364
|
+
export const ColorBorderInputSuccess = "#15803d";
|
|
365
|
+
export const ColorBorderInputSuccessCopy = "#dc2626";
|
|
366
|
+
export const ColorBorderButtonBackgroundPrimaryDefault = "#fe8839";
|
|
367
|
+
export const ColorBorderButtonBackgroundPrimaryHover = "#fc6613";
|
|
368
|
+
export const ColorBorderButtonBackgroundPrimaryFocused = "#ed4c09";
|
|
369
|
+
export const ColorBorderButtonBackgroundPrimaryPressed = "#ed4c09";
|
|
370
|
+
export const ColorBorderButtonBackgroundPrimaryDisabled = "#a3a3a3";
|
|
371
|
+
export const ColorBorderButtonBackgroundSecondaryDefault = "#0d9394";
|
|
372
|
+
export const ColorBorderButtonBackgroundSecondaryHover = "#0f7173";
|
|
373
|
+
export const ColorBorderButtonBackgroundSecondaryPressed = "#042c2f";
|
|
374
|
+
export const ColorBorderButtonBackgroundSecondaryFocused = "#042c2f";
|
|
375
|
+
export const ColorBorderButtonBackgroundSecondaryDisabled = "#a3a3a3";
|
|
376
|
+
export const ColorBorderActiveDefault = "#0f7173";
|
|
377
|
+
export const ColorBorderActiveHover = "#115b5e";
|
|
378
|
+
export const ColorBorderActivePressed = "#042c2f";
|
|
379
|
+
export const ColorBorderActiveFocused = "#042c2f";
|
|
380
|
+
export const ColorSecondaryInteraction = "#15b7b6";
|
|
381
|
+
export const ColorSecondaryOnInteraction = "#042c2f";
|
|
382
|
+
export const ColorSecondaryBrand = "#2ed3cf";
|
|
383
|
+
export const ColorSecondaryOnBrand = "#042c2f";
|
|
384
|
+
export const ColorButtonBrandBackgroundPrimaryDefault = "#fe8839";
|
|
385
|
+
export const ColorButtonBrandBackgroundPrimaryHover = "#fc6613";
|
|
386
|
+
export const ColorButtonBrandBackgroundPrimaryFocused = "#ed4c09";
|
|
387
|
+
export const ColorButtonBrandBackgroundPrimaryDisabled = "#f5f5f5";
|
|
388
|
+
export const ColorButtonBrandBackgroundPrimaryPressed = "#ed4c09";
|
|
389
|
+
export const ColorButtonBrandBackgroundSecondaryDefault = "#0d9394";
|
|
390
|
+
export const ColorButtonBrandBackgroundSecondaryHover = "#0f7173";
|
|
391
|
+
export const ColorButtonBrandBackgroundSecondaryPressed = "#042c2f";
|
|
392
|
+
export const ColorButtonBrandBackgroundSecondaryFocused = "#042c2f";
|
|
393
|
+
export const ColorButtonBrandBackgroundSecondaryDisabled = "#f5f5f5";
|
|
394
|
+
export const ColorButtonBrandBackgroundTertiaryDefault = "#f5f5f5";
|
|
395
|
+
export const ColorButtonBrandBackgroundTertiaryHover = "#ededed";
|
|
396
|
+
export const ColorButtonBrandBackgroundTertiaryPressed = "#f5f5f5";
|
|
397
|
+
export const ColorButtonBrandBackgroundTertiaryFocused = "#f5f5f5";
|
|
398
|
+
export const ColorButtonBrandBackgroundTertiaryDisabled = "#f5f5f5";
|
|
399
|
+
export const ColorButtonBrandForegroundPrimaryDefault = "#ffffff";
|
|
400
|
+
export const ColorButtonBrandForegroundPrimaryDisabled = "#a3a3a3";
|
|
401
|
+
export const ColorButtonBrandForegroundSecondaryDefault = "#ffffff";
|
|
402
|
+
export const ColorButtonBrandForegroundSecondaryDisabled = "#a3a3a3";
|
|
403
|
+
export const ColorButtonGhostBackgroundDefault = "#ffffff00";
|
|
404
|
+
export const ColorButtonGhostBackgroundHover = "#ffffff00";
|
|
405
|
+
export const ColorButtonGhostBackgroundPressed = "#ffffff00";
|
|
406
|
+
export const ColorButtonGhostBackgroundFocused = "#ffffff00";
|
|
407
|
+
export const ColorButtonGhostBackgroundDisabled = "#ffffff00";
|
|
408
|
+
export const ColorButtonGhostForegroundDefault = "#78716c";
|
|
409
|
+
export const ColorButtonGhostForegroundHover = "#44403c";
|
|
410
|
+
export const ColorButtonGhostForegroundPressed = "#1c1917";
|
|
411
|
+
export const ColorButtonGhostForegroundFocused = "#1c1917";
|
|
412
|
+
export const ColorButtonGhostForegroundDisabled = "#a8a29e";
|
|
413
|
+
export const ColorButtonDestructiveBackgroundDefault = "#dc2626";
|
|
414
|
+
export const ColorButtonDestructiveBackgroundHover = "#991b1b";
|
|
415
|
+
export const ColorButtonDestructiveBackgroundPressed = "#450a0a";
|
|
416
|
+
export const ColorButtonDestructiveBackgroundFocused = "#450a0a";
|
|
417
|
+
export const ColorButtonDestructiveBackgroundDisabled = "#f5f5f5";
|
|
418
|
+
export const ColorButtonDestructiveForegroundDefault = "#ffffff";
|
|
419
|
+
export const ColorButtonDestructiveForegroundHover = "#ffffff";
|
|
420
|
+
export const ColorButtonDestructiveForegroundPressed = "#ffffff";
|
|
421
|
+
export const ColorButtonDestructiveForegroundFocused = "#ffffff";
|
|
422
|
+
export const ColorButtonDestructiveForegroundDisabled = "#a3a3a3";
|
|
423
|
+
export const ColorButtonOutlineBackgroundPrimaryDefault = "#ffffff";
|
|
424
|
+
export const ColorButtonOutlineBackgroundPrimaryHover = "#fff6ed";
|
|
425
|
+
export const ColorButtonOutlineBackgroundPrimaryFocused = "#ffebd4";
|
|
426
|
+
export const ColorButtonOutlineBackgroundPrimaryPressed = "#ffffff";
|
|
427
|
+
export const ColorButtonOutlineBackgroundPrimaryDisabled = "#ffffff";
|
|
428
|
+
export const ColorButtonOutlineBackgroundSecondaryDefault = "#ffffff";
|
|
429
|
+
export const ColorButtonOutlineBackgroundSecondaryHover = "#f0fdfb";
|
|
430
|
+
export const ColorButtonOutlineBackgroundSecondaryPressed = "#ccfbf6";
|
|
431
|
+
export const ColorButtonOutlineBackgroundSecondaryFocused = "#ffffff";
|
|
432
|
+
export const ColorButtonOutlineBackgroundSecondaryDisabled = "#ffffff";
|
|
433
|
+
export const ColorButtonOutlineForegroundPrimaryDefault = "#fe8839";
|
|
434
|
+
export const ColorButtonOutlineForegroundPrimaryHover = "#fc6613";
|
|
435
|
+
export const ColorButtonOutlineForegroundPrimaryPressed = "#ed4c09";
|
|
436
|
+
export const ColorButtonOutlineForegroundPrimaryFocused = "#ed4c09";
|
|
437
|
+
export const ColorButtonOutlineForegroundPrimaryDisabled = "#a3a3a3";
|
|
438
|
+
export const ColorButtonOutlineForegroundSecondaryDefault = "#0d9394";
|
|
439
|
+
export const ColorButtonOutlineForegroundSecondaryHover = "#0f7173";
|
|
440
|
+
export const ColorButtonOutlineForegroundSecondaryPressed = "#115b5e";
|
|
441
|
+
export const ColorButtonOutlineForegroundSecondaryFocused = "#115b5e";
|
|
442
|
+
export const ColorButtonOutlineForegroundSecondaryDisabled = "#a3a3a3";
|
|
443
|
+
export const ColorButtonSegmentedBackgroundDefault = "#fafafa";
|
|
444
|
+
export const ColorButtonSegmentedBackgroundHover = "#e5e5e5";
|
|
445
|
+
export const ColorButtonSegmentedBackgroundFocus = "#fafafa";
|
|
446
|
+
export const ColorButtonSegmentedBackgroundSelected = "#fe8839";
|
|
447
|
+
export const ColorButtonSegmentedBackgroundDisabled = "#ffffff00";
|
|
448
|
+
export const ColorButtonSegmentedForegroundDefault = "#303642";
|
|
449
|
+
export const ColorButtonSegmentedForegroundHover = "#303642";
|
|
450
|
+
export const ColorButtonSegmentedForegroundFocus = "#303642";
|
|
451
|
+
export const ColorButtonSegmentedForegroundSelected = "#ffffff";
|
|
452
|
+
export const ColorButtonSegmentedForegroundDisabled = "#a3a3a3";
|
|
453
|
+
export const ColorButtonSegmentedBorderDefault = "#a3a3a3";
|
|
454
|
+
export const ColorButtonSegmentedBorderHover = "#a3a3a3";
|
|
455
|
+
export const ColorButtonSegmentedBorderFocus = "#a3a3a3";
|
|
456
|
+
export const ColorButtonSegmentedBorderSelected = "#fe8839";
|
|
457
|
+
export const ColorButtonSegmentedBorderDisabled = "#e5e5e5";
|
|
458
|
+
export const ColorIconDefault = "#000000";
|
|
459
|
+
export const ColorIconSubtle = "#303642";
|
|
460
|
+
export const ColorIconInverted = "#ffffff";
|
|
461
|
+
export const ColorIconBranded = "#0f7173";
|
|
462
|
+
export const ColorIconDisabled = "#aaaeb8";
|
|
463
|
+
export const ColorElevationBase = "#ffffff00";
|
|
464
|
+
export const ColorElevationLevel1 = "#ffffff";
|
|
465
|
+
export const ColorElevationLevel2 = "#f5f5f5";
|
|
466
|
+
export const ColorElevationAccent = "#042c2f";
|
|
467
|
+
export const ColorElevationStateDisabled = "#fbfbfb";
|
|
468
|
+
export const ColorElevationStateHover = "#d9d9d9";
|
|
469
|
+
export const ColorElevationStatePressed = "#c8c8c8";
|
|
470
|
+
export const ColorElevationStatePressedSubtle = "#d9d9d9";
|
|
471
|
+
export const ColorElevationStateHoverSubtle = "#ededed";
|
|
472
|
+
export const ColorElevationAltDefault = "#edeae1";
|
|
473
|
+
export const ColorElevationAltCard = "#fafafa";
|
|
474
|
+
export const ColorElevationBrandDefault = "#fc6613";
|
|
475
|
+
export const ColorElevationBrandDark = "#ed4c09";
|
|
476
|
+
export const ColorElevationBrandSubtle = "#fe8839";
|
|
477
|
+
export const ColorPositiveDefault = "#22c55e";
|
|
478
|
+
export const ColorPositiveSubtle = "#f0fdf4";
|
|
479
|
+
export const ColorNegativeDefault = "#f83b3b";
|
|
480
|
+
export const ColorNegativeSubtle = "#fff1f1";
|
|
481
|
+
export const ColorNegativeLight = "#fff8f8";
|
|
482
|
+
export const ColorSelectedBackgroundDefault = "#ccfbf6";
|
|
483
|
+
export const ColorSelectedBackgroundInverted = "#0f7173";
|
|
484
|
+
export const ColorSelectedBackgroundHover = "#115b5e";
|
|
485
|
+
export const ColorSelectedBackgroundPressed = "#042c2f";
|
|
486
|
+
export const ColorSelectedForegroundDefault = "#0f7173";
|
|
487
|
+
export const ColorSelectedForegroundInverted = "#ccfbf6";
|
|
488
|
+
export const ColorSelectedForegroundHover = "#115b5e";
|
|
489
|
+
export const ColorSelectedForegroundPressed = "#042c2f";
|
|
490
|
+
export const ColorInfoDefault = "#2563eb";
|
|
491
|
+
export const ColorInfoSubtle = "#eff6ff";
|
|
492
|
+
export const ColorPageBackgroundDefault = "#ffffff";
|
|
493
|
+
export const ColorPageBackgroundAlternative = "#ffffff";
|
|
494
|
+
export const ColorMessagingWarningBackground = "#fff6ed";
|
|
495
|
+
export const ColorMessagingWarningForeground = "#fc6613";
|
|
496
|
+
export const ColorMessagingDangerBackground = "#ffc7c7";
|
|
497
|
+
export const ColorMessagingDangerForeground = "#a01414";
|
|
498
|
+
export const ColorMessagingInfoBackground = "#dbeafe";
|
|
499
|
+
export const ColorMessagingInfoForeground = "#1e40af";
|
|
500
|
+
export const ColorMessagingSuccessBackground = "#dcfce7";
|
|
501
|
+
export const ColorMessagingSuccessForeground = "#166534";
|
|
502
|
+
export const ColorHighlightLight = "#ffebd4";
|
|
503
|
+
export const ColorHighlightDefault = "#fc6613";
|
|
504
|
+
export const ColorHighlightInverted = "#7e2710";
|
|
505
|
+
export const ColorHighlightHover = "#c53709";
|
|
506
|
+
export const ColorHighlightPressed = "#7e2710";
|
|
507
|
+
export const ColorLinkNormalDefault = "#303642";
|
|
508
|
+
export const ColorLinkNormalHover = "#242831";
|
|
509
|
+
export const ColorLinkNormalVisited = "#555d71";
|
|
510
|
+
export const ColorLinkNormalFocused = "#15181f";
|
|
511
|
+
export const ColorLinkInvertedDefault = "#ffffff";
|
|
512
|
+
export const ColorLinkInvertedHover = "#d4d6db";
|
|
513
|
+
export const ColorLinkInvertedVisited = "#e9eaed";
|
|
514
|
+
export const ColorLinkInvertedFocused = "#f9f9f9";
|
|
515
|
+
export const ColorLinkBrandDefault = "#0f7173";
|
|
516
|
+
export const ColorLinkBrandHover = "#115b5e";
|
|
517
|
+
export const ColorLinkBrandVisited = "#5eeae2";
|
|
518
|
+
export const ColorLinkBrandFocused = "#115b5e";
|
|
519
|
+
export const BorderRadiusRounded = "4rem";
|
|
520
|
+
export const BorderRadiusRounded2xl = "16rem";
|
|
521
|
+
export const BorderRadiusRounded3xl = "24rem";
|
|
522
|
+
export const BorderRadiusRoundedBl = "4rem";
|
|
523
|
+
export const BorderRadiusRoundedBl2xl = "16rem";
|
|
524
|
+
export const BorderRadiusRoundedBl3xl = "24rem";
|
|
525
|
+
export const BorderRadiusRoundedBlFull = "9999rem";
|
|
526
|
+
export const BorderRadiusRoundedBlLg = "8rem";
|
|
527
|
+
export const BorderRadiusRoundedBlMd = "6rem";
|
|
528
|
+
export const BorderRadiusRoundedBlNone = "0";
|
|
529
|
+
export const BorderRadiusRoundedBlXl = "12rem";
|
|
530
|
+
export const BorderRadiusRoundedBr = "4rem";
|
|
531
|
+
export const BorderRadiusRoundedBr2xl = "16rem";
|
|
532
|
+
export const BorderRadiusRoundedBr3xl = "24rem";
|
|
533
|
+
export const BorderRadiusRoundedBrFull = "9999rem";
|
|
534
|
+
export const BorderRadiusRoundedBrLg = "8rem";
|
|
535
|
+
export const BorderRadiusRoundedBrMd = "6rem";
|
|
536
|
+
export const BorderRadiusRoundedBrNone = "0";
|
|
537
|
+
export const BorderRadiusRoundedBrXl = "12rem";
|
|
538
|
+
export const BorderRadiusRoundedFull = "9999rem";
|
|
539
|
+
export const BorderRadiusRoundedLg = "8rem";
|
|
540
|
+
export const BorderRadiusRoundedMd = "6rem";
|
|
541
|
+
export const BorderRadiusRoundedNone = "0";
|
|
542
|
+
export const BorderRadiusRoundedSm = "2rem";
|
|
543
|
+
export const BorderRadiusRoundedTl = "4rem";
|
|
544
|
+
export const BorderRadiusRoundedTl2xl = "16rem";
|
|
545
|
+
export const BorderRadiusRoundedTl3xl = "24rem";
|
|
546
|
+
export const BorderRadiusRoundedTlFull = "9999rem";
|
|
547
|
+
export const BorderRadiusRoundedTlLg = "8rem";
|
|
548
|
+
export const BorderRadiusRoundedTlMd = "6rem";
|
|
549
|
+
export const BorderRadiusRoundedTlNone = "0";
|
|
550
|
+
export const BorderRadiusRoundedTlSm = "2rem";
|
|
551
|
+
export const BorderRadiusRoundedTlXl = "12rem";
|
|
552
|
+
export const BorderRadiusRoundedTr = "4rem";
|
|
553
|
+
export const BorderRadiusRoundedTr2xl = "16rem";
|
|
554
|
+
export const BorderRadiusRoundedTr3xl = "24rem";
|
|
555
|
+
export const BorderRadiusRoundedTrFull = "9999rem";
|
|
556
|
+
export const BorderRadiusRoundedTrLg = "8rem";
|
|
557
|
+
export const BorderRadiusRoundedTrMd = "6rem";
|
|
558
|
+
export const BorderRadiusRoundedTrNone = "0";
|
|
559
|
+
export const BorderRadiusRoundedTrXl = "12rem";
|
|
560
|
+
export const BorderRadiusRoundedXl = "12rem";
|
|
561
|
+
export const FontWeightFontBlack = "900";
|
|
562
|
+
export const FontWeightFontBold = "700";
|
|
563
|
+
export const FontWeightFontExtrabold = "800";
|
|
564
|
+
export const FontWeightFontExtralight = "200";
|
|
565
|
+
export const FontWeightFontLight = "300";
|
|
566
|
+
export const FontWeightFontMedium = "500";
|
|
567
|
+
export const FontWeightFontNormal = "400";
|
|
568
|
+
export const FontWeightFontSemibold = "600";
|
|
569
|
+
export const FontWeightFontThin = "100";
|
|
570
|
+
export const FontLeadingLeadingBase = "16";
|
|
571
|
+
export const FontLeadingLeadingXxs = "14";
|
|
572
|
+
export const FontLeadingLeadingXxxs = "12";
|
|
573
|
+
export const FontLeadingLeadingXs = "18";
|
|
574
|
+
export const FontLeadingLeadingSm = "20";
|
|
575
|
+
export const FontLeadingLeadingMd = "24";
|
|
576
|
+
export const FontLeadingLeadingLg = "28";
|
|
577
|
+
export const FontLeadingLeadingXl = "32";
|
|
578
|
+
export const FontLeadingLeading2xl = "36";
|
|
579
|
+
export const FontLeadingLeading3xl = "40";
|
|
580
|
+
export const FontLeadingLeading4xl = "44";
|
|
581
|
+
export const FontLeadingLeading5xl = "52";
|
|
582
|
+
export const FontLeadingLeading6xl = "64";
|
|
583
|
+
export const FontLeadingLeading7xl = "72";
|
|
584
|
+
export const FontLeadingLeading8xl = "96";
|
|
585
|
+
export const FontLeadingLeading9xl = "128";
|
|
586
|
+
export const FontSizeText2xl = "24rem";
|
|
587
|
+
export const FontSizeText3xl = "30rem";
|
|
588
|
+
export const FontSizeText4xl = "36rem";
|
|
589
|
+
export const FontSizeText5xl = "48rem";
|
|
590
|
+
export const FontSizeText6xl = "60rem";
|
|
591
|
+
export const FontSizeText7xl = "72rem";
|
|
592
|
+
export const FontSizeText8xl = "96rem";
|
|
593
|
+
export const FontSizeText9xl = "128rem";
|
|
594
|
+
export const FontSizeTextBase = "16rem";
|
|
595
|
+
export const FontSizeTextLg = "18rem";
|
|
596
|
+
export const FontSizeTextSm = "14rem";
|
|
597
|
+
export const FontSizeTextXl = "20rem";
|
|
598
|
+
export const FontSizeTextXs = "12rem";
|
|
599
|
+
export const FontTrackingTrackingNormal = "0";
|
|
600
|
+
export const FontTrackingTrackingTight = "-2.5rem";
|
|
601
|
+
export const FontTrackingTrackingTighter = "-5rem";
|
|
602
|
+
export const FontTrackingTrackingWide = "2.5rem";
|
|
603
|
+
export const FontTrackingTrackingWider = "5rem";
|
|
604
|
+
export const FontTrackingTrackingWidest = "10rem";
|
|
605
|
+
export const FontFontFamilyHeading = "satoshi";
|
|
606
|
+
export const FontFontFamilyBody = "satoshi";
|
|
607
|
+
export const OpacityOpacity0 = "0";
|
|
608
|
+
export const OpacityOpacity10 = "10";
|
|
609
|
+
export const OpacityOpacity100 = "100";
|
|
610
|
+
export const OpacityOpacity15 = "15";
|
|
611
|
+
export const OpacityOpacity20 = "20";
|
|
612
|
+
export const OpacityOpacity25 = "25";
|
|
613
|
+
export const OpacityOpacity30 = "30";
|
|
614
|
+
export const OpacityOpacity35 = "35";
|
|
615
|
+
export const OpacityOpacity40 = "40";
|
|
616
|
+
export const OpacityOpacity45 = "45";
|
|
617
|
+
export const OpacityOpacity5 = "5";
|
|
618
|
+
export const OpacityOpacity50 = "50";
|
|
619
|
+
export const OpacityOpacity55 = "55";
|
|
620
|
+
export const OpacityOpacity60 = "60";
|
|
621
|
+
export const OpacityOpacity65 = "65";
|
|
622
|
+
export const OpacityOpacity70 = "70";
|
|
623
|
+
export const OpacityOpacity75 = "75";
|
|
624
|
+
export const OpacityOpacity80 = "80";
|
|
625
|
+
export const OpacityOpacity85 = "85";
|
|
626
|
+
export const OpacityOpacity90 = "90";
|
|
627
|
+
export const OpacityOpacity95 = "95";
|
|
628
|
+
export const SpacingGapGap0 = "0";
|
|
629
|
+
export const SpacingGapGap05 = "2rem";
|
|
630
|
+
export const SpacingGapGap1 = "4rem";
|
|
631
|
+
export const SpacingGapGap15 = "6rem";
|
|
632
|
+
export const SpacingGapGap10 = "40rem";
|
|
633
|
+
export const SpacingGapGap11 = "44rem";
|
|
634
|
+
export const SpacingGapGap12 = "48rem";
|
|
635
|
+
export const SpacingGapGap14 = "56rem";
|
|
636
|
+
export const SpacingGapGap16 = "64rem";
|
|
637
|
+
export const SpacingGapGap2 = "8rem";
|
|
638
|
+
export const SpacingGapGap25 = "10rem";
|
|
639
|
+
export const SpacingGapGap20 = "80rem";
|
|
640
|
+
export const SpacingGapGap24 = "96rem";
|
|
641
|
+
export const SpacingGapGap28 = "112rem";
|
|
642
|
+
export const SpacingGapGap3 = "12rem";
|
|
643
|
+
export const SpacingGapGap35 = "14rem";
|
|
644
|
+
export const SpacingGapGap32 = "128rem";
|
|
645
|
+
export const SpacingGapGap36 = "144rem";
|
|
646
|
+
export const SpacingGapGap4 = "16rem";
|
|
647
|
+
export const SpacingGapGap40 = "160rem";
|
|
648
|
+
export const SpacingGapGap44 = "176rem";
|
|
649
|
+
export const SpacingGapGap48 = "192rem";
|
|
650
|
+
export const SpacingGapGap5 = "20rem";
|
|
651
|
+
export const SpacingGapGap52 = "208rem";
|
|
652
|
+
export const SpacingGapGap56 = "224rem";
|
|
653
|
+
export const SpacingGapGap6 = "24rem";
|
|
654
|
+
export const SpacingGapGap60 = "224rem";
|
|
655
|
+
export const SpacingGapGap64 = "256rem";
|
|
656
|
+
export const SpacingGapGap7 = "28rem";
|
|
657
|
+
export const SpacingGapGap72 = "288rem";
|
|
658
|
+
export const SpacingGapGap8 = "32rem";
|
|
659
|
+
export const SpacingGapGap80 = "320rem";
|
|
660
|
+
export const SpacingGapGap9 = "36rem";
|
|
661
|
+
export const SpacingGapGap96 = "384rem";
|
|
662
|
+
export const SpacingGapGapPx = "1rem";
|
|
663
|
+
export const SpacingGapGapX0 = "0";
|
|
664
|
+
export const SpacingGapGapY0 = "0";
|
|
665
|
+
export const SpacingMarginMx0 = "0";
|
|
666
|
+
export const SpacingMarginMx05 = "2rem";
|
|
667
|
+
export const SpacingMarginMx1 = "4rem";
|
|
668
|
+
export const SpacingMarginMx15 = "6rem";
|
|
669
|
+
export const SpacingMarginMx10 = "40rem";
|
|
670
|
+
export const SpacingMarginMx11 = "44rem";
|
|
671
|
+
export const SpacingMarginMx12 = "48rem";
|
|
672
|
+
export const SpacingMarginMx14 = "56rem";
|
|
673
|
+
export const SpacingMarginMx16 = "64rem";
|
|
674
|
+
export const SpacingMarginMx18 = "72rem";
|
|
675
|
+
export const SpacingMarginMx2 = "8rem";
|
|
676
|
+
export const SpacingMarginMx25 = "10rem";
|
|
677
|
+
export const SpacingMarginMx20 = "80rem";
|
|
678
|
+
export const SpacingMarginMx24 = "96rem";
|
|
679
|
+
export const SpacingMarginMx28 = "112rem";
|
|
680
|
+
export const SpacingMarginMx3 = "12rem";
|
|
681
|
+
export const SpacingMarginMx35 = "14rem";
|
|
682
|
+
export const SpacingMarginMx32 = "128rem";
|
|
683
|
+
export const SpacingMarginMx36 = "144rem";
|
|
684
|
+
export const SpacingMarginMx4 = "16rem";
|
|
685
|
+
export const SpacingMarginMx40 = "160rem";
|
|
686
|
+
export const SpacingMarginMx44 = "176rem";
|
|
687
|
+
export const SpacingMarginMx48 = "192rem";
|
|
688
|
+
export const SpacingMarginMx5 = "20rem";
|
|
689
|
+
export const SpacingMarginMx52 = "208rem";
|
|
690
|
+
export const SpacingMarginMx56 = "224rem";
|
|
691
|
+
export const SpacingMarginMx6 = "24rem";
|
|
692
|
+
export const SpacingMarginMx60 = "240rem";
|
|
693
|
+
export const SpacingMarginMx64 = "256rem";
|
|
694
|
+
export const SpacingMarginMx7 = "28rem";
|
|
695
|
+
export const SpacingMarginMx72 = "288rem";
|
|
696
|
+
export const SpacingMarginMx8 = "32rem";
|
|
697
|
+
export const SpacingMarginMx80 = "320rem";
|
|
698
|
+
export const SpacingMarginMx9 = "36rem";
|
|
699
|
+
export const SpacingMarginMx96 = "384rem";
|
|
700
|
+
export const SpacingMarginMxPx = "1rem";
|
|
701
|
+
export const SpacingMarginMy0 = "0";
|
|
702
|
+
export const SpacingMarginMy05 = "2rem";
|
|
703
|
+
export const SpacingMarginMy1 = "4rem";
|
|
704
|
+
export const SpacingMarginMy15 = "6rem";
|
|
705
|
+
export const SpacingMarginMy10 = "40rem";
|
|
706
|
+
export const SpacingMarginMy12 = "48rem";
|
|
707
|
+
export const SpacingMarginMy16 = "64rem";
|
|
708
|
+
export const SpacingMarginMy18 = "72rem";
|
|
709
|
+
export const SpacingMarginMy2 = "8rem";
|
|
710
|
+
export const SpacingMarginMy25 = "10rem";
|
|
711
|
+
export const SpacingMarginMy20 = "80rem";
|
|
712
|
+
export const SpacingMarginMy24 = "96rem";
|
|
713
|
+
export const SpacingMarginMy28 = "112rem";
|
|
714
|
+
export const SpacingMarginMy3 = "12rem";
|
|
715
|
+
export const SpacingMarginMy35 = "14rem";
|
|
716
|
+
export const SpacingMarginMy32 = "128rem";
|
|
717
|
+
export const SpacingMarginMy36 = "144rem";
|
|
718
|
+
export const SpacingMarginMy4 = "16rem";
|
|
719
|
+
export const SpacingMarginMy40 = "160rem";
|
|
720
|
+
export const SpacingMarginMy44 = "176rem";
|
|
721
|
+
export const SpacingMarginMy48 = "192rem";
|
|
722
|
+
export const SpacingMarginMy5 = "20rem";
|
|
723
|
+
export const SpacingMarginMy52 = "208rem";
|
|
724
|
+
export const SpacingMarginMy56 = "224rem";
|
|
725
|
+
export const SpacingMarginMy6 = "24rem";
|
|
726
|
+
export const SpacingMarginMy60 = "240rem";
|
|
727
|
+
export const SpacingMarginMy64 = "256rem";
|
|
728
|
+
export const SpacingMarginMy72 = "288rem";
|
|
729
|
+
export const SpacingMarginMy8 = "32rem";
|
|
730
|
+
export const SpacingMarginMy80 = "320rem";
|
|
731
|
+
export const SpacingMarginMy9 = "36rem";
|
|
732
|
+
export const SpacingMarginMy96 = "384rem";
|
|
733
|
+
export const SpacingMarginMyPx = "1rem";
|
|
734
|
+
export const SpacingPaddingPx0 = "0";
|
|
735
|
+
export const SpacingPaddingPx05 = "2rem";
|
|
736
|
+
export const SpacingPaddingPx1 = "4rem";
|
|
737
|
+
export const SpacingPaddingPx15 = "6rem";
|
|
738
|
+
export const SpacingPaddingPx10 = "40rem";
|
|
739
|
+
export const SpacingPaddingPx11 = "44rem";
|
|
740
|
+
export const SpacingPaddingPx12 = "48rem";
|
|
741
|
+
export const SpacingPaddingPx14 = "56rem";
|
|
742
|
+
export const SpacingPaddingPx16 = "64rem";
|
|
743
|
+
export const SpacingPaddingPx18 = "72rem";
|
|
744
|
+
export const SpacingPaddingPx2 = "8rem";
|
|
745
|
+
export const SpacingPaddingPx25 = "10rem";
|
|
746
|
+
export const SpacingPaddingPx20 = "80rem";
|
|
747
|
+
export const SpacingPaddingPx24 = "96rem";
|
|
748
|
+
export const SpacingPaddingPx28 = "112rem";
|
|
749
|
+
export const SpacingPaddingPx3 = "12rem";
|
|
750
|
+
export const SpacingPaddingPx35 = "14rem";
|
|
751
|
+
export const SpacingPaddingPx32 = "128rem";
|
|
752
|
+
export const SpacingPaddingPx36 = "144rem";
|
|
753
|
+
export const SpacingPaddingPx4 = "16rem";
|
|
754
|
+
export const SpacingPaddingPx40 = "160rem";
|
|
755
|
+
export const SpacingPaddingPx44 = "176rem";
|
|
756
|
+
export const SpacingPaddingPx48 = "192rem";
|
|
757
|
+
export const SpacingPaddingPx5 = "20rem";
|
|
758
|
+
export const SpacingPaddingPx52 = "208rem";
|
|
759
|
+
export const SpacingPaddingPx56 = "224rem";
|
|
760
|
+
export const SpacingPaddingPx6 = "24rem";
|
|
761
|
+
export const SpacingPaddingPx60 = "240rem";
|
|
762
|
+
export const SpacingPaddingPx64 = "256rem";
|
|
763
|
+
export const SpacingPaddingPx7 = "28rem";
|
|
764
|
+
export const SpacingPaddingPx72 = "288rem";
|
|
765
|
+
export const SpacingPaddingPx8 = "32rem";
|
|
766
|
+
export const SpacingPaddingPx80 = "320rem";
|
|
767
|
+
export const SpacingPaddingPx9 = "36rem";
|
|
768
|
+
export const SpacingPaddingPx96 = "384rem";
|
|
769
|
+
export const SpacingPaddingPxPx = "1rem";
|
|
770
|
+
export const SpacingPaddingPy0 = "0";
|
|
771
|
+
export const SpacingPaddingPy05 = "2rem";
|
|
772
|
+
export const SpacingPaddingPy1 = "4rem";
|
|
773
|
+
export const SpacingPaddingPy15 = "6rem";
|
|
774
|
+
export const SpacingPaddingPy10 = "40rem";
|
|
775
|
+
export const SpacingPaddingPy12 = "48rem";
|
|
776
|
+
export const SpacingPaddingPy16 = "64rem";
|
|
777
|
+
export const SpacingPaddingPy18 = "72rem";
|
|
778
|
+
export const SpacingPaddingPy2 = "8rem";
|
|
779
|
+
export const SpacingPaddingPy25 = "10rem";
|
|
780
|
+
export const SpacingPaddingPy20 = "80rem";
|
|
781
|
+
export const SpacingPaddingPy24 = "96rem";
|
|
782
|
+
export const SpacingPaddingPy28 = "112rem";
|
|
783
|
+
export const SpacingPaddingPy3 = "12rem";
|
|
784
|
+
export const SpacingPaddingPy35 = "14rem";
|
|
785
|
+
export const SpacingPaddingPy32 = "128rem";
|
|
786
|
+
export const SpacingPaddingPy36 = "144rem";
|
|
787
|
+
export const SpacingPaddingPy4 = "16rem";
|
|
788
|
+
export const SpacingPaddingPy40 = "160rem";
|
|
789
|
+
export const SpacingPaddingPy44 = "176rem";
|
|
790
|
+
export const SpacingPaddingPy48 = "192rem";
|
|
791
|
+
export const SpacingPaddingPy5 = "20rem";
|
|
792
|
+
export const SpacingPaddingPy52 = "208rem";
|
|
793
|
+
export const SpacingPaddingPy56 = "224rem";
|
|
794
|
+
export const SpacingPaddingPy6 = "24rem";
|
|
795
|
+
export const SpacingPaddingPy60 = "240rem";
|
|
796
|
+
export const SpacingPaddingPy64 = "256rem";
|
|
797
|
+
export const SpacingPaddingPy72 = "288rem";
|
|
798
|
+
export const SpacingPaddingPy8 = "32rem";
|
|
799
|
+
export const SpacingPaddingPy80 = "320rem";
|
|
800
|
+
export const SpacingPaddingPy9 = "36rem";
|
|
801
|
+
export const SpacingPaddingPy96 = "384rem";
|
|
802
|
+
export const SpacingPaddingPyPx = "1rem";
|
|
803
|
+
export const SpacingSpaceXSpaceX0 = "0";
|
|
804
|
+
export const SpacingSpaceXSpaceX05 = "2rem";
|
|
805
|
+
export const SpacingSpaceXSpaceX1 = "4rem";
|
|
806
|
+
export const SpacingSpaceXSpaceX15 = "6rem";
|
|
807
|
+
export const SpacingSpaceXSpaceX10 = "40rem";
|
|
808
|
+
export const SpacingSpaceXSpaceX11 = "44rem";
|
|
809
|
+
export const SpacingSpaceXSpaceX12 = "48rem";
|
|
810
|
+
export const SpacingSpaceXSpaceX14 = "56rem";
|
|
811
|
+
export const SpacingSpaceXSpaceX16 = "64rem";
|
|
812
|
+
export const SpacingSpaceXSpaceX2 = "8rem";
|
|
813
|
+
export const SpacingSpaceXSpaceX25 = "10rem";
|
|
814
|
+
export const SpacingSpaceXSpaceX20 = "80rem";
|
|
815
|
+
export const SpacingSpaceXSpaceX24 = "96rem";
|
|
816
|
+
export const SpacingSpaceXSpaceX28 = "112rem";
|
|
817
|
+
export const SpacingSpaceXSpaceX3 = "12rem";
|
|
818
|
+
export const SpacingSpaceXSpaceX35 = "14rem";
|
|
819
|
+
export const SpacingSpaceXSpaceX32 = "128rem";
|
|
820
|
+
export const SpacingSpaceXSpaceX36 = "144rem";
|
|
821
|
+
export const SpacingSpaceXSpaceX4 = "16rem";
|
|
822
|
+
export const SpacingSpaceXSpaceX40 = "160rem";
|
|
823
|
+
export const SpacingSpaceXSpaceX44 = "176rem";
|
|
824
|
+
export const SpacingSpaceXSpaceX48 = "192rem";
|
|
825
|
+
export const SpacingSpaceXSpaceX5 = "20rem";
|
|
826
|
+
export const SpacingSpaceXSpaceX52 = "208rem";
|
|
827
|
+
export const SpacingSpaceXSpaceX56 = "224rem";
|
|
828
|
+
export const SpacingSpaceXSpaceX6 = "24rem";
|
|
829
|
+
export const SpacingSpaceXSpaceX60 = "240rem";
|
|
830
|
+
export const SpacingSpaceXSpaceX64 = "256rem";
|
|
831
|
+
export const SpacingSpaceXSpaceX7 = "28rem";
|
|
832
|
+
export const SpacingSpaceXSpaceX72 = "288rem";
|
|
833
|
+
export const SpacingSpaceXSpaceX8 = "32rem";
|
|
834
|
+
export const SpacingSpaceXSpaceX80 = "320rem";
|
|
835
|
+
export const SpacingSpaceXSpaceX9 = "36rem";
|
|
836
|
+
export const SpacingSpaceXSpaceX96 = "384rem";
|
|
837
|
+
export const SpacingSpaceYSpaceY0 = "0";
|
|
838
|
+
export const SpacingSpaceYSpaceY05 = "2rem";
|
|
839
|
+
export const SpacingSpaceYSpaceY1 = "4rem";
|
|
840
|
+
export const SpacingSpaceYSpaceY15 = "6rem";
|
|
841
|
+
export const SpacingSpaceYSpaceY10 = "40rem";
|
|
842
|
+
export const SpacingSpaceYSpaceY11 = "44rem";
|
|
843
|
+
export const SpacingSpaceYSpaceY12 = "48rem";
|
|
844
|
+
export const SpacingSpaceYSpaceY14 = "56rem";
|
|
845
|
+
export const SpacingSpaceYSpaceY16 = "64rem";
|
|
846
|
+
export const SpacingSpaceYSpaceY2 = "8rem";
|
|
847
|
+
export const SpacingSpaceYSpaceY25 = "10rem";
|
|
848
|
+
export const SpacingSpaceYSpaceY20 = "80rem";
|
|
849
|
+
export const SpacingSpaceYSpaceY24 = "96rem";
|
|
850
|
+
export const SpacingSpaceYSpaceY28 = "112rem";
|
|
851
|
+
export const SpacingSpaceYSpaceY3 = "12rem";
|
|
852
|
+
export const SpacingSpaceYSpaceY35 = "14rem";
|
|
853
|
+
export const SpacingSpaceYSpaceY32 = "128rem";
|
|
854
|
+
export const SpacingSpaceYSpaceY36 = "144rem";
|
|
855
|
+
export const SpacingSpaceYSpaceY4 = "16rem";
|
|
856
|
+
export const SpacingSpaceYSpaceY40 = "160rem";
|
|
857
|
+
export const SpacingSpaceYSpaceY44 = "176rem";
|
|
858
|
+
export const SpacingSpaceYSpaceY48 = "192rem";
|
|
859
|
+
export const SpacingSpaceYSpaceY5 = "20rem";
|
|
860
|
+
export const SpacingSpaceYSpaceY52 = "208rem";
|
|
861
|
+
export const SpacingSpaceYSpaceY56 = "224rem";
|
|
862
|
+
export const SpacingSpaceYSpaceY6 = "24rem";
|
|
863
|
+
export const SpacingSpaceYSpaceY60 = "240rem";
|
|
864
|
+
export const SpacingSpaceYSpaceY64 = "256rem";
|
|
865
|
+
export const SpacingSpaceYSpaceY7 = "28rem";
|
|
866
|
+
export const SpacingSpaceYSpaceY72 = "288rem";
|
|
867
|
+
export const SpacingSpaceYSpaceY8 = "32rem";
|
|
868
|
+
export const SpacingSpaceYSpaceY80 = "320rem";
|
|
869
|
+
export const SpacingSpaceYSpaceY9 = "36rem";
|
|
870
|
+
export const SpacingSpaceYSpaceY96 = "384rem";
|
|
871
|
+
export const SpacingBase0 = "0";
|
|
872
|
+
export const SpacingBase1 = "4rem";
|
|
873
|
+
export const SpacingBase2 = "8rem";
|
|
874
|
+
export const SpacingBase3 = "12rem";
|
|
875
|
+
export const SpacingBase4 = "16rem";
|
|
876
|
+
export const SpacingBase5 = "20rem";
|
|
877
|
+
export const SpacingBase6 = "24rem";
|
|
878
|
+
export const SpacingBase7 = "28rem";
|
|
879
|
+
export const SpacingBase8 = "32rem";
|
|
880
|
+
export const SpacingBase9 = "36rem";
|
|
881
|
+
export const SpacingBase10 = "40rem";
|
|
882
|
+
export const SpacingBase11 = "44rem";
|
|
883
|
+
export const SpacingBase12 = "48rem";
|
|
884
|
+
export const SpacingBase14 = "56rem";
|
|
885
|
+
export const SpacingBase16 = "64rem";
|
|
886
|
+
export const SpacingBase20 = "80rem";
|
|
887
|
+
export const SpacingBase24 = "96rem";
|
|
888
|
+
export const SpacingBase28 = "112rem";
|
|
889
|
+
export const SpacingBase32 = "128rem";
|
|
890
|
+
export const SpacingBase36 = "144rem";
|
|
891
|
+
export const SpacingBase40 = "160rem";
|
|
892
|
+
export const SpacingBase44 = "176rem";
|
|
893
|
+
export const SpacingBase48 = "192rem";
|
|
894
|
+
export const SpacingBase52 = "208rem";
|
|
895
|
+
export const SpacingBase56 = "224rem";
|
|
896
|
+
export const SpacingBase60 = "240rem";
|
|
897
|
+
export const SpacingBase64 = "256rem";
|
|
898
|
+
export const SpacingBase72 = "288rem";
|
|
899
|
+
export const SpacingBase80 = "320rem";
|
|
900
|
+
export const SpacingBase96 = "384rem";
|
|
901
|
+
export const SpacingBase35 = "14rem";
|
|
902
|
+
export const SpacingBase05 = "2rem";
|
|
903
|
+
export const SpacingBasePx = "1rem";
|
|
904
|
+
export const SpacingBase15 = "6rem";
|
|
905
|
+
export const SpacingBase25 = "10rem";
|
|
906
|
+
export const SpacingSpaceHalfUnit = "2rem";
|
|
907
|
+
export const SpacingSpaceBaseUnit = "4rem";
|
|
908
|
+
export const SpacingButtonSmPaddingX = "12rem";
|
|
909
|
+
export const SpacingButtonSmPaddingY = "12rem";
|
|
910
|
+
export const SpacingButtonSmGap = "4rem";
|
|
911
|
+
export const BorderBorder = "1rem";
|
|
912
|
+
export const BorderBorder0 = "0";
|
|
913
|
+
export const BorderBorder05 = "0.5rem";
|
|
914
|
+
export const BorderBorder2 = "2rem";
|
|
915
|
+
export const BorderBorder4 = "4rem";
|
|
916
|
+
export const BorderBorder8 = "8rem";
|
|
917
|
+
export const BorderBorderB = "1rem";
|
|
918
|
+
export const BorderBorderB0 = "0.5rem";
|
|
919
|
+
export const BorderBorderB2 = "2rem";
|
|
920
|
+
export const BorderBorderB4 = "4rem";
|
|
921
|
+
export const BorderBorderB8 = "8rem";
|
|
922
|
+
export const BorderBorderL = "1rem";
|
|
923
|
+
export const BorderBorderL0 = "0.5rem";
|
|
924
|
+
export const BorderBorderL2 = "2rem";
|
|
925
|
+
export const BorderBorderL4 = "4rem";
|
|
926
|
+
export const BorderBorderL8 = "8rem";
|
|
927
|
+
export const BorderBorderR = "1rem";
|
|
928
|
+
export const BorderBorderR0 = "0.5rem";
|
|
929
|
+
export const BorderBorderR2 = "2rem";
|
|
930
|
+
export const BorderBorderR4 = "4rem";
|
|
931
|
+
export const BorderBorderR8 = "8rem";
|
|
932
|
+
export const BorderBorderT = "1rem";
|
|
933
|
+
export const BorderBorderT0 = "0.5rem";
|
|
934
|
+
export const BorderBorderT2 = "2rem";
|
|
935
|
+
export const BorderBorderT4 = "8rem";
|
|
936
|
+
export const BorderBorderT8 = "8rem";
|
|
937
|
+
export const BorderBorderX = "1rem";
|
|
938
|
+
export const BorderBorderX0 = "0.5rem";
|
|
939
|
+
export const BorderBorderX2 = "2rem";
|
|
940
|
+
export const BorderBorderX4 = "4rem";
|
|
941
|
+
export const BorderBorderX8 = "8rem";
|
|
942
|
+
export const BorderBorderY = "1rem";
|
|
943
|
+
export const BorderBorderY0 = "0.5rem";
|
|
944
|
+
export const BorderBorderY2 = "2rem";
|
|
945
|
+
export const BorderBorderY4 = "4rem";
|
|
946
|
+
export const BorderBorderY8 = "8rem";
|
|
947
|
+
export const BorderSpacingItemPaddingX = "0";
|
|
948
|
+
export const BorderSpacingItemPaddingY = "0";
|
|
949
|
+
export const BorderSpacingItemGap = "8rem";
|
|
950
|
+
export const BorderSpacingContainerPaddingX = "0";
|
|
951
|
+
export const BorderSpacingContainerPaddingY = "0";
|
|
952
|
+
export const BorderSpacingContainerGap = "8rem";
|
|
953
|
+
export const DimensionHeightH0 = "0";
|
|
954
|
+
export const DimensionHeightH05 = "2rem";
|
|
955
|
+
export const DimensionHeightH1 = "4rem";
|
|
956
|
+
export const DimensionHeightH10 = "40rem";
|
|
957
|
+
export const DimensionHeightH12 = "48rem";
|
|
958
|
+
export const DimensionHeightH14 = "56rem";
|
|
959
|
+
export const DimensionHeightH16 = "64rem";
|
|
960
|
+
export const DimensionHeightH18 = "72rem";
|
|
961
|
+
export const DimensionHeightH2 = "8rem";
|
|
962
|
+
export const DimensionHeightH25 = "10rem";
|
|
963
|
+
export const DimensionHeightH20 = "80rem";
|
|
964
|
+
export const DimensionHeightH24 = "96rem";
|
|
965
|
+
export const DimensionHeightH3 = "12rem";
|
|
966
|
+
export const DimensionHeightH35 = "14rem";
|
|
967
|
+
export const DimensionHeightH4 = "16rem";
|
|
968
|
+
export const DimensionHeightH48 = "192rem";
|
|
969
|
+
export const DimensionHeightH5 = "20rem";
|
|
970
|
+
export const DimensionHeightH6 = "24rem";
|
|
971
|
+
export const DimensionHeightH7 = "28rem";
|
|
972
|
+
export const DimensionHeightH72 = "288rem";
|
|
973
|
+
export const DimensionHeightH8 = "32rem";
|
|
974
|
+
export const DimensionHeightH9 = "36rem";
|
|
975
|
+
export const DimensionHeightH96 = "384rem";
|
|
976
|
+
export const DimensionHeightHPx = "1rem";
|
|
977
|
+
export const DimensionMaxHMaxH0 = "0";
|
|
978
|
+
export const DimensionMaxHMaxH05 = "2rem";
|
|
979
|
+
export const DimensionMaxHMaxH1 = "4rem";
|
|
980
|
+
export const DimensionMaxHMaxH15 = "6rem";
|
|
981
|
+
export const DimensionMaxHMaxH10 = "40rem";
|
|
982
|
+
export const DimensionMaxHMaxH11 = "44rem";
|
|
983
|
+
export const DimensionMaxHMaxH12 = "48rem";
|
|
984
|
+
export const DimensionMaxHMaxH14 = "56rem";
|
|
985
|
+
export const DimensionMaxHMaxH16 = "64rem";
|
|
986
|
+
export const DimensionMaxHMaxH2 = "8rem";
|
|
987
|
+
export const DimensionMaxHMaxH25 = "10rem";
|
|
988
|
+
export const DimensionMaxHMaxH20 = "80rem";
|
|
989
|
+
export const DimensionMaxHMaxH24 = "96rem";
|
|
990
|
+
export const DimensionMaxHMaxH28 = "112rem";
|
|
991
|
+
export const DimensionMaxHMaxH3 = "12rem";
|
|
992
|
+
export const DimensionMaxHMaxH35 = "14rem";
|
|
993
|
+
export const DimensionMaxHMaxH32 = "128rem";
|
|
994
|
+
export const DimensionMaxHMaxH36 = "144rem";
|
|
995
|
+
export const DimensionMaxHMaxH4 = "16rem";
|
|
996
|
+
export const DimensionMaxHMaxH40 = "160rem";
|
|
997
|
+
export const DimensionMaxHMaxH44 = "176rem";
|
|
998
|
+
export const DimensionMaxHMaxH48 = "192rem";
|
|
999
|
+
export const DimensionMaxHMaxH5 = "20rem";
|
|
1000
|
+
export const DimensionMaxHMaxH52 = "208rem";
|
|
1001
|
+
export const DimensionMaxHMaxH56 = "224rem";
|
|
1002
|
+
export const DimensionMaxHMaxH6 = "24rem";
|
|
1003
|
+
export const DimensionMaxHMaxH60 = "240rem";
|
|
1004
|
+
export const DimensionMaxHMaxH64 = "256rem";
|
|
1005
|
+
export const DimensionMaxHMaxH7 = "28rem";
|
|
1006
|
+
export const DimensionMaxHMaxH72 = "288rem";
|
|
1007
|
+
export const DimensionMaxHMaxH8 = "32rem";
|
|
1008
|
+
export const DimensionMaxHMaxH80 = "320rem";
|
|
1009
|
+
export const DimensionMaxHMaxH9 = "36rem";
|
|
1010
|
+
export const DimensionMaxHMaxH96 = "384rem";
|
|
1011
|
+
export const DimensionMaxHMaxHPx = "1rem";
|
|
1012
|
+
export const DimensionMaxWMaxW0 = "0";
|
|
1013
|
+
export const DimensionMaxWMaxW05 = "2rem";
|
|
1014
|
+
export const DimensionMaxWMaxW1 = "4rem";
|
|
1015
|
+
export const DimensionMaxWMaxW15 = "6rem";
|
|
1016
|
+
export const DimensionMaxWMaxW10 = "40rem";
|
|
1017
|
+
export const DimensionMaxWMaxW11 = "44rem";
|
|
1018
|
+
export const DimensionMaxWMaxW12 = "48rem";
|
|
1019
|
+
export const DimensionMaxWMaxW14 = "56rem";
|
|
1020
|
+
export const DimensionMaxWMaxW16 = "64rem";
|
|
1021
|
+
export const DimensionMaxWMaxW2 = "8rem";
|
|
1022
|
+
export const DimensionMaxWMaxW25 = "10rem";
|
|
1023
|
+
export const DimensionMaxWMaxW20 = "80rem";
|
|
1024
|
+
export const DimensionMaxWMaxW24 = "96rem";
|
|
1025
|
+
export const DimensionMaxWMaxW28 = "112rem";
|
|
1026
|
+
export const DimensionMaxWMaxW2xl = "672rem";
|
|
1027
|
+
export const DimensionMaxWMaxW3 = "12rem";
|
|
1028
|
+
export const DimensionMaxWMaxW32 = "128rem";
|
|
1029
|
+
export const DimensionMaxWMaxW36 = "144rem";
|
|
1030
|
+
export const DimensionMaxWMaxW3xl = "768rem";
|
|
1031
|
+
export const DimensionMaxWMaxW4 = "16rem";
|
|
1032
|
+
export const DimensionMaxWMaxW40 = "160rem";
|
|
1033
|
+
export const DimensionMaxWMaxW44 = "176rem";
|
|
1034
|
+
export const DimensionMaxWMaxW48 = "192rem";
|
|
1035
|
+
export const DimensionMaxWMaxW4xl = "896rem";
|
|
1036
|
+
export const DimensionMaxWMaxW5 = "20rem";
|
|
1037
|
+
export const DimensionMaxWMaxW52 = "208rem";
|
|
1038
|
+
export const DimensionMaxWMaxW56 = "224rem";
|
|
1039
|
+
export const DimensionMaxWMaxW5xl = "1024rem";
|
|
1040
|
+
export const DimensionMaxWMaxW6 = "24rem";
|
|
1041
|
+
export const DimensionMaxWMaxW60 = "240rem";
|
|
1042
|
+
export const DimensionMaxWMaxW64 = "256rem";
|
|
1043
|
+
export const DimensionMaxWMaxW6xl = "1152rem";
|
|
1044
|
+
export const DimensionMaxWMaxW7 = "28rem";
|
|
1045
|
+
export const DimensionMaxWMaxW72 = "288rem";
|
|
1046
|
+
export const DimensionMaxWMaxW7xl = "1280rem";
|
|
1047
|
+
export const DimensionMaxWMaxW8 = "32rem";
|
|
1048
|
+
export const DimensionMaxWMaxW80 = "320rem";
|
|
1049
|
+
export const DimensionMaxWMaxW9 = "36rem";
|
|
1050
|
+
export const DimensionMaxWMaxW96 = "384rem";
|
|
1051
|
+
export const DimensionMaxWMaxWLg = "512rem";
|
|
1052
|
+
export const DimensionMaxWMaxWMd = "448rem";
|
|
1053
|
+
export const DimensionMaxWMaxWPx = "1rem";
|
|
1054
|
+
export const DimensionMaxWMaxWScreen2xl = "1536rem";
|
|
1055
|
+
export const DimensionMaxWMaxWScreenLg = "1024rem";
|
|
1056
|
+
export const DimensionMaxWMaxWScreenMd = "768rem";
|
|
1057
|
+
export const DimensionMaxWMaxWScreenSm = "640rem";
|
|
1058
|
+
export const DimensionMaxWMaxWScreenXl = "1280rem";
|
|
1059
|
+
export const DimensionMaxWMaxWSm = "384rem";
|
|
1060
|
+
export const DimensionMaxWMaxWXl = "576rem";
|
|
1061
|
+
export const DimensionMaxWMaxWXs = "384rem";
|
|
1062
|
+
export const DimensionWidthW0 = "0";
|
|
1063
|
+
export const DimensionWidthW05 = "2rem";
|
|
1064
|
+
export const DimensionWidthW1 = "4rem";
|
|
1065
|
+
export const DimensionWidthW10 = "40rem";
|
|
1066
|
+
export const DimensionWidthW12 = "48rem";
|
|
1067
|
+
export const DimensionWidthW14 = "56rem";
|
|
1068
|
+
export const DimensionWidthW16 = "64rem";
|
|
1069
|
+
export const DimensionWidthW18 = "72rem";
|
|
1070
|
+
export const DimensionWidthW2 = "8rem";
|
|
1071
|
+
export const DimensionWidthW25 = "10rem";
|
|
1072
|
+
export const DimensionWidthW20 = "80rem";
|
|
1073
|
+
export const DimensionWidthW24 = "96rem";
|
|
1074
|
+
export const DimensionWidthW3 = "12rem";
|
|
1075
|
+
export const DimensionWidthW35 = "14rem";
|
|
1076
|
+
export const DimensionWidthW4 = "16rem";
|
|
1077
|
+
export const DimensionWidthW48 = "192rem";
|
|
1078
|
+
export const DimensionWidthW5 = "20rem";
|
|
1079
|
+
export const DimensionWidthW6 = "24rem";
|
|
1080
|
+
export const DimensionWidthW7 = "28rem";
|
|
1081
|
+
export const DimensionWidthW72 = "288rem";
|
|
1082
|
+
export const DimensionWidthW8 = "32rem";
|
|
1083
|
+
export const DimensionWidthW9 = "36rem";
|
|
1084
|
+
export const DimensionWidthW96 = "384rem";
|
|
1085
|
+
export const DimensionWidthWPx = "1rem";
|
|
1086
|
+
export const BackdropBlurBackdropBlur = "8";
|
|
1087
|
+
export const BackdropBlurBackdropBlur2xl = "40";
|
|
1088
|
+
export const BackdropBlurBackdropBlur3xl = "64";
|
|
1089
|
+
export const BackdropBlurBackdropBlurLg = "16";
|
|
1090
|
+
export const BackdropBlurBackdropBlurMd = "12";
|
|
1091
|
+
export const BackdropBlurBackdropBlurNone = "0";
|
|
1092
|
+
export const BackdropBlurBackdropBlurSm = "4";
|
|
1093
|
+
export const BackdropBlurBackdropBlurXl = "24";
|
|
1094
|
+
export const Heading3xlLight = {
|
|
1095
|
+
fontFamily: "satoshi",
|
|
1096
|
+
fontWeight: "300",
|
|
1097
|
+
fontSize: "72rem",
|
|
1098
|
+
lineHeight: "72",
|
|
1099
|
+
};
|
|
1100
|
+
export const Heading3xlRegular = {
|
|
1101
|
+
fontFamily: "satoshi",
|
|
1102
|
+
fontWeight: "400",
|
|
1103
|
+
fontSize: "72rem",
|
|
1104
|
+
lineHeight: "72",
|
|
1105
|
+
};
|
|
1106
|
+
export const Heading3xlMedium = {
|
|
1107
|
+
fontFamily: "satoshi",
|
|
1108
|
+
fontWeight: "500",
|
|
1109
|
+
fontSize: "72rem",
|
|
1110
|
+
lineHeight: "72",
|
|
1111
|
+
};
|
|
1112
|
+
export const Heading3xlBold = {
|
|
1113
|
+
fontFamily: "satoshi",
|
|
1114
|
+
fontWeight: "700",
|
|
1115
|
+
fontSize: "72rem",
|
|
1116
|
+
lineHeight: "72",
|
|
1117
|
+
};
|
|
1118
|
+
export const Heading3xlBlack = {
|
|
1119
|
+
fontFamily: "satoshi",
|
|
1120
|
+
fontWeight: "900",
|
|
1121
|
+
fontSize: "72rem",
|
|
1122
|
+
lineHeight: "72",
|
|
1123
|
+
};
|
|
1124
|
+
export const Heading2xlLight = {
|
|
1125
|
+
fontFamily: "satoshi",
|
|
1126
|
+
fontWeight: "300",
|
|
1127
|
+
fontSize: "60rem",
|
|
1128
|
+
lineHeight: "64",
|
|
1129
|
+
};
|
|
1130
|
+
export const Heading2xlRegular = {
|
|
1131
|
+
fontFamily: "satoshi",
|
|
1132
|
+
fontWeight: "400",
|
|
1133
|
+
fontSize: "60rem",
|
|
1134
|
+
lineHeight: "64",
|
|
1135
|
+
};
|
|
1136
|
+
export const Heading2xlMedium = {
|
|
1137
|
+
fontFamily: "satoshi",
|
|
1138
|
+
fontWeight: "500",
|
|
1139
|
+
fontSize: "60rem",
|
|
1140
|
+
lineHeight: "64",
|
|
1141
|
+
};
|
|
1142
|
+
export const Heading2xlBold = {
|
|
1143
|
+
fontFamily: "satoshi",
|
|
1144
|
+
fontWeight: "700",
|
|
1145
|
+
fontSize: "60rem",
|
|
1146
|
+
lineHeight: "64",
|
|
1147
|
+
};
|
|
1148
|
+
export const Heading2xlBlack = {
|
|
1149
|
+
fontFamily: "satoshi",
|
|
1150
|
+
fontWeight: "900",
|
|
1151
|
+
fontSize: "60rem",
|
|
1152
|
+
lineHeight: "64",
|
|
1153
|
+
};
|
|
1154
|
+
export const HeadingXlLight = {
|
|
1155
|
+
fontFamily: "satoshi",
|
|
1156
|
+
fontWeight: "300",
|
|
1157
|
+
fontSize: "48rem",
|
|
1158
|
+
lineHeight: "52",
|
|
1159
|
+
};
|
|
1160
|
+
export const HeadingXlRegular = {
|
|
1161
|
+
fontFamily: "satoshi",
|
|
1162
|
+
fontWeight: "400",
|
|
1163
|
+
fontSize: "48rem",
|
|
1164
|
+
lineHeight: "52",
|
|
1165
|
+
};
|
|
1166
|
+
export const HeadingXlMedium = {
|
|
1167
|
+
fontFamily: "satoshi",
|
|
1168
|
+
fontWeight: "500",
|
|
1169
|
+
fontSize: "48rem",
|
|
1170
|
+
lineHeight: "52",
|
|
1171
|
+
};
|
|
1172
|
+
export const HeadingXlBold = {
|
|
1173
|
+
fontFamily: "satoshi",
|
|
1174
|
+
fontWeight: "700",
|
|
1175
|
+
fontSize: "48rem",
|
|
1176
|
+
lineHeight: "52",
|
|
1177
|
+
};
|
|
1178
|
+
export const HeadingXlBlack = {
|
|
1179
|
+
fontFamily: "satoshi",
|
|
1180
|
+
fontWeight: "900",
|
|
1181
|
+
fontSize: "48rem",
|
|
1182
|
+
lineHeight: "52",
|
|
1183
|
+
};
|
|
1184
|
+
export const HeadingLgLight = {
|
|
1185
|
+
fontFamily: "satoshi",
|
|
1186
|
+
fontWeight: "300",
|
|
1187
|
+
fontSize: "36rem",
|
|
1188
|
+
lineHeight: "40",
|
|
1189
|
+
};
|
|
1190
|
+
export const HeadingLgRegular = {
|
|
1191
|
+
fontFamily: "satoshi",
|
|
1192
|
+
fontWeight: "400",
|
|
1193
|
+
fontSize: "36rem",
|
|
1194
|
+
lineHeight: "40",
|
|
1195
|
+
};
|
|
1196
|
+
export const HeadingLgMedium = {
|
|
1197
|
+
fontFamily: "satoshi",
|
|
1198
|
+
fontWeight: "500",
|
|
1199
|
+
fontSize: "36rem",
|
|
1200
|
+
lineHeight: "40",
|
|
1201
|
+
};
|
|
1202
|
+
export const HeadingLgBold = {
|
|
1203
|
+
fontFamily: "satoshi",
|
|
1204
|
+
fontWeight: "700",
|
|
1205
|
+
fontSize: "36rem",
|
|
1206
|
+
lineHeight: "40",
|
|
1207
|
+
};
|
|
1208
|
+
export const HeadingLgBlack = {
|
|
1209
|
+
fontFamily: "satoshi",
|
|
1210
|
+
fontWeight: "900",
|
|
1211
|
+
fontSize: "36rem",
|
|
1212
|
+
lineHeight: "40",
|
|
1213
|
+
};
|
|
1214
|
+
export const HeadingMdLight = {
|
|
1215
|
+
fontFamily: "satoshi",
|
|
1216
|
+
fontWeight: "300",
|
|
1217
|
+
fontSize: "30rem",
|
|
1218
|
+
lineHeight: "36",
|
|
1219
|
+
};
|
|
1220
|
+
export const HeadingMdRegular = {
|
|
1221
|
+
fontFamily: "satoshi",
|
|
1222
|
+
fontWeight: "400",
|
|
1223
|
+
fontSize: "30rem",
|
|
1224
|
+
lineHeight: "36",
|
|
1225
|
+
};
|
|
1226
|
+
export const HeadingMdMedium = {
|
|
1227
|
+
fontFamily: "satoshi",
|
|
1228
|
+
fontWeight: "500",
|
|
1229
|
+
fontSize: "30rem",
|
|
1230
|
+
lineHeight: "36",
|
|
1231
|
+
};
|
|
1232
|
+
export const HeadingMdBold = {
|
|
1233
|
+
fontFamily: "satoshi",
|
|
1234
|
+
fontWeight: "700",
|
|
1235
|
+
fontSize: "30rem",
|
|
1236
|
+
lineHeight: "36",
|
|
1237
|
+
};
|
|
1238
|
+
export const HeadingMdBlack = {
|
|
1239
|
+
fontFamily: "satoshi",
|
|
1240
|
+
fontWeight: "900",
|
|
1241
|
+
fontSize: "30rem",
|
|
1242
|
+
lineHeight: "36",
|
|
1243
|
+
};
|
|
1244
|
+
export const HeadingMdLeadingNoneLight = {
|
|
1245
|
+
fontFamily: "satoshi",
|
|
1246
|
+
fontWeight: "300",
|
|
1247
|
+
fontSize: "18rem",
|
|
1248
|
+
lineHeight: "32",
|
|
1249
|
+
};
|
|
1250
|
+
export const HeadingMdLeadingNoneRegular = {
|
|
1251
|
+
fontFamily: "satoshi",
|
|
1252
|
+
fontWeight: "400",
|
|
1253
|
+
fontSize: "18rem",
|
|
1254
|
+
lineHeight: "32",
|
|
1255
|
+
};
|
|
1256
|
+
export const HeadingMdLeadingNoneMedium = {
|
|
1257
|
+
fontFamily: "satoshi",
|
|
1258
|
+
fontWeight: "500",
|
|
1259
|
+
fontSize: "18rem",
|
|
1260
|
+
lineHeight: "32",
|
|
1261
|
+
};
|
|
1262
|
+
export const HeadingMdLeadingNoneBold = {
|
|
1263
|
+
fontFamily: "satoshi",
|
|
1264
|
+
fontWeight: "700",
|
|
1265
|
+
fontSize: "18rem",
|
|
1266
|
+
lineHeight: "32",
|
|
1267
|
+
};
|
|
1268
|
+
export const HeadingMdLeadingNoneBlack = {
|
|
1269
|
+
fontFamily: "satoshi",
|
|
1270
|
+
fontWeight: "900",
|
|
1271
|
+
fontSize: "18rem",
|
|
1272
|
+
lineHeight: "32",
|
|
1273
|
+
};
|
|
1274
|
+
export const HeadingMdLeading6Light = {
|
|
1275
|
+
fontFamily: "satoshi",
|
|
1276
|
+
fontWeight: "300",
|
|
1277
|
+
fontSize: "18rem",
|
|
1278
|
+
lineHeight: "24",
|
|
1279
|
+
};
|
|
1280
|
+
export const HeadingMdLeading6Regular = {
|
|
1281
|
+
fontFamily: "satoshi",
|
|
1282
|
+
fontWeight: "400",
|
|
1283
|
+
fontSize: "18rem",
|
|
1284
|
+
lineHeight: "24",
|
|
1285
|
+
};
|
|
1286
|
+
export const HeadingMdLeading6Medium = {
|
|
1287
|
+
fontFamily: "satoshi",
|
|
1288
|
+
fontWeight: "500",
|
|
1289
|
+
fontSize: "18rem",
|
|
1290
|
+
lineHeight: "24",
|
|
1291
|
+
};
|
|
1292
|
+
export const HeadingMdLeading6Bold = {
|
|
1293
|
+
fontFamily: "satoshi",
|
|
1294
|
+
fontWeight: "700",
|
|
1295
|
+
fontSize: "18rem",
|
|
1296
|
+
lineHeight: "24",
|
|
1297
|
+
};
|
|
1298
|
+
export const HeadingMdLeading6Black = {
|
|
1299
|
+
fontFamily: "satoshi",
|
|
1300
|
+
fontWeight: "900",
|
|
1301
|
+
fontSize: "18rem",
|
|
1302
|
+
lineHeight: "24",
|
|
1303
|
+
};
|
|
1304
|
+
export const HeadingMdLeading7Light = {
|
|
1305
|
+
fontFamily: "satoshi",
|
|
1306
|
+
fontWeight: "300",
|
|
1307
|
+
fontSize: "18rem",
|
|
1308
|
+
lineHeight: "28",
|
|
1309
|
+
};
|
|
1310
|
+
export const HeadingMdLeading7Regular = {
|
|
1311
|
+
fontFamily: "satoshi",
|
|
1312
|
+
fontWeight: "400",
|
|
1313
|
+
fontSize: "18rem",
|
|
1314
|
+
lineHeight: "28",
|
|
1315
|
+
};
|
|
1316
|
+
export const HeadingMdLeading7Medium = {
|
|
1317
|
+
fontFamily: "satoshi",
|
|
1318
|
+
fontWeight: "500",
|
|
1319
|
+
fontSize: "18rem",
|
|
1320
|
+
lineHeight: "28",
|
|
1321
|
+
};
|
|
1322
|
+
export const HeadingMdLeading7Bold = {
|
|
1323
|
+
fontFamily: "satoshi",
|
|
1324
|
+
fontWeight: "700",
|
|
1325
|
+
fontSize: "18rem",
|
|
1326
|
+
lineHeight: "28",
|
|
1327
|
+
};
|
|
1328
|
+
export const HeadingMdLeading7Black = {
|
|
1329
|
+
fontFamily: "satoshi",
|
|
1330
|
+
fontWeight: "900",
|
|
1331
|
+
fontSize: "18rem",
|
|
1332
|
+
lineHeight: "28",
|
|
1333
|
+
};
|
|
1334
|
+
export const HeadingSmLight = {
|
|
1335
|
+
fontFamily: "satoshi",
|
|
1336
|
+
fontWeight: "300",
|
|
1337
|
+
fontSize: "24rem",
|
|
1338
|
+
lineHeight: "32",
|
|
1339
|
+
};
|
|
1340
|
+
export const HeadingSmRegular = {
|
|
1341
|
+
fontFamily: "satoshi",
|
|
1342
|
+
fontWeight: "400",
|
|
1343
|
+
fontSize: "24rem",
|
|
1344
|
+
lineHeight: "32",
|
|
1345
|
+
};
|
|
1346
|
+
export const HeadingSmMedium = {
|
|
1347
|
+
fontFamily: "satoshi",
|
|
1348
|
+
fontWeight: "500",
|
|
1349
|
+
fontSize: "24rem",
|
|
1350
|
+
lineHeight: "32",
|
|
1351
|
+
};
|
|
1352
|
+
export const HeadingSmBold = {
|
|
1353
|
+
fontFamily: "satoshi",
|
|
1354
|
+
fontWeight: "700",
|
|
1355
|
+
fontSize: "24rem",
|
|
1356
|
+
lineHeight: "32",
|
|
1357
|
+
};
|
|
1358
|
+
export const HeadingSmBlack = {
|
|
1359
|
+
fontFamily: "satoshi",
|
|
1360
|
+
fontWeight: "900",
|
|
1361
|
+
fontSize: "24rem",
|
|
1362
|
+
lineHeight: "32",
|
|
1363
|
+
};
|
|
1364
|
+
export const BodyLgLeadingNoneLight = {
|
|
1365
|
+
fontFamily: "satoshi",
|
|
1366
|
+
fontWeight: "300",
|
|
1367
|
+
fontSize: "18rem",
|
|
1368
|
+
lineHeight: "18",
|
|
1369
|
+
};
|
|
1370
|
+
export const BodyLgLeadingNoneRegular = {
|
|
1371
|
+
fontFamily: "satoshi",
|
|
1372
|
+
fontWeight: "400",
|
|
1373
|
+
fontSize: "18rem",
|
|
1374
|
+
lineHeight: "18",
|
|
1375
|
+
};
|
|
1376
|
+
export const BodyLgLeadingNoneMedium = {
|
|
1377
|
+
fontFamily: "satoshi",
|
|
1378
|
+
fontWeight: "500",
|
|
1379
|
+
fontSize: "18rem",
|
|
1380
|
+
lineHeight: "18",
|
|
1381
|
+
};
|
|
1382
|
+
export const BodyLgLeadingNoneBold = {
|
|
1383
|
+
fontFamily: "satoshi",
|
|
1384
|
+
fontWeight: "700",
|
|
1385
|
+
fontSize: "18rem",
|
|
1386
|
+
lineHeight: "18",
|
|
1387
|
+
};
|
|
1388
|
+
export const BodyLgLeadingNoneBlack = {
|
|
1389
|
+
fontFamily: "satoshi",
|
|
1390
|
+
fontWeight: "900",
|
|
1391
|
+
fontSize: "18rem",
|
|
1392
|
+
lineHeight: "18",
|
|
1393
|
+
};
|
|
1394
|
+
export const BodyLgLeading6Light = {
|
|
1395
|
+
fontFamily: "satoshi",
|
|
1396
|
+
fontWeight: "300",
|
|
1397
|
+
fontSize: "18rem",
|
|
1398
|
+
lineHeight: "24",
|
|
1399
|
+
};
|
|
1400
|
+
export const BodyLgLeading6Regular = {
|
|
1401
|
+
fontFamily: "satoshi",
|
|
1402
|
+
fontWeight: "400",
|
|
1403
|
+
fontSize: "18rem",
|
|
1404
|
+
lineHeight: "24",
|
|
1405
|
+
};
|
|
1406
|
+
export const BodyLgLeading6Medium = {
|
|
1407
|
+
fontFamily: "satoshi",
|
|
1408
|
+
fontWeight: "500",
|
|
1409
|
+
fontSize: "18rem",
|
|
1410
|
+
lineHeight: "24",
|
|
1411
|
+
};
|
|
1412
|
+
export const BodyLgLeading6Bold = {
|
|
1413
|
+
fontFamily: "satoshi",
|
|
1414
|
+
fontWeight: "700",
|
|
1415
|
+
fontSize: "18rem",
|
|
1416
|
+
lineHeight: "24",
|
|
1417
|
+
};
|
|
1418
|
+
export const BodyLgLeading6Black = {
|
|
1419
|
+
fontFamily: "satoshi",
|
|
1420
|
+
fontWeight: "900",
|
|
1421
|
+
fontSize: "18rem",
|
|
1422
|
+
lineHeight: "24",
|
|
1423
|
+
};
|
|
1424
|
+
export const BodyLgLeading7Light = {
|
|
1425
|
+
fontFamily: "satoshi",
|
|
1426
|
+
fontWeight: "300",
|
|
1427
|
+
fontSize: "18rem",
|
|
1428
|
+
lineHeight: "28",
|
|
1429
|
+
};
|
|
1430
|
+
export const BodyLgLeading7Regular = {
|
|
1431
|
+
fontFamily: "satoshi",
|
|
1432
|
+
fontWeight: "400",
|
|
1433
|
+
fontSize: "18rem",
|
|
1434
|
+
lineHeight: "28",
|
|
1435
|
+
};
|
|
1436
|
+
export const BodyLgLeading7Medium = {
|
|
1437
|
+
fontFamily: "satoshi",
|
|
1438
|
+
fontWeight: "500",
|
|
1439
|
+
fontSize: "18rem",
|
|
1440
|
+
lineHeight: "28",
|
|
1441
|
+
};
|
|
1442
|
+
export const BodyLgLeading7Bold = {
|
|
1443
|
+
fontFamily: "satoshi",
|
|
1444
|
+
fontWeight: "700",
|
|
1445
|
+
fontSize: "18rem",
|
|
1446
|
+
lineHeight: "28",
|
|
1447
|
+
};
|
|
1448
|
+
export const BodyLgLeading7Black = {
|
|
1449
|
+
fontFamily: "satoshi",
|
|
1450
|
+
fontWeight: "900",
|
|
1451
|
+
fontSize: "18rem",
|
|
1452
|
+
lineHeight: "28",
|
|
1453
|
+
};
|
|
1454
|
+
export const BodyMdLeadingNoneLight = {
|
|
1455
|
+
fontFamily: "satoshi",
|
|
1456
|
+
fontWeight: "300",
|
|
1457
|
+
fontSize: "16rem",
|
|
1458
|
+
lineHeight: "16",
|
|
1459
|
+
};
|
|
1460
|
+
export const BodyMdLeadingNoneRegular = {
|
|
1461
|
+
fontFamily: "satoshi",
|
|
1462
|
+
fontWeight: "400",
|
|
1463
|
+
fontSize: "16rem",
|
|
1464
|
+
lineHeight: "16",
|
|
1465
|
+
};
|
|
1466
|
+
export const BodyMdLeadingNoneMedium = {
|
|
1467
|
+
fontFamily: "satoshi",
|
|
1468
|
+
fontWeight: "500",
|
|
1469
|
+
fontSize: "16rem",
|
|
1470
|
+
lineHeight: "16",
|
|
1471
|
+
};
|
|
1472
|
+
export const BodyMdLeadingNoneBold = {
|
|
1473
|
+
fontFamily: "satoshi",
|
|
1474
|
+
fontWeight: "700",
|
|
1475
|
+
fontSize: "16rem",
|
|
1476
|
+
lineHeight: "16",
|
|
1477
|
+
};
|
|
1478
|
+
export const BodyMdLeadingNoneBlack = {
|
|
1479
|
+
fontFamily: "satoshi",
|
|
1480
|
+
fontWeight: "900",
|
|
1481
|
+
fontSize: "16rem",
|
|
1482
|
+
lineHeight: "16",
|
|
1483
|
+
};
|
|
1484
|
+
export const BodyMdLeading6Light = {
|
|
1485
|
+
fontFamily: "satoshi",
|
|
1486
|
+
fontWeight: "300",
|
|
1487
|
+
fontSize: "16rem",
|
|
1488
|
+
lineHeight: "24",
|
|
1489
|
+
};
|
|
1490
|
+
export const BodyMdLeading6Regular = {
|
|
1491
|
+
fontFamily: "satoshi",
|
|
1492
|
+
fontWeight: "400",
|
|
1493
|
+
lineHeight: "24",
|
|
1494
|
+
fontSize: "16rem",
|
|
1495
|
+
};
|
|
1496
|
+
export const BodyMdLeading6Medium = {
|
|
1497
|
+
fontFamily: "satoshi",
|
|
1498
|
+
fontWeight: "500",
|
|
1499
|
+
fontSize: "16rem",
|
|
1500
|
+
lineHeight: "24",
|
|
1501
|
+
};
|
|
1502
|
+
export const BodyMdLeading6Bold = {
|
|
1503
|
+
fontFamily: "satoshi",
|
|
1504
|
+
fontWeight: "700",
|
|
1505
|
+
fontSize: "16rem",
|
|
1506
|
+
lineHeight: "24",
|
|
1507
|
+
};
|
|
1508
|
+
export const BodyMdLeading6Black = {
|
|
1509
|
+
fontFamily: "satoshi",
|
|
1510
|
+
fontWeight: "900",
|
|
1511
|
+
fontSize: "16rem",
|
|
1512
|
+
lineHeight: "24",
|
|
1513
|
+
};
|
|
1514
|
+
export const BodyMdLeading7Light = {
|
|
1515
|
+
fontFamily: "satoshi",
|
|
1516
|
+
fontWeight: "300",
|
|
1517
|
+
fontSize: "16rem",
|
|
1518
|
+
lineHeight: "28",
|
|
1519
|
+
};
|
|
1520
|
+
export const BodyMdLeading7Regular = {
|
|
1521
|
+
fontFamily: "satoshi",
|
|
1522
|
+
fontWeight: "400",
|
|
1523
|
+
fontSize: "16rem",
|
|
1524
|
+
lineHeight: "28",
|
|
1525
|
+
};
|
|
1526
|
+
export const BodyMdLeading7Medium = {
|
|
1527
|
+
fontFamily: "satoshi",
|
|
1528
|
+
fontWeight: "500",
|
|
1529
|
+
fontSize: "16rem",
|
|
1530
|
+
lineHeight: "28",
|
|
1531
|
+
};
|
|
1532
|
+
export const BodyMdLeading7Bold = {
|
|
1533
|
+
fontFamily: "satoshi",
|
|
1534
|
+
fontWeight: "700",
|
|
1535
|
+
fontSize: "16rem",
|
|
1536
|
+
lineHeight: "28",
|
|
1537
|
+
};
|
|
1538
|
+
export const BodyMdLeading7Black = {
|
|
1539
|
+
fontFamily: "satoshi",
|
|
1540
|
+
fontWeight: "900",
|
|
1541
|
+
fontSize: "16rem",
|
|
1542
|
+
lineHeight: "28",
|
|
1543
|
+
};
|
|
1544
|
+
export const HeadingXsLight = {
|
|
1545
|
+
fontFamily: "satoshi",
|
|
1546
|
+
fontWeight: "300",
|
|
1547
|
+
fontSize: "24rem",
|
|
1548
|
+
lineHeight: "32",
|
|
1549
|
+
};
|
|
1550
|
+
export const HeadingXsRegular = {
|
|
1551
|
+
fontFamily: "satoshi",
|
|
1552
|
+
fontWeight: "400",
|
|
1553
|
+
fontSize: "24rem",
|
|
1554
|
+
lineHeight: "32",
|
|
1555
|
+
};
|
|
1556
|
+
export const HeadingXsMedium = {
|
|
1557
|
+
fontFamily: "satoshi",
|
|
1558
|
+
fontWeight: "500",
|
|
1559
|
+
fontSize: "24rem",
|
|
1560
|
+
lineHeight: "32",
|
|
1561
|
+
};
|
|
1562
|
+
export const HeadingXsBold = {
|
|
1563
|
+
fontFamily: "satoshi",
|
|
1564
|
+
fontWeight: "700",
|
|
1565
|
+
fontSize: "24rem",
|
|
1566
|
+
lineHeight: "32",
|
|
1567
|
+
};
|
|
1568
|
+
export const HeadingXsBlack = {
|
|
1569
|
+
fontFamily: "satoshi",
|
|
1570
|
+
fontWeight: "900",
|
|
1571
|
+
fontSize: "24rem",
|
|
1572
|
+
lineHeight: "32",
|
|
1573
|
+
};
|
|
1574
|
+
export const BodySmLeadingNoneLight = {
|
|
1575
|
+
fontFamily: "satoshi",
|
|
1576
|
+
fontWeight: "300",
|
|
1577
|
+
fontSize: "14rem",
|
|
1578
|
+
lineHeight: "14",
|
|
1579
|
+
};
|
|
1580
|
+
export const BodySmLeadingNoneRegular = {
|
|
1581
|
+
fontFamily: "satoshi",
|
|
1582
|
+
fontWeight: "400",
|
|
1583
|
+
fontSize: "14rem",
|
|
1584
|
+
lineHeight: "14",
|
|
1585
|
+
};
|
|
1586
|
+
export const BodySmLeadingNoneMedium = {
|
|
1587
|
+
fontFamily: "satoshi",
|
|
1588
|
+
fontWeight: "500",
|
|
1589
|
+
fontSize: "14rem",
|
|
1590
|
+
lineHeight: "14",
|
|
1591
|
+
};
|
|
1592
|
+
export const BodySmLeadingNoneBold = {
|
|
1593
|
+
fontFamily: "satoshi",
|
|
1594
|
+
fontWeight: "700",
|
|
1595
|
+
fontSize: "14rem",
|
|
1596
|
+
lineHeight: "14",
|
|
1597
|
+
};
|
|
1598
|
+
export const BodySmLeadingNoneBlack = {
|
|
1599
|
+
fontFamily: "satoshi",
|
|
1600
|
+
fontWeight: "900",
|
|
1601
|
+
fontSize: "14rem",
|
|
1602
|
+
lineHeight: "14",
|
|
1603
|
+
};
|
|
1604
|
+
export const BodySmLeading5Light = {
|
|
1605
|
+
fontFamily: "satoshi",
|
|
1606
|
+
fontWeight: "300",
|
|
1607
|
+
fontSize: "14rem",
|
|
1608
|
+
lineHeight: "20",
|
|
1609
|
+
};
|
|
1610
|
+
export const BodySmLeading5Regular = {
|
|
1611
|
+
fontFamily: "satoshi",
|
|
1612
|
+
fontWeight: "400",
|
|
1613
|
+
fontSize: "14rem",
|
|
1614
|
+
lineHeight: "20",
|
|
1615
|
+
};
|
|
1616
|
+
export const BodySmLeading5Medium = {
|
|
1617
|
+
fontFamily: "satoshi",
|
|
1618
|
+
fontWeight: "500",
|
|
1619
|
+
fontSize: "14rem",
|
|
1620
|
+
lineHeight: "20",
|
|
1621
|
+
};
|
|
1622
|
+
export const BodySmLeading5Bold = {
|
|
1623
|
+
fontFamily: "satoshi",
|
|
1624
|
+
fontWeight: "700",
|
|
1625
|
+
fontSize: "14rem",
|
|
1626
|
+
lineHeight: "20",
|
|
1627
|
+
};
|
|
1628
|
+
export const BodySmLeading5Black = {
|
|
1629
|
+
fontFamily: "satoshi",
|
|
1630
|
+
fontWeight: "900",
|
|
1631
|
+
fontSize: "14rem",
|
|
1632
|
+
lineHeight: "20",
|
|
1633
|
+
};
|
|
1634
|
+
export const BodySmLeading6Light = {
|
|
1635
|
+
fontFamily: "satoshi",
|
|
1636
|
+
fontWeight: "300",
|
|
1637
|
+
fontSize: "14rem",
|
|
1638
|
+
lineHeight: "24",
|
|
1639
|
+
};
|
|
1640
|
+
export const BodySmLeading6Regular = {
|
|
1641
|
+
fontFamily: "satoshi",
|
|
1642
|
+
fontWeight: "400",
|
|
1643
|
+
fontSize: "14rem",
|
|
1644
|
+
lineHeight: "24",
|
|
1645
|
+
};
|
|
1646
|
+
export const BodySmLeading6Medium = {
|
|
1647
|
+
fontFamily: "satoshi",
|
|
1648
|
+
fontWeight: "500",
|
|
1649
|
+
fontSize: "14rem",
|
|
1650
|
+
lineHeight: "24",
|
|
1651
|
+
};
|
|
1652
|
+
export const BodySmLeading6Bold = {
|
|
1653
|
+
fontFamily: "satoshi",
|
|
1654
|
+
fontWeight: "700",
|
|
1655
|
+
fontSize: "14rem",
|
|
1656
|
+
lineHeight: "24",
|
|
1657
|
+
};
|
|
1658
|
+
export const BodySmLeading6Black = {
|
|
1659
|
+
fontFamily: "satoshi",
|
|
1660
|
+
fontWeight: "900",
|
|
1661
|
+
fontSize: "14rem",
|
|
1662
|
+
lineHeight: "24",
|
|
1663
|
+
};
|
|
1664
|
+
export const BodyXsLeadingNoneLight = {
|
|
1665
|
+
fontFamily: "satoshi",
|
|
1666
|
+
fontWeight: "300",
|
|
1667
|
+
fontSize: "12rem",
|
|
1668
|
+
lineHeight: "12",
|
|
1669
|
+
};
|
|
1670
|
+
export const BodyXsLeadingNoneRegular = {
|
|
1671
|
+
fontFamily: "satoshi",
|
|
1672
|
+
fontWeight: "400",
|
|
1673
|
+
fontSize: "12rem",
|
|
1674
|
+
lineHeight: "12",
|
|
1675
|
+
};
|
|
1676
|
+
export const BodyXsLeadingNoneMedium = {
|
|
1677
|
+
fontFamily: "satoshi",
|
|
1678
|
+
fontWeight: "500",
|
|
1679
|
+
fontSize: "12rem",
|
|
1680
|
+
lineHeight: "12",
|
|
1681
|
+
};
|
|
1682
|
+
export const BodyXsLeadingNoneBold = {
|
|
1683
|
+
fontFamily: "satoshi",
|
|
1684
|
+
fontWeight: "700",
|
|
1685
|
+
fontSize: "12rem",
|
|
1686
|
+
lineHeight: "12",
|
|
1687
|
+
};
|
|
1688
|
+
export const BodyXsLeadingNoneBlack = {
|
|
1689
|
+
fontFamily: "satoshi",
|
|
1690
|
+
fontWeight: "900",
|
|
1691
|
+
fontSize: "12rem",
|
|
1692
|
+
lineHeight: "12",
|
|
1693
|
+
};
|
|
1694
|
+
export const BodyXsLeading4Light = {
|
|
1695
|
+
fontFamily: "satoshi",
|
|
1696
|
+
fontWeight: "300",
|
|
1697
|
+
fontSize: "12rem",
|
|
1698
|
+
lineHeight: "16",
|
|
1699
|
+
};
|
|
1700
|
+
export const BodyXsLeading4Regular = {
|
|
1701
|
+
fontFamily: "satoshi",
|
|
1702
|
+
fontWeight: "400",
|
|
1703
|
+
fontSize: "12rem",
|
|
1704
|
+
lineHeight: "16",
|
|
1705
|
+
};
|
|
1706
|
+
export const BodyXsLeading4Medium = {
|
|
1707
|
+
fontFamily: "satoshi",
|
|
1708
|
+
fontWeight: "500",
|
|
1709
|
+
fontSize: "12rem",
|
|
1710
|
+
lineHeight: "16",
|
|
1711
|
+
};
|
|
1712
|
+
export const BodyXsLeading4Bold = {
|
|
1713
|
+
fontFamily: "satoshi",
|
|
1714
|
+
fontWeight: "700",
|
|
1715
|
+
fontSize: "12rem",
|
|
1716
|
+
lineHeight: "16",
|
|
1717
|
+
};
|
|
1718
|
+
export const BodyXsLeading4Black = {
|
|
1719
|
+
fontFamily: "satoshi",
|
|
1720
|
+
fontWeight: "900",
|
|
1721
|
+
fontSize: "12rem",
|
|
1722
|
+
lineHeight: "16",
|
|
1723
|
+
};
|
|
1724
|
+
export const BodyXsLeading5Light = {
|
|
1725
|
+
fontFamily: "satoshi",
|
|
1726
|
+
fontWeight: "300",
|
|
1727
|
+
fontSize: "12rem",
|
|
1728
|
+
lineHeight: "20",
|
|
1729
|
+
};
|
|
1730
|
+
export const BodyXsLeading5Regular = {
|
|
1731
|
+
fontFamily: "satoshi",
|
|
1732
|
+
fontWeight: "400",
|
|
1733
|
+
fontSize: "12rem",
|
|
1734
|
+
lineHeight: "20",
|
|
1735
|
+
};
|
|
1736
|
+
export const BodyXsLeading5Medium = {
|
|
1737
|
+
fontFamily: "satoshi",
|
|
1738
|
+
fontWeight: "500",
|
|
1739
|
+
fontSize: "12rem",
|
|
1740
|
+
lineHeight: "20",
|
|
1741
|
+
};
|
|
1742
|
+
export const BodyXsLeading5Bold = {
|
|
1743
|
+
fontFamily: "satoshi",
|
|
1744
|
+
fontWeight: "700",
|
|
1745
|
+
fontSize: "12rem",
|
|
1746
|
+
lineHeight: "20",
|
|
1747
|
+
};
|
|
1748
|
+
export const BodyXsLeading5Black = {
|
|
1749
|
+
fontFamily: "satoshi",
|
|
1750
|
+
fontWeight: "900",
|
|
1751
|
+
fontSize: "12rem",
|
|
1752
|
+
lineHeight: "20",
|
|
1753
|
+
};
|
|
1754
|
+
export const RadiiInput = "8rem";
|
|
1755
|
+
export const RadiiDateInput = "12rem";
|
|
1756
|
+
export const RadiiButton = "9999rem";
|
|
1757
|
+
export const RadiiCard = "24rem";
|
|
1758
|
+
export const BorderWidthInput = "1rem";
|
|
1759
|
+
export const BorderWidthDecoration = "0.5rem";
|
|
1760
|
+
export const BorderWidthFocus = "2rem";
|
|
1761
|
+
export const BadgeColorBackground = "#a01414";
|
|
1762
|
+
export const BadgeColorForeground = "#ffffff";
|
|
1763
|
+
export const BadgeSizeSmallWidth = "20rem";
|
|
1764
|
+
export const BadgeSizeSmallHeight = "20rem";
|
|
1765
|
+
export const BadgeSizeLargeWidth = "24rem";
|
|
1766
|
+
export const BadgeSizeLargeHeight = "24rem";
|
|
1767
|
+
export const BadgeBorderRadiusDefault = "9999rem";
|
|
1768
|
+
export const BadgeSpacingGap = "0";
|
|
1769
|
+
export const BadgeSpacingPaddingX = "0";
|
|
1770
|
+
export const BadgeSpacingPaddingY = "0";
|
|
1771
|
+
export const ComponentButtonColorBrandPrimaryBackgroundDefault = "#fe8839";
|
|
1772
|
+
export const ComponentButtonColorBrandPrimaryBackgroundHover = "#fc6613";
|
|
1773
|
+
export const ComponentButtonColorBrandPrimaryBackgroundPressed = "#ed4c09";
|
|
1774
|
+
export const ComponentButtonColorBrandPrimaryBackgroundFocused = "#ed4c09";
|
|
1775
|
+
export const ComponentButtonColorBrandPrimaryBackgroundDisabled = "#f5f5f5";
|
|
1776
|
+
export const ComponentButtonColorBrandPrimaryForegroundDefault = "#ffffff";
|
|
1777
|
+
export const ComponentButtonColorBrandPrimaryForegroundHover = "#ffffff";
|
|
1778
|
+
export const ComponentButtonColorBrandPrimaryForegroundPressed = "#ffffff";
|
|
1779
|
+
export const ComponentButtonColorBrandPrimaryForegroundFocused = "#ffffff";
|
|
1780
|
+
export const ComponentButtonColorBrandPrimaryForegroundDisabled = "#a3a3a3";
|
|
1781
|
+
export const ComponentButtonColorBrandSecondaryBackgroundDefault = "#0d9394";
|
|
1782
|
+
export const ComponentButtonColorBrandSecondaryBackgroundHover = "#0f7173";
|
|
1783
|
+
export const ComponentButtonColorBrandSecondaryBackgroundPressed = "#042c2f";
|
|
1784
|
+
export const ComponentButtonColorBrandSecondaryBackgroundFocused = "#042c2f";
|
|
1785
|
+
export const ComponentButtonColorBrandSecondaryBackgroundDisabled = "#f5f5f5";
|
|
1786
|
+
export const ComponentButtonColorBrandSecondaryForegroundDefault = "#ffffff";
|
|
1787
|
+
export const ComponentButtonColorBrandSecondaryForegroundHover = "#ffffff";
|
|
1788
|
+
export const ComponentButtonColorBrandSecondaryForegroundPressed = "#ffffff";
|
|
1789
|
+
export const ComponentButtonColorBrandSecondaryForegroundFocused = "#ffffff";
|
|
1790
|
+
export const ComponentButtonColorBrandSecondaryForegroundDisabled = "#a3a3a3";
|
|
1791
|
+
export const ComponentButtonColorBrandTertiaryBackgroundDefault = "#f5f5f5";
|
|
1792
|
+
export const ComponentButtonColorBrandTertiaryBackgroundHover = "#ededed";
|
|
1793
|
+
export const ComponentButtonColorBrandTertiaryBackgroundPressed = "#f5f5f5";
|
|
1794
|
+
export const ComponentButtonColorBrandTertiaryBackgroundFocused = "#f5f5f5";
|
|
1795
|
+
export const ComponentButtonColorBrandTertiaryBackgroundDisabled = "#f5f5f5";
|
|
1796
|
+
export const ComponentButtonColorBrandTertiaryForegroundDefault = "#303642";
|
|
1797
|
+
export const ComponentButtonColorBrandTertiaryForegroundHover = "#000000";
|
|
1798
|
+
export const ComponentButtonColorBrandTertiaryForegroundPressed = "#000000";
|
|
1799
|
+
export const ComponentButtonColorBrandTertiaryForegroundFocused = "#000000";
|
|
1800
|
+
export const ComponentButtonColorBrandTertiaryForegroundDisabled = "#aaaeb8";
|
|
1801
|
+
export const ComponentButtonColorBrandTertiaryBorderDefault = "#e5e5e5";
|
|
1802
|
+
export const ComponentButtonColorBrandTertiaryBorderHover = "#e5e5e5";
|
|
1803
|
+
export const ComponentButtonColorBrandTertiaryBorderPressed = "#e5e5e5";
|
|
1804
|
+
export const ComponentButtonColorBrandTertiaryBorderFocused = "#e5e5e5";
|
|
1805
|
+
export const ComponentButtonColorBrandTertiaryBorderDisabled = "#f5f5f5";
|
|
1806
|
+
export const ComponentButtonColorOutlinePrimaryBackgroundDefault = "#ffffff";
|
|
1807
|
+
export const ComponentButtonColorOutlinePrimaryBackgroundHover = "#fff6ed";
|
|
1808
|
+
export const ComponentButtonColorOutlinePrimaryBackgroundPressed = "#ffffff";
|
|
1809
|
+
export const ComponentButtonColorOutlinePrimaryBackgroundFocused = "#ffebd4";
|
|
1810
|
+
export const ComponentButtonColorOutlinePrimaryBackgroundDisabled = "#ffffff";
|
|
1811
|
+
export const ComponentButtonColorOutlinePrimaryForegroundDefault = "#fe8839";
|
|
1812
|
+
export const ComponentButtonColorOutlinePrimaryForegroundHover = "#fe8839";
|
|
1813
|
+
export const ComponentButtonColorOutlinePrimaryForegroundPressed = "#fe8839";
|
|
1814
|
+
export const ComponentButtonColorOutlinePrimaryForegroundFocused = "#fe8839";
|
|
1815
|
+
export const ComponentButtonColorOutlinePrimaryForegroundDisabled = "#a3a3a3";
|
|
1816
|
+
export const ComponentButtonColorOutlineSecondaryBackgroundDefault = "#ffffff";
|
|
1817
|
+
export const ComponentButtonColorOutlineSecondaryBackgroundHover = "#f0fdfb";
|
|
1818
|
+
export const ComponentButtonColorOutlineSecondaryBackgroundPressed = "#ccfbf6";
|
|
1819
|
+
export const ComponentButtonColorOutlineSecondaryBackgroundFocused = "#ffffff";
|
|
1820
|
+
export const ComponentButtonColorOutlineSecondaryBackgroundDisabled = "#ffffff";
|
|
1821
|
+
export const ComponentButtonColorOutlineSecondaryForegroundDefault = "#0d9394";
|
|
1822
|
+
export const ComponentButtonColorOutlineSecondaryForegroundHover = "#0d9394";
|
|
1823
|
+
export const ComponentButtonColorOutlineSecondaryForegroundPressed = "#0d9394";
|
|
1824
|
+
export const ComponentButtonColorOutlineSecondaryForegroundFocused = "#0d9394";
|
|
1825
|
+
export const ComponentButtonColorOutlineSecondaryForegroundDisabled = "#a3a3a3";
|
|
1826
|
+
export const ComponentButtonColorGhostBackgroundDefault = "#ffffff00";
|
|
1827
|
+
export const ComponentButtonColorGhostBackgroundHover = "#ffffff00";
|
|
1828
|
+
export const ComponentButtonColorGhostBackgroundPressed = "#ffffff00";
|
|
1829
|
+
export const ComponentButtonColorGhostBackgroundFocused = "#ffffff00";
|
|
1830
|
+
export const ComponentButtonColorGhostBackgroundDisabled = "#ffffff00";
|
|
1831
|
+
export const ComponentButtonColorGhostForegroundDefault = "#78716c";
|
|
1832
|
+
export const ComponentButtonColorGhostForegroundHover = "#78716c";
|
|
1833
|
+
export const ComponentButtonColorGhostForegroundPressed = "#78716c";
|
|
1834
|
+
export const ComponentButtonColorGhostForegroundFocused = "#78716c";
|
|
1835
|
+
export const ComponentButtonColorGhostForegroundDisabled = "#a8a29e";
|
|
1836
|
+
export const ComponentButtonColorDestructiveBackgroundDefault = "#dc2626";
|
|
1837
|
+
export const ComponentButtonColorDestructiveBackgroundHover = "#991b1b";
|
|
1838
|
+
export const ComponentButtonColorDestructiveBackgroundPressed = "#450a0a";
|
|
1839
|
+
export const ComponentButtonColorDestructiveBackgroundFocused = "#450a0a";
|
|
1840
|
+
export const ComponentButtonColorDestructiveBackgroundDisabled = "#f5f5f5";
|
|
1841
|
+
export const ComponentButtonColorDestructiveForegroundDefault = "#dc2626";
|
|
1842
|
+
export const ComponentButtonColorDestructiveForegroundHover = "#dc2626";
|
|
1843
|
+
export const ComponentButtonColorDestructiveForegroundPressed = "#dc2626";
|
|
1844
|
+
export const ComponentButtonColorDestructiveForegroundFocused = "#dc2626";
|
|
1845
|
+
export const ComponentButtonColorDestructiveForegroundDisabled = "#f5f5f5";
|
|
1846
|
+
export const ComponentButtonBorderWidthPrimaryFocused = "0";
|
|
1847
|
+
export const ComponentButtonCornerRadiusDefault = "9999rem";
|
|
1848
|
+
export const ComponentButtonSpacingSmPaddingX = "12rem";
|
|
1849
|
+
export const ComponentButtonSpacingSmPaddingY = "8rem";
|
|
1850
|
+
export const ComponentButtonSpacingSmGap = "4rem";
|
|
1851
|
+
export const ComponentButtonSpacingMdPaddingX = "14rem";
|
|
1852
|
+
export const ComponentButtonSpacingMdPaddingY = "10rem";
|
|
1853
|
+
export const ComponentButtonSpacingMdGap = "10rem";
|
|
1854
|
+
export const ComponentButtonSpacingLgPaddingX = "64rem";
|
|
1855
|
+
export const ComponentButtonSpacingLgPaddingY = "10rem";
|
|
1856
|
+
export const ComponentButtonSpacingLgGap = "6rem";
|
|
1857
|
+
export const ComponentButtonSpacingXlPaddingX = "16rem";
|
|
1858
|
+
export const ComponentButtonSpacingXlPaddingY = "12rem";
|
|
1859
|
+
export const ComponentButtonSpacingXlGap = "6rem";
|
|
1860
|
+
export const ComponentButtonSpacingGhostSmPaddingX = "0";
|
|
1861
|
+
export const ComponentButtonSpacingGhostSmPaddingY = "0";
|
|
1862
|
+
export const ComponentButtonSpacingGhostSmGap = "6rem";
|
|
1863
|
+
export const ComponentButtonSpacingGhostMdPaddingX = "0";
|
|
1864
|
+
export const ComponentButtonSpacingGhostMdPaddingY = "0";
|
|
1865
|
+
export const ComponentButtonSpacingGhostMdGap = "6rem";
|
|
1866
|
+
export const ComponentButtonSpacingGhostLgPaddingX = "0";
|
|
1867
|
+
export const ComponentButtonSpacingGhostLgPaddingY = "0";
|
|
1868
|
+
export const ComponentButtonSpacingGhostLgGap = "6rem";
|
|
1869
|
+
export const ComponentButtonSpacingGhostXlPaddingX = "0";
|
|
1870
|
+
export const ComponentButtonSpacingGhostXlPaddingY = "0";
|
|
1871
|
+
export const ComponentButtonSpacingGhostXlGap = "6rem";
|
|
1872
|
+
export const CheckboxColorTextDefault = "#303642";
|
|
1873
|
+
export const CheckboxColorCheckboxBackgroundDefault = "#ffffff";
|
|
1874
|
+
export const CheckboxColorCheckboxBackgroundHover = "#d9d9d9";
|
|
1875
|
+
export const CheckboxColorCheckboxBackgroundPressed = "#c8c8c8";
|
|
1876
|
+
export const CheckboxColorCheckboxBackgroundFocused = "#ffffff";
|
|
1877
|
+
export const CheckboxColorCheckboxBackgroundDisabled = "#fbfbfb";
|
|
1878
|
+
export const CheckboxColorCheckboxBackgroundError = "#fff1f1";
|
|
1879
|
+
export const CheckboxColorCheckboxBorderDefaultDefault = "#7f8594";
|
|
1880
|
+
export const CheckboxColorCheckboxBorderDefaultHover = "#262626";
|
|
1881
|
+
export const CheckboxColorCheckboxBorderDefaultPressed = "#262626";
|
|
1882
|
+
export const CheckboxColorCheckboxBorderDefaultFocused = "#7f8594";
|
|
1883
|
+
export const CheckboxColorCheckboxBorderDefaultDisabled = "#d1d5db";
|
|
1884
|
+
export const CheckboxColorCheckboxBorderDefaultError = "#f83b3b";
|
|
1885
|
+
export const CheckboxColorCheckboxBorderSelectedDefault = "#0f7173";
|
|
1886
|
+
export const CheckboxColorCheckboxBorderSelectedHover = "#115b5e";
|
|
1887
|
+
export const CheckboxColorCheckboxBorderSelectedPressed = "#042c2f";
|
|
1888
|
+
export const CheckboxColorCheckboxBorderSelectedFocused = "#0f7173";
|
|
1889
|
+
export const CheckboxColorCheckboxBorderSelectedDisabled = "#d1d5db";
|
|
1890
|
+
export const CheckboxColorCheckboxBorderSelectedError = "#f83b3b";
|
|
1891
|
+
export const CheckboxColorCheckboxCheckedDefault = "#0f7173";
|
|
1892
|
+
export const CheckboxColorCheckboxCheckedHover = "#115b5e";
|
|
1893
|
+
export const CheckboxColorCheckboxCheckedPressed = "#042c2f";
|
|
1894
|
+
export const CheckboxColorCheckboxCheckedFocused = "#0f7173";
|
|
1895
|
+
export const CheckboxColorCheckboxCheckedDisabled = "#d1d5db";
|
|
1896
|
+
export const CheckboxColorCheckboxCheckedError = "#f83b3b";
|
|
1897
|
+
export const CheckboxBorderRadiusDefault = "2rem";
|
|
1898
|
+
export const CheckboxBorderWidthDefault = "1rem";
|
|
1899
|
+
export const CheckboxSpacingContainerGap = "8rem";
|
|
1900
|
+
export const CheckboxSpacingContainerPaddingX = "0";
|
|
1901
|
+
export const CheckboxSpacingContainerPaddingY = "0";
|
|
1902
|
+
export const CheckboxSpacingBoxGap = "0";
|
|
1903
|
+
export const CheckboxSpacingBoxPaddingX = "4rem";
|
|
1904
|
+
export const CheckboxSpacingBoxPaddingY = "4rem";
|
|
1905
|
+
export const InputColorBackground = {
|
|
1906
|
+
value: "#ffffff",
|
|
1907
|
+
type: "color",
|
|
1908
|
+
filePath: "tokens/.parsed-tokens.json",
|
|
1909
|
+
isSource: true,
|
|
1910
|
+
};
|
|
1911
|
+
export const InputColorForeground = {
|
|
1912
|
+
value: "#262626",
|
|
1913
|
+
type: "color",
|
|
1914
|
+
filePath: "tokens/.parsed-tokens.json",
|
|
1915
|
+
isSource: true,
|
|
1916
|
+
};
|
|
1917
|
+
export const InputColorBorder = {
|
|
1918
|
+
value: "#262626",
|
|
1919
|
+
type: "color",
|
|
1920
|
+
filePath: "tokens/.parsed-tokens.json",
|
|
1921
|
+
isSource: true,
|
|
1922
|
+
};
|
|
1923
|
+
export const InputColorIconDefault = "#6b7280";
|
|
1924
|
+
export const InputColorIconError = "#f83b3b";
|
|
1925
|
+
export const InputColorIconSucess = "#22c55e";
|
|
1926
|
+
export const InputColorLabelDefault = "#262626";
|
|
1927
|
+
export const InputColorLabelDisabled = "#a3a3a3";
|
|
1928
|
+
export const InputColorHelpTextDefault = "#262626";
|
|
1929
|
+
export const InputBorderWidthDefault = "1rem";
|
|
1930
|
+
export const InputBorderRadiusDefault = "8rem";
|
|
1931
|
+
export const InputSpacingContainerGap = "8rem";
|
|
1932
|
+
export const InputSpacingContainerPaddingX = "0";
|
|
1933
|
+
export const InputSpacingContainerPaddingY = "0";
|
|
1934
|
+
export const InputSpacingInputGap = "0";
|
|
1935
|
+
export const InputSpacingInputPaddingX = "16rem";
|
|
1936
|
+
export const InputSpacingInputPaddingY = "12rem";
|
|
1937
|
+
export const InputSpacingContentGap = "4rem";
|
|
1938
|
+
export const InputSpacingContentPaddingX = "0";
|
|
1939
|
+
export const InputSpacingContentPaddingY = "0";
|
|
1940
|
+
export const RadioButtonColorTextDefault = "#303642";
|
|
1941
|
+
export const RadioButtonColorRadioBackgroundDefault = "#ffffff";
|
|
1942
|
+
export const RadioButtonColorRadioBackgroundHover = "#d9d9d9";
|
|
1943
|
+
export const RadioButtonColorRadioBackgroundPressed = "#c8c8c8";
|
|
1944
|
+
export const RadioButtonColorRadioBackgroundFocused = "#ffffff";
|
|
1945
|
+
export const RadioButtonColorRadioBackgroundDisabled = "#fbfbfb";
|
|
1946
|
+
export const RadioButtonColorRadioBorderDefaultDefault = "#7f8594";
|
|
1947
|
+
export const RadioButtonColorRadioBorderDefaultHover = "#262626";
|
|
1948
|
+
export const RadioButtonColorRadioBorderDefaultPressed = "#262626";
|
|
1949
|
+
export const RadioButtonColorRadioBorderDefaultFocused = "#7f8594";
|
|
1950
|
+
export const RadioButtonColorRadioBorderDefaultDisabled = "#d1d5db";
|
|
1951
|
+
export const RadioButtonColorRadioBorderSelectedDefault = "#0f7173";
|
|
1952
|
+
export const RadioButtonColorRadioBorderSelectedHover = "#115b5e";
|
|
1953
|
+
export const RadioButtonColorRadioBorderSelectedPressed = "#042c2f";
|
|
1954
|
+
export const RadioButtonColorRadioBorderSelectedFocused = "#0f7173";
|
|
1955
|
+
export const RadioButtonColorRadioBorderSelectedDisabled = "#d1d5db";
|
|
1956
|
+
export const RadioButtonColorRadioSelectedDefault = "#0f7173";
|
|
1957
|
+
export const RadioButtonColorRadioSelectedHover = "#115b5e";
|
|
1958
|
+
export const RadioButtonColorRadioSelectedPressed = "#042c2f";
|
|
1959
|
+
export const RadioButtonColorRadioSelectedFocused = "#0f7173";
|
|
1960
|
+
export const RadioButtonColorRadioSelectedDisabled = "#d1d5db";
|
|
1961
|
+
export const RadioButtonBorderRadiusDefault = "9999rem";
|
|
1962
|
+
export const RadioButtonBorderWidthDefault = "1rem";
|
|
1963
|
+
export const ToastBorderWidthBorder = "1rem";
|
|
1964
|
+
export const ToastBorderWidthBlock = "8rem";
|
|
1965
|
+
export const ToastColorWarningBackground = "#fff6ed";
|
|
1966
|
+
export const ToastColorWarningForeground = "#fc6613";
|
|
1967
|
+
export const ToastColorDangerBackground = "#ffc7c7";
|
|
1968
|
+
export const ToastColorDangerForeground = "#a01414";
|
|
1969
|
+
export const ToastColorInfoBackground = "#dbeafe";
|
|
1970
|
+
export const ToastColorInfoForeground = "#1e40af";
|
|
1971
|
+
export const ToastColorSuccessBackground = "#dcfce7";
|
|
1972
|
+
export const ToastColorSuccessForeground = "#166534";
|
|
1973
|
+
export const ToastBorderRadiusDefault = "4rem";
|
|
1974
|
+
export const ToastSpacingToastGap = "0";
|
|
1975
|
+
export const ToastSpacingToastPaddingX = "0";
|
|
1976
|
+
export const ToastSpacingToastPaddingY = "0";
|
|
1977
|
+
export const ToastSpacingContainerGap = "8rem";
|
|
1978
|
+
export const ToastSpacingContainerPaddingX = "8rem";
|
|
1979
|
+
export const ToastSpacingContainerPaddingY = "12rem";
|
|
1980
|
+
export const CalenderColorDayDefault = "#7f8594";
|
|
1981
|
+
export const CalenderColorDayHover = "#ed4c09";
|
|
1982
|
+
export const CalenderColorDateHighlightedBackgroundDefault = "#ffebd4";
|
|
1983
|
+
export const CalenderColorDateHighlightedBackgroundSelected = "#fc6613";
|
|
1984
|
+
export const CalenderColorDateHighlightedForegroundDefault = "#262626";
|
|
1985
|
+
export const CalenderColorDateHighlightedForegroundInverted = "#ffffff";
|
|
1986
|
+
export const CalenderColorDateBackgroundDefault = "#ffffff00";
|
|
1987
|
+
export const CalenderColorDateBackgroundHover = "#d9d9d9";
|
|
1988
|
+
export const CalenderColorDateBackgroundDisabled = "#ffffff00";
|
|
1989
|
+
export const CalenderColorDateBackgroundSelected = "#fc6613";
|
|
1990
|
+
export const CalenderColorDateForegroundDefault = "#262626";
|
|
1991
|
+
export const CalenderColorDateForegroundInverted = "#ffffff";
|
|
1992
|
+
export const CalenderSpacingContainerCalenderGap = "8rem";
|
|
1993
|
+
export const CalenderSpacingContainerCalenderPaddingX = "0";
|
|
1994
|
+
export const CalenderSpacingContainerCalenderPaddingY = "0";
|
|
1995
|
+
export const CalenderSpacingContainerCalenderDaysGap = "0";
|
|
1996
|
+
export const CalenderSpacingContainerCalenderDaysPaddingX = "0";
|
|
1997
|
+
export const CalenderSpacingContainerCalenderDaysPaddingY = "0";
|
|
1998
|
+
export const CalenderSpacingContainerCalenderDatesGap = "0";
|
|
1999
|
+
export const CalenderSpacingContainerCalenderDatesPaddingX = "0";
|
|
2000
|
+
export const CalenderSpacingContainerCalenderDatesPaddingY = "0";
|
|
2001
|
+
export const CalenderSpacingContainerCalenderColumnGap = "2rem";
|
|
2002
|
+
export const CalenderSpacingContainerCalenderColumnPaddingX = "0";
|
|
2003
|
+
export const CalenderSpacingContainerCalenderColumnPaddingY = "0";
|
|
2004
|
+
export const CalenderSpacingContainerGlobalGap = "24rem";
|
|
2005
|
+
export const CalenderSpacingContainerGlobalPaddingX = "0";
|
|
2006
|
+
export const CalenderSpacingContainerGlobalPaddingY = "0";
|
|
2007
|
+
export const CalenderSpacingDateHighlightedPaddingX = "0";
|
|
2008
|
+
export const CalenderSpacingDateHighlightedPaddingY = "0";
|
|
2009
|
+
export const CalenderSpacingDateHighlightedGap = "0";
|
|
2010
|
+
export const CalenderSpacingDateHighlightedDatePaddingX = "0";
|
|
2011
|
+
export const CalenderSpacingDateHighlightedDatePaddingY = "0";
|
|
2012
|
+
export const CalenderSpacingDateHighlightedDateGap = "0";
|
|
2013
|
+
export const CalenderSpacingDatePaddingX = "0";
|
|
2014
|
+
export const CalenderSpacingDatePaddingY = "0";
|
|
2015
|
+
export const CalenderSpacingDateGap = "0";
|
|
2016
|
+
export const CalenderSpacingMonthPaddingX = "0";
|
|
2017
|
+
export const CalenderSpacingMonthPaddingY = "0";
|
|
2018
|
+
export const CalenderSpacingMonthGap = "0";
|
|
2019
|
+
export const CalenderDimensionDateHighlightedDateWidth = "32rem";
|
|
2020
|
+
export const CalenderDimensionDateHighlightedDateHeight = "32rem";
|
|
2021
|
+
export const CalenderDimensionContainerWidth = "32rem";
|
|
2022
|
+
export const CalenderDimensionContainerHeight = "32rem";
|
|
2023
|
+
export const CalenderBorderRadiusGlobal = "0";
|
|
2024
|
+
export const CalenderBorderRadiusDateHighlightedNone = "0";
|
|
2025
|
+
export const CalenderBorderRadiusDateHighlightedRounded = "16rem";
|
|
2026
|
+
export const CalenderBorderRadiusDateHighlightedFull = "9999rem";
|
|
2027
|
+
export const CalenderBorderRadiusDateNone = "0";
|
|
2028
|
+
export const CalenderBorderRadiusDateFull = "9999rem";
|
|
2029
|
+
export const CalenderBorderRadiusDateItemFull = "9999rem";
|
|
2030
|
+
export const CalenderBorderRadiusMonthNone = "0";
|
|
2031
|
+
export const TextAreaColorBackground = {
|
|
2032
|
+
value: "#ffffff",
|
|
2033
|
+
type: "color",
|
|
2034
|
+
filePath: "tokens/.parsed-tokens.json",
|
|
2035
|
+
isSource: true,
|
|
2036
|
+
};
|
|
2037
|
+
export const TextAreaColorForeground = {
|
|
2038
|
+
value: "#262626",
|
|
2039
|
+
type: "color",
|
|
2040
|
+
filePath: "tokens/.parsed-tokens.json",
|
|
2041
|
+
isSource: true,
|
|
2042
|
+
};
|
|
2043
|
+
export const TextAreaColorBorder = {
|
|
2044
|
+
value: "#262626",
|
|
2045
|
+
type: "color",
|
|
2046
|
+
filePath: "tokens/.parsed-tokens.json",
|
|
2047
|
+
isSource: true,
|
|
2048
|
+
};
|
|
2049
|
+
export const TextAreaColorIconDefault = "#6b7280";
|
|
2050
|
+
export const TextAreaColorIconError = "#f83b3b";
|
|
2051
|
+
export const TextAreaColorIconSucess = "#22c55e";
|
|
2052
|
+
export const TextAreaColorLabelDefault = "#374151";
|
|
2053
|
+
export const TextAreaColorHelpTextDefault = "#6b7280";
|
|
2054
|
+
export const TextAreaBorderWidthDefault = "1rem";
|
|
2055
|
+
export const TextAreaBorderRadiusDefault = "8rem";
|
|
2056
|
+
export const TextAreaSpacingContainerGap = "8rem";
|
|
2057
|
+
export const TextAreaSpacingContainerPaddingX = "0";
|
|
2058
|
+
export const TextAreaSpacingContainerPaddingY = "0";
|
|
2059
|
+
export const TextAreaSpacingInputGap = "0";
|
|
2060
|
+
export const TextAreaSpacingInputPaddingX = "8rem";
|
|
2061
|
+
export const TextAreaSpacingInputPaddingY = "16rem";
|
|
2062
|
+
export const TextAreaSpacingContentGap = "0";
|
|
2063
|
+
export const TextAreaSpacingContentPaddingX = "8rem";
|
|
2064
|
+
export const TextAreaSpacingContentPaddingY = "16rem";
|
|
2065
|
+
export const DateInputColorBackgroundDefault = "#ffffff";
|
|
2066
|
+
export const DateInputColorBackgroundActive = "#0f7173";
|
|
2067
|
+
export const DateInputColorBackgroundHover = "#ffffff";
|
|
2068
|
+
export const DateInputColorBackgroundWarning = "#fff1f1";
|
|
2069
|
+
export const DateInputColorBackgroundDisabled = "#fbfbfb";
|
|
2070
|
+
export const DateInputColorForegroundDefault = "#737373";
|
|
2071
|
+
export const DateInputColorForegroundActive = "#ffffff";
|
|
2072
|
+
export const DateInputColorForegroundHover = "#115b5e";
|
|
2073
|
+
export const DateInputColorForegroundWarning = "#f83b3b";
|
|
2074
|
+
export const DateInputColorForegroundDisabled = "#fbfbfb";
|
|
2075
|
+
export const DateInputBorderRadiusDefault = "8rem";
|
|
2076
|
+
export const DateInputBorderWidthDefault = "1rem";
|
|
2077
|
+
export const DateInputSpacingInputPaddingX = "16rem";
|
|
2078
|
+
export const DateInputSpacingInputPaddingY = "8rem";
|
|
2079
|
+
export const DateInputSpacingInputGap = "0";
|
|
2080
|
+
export const DateInputSpacingContentPaddingX = "16rem";
|
|
2081
|
+
export const DateInputSpacingContentPaddingY = "8rem";
|
|
2082
|
+
export const DateInputSpacingContentGap = "0";
|
|
2083
|
+
export const DividerColorDefault = "#d9d9d9";
|
|
2084
|
+
export const DividerBorderWidthDefault = "1rem";
|
|
2085
|
+
export const DropdownSelectorColorFilledBackgroundDefault = "#ffffff";
|
|
2086
|
+
export const DropdownSelectorColorFilledBackgroundHover = "#edeae1";
|
|
2087
|
+
export const DropdownSelectorColorFilledBackgroundTyping = "#edeae1";
|
|
2088
|
+
export const DropdownSelectorColorFilledBackgroundSelected = "#0f7173";
|
|
2089
|
+
export const DropdownSelectorColorFilledBackgroundFocused = "#edeae1";
|
|
2090
|
+
export const DropdownSelectorColorFilledBackgroundError = "#fff1f1";
|
|
2091
|
+
export const DropdownSelectorColorFilledBackgroundDisabled = "#fbfbfb";
|
|
2092
|
+
export const DropdownSelectorColorFilledForegroundDefault = "#737373";
|
|
2093
|
+
export const DropdownSelectorColorFilledForegroundHover = "#404040";
|
|
2094
|
+
export const DropdownSelectorColorFilledForegroundTyping = "#404040";
|
|
2095
|
+
export const DropdownSelectorColorFilledForegroundSelected = "#ffffff";
|
|
2096
|
+
export const DropdownSelectorColorFilledForegroundFocused = "#262626";
|
|
2097
|
+
export const DropdownSelectorColorFilledForegroundWarning = "#f83b3b";
|
|
2098
|
+
export const DropdownSelectorColorFilledForegroundDisabled = "#fbfbfb";
|
|
2099
|
+
export const DropdownSelectorColorFilledBorderDefault = "#7f8594";
|
|
2100
|
+
export const DropdownSelectorColorFilledBorderHover = "#0f7173";
|
|
2101
|
+
export const DropdownSelectorColorFilledBorderTyping = "#0f7173";
|
|
2102
|
+
export const DropdownSelectorColorFilledBorderSelected = "#262626";
|
|
2103
|
+
export const DropdownSelectorColorFilledBorderFocused = "#0f7173";
|
|
2104
|
+
export const DropdownSelectorColorFilledBorderWarning = "#f83b3b";
|
|
2105
|
+
export const DropdownSelectorColorFilledBorderDisabled = "#fbfbfb";
|
|
2106
|
+
export const DropdownSelectorColorFilledIconDefault = "#000000";
|
|
2107
|
+
export const DropdownSelectorColorFilledIconSelected = "#0f7173";
|
|
2108
|
+
export const DropdownSelectorColorFilledIconError = "#f83b3b";
|
|
2109
|
+
export const DropdownSelectorColorFilledIconDisabled = "#a3a3a3";
|
|
2110
|
+
export const DropdownSelectorColorSelectBackground = "#ffffff";
|
|
2111
|
+
export const DropdownSelectorColorSelectBorder = "#7f8594";
|
|
2112
|
+
export const DropdownSelectorColorOutlinedBackgroundDefault = "#ffffff";
|
|
2113
|
+
export const DropdownSelectorColorOutlinedBackgroundHover = "#edeae1";
|
|
2114
|
+
export const DropdownSelectorColorOutlinedBackgroundTyping = "#edeae1";
|
|
2115
|
+
export const DropdownSelectorColorOutlinedBackgroundSelected = "#ffffff";
|
|
2116
|
+
export const DropdownSelectorColorOutlinedBackgroundFocused = "#edeae1";
|
|
2117
|
+
export const DropdownSelectorColorOutlinedBackgroundError = "#ffffff";
|
|
2118
|
+
export const DropdownSelectorColorOutlinedBackgroundDisabled = "#ffffff";
|
|
2119
|
+
export const DropdownSelectorColorOutlinedForegroundDefault = "#737373";
|
|
2120
|
+
export const DropdownSelectorColorOutlinedForegroundHover = "#404040";
|
|
2121
|
+
export const DropdownSelectorColorOutlinedForegroundTyping = "#404040";
|
|
2122
|
+
export const DropdownSelectorColorOutlinedForegroundSelected = "#ffffff";
|
|
2123
|
+
export const DropdownSelectorColorOutlinedForegroundFocused = "#262626";
|
|
2124
|
+
export const DropdownSelectorColorOutlinedForegroundError = "#f83b3b";
|
|
2125
|
+
export const DropdownSelectorColorOutlinedForegroundDisabled = "#a3a3a3";
|
|
2126
|
+
export const DropdownSelectorColorOutlinedBorderDefault = "#7f8594";
|
|
2127
|
+
export const DropdownSelectorColorOutlinedBorderHover = "#0f7173";
|
|
2128
|
+
export const DropdownSelectorColorOutlinedBorderTyping = "#0f7173";
|
|
2129
|
+
export const DropdownSelectorColorOutlinedBorderSelected = "#262626";
|
|
2130
|
+
export const DropdownSelectorColorOutlinedBorderFocused = "#0f7173";
|
|
2131
|
+
export const DropdownSelectorColorOutlinedBorderWarning = "#f83b3b";
|
|
2132
|
+
export const DropdownSelectorColorOutlinedBorderDisabled = "#a3a3a3";
|
|
2133
|
+
export const DropdownSelectorColorOutlinedIconDefault = "#000000";
|
|
2134
|
+
export const DropdownSelectorColorOutlinedIconSelected = "#0f7173";
|
|
2135
|
+
export const DropdownSelectorColorOutlinedIconError = "#f83b3b";
|
|
2136
|
+
export const DropdownSelectorColorOutlinedIconDisabled = "#a3a3a3";
|
|
2137
|
+
export const DropdownSelectorColorSelectItemBackgroundDefault = "#ffffff";
|
|
2138
|
+
export const DropdownSelectorColorSelectItemBackgroundHover = "#115b5e";
|
|
2139
|
+
export const DropdownSelectorColorSelectItemBackgroundSelected = "#0f7173";
|
|
2140
|
+
export const DropdownSelectorColorSelectItemBackgroundFocused = "#115b5e";
|
|
2141
|
+
export const DropdownSelectorColorSelectItemBackgroundDisabled = "#fbfbfb";
|
|
2142
|
+
export const DropdownSelectorBorderRadiusDefault = "8rem";
|
|
2143
|
+
export const DropdownSelectorBorderRadiusContent = "0";
|
|
2144
|
+
export const DropdownSelectorBorderRadiusInput = "0";
|
|
2145
|
+
export const DropdownSelectorBorderRadiusRounded = "12rem";
|
|
2146
|
+
export const DropdownSelectorBorderRadiusFull = "9999rem";
|
|
2147
|
+
export const DropdownSelectorBorderRadiusSelectItem = "8rem";
|
|
2148
|
+
export const DropdownSelectorBorderWidthDefault = "1rem";
|
|
2149
|
+
export const DropdownSelectorBorderWidthFocused = "2rem";
|
|
2150
|
+
export const DropdownSelectorSpacingContainerPaddingX = "16rem";
|
|
2151
|
+
export const DropdownSelectorSpacingContainerPaddingY = "8rem";
|
|
2152
|
+
export const DropdownSelectorSpacingContainerGap = "8rem";
|
|
2153
|
+
export const DropdownSelectorSpacingContentPaddingX = "0";
|
|
2154
|
+
export const DropdownSelectorSpacingContentPaddingY = "0";
|
|
2155
|
+
export const DropdownSelectorSpacingContentGap = "0";
|
|
2156
|
+
export const DropdownSelectorSpacingSelectItemPaddingX = "16rem";
|
|
2157
|
+
export const DropdownSelectorSpacingSelectItemPaddingY = "8rem";
|
|
2158
|
+
export const DropdownSelectorSpacingSelectItemGap = "8rem";
|
|
2159
|
+
export const DropdownSelectorSpacingSelectItemTextPaddingX = "0";
|
|
2160
|
+
export const DropdownSelectorSpacingSelectItemTextPaddingY = "0";
|
|
2161
|
+
export const DropdownSelectorSpacingSelectItemTextGap = "4rem";
|
|
2162
|
+
export const StepperColorCounter = "#ffffff";
|
|
2163
|
+
export const StepperColorCtaBackgroundDefault = "#ffffff";
|
|
2164
|
+
export const StepperColorCtaBackgroundHover = "#115b5e";
|
|
2165
|
+
export const StepperColorCtaBackgroundPressed = "#042c2f";
|
|
2166
|
+
export const StepperColorCtaBackgroundDisabled = "#fbfbfb";
|
|
2167
|
+
export const StepperColorCtaForegroundDefault = "#000000";
|
|
2168
|
+
export const StepperColorCtaForegroundHover = "#ffffff";
|
|
2169
|
+
export const StepperColorCtaForegroundPressed = "#ffffff";
|
|
2170
|
+
export const StepperColorCtaForegroundDisabled = "#aaaeb8";
|
|
2171
|
+
export const StepperBorderRadiusCounter = "8rem";
|
|
2172
|
+
export const StepperBorderRadiusCta = "9999rem";
|
|
2173
|
+
export const StepperSpacingCounterGap = "0";
|
|
2174
|
+
export const StepperSpacingCounterPaddingX = "0";
|
|
2175
|
+
export const StepperSpacingCounterPaddingY = "4rem";
|
|
2176
|
+
export const StepperSpacingCtaGap = "0";
|
|
2177
|
+
export const StepperSpacingCtaPaddingX = "0";
|
|
2178
|
+
export const StepperSpacingCtaPaddingY = "0";
|
|
2179
|
+
export const StepperSpacingControllerGap = "8rem";
|
|
2180
|
+
export const StepperSpacingControllerPaddingX = "0";
|
|
2181
|
+
export const StepperSpacingControllerPaddingY = "0";
|
|
2182
|
+
export const StepperSpacingMultipleGap = "16rem";
|
|
2183
|
+
export const StepperSpacingMultiplePaddingX = "0";
|
|
2184
|
+
export const StepperSpacingMultiplePaddingY = "0";
|
|
2185
|
+
export const StepperDimensionCounterWidth = "72rem";
|
|
2186
|
+
export const StepperDimensionCtaWidth = "32rem";
|
|
2187
|
+
export const StepperDimensionCtaHeight = "32rem";
|
|
2188
|
+
export const LinkColorNormalDefault = "#303642";
|
|
2189
|
+
export const LinkColorNormalHover = "#242831";
|
|
2190
|
+
export const LinkColorNormalVisited = "#555d71";
|
|
2191
|
+
export const LinkColorNormalFocused = "#15181f";
|
|
2192
|
+
export const LinkColorInvertedDefault = "#ffffff";
|
|
2193
|
+
export const LinkColorInvertedHover = "#d4d6db";
|
|
2194
|
+
export const LinkColorInvertedVisited = "#e9eaed";
|
|
2195
|
+
export const LinkColorInvertedFocused = "#f9f9f9";
|
|
2196
|
+
export const LinkColorBrandDefault = "#0f7173";
|
|
2197
|
+
export const LinkColorBrandHover = "#115b5e";
|
|
2198
|
+
export const LinkColorBrandVisited = "#5eeae2";
|
|
2199
|
+
export const LinkColorBrandFocused = "#115b5e";
|
|
2200
|
+
export const LinkSpacingGap = "8rem";
|
|
2201
|
+
export const LinkSpacingPaddingX = "0";
|
|
2202
|
+
export const LinkSpacingPaddingY = "0";
|
|
2203
|
+
export const FooterColorBackgroundDefault = "#042c2f";
|
|
2204
|
+
export const CardColorBackgroundDefault = "#fafafa";
|
|
2205
|
+
export const CardColorBorderDefault = "#a3a3a3";
|
|
2206
|
+
export const CardBorderRadiusDefault = "24rem";
|
|
2207
|
+
export const CardSpacingCompactPaddingX = "8rem";
|
|
2208
|
+
export const CardSpacingCompactPaddingY = "8rem";
|
|
2209
|
+
export const CardSpacingNormalPaddingX = "12rem";
|
|
2210
|
+
export const CardSpacingNormalPaddingY = "12rem";
|
|
2211
|
+
export const CardSpacingRelaxedPaddingX = "16rem";
|
|
2212
|
+
export const CardSpacingRelaxedPaddingY = "16rem";
|
|
2213
|
+
export const CardSpacingChillPaddingX = "24rem";
|
|
2214
|
+
export const CardSpacingChillPaddingY = "24rem";
|
|
2215
|
+
export const CardBorderWidthDefault = "1rem";
|
|
2216
|
+
export const ChipBorderWidthDefault = "1rem";
|
|
2217
|
+
export const ChipSpacingSmPaddingX = "8rem";
|
|
2218
|
+
export const ChipSpacingSmPaddingY = "4rem";
|
|
2219
|
+
export const ChipSpacingSmGap = "4rem";
|
|
2220
|
+
export const ChipSpacingMdPaddingX = "12rem";
|
|
2221
|
+
export const ChipSpacingMdPaddingY = "4rem";
|
|
2222
|
+
export const ChipSpacingMdGap = "4rem";
|
|
2223
|
+
export const ChipSpacingLgPaddingX = "16rem";
|
|
2224
|
+
export const ChipSpacingLgPaddingY = "4rem";
|
|
2225
|
+
export const ChipSpacingLgGap = "4rem";
|
|
2226
|
+
export const ChipColorBrandFilledBackground = "#ed4c09";
|
|
2227
|
+
export const ChipColorBrandFilledForeground = "#ffffff";
|
|
2228
|
+
export const ChipColorBrandOutlineBackground = "#ffffff00";
|
|
2229
|
+
export const ChipColorBrandOutlineForeground = "#ed4c09";
|
|
2230
|
+
export const ChipColorAccentFilledBackground = "#0f7173";
|
|
2231
|
+
export const ChipColorAccentFilledForeground = "#ffffff";
|
|
2232
|
+
export const ChipColorAccentOutlineBackground = "#ffffff00";
|
|
2233
|
+
export const ChipColorAccentOutlineForeground = "#0f7173";
|
|
2234
|
+
export const ChipColorBlueFilledBackground = "#2e4780";
|
|
2235
|
+
export const ChipColorBlueFilledForeground = "#ffffff";
|
|
2236
|
+
export const ChipColorBlueOutlineBackground = "#ffffff00";
|
|
2237
|
+
export const ChipColorBlueOutlineForeground = "#2e4780";
|
|
2238
|
+
export const ChipColorGreenFilledBackground = "#dde8db";
|
|
2239
|
+
export const ChipColorGreenFilledForeground = "#384733";
|
|
2240
|
+
export const ChipColorGreenOutlineBackground = "#ffffff00";
|
|
2241
|
+
export const ChipColorGreenOutlineForeground = "#4a6045";
|
|
2242
|
+
export const ChipColorYellowFilledBackground = "#eab308";
|
|
2243
|
+
export const ChipColorYellowFilledForeground = "#ffffff";
|
|
2244
|
+
export const ChipColorYellowOutlineBackground = "#ffffff00";
|
|
2245
|
+
export const ChipColorYellowOutlineForeground = "#eab308";
|
|
2246
|
+
export const ChipColorRedFilledBackground = "#991b1b";
|
|
2247
|
+
export const ChipColorRedFilledForeground = "#ffffff";
|
|
2248
|
+
export const ChipColorRedOutlineBackground = "#ffffff00";
|
|
2249
|
+
export const ChipColorRedOutlineForeground = "#991b1b";
|
|
2250
|
+
export const ChipColorNeutralFilledBackground = "#e5e7eb";
|
|
2251
|
+
export const ChipColorNeutralFilledForeground = "#262626";
|
|
2252
|
+
export const ChipColorNeutralOutlineBackground = "#ffffff00";
|
|
2253
|
+
export const ChipColorNeutralOutlineForeground = "#9ca3af";
|
|
2254
|
+
export const ChipColorNeutralOutlineText = "#262626";
|
|
2255
|
+
export const ChipBorderRadiusPill = "9999rem";
|
|
2256
|
+
export const ChipPolicyBorderWidthDefault = "1rem";
|
|
2257
|
+
export const ChipPolicySpacingSmPaddingX = "8rem";
|
|
2258
|
+
export const ChipPolicySpacingSmPaddingY = "4rem";
|
|
2259
|
+
export const ChipPolicySpacingSmGap = "16rem";
|
|
2260
|
+
export const ChipPolicySpacingMdPaddingX = "12rem";
|
|
2261
|
+
export const ChipPolicySpacingMdPaddingY = "4rem";
|
|
2262
|
+
export const ChipPolicySpacingMdGap = "16rem";
|
|
2263
|
+
export const ChipPolicySpacingLgPaddingX = "16rem";
|
|
2264
|
+
export const ChipPolicySpacingLgPaddingY = "4rem";
|
|
2265
|
+
export const ChipPolicySpacingLgGap = "16rem";
|
|
2266
|
+
export const ChipPolicySpacingContentPaddingX = "0";
|
|
2267
|
+
export const ChipPolicySpacingContentPaddingY = "0";
|
|
2268
|
+
export const ChipPolicySpacingContentGap = "4rem";
|
|
2269
|
+
export const ChipPolicySpacingRoomTypePaddingX = "0";
|
|
2270
|
+
export const ChipPolicySpacingRoomTypePaddingY = "0";
|
|
2271
|
+
export const ChipPolicySpacingRoomTypeGap = "8rem";
|
|
2272
|
+
export const ChipPolicyBorderRadiusPill = "9999rem";
|
|
2273
|
+
export const ChipPolicyColorBackground = "#ffffff00";
|
|
2274
|
+
export const ChipPolicyColorForeground = "#303642";
|
|
2275
|
+
export const ChipPolicyColorBorder = "#fc6613";
|
|
2276
|
+
export const ChipClientTypeBorderWidthDefault = "1rem";
|
|
2277
|
+
export const ChipClientTypeSpacingSmPaddingX = "8rem";
|
|
2278
|
+
export const ChipClientTypeSpacingSmPaddingY = "4rem";
|
|
2279
|
+
export const ChipClientTypeSpacingSmGap = "8rem";
|
|
2280
|
+
export const ChipClientTypeSpacingMdPaddingX = "12rem";
|
|
2281
|
+
export const ChipClientTypeSpacingMdPaddingY = "4rem";
|
|
2282
|
+
export const ChipClientTypeSpacingMdGap = "8rem";
|
|
2283
|
+
export const ChipClientTypeSpacingLgPaddingX = "16rem";
|
|
2284
|
+
export const ChipClientTypeSpacingLgPaddingY = "4rem";
|
|
2285
|
+
export const ChipClientTypeSpacingLgGap = "8rem";
|
|
2286
|
+
export const ChipClientTypeSpacingContentPaddingX = "0";
|
|
2287
|
+
export const ChipClientTypeSpacingContentPaddingY = "0";
|
|
2288
|
+
export const ChipClientTypeSpacingContentGap = "4rem";
|
|
2289
|
+
export const ChipClientTypeSpacingRoomTypePaddingX = "0";
|
|
2290
|
+
export const ChipClientTypeSpacingRoomTypePaddingY = "0";
|
|
2291
|
+
export const ChipClientTypeSpacingRoomTypeGap = "8rem";
|
|
2292
|
+
export const ChipClientTypeBorderRadiusPill = "9999rem";
|
|
2293
|
+
export const ChipClientTypeBorderRadiusNone = "0";
|
|
2294
|
+
export const ChipClientTypeColorBackground = "#ffffff00";
|
|
2295
|
+
export const ChipClientTypeColorForeground = "#303642";
|
|
2296
|
+
export const ChipClientTypeColorBorder = "#fc6613";
|
|
2297
|
+
export const PriceTotalBorderWidthBorder = "1rem";
|
|
2298
|
+
export const PriceTotalBorderWidthNone = "0";
|
|
2299
|
+
export const PriceTotalSpacingPaddingX = "64rem";
|
|
2300
|
+
export const PriceTotalSpacingPaddingY = "0";
|
|
2301
|
+
export const PriceTotalSpacingGap = "0";
|
|
2302
|
+
export const PriceTotalSpacingContentPaddingX = "0";
|
|
2303
|
+
export const PriceTotalSpacingContentPaddingY = "0";
|
|
2304
|
+
export const PriceTotalSpacingContentGap = "12rem";
|
|
2305
|
+
export const PriceTotalColorForeground = "#262626";
|
|
2306
|
+
export const PriceTotalColorBorder = "#a3a3a3";
|
|
2307
|
+
export const RatingStarColorDefault = "#d1d5db";
|
|
2308
|
+
export const RatingStarColorSelected = "#ca8a04";
|
|
2309
|
+
export const RatingStarSpacingPaddingX = "0";
|
|
2310
|
+
export const RatingStarSpacingPaddingY = "0";
|
|
2311
|
+
export const RatingStarSpacingGap = "4rem";
|
|
2312
|
+
export const RatingStarBorderRadiusDefault = "0";
|
|
2313
|
+
export const TabSpacingContainerPaddingX = "8rem";
|
|
2314
|
+
export const TabSpacingContainerPaddingY = "8rem";
|
|
2315
|
+
export const TabSpacingContainerGap = "0";
|
|
2316
|
+
export const TabSpacingContentPaddingX = "12rem";
|
|
2317
|
+
export const TabSpacingContentPaddingY = "8rem";
|
|
2318
|
+
export const TabSpacingContentGap = "8rem";
|
|
2319
|
+
export const TabBorderWidthDefault = "4rem";
|
|
2320
|
+
export const TabBorderRadiusDefault = "0";
|
|
2321
|
+
export const TabColorNormalDefaultBackground = "#ffffff";
|
|
2322
|
+
export const TabColorNormalDefaultBorder = "#e5e5e5";
|
|
2323
|
+
export const TabColorNormalHoverBackground = "#ededed";
|
|
2324
|
+
export const TabColorNormalHoverBorder = "#e5e5e5";
|
|
2325
|
+
export const TabColorNormalPressedBackground = "#d9d9d9";
|
|
2326
|
+
export const TabColorNormalPressedBorder = "#e5e5e5";
|
|
2327
|
+
export const TabColorNormalFocusedBackground = "#ffffff";
|
|
2328
|
+
export const TabColorNormalFocusedBorder = "#e5e5e5";
|
|
2329
|
+
export const TabColorActiveDefaultBackground = "#ffffff";
|
|
2330
|
+
export const TabColorActiveDefaultBorder = "#0f7173";
|
|
2331
|
+
export const TabColorActiveHoverBackground = "#ffffff";
|
|
2332
|
+
export const TabColorActiveHoverBorder = "#115b5e";
|
|
2333
|
+
export const TabColorActivePressedBackground = "#ffffff";
|
|
2334
|
+
export const TabColorActivePressedBorder = "#042c2f";
|
|
2335
|
+
export const TabColorActiveFocusedBackground = "#ffffff";
|
|
2336
|
+
export const TabColorActiveFocusedBorder = "#042c2f";
|
|
2337
|
+
export const AvatarColorBackgroundNeutral = "#fcfbfa";
|
|
2338
|
+
export const AvatarColorBackgroundBlue = "#2563eb";
|
|
2339
|
+
export const AvatarColorBackgroundPink = "#be185d";
|
|
2340
|
+
export const AvatarColorBackgroundOrange = "#c2410c";
|
|
2341
|
+
export const AvatarColorBackgroundOrangeCopy = "#166534";
|
|
2342
|
+
export const AvatarColorForegroundDefault = "#262626";
|
|
2343
|
+
export const AvatarColorForegroundInverse = "#ffffff";
|
|
2344
|
+
export const AvatarDimensionSmWidth = "16rem";
|
|
2345
|
+
export const AvatarDimensionSmHeight = "16rem";
|
|
2346
|
+
export const AvatarDimensionMdWidth = "24rem";
|
|
2347
|
+
export const AvatarDimensionMdHeight = "24rem";
|
|
2348
|
+
export const AvatarDimensionXlWidth = "48rem";
|
|
2349
|
+
export const AvatarDimensionXlHeight = "48rem";
|
|
2350
|
+
export const AvatarSpacingGap = "8rem";
|
|
2351
|
+
export const ServiceSelectorColorDropdownItemBackgroundDefault = "#ffffff00";
|
|
2352
|
+
export const ServiceSelectorColorDropdownItemBackgroundHover = "#f5f5f5";
|
|
2353
|
+
export const ServiceSelectorColorDropdownItemBackgroundActive = "#042c2f";
|
|
2354
|
+
export const ServiceSelectorColorDropdownItemForegroundDefault = "#737373";
|
|
2355
|
+
export const ServiceSelectorColorDropdownItemForegroundHover = "#404040";
|
|
2356
|
+
export const ServiceSelectorColorDropdownItemForegroundActive = "#ffffff";
|
|
2357
|
+
export const ServiceSelectorColorServiceSelectorBackgroundDefault = "#ffffff";
|
|
2358
|
+
export const ServiceSelectorColorServiceSelectorBackgroundHover = "#ccfbf6";
|
|
2359
|
+
export const ServiceSelectorColorServiceSelectorBackgroundActive = "#042c2f";
|
|
2360
|
+
export const ServiceSelectorColorServiceSelectorForegroundDefault = "#0f7173";
|
|
2361
|
+
export const ServiceSelectorColorServiceSelectorForegroundHover = "#0f7173";
|
|
2362
|
+
export const ServiceSelectorColorServiceSelectorForegroundActive = "#ffffff";
|
|
2363
|
+
export const ServiceSelectorColorServiceSelectorBorderDefault = "#a3a3a3";
|
|
2364
|
+
export const ServiceSelectorColorServiceSelectorBorderHover = "#0f7173";
|
|
2365
|
+
export const ServiceSelectorSpacingDropdownItemPaddingX = "24rem";
|
|
2366
|
+
export const ServiceSelectorSpacingDropdownItemPaddingY = "12rem";
|
|
2367
|
+
export const ServiceSelectorSpacingDropdownItemGap = "12rem";
|
|
2368
|
+
export const ServiceSelectorSpacingServiceSelectorPaddingX = "24rem";
|
|
2369
|
+
export const ServiceSelectorSpacingServiceSelectorPaddingY = "12rem";
|
|
2370
|
+
export const ServiceSelectorSpacingServiceSelectorGap = "40rem";
|
|
2371
|
+
export const ServiceSelectorBoderRadiusDropdownItemDefault = "12rem";
|
|
2372
|
+
export const ServiceSelectorBoderRadiusDropdownItemPill = "9999rem";
|
|
2373
|
+
export const ServiceSelectorBorderWidthDefault = "1rem";
|
|
2374
|
+
export const TagColorBackgroundDefault = "#ffffff";
|
|
2375
|
+
export const TagColorBackgroundHover = "#ffffff";
|
|
2376
|
+
export const TagColorBackgroundFocus = "#ffffff";
|
|
2377
|
+
export const TagColorBorderDefault = "#0f7173";
|
|
2378
|
+
export const TagColorBorderHover = "#115b5e";
|
|
2379
|
+
export const TagColorBorderFocus = "#042c2f";
|
|
2380
|
+
export const TagColorForegroundDefault = "#262626";
|
|
2381
|
+
export const TagColorForegroundHover = "#262626";
|
|
2382
|
+
export const TagColorForegroundFocus = "#262626";
|
|
2383
|
+
export const TagSpacingPaddingX = "16rem";
|
|
2384
|
+
export const TagSpacingPaddingY = "8rem";
|
|
2385
|
+
export const TagSpacingGap = "8rem";
|
|
2386
|
+
export const TagBorderWidthBorder = "1rem";
|
|
2387
|
+
export const TagBorderRadiusDefault = "24rem";
|
|
2388
|
+
export const SliderColorBackground = "#f5f5f5";
|
|
2389
|
+
export const SliderColorForeground = "#525252";
|
|
2390
|
+
export const SliderSizeHeight = "8rem";
|
|
2391
|
+
export const SliderSizeWidthLarge = "8rem";
|
|
2392
|
+
export const PanelButtonColorDefaultBackground = "#ffffff";
|
|
2393
|
+
export const PanelButtonColorDefaultForeground = "#262626";
|
|
2394
|
+
export const PanelButtonColorDefaultBorder = "#a3a3a3";
|
|
2395
|
+
export const PanelButtonColorHoverBackground = "#ededed";
|
|
2396
|
+
export const PanelButtonColorHoverForeground = "#262626";
|
|
2397
|
+
export const PanelButtonColorHoverBorder = "#a3a3a3";
|
|
2398
|
+
export const PanelButtonColorActiveBackground = "#ededed";
|
|
2399
|
+
export const PanelButtonColorActiveForeground = "#0f7173";
|
|
2400
|
+
export const PanelButtonColorActiveBorder = "#a3a3a3";
|
|
2401
|
+
export const TopNavigationColorMenuItemNormalDefaultBackground = "#ffffff";
|
|
2402
|
+
export const TopNavigationColorMenuItemNormalDefaultForeground = "#262626";
|
|
2403
|
+
export const TopNavigationColorMenuItemNormalHoverBackground = "#ededed";
|
|
2404
|
+
export const TopNavigationColorMenuItemNormalHoverForeground = "#262626";
|
|
2405
|
+
export const TopNavigationColorMenuItemNormalPressedBackground = "#d9d9d9";
|
|
2406
|
+
export const TopNavigationColorMenuItemNormalPressedForeground = "#262626";
|
|
2407
|
+
export const TopNavigationColorMenuItemNormalFocusedBackground = "#d9d9d9";
|
|
2408
|
+
export const TopNavigationColorMenuItemNormalFocusedForeground = "#262626";
|
|
2409
|
+
export const TopNavigationColorMenuItemActiveDefaultBackground = "#ffffff";
|
|
2410
|
+
export const TopNavigationColorMenuItemActiveDefaultForeground = "#ed4c09";
|
|
2411
|
+
export const TopNavigationColorMenuItemActiveDefaultBorder = "#fc6613";
|
|
2412
|
+
export const TopNavigationColorMenuItemActiveHoverBackground = "#ededed";
|
|
2413
|
+
export const TopNavigationColorMenuItemActiveHoverForeground = "#ed4c09";
|
|
2414
|
+
export const TopNavigationColorMenuItemActiveHoverBorder = "#fc6613";
|
|
2415
|
+
export const TopNavigationColorMenuItemActivePressedBackground = "#d9d9d9";
|
|
2416
|
+
export const TopNavigationColorMenuItemActivePressedForeground = "#ed4c09";
|
|
2417
|
+
export const TopNavigationColorMenuItemActivePressedBorder = "#fc6613";
|
|
2418
|
+
export const TopNavigationColorMenuItemActiveFocusedBackground = "#d9d9d9";
|
|
2419
|
+
export const TopNavigationColorMenuItemActiveFocusedForeground = "#ed4c09";
|
|
2420
|
+
export const TopNavigationColorMenuItemActiveFocusedBorder = "#fc6613";
|
|
2421
|
+
export const TopNavigationSpacingMenuPaddingX = "0";
|
|
2422
|
+
export const TopNavigationSpacingMenuPaddingY = "0";
|
|
2423
|
+
export const TopNavigationSpacingMenuGap = "0";
|
|
2424
|
+
export const TopNavigationSpacingMenuGroupPaddingX = "0";
|
|
2425
|
+
export const TopNavigationSpacingMenuGroupPaddingY = "0";
|
|
2426
|
+
export const TopNavigationSpacingMenuGroupGap = "32rem";
|
|
2427
|
+
export const TopNavigationSpacingFullScreenContainerLogInPaddingX = "0";
|
|
2428
|
+
export const TopNavigationSpacingFullScreenContainerLogInPaddingY = "0";
|
|
2429
|
+
export const TopNavigationSpacingFullScreenContainerLogInGap = "16rem";
|
|
2430
|
+
export const TopNavigationSpacingFullScreenContainerLogOutPaddingX = "24rem";
|
|
2431
|
+
export const TopNavigationSpacingFullScreenContainerLogOutPaddingY = "24rem";
|
|
2432
|
+
export const TopNavigationSpacingFullScreenContainerLogOutGap = "16rem";
|
|
2433
|
+
export const TopNavigationSpacingFullScreenContainerDesktopPaddingX = "96rem";
|
|
2434
|
+
export const TopNavigationSpacingFullScreenContainerDesktopPaddingY = "12rem";
|
|
2435
|
+
export const TopNavigationSpacingFullScreenContainerTabletPaddingX = "16rem";
|
|
2436
|
+
export const TopNavigationSpacingFullScreenContainerTabletPaddingY = "0";
|
|
2437
|
+
export const TopNavigationSpacingMenuItemContentPaddingX = "12rem";
|
|
2438
|
+
export const TopNavigationSpacingMenuItemContentPaddingY = "8rem";
|
|
2439
|
+
export const TopNavigationSpacingMenuItemContentGap = "8rem";
|
|
2440
|
+
export const TopNavigationSpacingMenuItemPaddingX = "8rem";
|
|
2441
|
+
export const TopNavigationSpacingMenuItemPaddingXLarge = "16rem";
|
|
2442
|
+
export const TopNavigationSpacingMenuItemPaddingY = "8rem";
|
|
2443
|
+
export const TopNavigationSpacingMenuItemGap = "8rem";
|
|
2444
|
+
export const TopNavigationSpacingMenuItemContentAltPaddingX = "0";
|
|
2445
|
+
export const TopNavigationSpacingMenuItemContentAltPaddingY = "8rem";
|
|
2446
|
+
export const TopNavigationSpacingMenuItemContentAltGap = "8rem";
|
|
2447
|
+
export const TopNavigationSpacingActionPaddingX = "0";
|
|
2448
|
+
export const TopNavigationSpacingActionPaddingY = "0";
|
|
2449
|
+
export const TopNavigationSpacingActionGap = "56rem";
|
|
2450
|
+
export const TopNavigationSpacingActionDetailsPaddingX = "0";
|
|
2451
|
+
export const TopNavigationSpacingActionDetailsPaddingY = "0";
|
|
2452
|
+
export const TopNavigationSpacingActionDetailsGapMd = "24rem";
|
|
2453
|
+
export const TopNavigationSpacingActionDetailsGapSm = "16rem";
|
|
2454
|
+
export const TopNavigationBorderRadiusDefault = "0";
|
|
2455
|
+
export const TopNavigationBorderRadiusSquare = "4rem";
|
|
2456
|
+
export const RadioButtonSelectorColorDefaultBackground = "#ffffff";
|
|
2457
|
+
export const RadioButtonSelectorColorDefaultForeground = "#262626";
|
|
2458
|
+
export const RadioButtonSelectorColorDefaultForegroundAlt = "#303642";
|
|
2459
|
+
export const RadioButtonSelectorColorPositiveBackground = "#f0fdf4";
|
|
2460
|
+
export const RadioButtonSelectorColorPositiveForeground = "#262626";
|
|
2461
|
+
export const RadioButtonSelectorColorPositiveForegroundAlt = "#303642";
|
|
2462
|
+
export const RadioButtonSelectorColorActiveBackground = "#ffffff";
|
|
2463
|
+
export const RadioButtonSelectorColorActiveForeground = "#262626";
|
|
2464
|
+
export const RadioButtonSelectorColorActiveForegroundAlt = "#303642";
|
|
2465
|
+
export const RadioButtonSelectorColorActiveForegroundAltCopy = "#042c2f";
|
|
2466
|
+
export const RadioButtonSelectorColorFocusBackground = "#ffffff";
|
|
2467
|
+
export const RadioButtonSelectorColorFocusForeground = "#262626";
|
|
2468
|
+
export const RadioButtonSelectorColorFocusForegroundAlt = "#303642";
|
|
2469
|
+
export const RadioButtonSelectorColorFocusForegroundAltCopy = "#042c2f";
|
|
2470
|
+
export const RadioButtonSelectorColorErrorBackground = "#ffc7c7";
|
|
2471
|
+
export const RadioButtonSelectorColorErrorForeground = "#262626";
|
|
2472
|
+
export const RadioButtonSelectorColorErrorForegroundAlt = "#a01414";
|
|
2473
|
+
export const RadioButtonSelectorSpacingItemPaddingX = "16rem";
|
|
2474
|
+
export const RadioButtonSelectorSpacingItemPaddingY = "8rem";
|
|
2475
|
+
export const RadioButtonSelectorSpacingItemGap = "0";
|
|
2476
|
+
export const RadioButtonSelectorSpacingContainerPaddingX = "0";
|
|
2477
|
+
export const RadioButtonSelectorSpacingContainerPaddingY = "0";
|
|
2478
|
+
export const RadioButtonSelectorSpacingContainerGap = "8rem";
|
|
2479
|
+
export const RadioButtonSelectorSpacingContentPaddingX = "0";
|
|
2480
|
+
export const RadioButtonSelectorSpacingContentPaddingY = "0";
|
|
2481
|
+
export const RadioButtonSelectorSpacingContentGap = "4rem";
|
|
2482
|
+
export const RadioButtonSelectorSpacingRowPaddingX = "0";
|
|
2483
|
+
export const RadioButtonSelectorSpacingRowPaddingY = "0";
|
|
2484
|
+
export const RadioButtonSelectorSpacingRowGap = "4rem";
|
|
2485
|
+
export const RadioButtonSelectorBorderRadiusDefault = "12rem";
|
|
2486
|
+
export const RadioButtonSelectorBorderWidthBorder = "1rem";
|
|
2487
|
+
export const RatingTabColorBackgroundDefault = "#ffffff";
|
|
2488
|
+
export const RatingTabColorBackgroundHover = "#d9d9d9";
|
|
2489
|
+
export const RatingTabColorBackgroundActive = "#d9d9d9";
|
|
2490
|
+
export const RatingTabColorBackgroundFocused = "#d9d9d9";
|
|
2491
|
+
export const RatingTabColorBackgroundDisabled = "#fbfbfb";
|
|
2492
|
+
export const RatingTabColorBorderDefault = "#a3a3a3";
|
|
2493
|
+
export const RatingTabColorBorderHover = "#a3a3a3";
|
|
2494
|
+
export const RatingTabColorBorderActive = "#a3a3a3";
|
|
2495
|
+
export const RatingTabColorBorderFocused = "#a3a3a3";
|
|
2496
|
+
export const RatingTabColorBorderDisabled = "#d1d5db";
|
|
2497
|
+
export const RatingTabSpacingPaddingX = "16rem";
|
|
2498
|
+
export const RatingTabSpacingPaddingY = "12rem";
|
|
2499
|
+
export const RatingTabBorderBorder = "1rem";
|
|
2500
|
+
export const RatingTabBorderRadiusDefault = "12rem";
|
|
2501
|
+
export const TooltipColorBackgroundDefault = "#0f7173";
|
|
2502
|
+
export const TooltipColorForegroundDefault = "#ffffff";
|
|
2503
|
+
export const TooltipBorderRadiusDefault = "8rem";
|
|
2504
|
+
export const TooltipSpacingPaddingX = "0";
|
|
2505
|
+
export const TooltipSpacingPaddingY = "0";
|
|
2506
|
+
export const TooltipSpacingGap = "0";
|
|
2507
|
+
export const TooltipSpacingContainerPaddingX = "8rem";
|
|
2508
|
+
export const TooltipSpacingContainerPaddingY = "4rem";
|
|
2509
|
+
export const TooltipSpacingContainerGap = "0";
|
|
2510
|
+
export const BreadcrumbsColorForegroundDefault = "#a3a3a3";
|
|
2511
|
+
export const BreadcrumbsColorItemForegroundDefault = "#303642";
|
|
2512
|
+
export const BreadcrumbsColorItemForegroundHover = "#115b5e";
|
|
2513
|
+
export const BreadcrumbsColorItemForegroundPressed = "#042c2f";
|
|
2514
|
+
export const BreadcrumbsColorItemForegroundActive = "#0f7173";
|
|
2515
|
+
export const BreadcrumbsBorderRadiusDefault = "0";
|
|
2516
|
+
export const PriceSliderSpacingInputPaddingX = "0";
|
|
2517
|
+
export const PriceSliderSpacingInputPaddingY = "0";
|
|
2518
|
+
export const PriceSliderSpacingInputGap = "0";
|
|
2519
|
+
export const PriceSliderSpacingContainerPaddingX = "0";
|
|
2520
|
+
export const PriceSliderSpacingContainerPaddingY = "0";
|
|
2521
|
+
export const PriceSliderSpacingContainerGap = "16rem";
|
|
2522
|
+
export const PriceSliderColorSliderBackgroundDefault = "#e5e5e5";
|
|
2523
|
+
export const PriceSliderColorSliderForegroundDefault = "#0f7173";
|
|
2524
|
+
export const ImageContainerSpacingDesktopPaddingX = "0";
|
|
2525
|
+
export const ImageContainerSpacingDesktopPaddingY = "0";
|
|
2526
|
+
export const ImageContainerSpacingDesktopGap = "20rem";
|
|
2527
|
+
export const ImageContainerSpacingTabletPaddingX = "0";
|
|
2528
|
+
export const ImageContainerSpacingTabletPaddingY = "0";
|
|
2529
|
+
export const ImageContainerSpacingTabletGap = "20rem";
|
|
2530
|
+
export const ImageContainerSpacingMobilePaddingX = "0";
|
|
2531
|
+
export const ImageContainerSpacingMobilePaddingY = "0";
|
|
2532
|
+
export const ImageContainerSpacingMobileGap = "8rem";
|
|
2533
|
+
export const ImageContainerColorOverlay = "#00000080";
|
|
2534
|
+
export const ImageContainerBorderRadiusDefault = "16rem";
|
|
2535
|
+
export const InlineMessageColorSuccessBackground = "#dcfce7";
|
|
2536
|
+
export const InlineMessageColorSuccessForeground = "#262626";
|
|
2537
|
+
export const InlineMessageColorErrorBackground = "#ffc7c7";
|
|
2538
|
+
export const InlineMessageColorErrorForeground = "#262626";
|
|
2539
|
+
export const InlineMessageColorInformationBackground = "#dbeafe";
|
|
2540
|
+
export const InlineMessageColorInformationForeground = "#262626";
|
|
2541
|
+
export const InlineMessageColorNeutralBackground = "#f5f5f5";
|
|
2542
|
+
export const InlineMessageColorNeutralForeground = "#262626";
|
|
2543
|
+
export const InlineMessageSpacingPaddingX = "12rem";
|
|
2544
|
+
export const InlineMessageSpacingPaddingY = "12rem";
|
|
2545
|
+
export const InlineMessageSpacingContentPaddingX = "0";
|
|
2546
|
+
export const InlineMessageSpacingContentPaddingY = "0";
|
|
2547
|
+
export const InlineMessageSpacingContentGap = "8rem";
|
|
2548
|
+
export const InlineMessageBorderRadiusDefault = "8rem";
|
|
2549
|
+
export const AccordionColorHeaderNormalBackgroundDefault = "#ffffff";
|
|
2550
|
+
export const AccordionColorHeaderNormalBackgroundHover = "#f5f5f5";
|
|
2551
|
+
export const AccordionColorHeaderNormalBackgroundPressed = "#d9d9d9";
|
|
2552
|
+
export const AccordionColorHeaderNormalBackgroundFocused = "#ffffff";
|
|
2553
|
+
export const AccordionColorHeaderNormalForegroundDefault = "#262626";
|
|
2554
|
+
export const AccordionColorHeaderNormalBorderDefault = "#a3a3a3";
|
|
2555
|
+
export const AccordionColorHeaderNormalBorderHover = "#115b5e";
|
|
2556
|
+
export const AccordionColorHeaderNormalBorderPressed = "#042c2f";
|
|
2557
|
+
export const AccordionColorHeaderNormalBorderFocused = "#042c2f";
|
|
2558
|
+
export const AccordionColorHeaderBrandBackgroundDefault = "#ffffff";
|
|
2559
|
+
export const AccordionColorHeaderBrandBackgroundHover = "#f5f5f5";
|
|
2560
|
+
export const AccordionColorHeaderBrandBackgroundPressed = "#d9d9d9";
|
|
2561
|
+
export const AccordionColorHeaderBrandBackgroundFocused = "#ffffff";
|
|
2562
|
+
export const AccordionColorHeaderBrandForegroundDefault = "#0f7173";
|
|
2563
|
+
export const AccordionColorHeaderBrandBorderDefault = "#a3a3a3";
|
|
2564
|
+
export const AccordionColorHeaderBrandBorderHover = "#115b5e";
|
|
2565
|
+
export const AccordionColorHeaderBrandBorderPressed = "#042c2f";
|
|
2566
|
+
export const AccordionColorHeaderBrandBorderFocused = "#042c2f";
|
|
2567
|
+
export const AccordionBorderRadiusDefault = "8rem";
|
|
2568
|
+
export const AccordionBorderRadiusNone = "0";
|
|
2569
|
+
export const AccordionSpacingBodyPaddingX = "8rem";
|
|
2570
|
+
export const AccordionSpacingBodyPaddingY = "16rem";
|
|
2571
|
+
export const AccordionSpacingBodyGap = "10rem";
|
|
2572
|
+
export const AccordionSpacingBodyGapNone = "0";
|
|
2573
|
+
export const AccordionSpacingHeaderPaddingX = "12rem";
|
|
2574
|
+
export const AccordionSpacingHeaderPaddingY = "12rem";
|
|
2575
|
+
export const AccordionSpacingTitlePaddingX = "0";
|
|
2576
|
+
export const AccordionSpacingTitlePaddingY = "0";
|
|
2577
|
+
export const AccordionSpacingTitleGap = "8rem";
|
|
2578
|
+
export const AccordionBorderWidthDefault = "1rem";
|
|
2579
|
+
export const AccordionBorderWidthThin = "0.5rem";
|
|
2580
|
+
export const SegmentedButtonColorBackgroundDefault = "#fafafa";
|
|
2581
|
+
export const SegmentedButtonColorBackgroundHover = "#e5e5e5";
|
|
2582
|
+
export const SegmentedButtonColorBackgroundFocus = "#fafafa";
|
|
2583
|
+
export const SegmentedButtonColorBackgroundSelected = "#fe8839";
|
|
2584
|
+
export const SegmentedButtonColorBackgroundDisabled = "#ffffff00";
|
|
2585
|
+
export const SegmentedButtonColorForegroundDefault = "#303642";
|
|
2586
|
+
export const SegmentedButtonColorForegroundHover = "#303642";
|
|
2587
|
+
export const SegmentedButtonColorForegroundFocus = "#303642";
|
|
2588
|
+
export const SegmentedButtonColorForegroundSelected = "#ffffff";
|
|
2589
|
+
export const SegmentedButtonColorForegroundDisabled = "#a3a3a3";
|
|
2590
|
+
export const SegmentedButtonColorBorderDefault = "#a3a3a3";
|
|
2591
|
+
export const SegmentedButtonColorBorderHover = "#a3a3a3";
|
|
2592
|
+
export const SegmentedButtonColorBorderFocus = "#a3a3a3";
|
|
2593
|
+
export const SegmentedButtonColorBorderSelected = "#fe8839";
|
|
2594
|
+
export const SegmentedButtonColorBorderDisabled = "#e5e5e5";
|
|
2595
|
+
export const SegmentedButtonBorderRadiusNone = "0";
|
|
2596
|
+
export const SegmentedButtonBorderRadiusBorder = "6rem";
|
|
2597
|
+
export const SegmentedButtonBorderWidthDefault = "0.5rem";
|
|
2598
|
+
export const SegmentedButtonBorderWidthNone = "0";
|
|
2599
|
+
export const SegmentedButtonSpacingContainerPaddingX = "0";
|
|
2600
|
+
export const SegmentedButtonSpacingContainerPaddingY = "0";
|
|
2601
|
+
export const SegmentedButtonSpacingContainerGap = "0";
|
|
2602
|
+
export const SegmentedButtonSpacingContentPaddingX = "12rem";
|
|
2603
|
+
export const SegmentedButtonSpacingContentPaddingY = "8rem";
|
|
2604
|
+
export const SegmentedButtonSpacingContentGap = "4rem";
|
|
2605
|
+
export const TagActionColorBackgroundDefault = "#ffffff";
|
|
2606
|
+
export const TagActionColorBackgroundHover = "#d9d9d9";
|
|
2607
|
+
export const TagActionColorBackgroundFocus = "#ffffff";
|
|
2608
|
+
export const TagActionColorBackgroundActive = "#ffffff";
|
|
2609
|
+
export const TagActionColorForegroundDefault = "#262626";
|
|
2610
|
+
export const TagActionColorForegroundHover = "#262626";
|
|
2611
|
+
export const TagActionColorForegroundFocus = "#262626";
|
|
2612
|
+
export const TagActionColorForegroundActive = "#262626";
|
|
2613
|
+
export const TagActionBorderRadiusFull = "9999rem";
|
|
2614
|
+
export const TagActionSpacingSmPaddingX = "14rem";
|
|
2615
|
+
export const TagActionSpacingSmPaddingY = "6rem";
|
|
2616
|
+
export const TagActionSpacingSmGap = "4rem";
|
|
2617
|
+
export const DesktopResponsiveViewport = "1440px";
|
|
2618
|
+
export const DesktopGlobalSpacingInlineXs = "4rem";
|
|
2619
|
+
export const DesktopGlobalSpacingInlineSm = "8rem";
|
|
2620
|
+
export const DesktopGlobalSpacingBlockSm = "16rem";
|
|
2621
|
+
export const DesktopGlobalSpacingBlockMd = "24rem";
|
|
2622
|
+
export const DesktopGlobalSpacingBlockLg = "32rem";
|
|
2623
|
+
export const DesktopGlobalSpacingBlockXl = "40rem";
|
|
2624
|
+
export const DesktopGlobalSpacingPagePadding = "40rem";
|
|
2625
|
+
export const DesktopGlobalSpacingGridGutter = "16rem";
|
|
2626
|
+
export const DesktopGlobalSpacingSectionGapMd = "40rem";
|
|
2627
|
+
export const DesktopGlobalSpacingSectionGapLg = "64rem";
|
|
2628
|
+
export const DesktopGlobalSpacingSectionGapXl = "80rem";
|
|
2629
|
+
export const ResponsiveViewport = "834px";
|
|
2630
|
+
export const TabletGlobalSpacingInlineXs = "4rem";
|
|
2631
|
+
export const TabletGlobalSpacingInlineSm = "8rem";
|
|
2632
|
+
export const TabletGlobalSpacingBlockSm = "16rem";
|
|
2633
|
+
export const TabletGlobalSpacingBlockMd = "20rem";
|
|
2634
|
+
export const TabletGlobalSpacingBlockLg = "24rem";
|
|
2635
|
+
export const TabletGlobalSpacingBlockXl = "32rem";
|
|
2636
|
+
export const TabletGlobalSpacingPagePadding = "32rem";
|
|
2637
|
+
export const TabletGlobalSpacingGridGutter = "12rem";
|
|
2638
|
+
export const TabletGlobalSpacingSectionGapMd = "32rem";
|
|
2639
|
+
export const TabletGlobalSpacingSectionGapLg = "48rem";
|
|
2640
|
+
export const TabletGlobalSpacingSectionGapXl = "64rem";
|
|
2641
|
+
export const TabletResponsiveCopyViewport = "834px";
|
|
2642
|
+
export const MobileResponsiveViewport = "375px";
|
|
2643
|
+
export const MobileGlobalSpacingInlineXs = "4rem";
|
|
2644
|
+
export const MobileGlobalSpacingInlineSm = "8rem";
|
|
2645
|
+
export const MobileGlobalSpacingBlockSm = "12rem";
|
|
2646
|
+
export const MobileGlobalSpacingBlockMd = "16rem";
|
|
2647
|
+
export const MobileGlobalSpacingBlockLg = "20rem";
|
|
2648
|
+
export const MobileGlobalSpacingBlockXl = "24rem";
|
|
2649
|
+
export const MobileGlobalSpacingPagePadding = "16rem";
|
|
2650
|
+
export const MobileGlobalSpacingGridGutter = "8rem";
|
|
2651
|
+
export const MobileGlobalSpacingSectionGapMd = "24rem";
|
|
2652
|
+
export const MobileGlobalSpacingSectionGapLg = "32rem";
|
|
2653
|
+
export const MobileGlobalSpacingSectionGapXl = "40rem";
|