@factorialco/f0-react-native 0.24.1 → 0.26.0
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/lib/module/components/Activity/ActivityItem/index.js +1 -1
- package/lib/module/components/Avatars/BaseAvatar/index.js +1 -1
- package/lib/module/components/Avatars/DateAvatar/index.js +1 -1
- package/lib/module/components/Avatars/EmojiAvatar/index.js +1 -1
- package/lib/module/components/Avatars/FileAvatar/index.js +1 -1
- package/lib/module/components/Avatars/FileAvatar/utils.js +1 -1
- package/lib/module/components/Avatars/IconAvatar/index.js +1 -1
- package/lib/module/components/Avatars/ModuleAvatar/index.js +1 -1
- package/lib/module/components/Badge/index.js +1 -1
- package/lib/module/components/Button/index.js +1 -1
- package/lib/module/components/Counter/index.js +1 -1
- package/lib/module/components/ExampleComponent.js +1 -1
- package/lib/module/components/Icon/README.md +1 -1
- package/lib/module/components/Navigation/PageHeader/index.js +1 -1
- package/lib/module/components/OneChip/index.js +1 -1
- package/lib/module/components/OnePreset/index.js +1 -1
- package/lib/module/components/Tags/AlertTab/index.js +1 -1
- package/lib/module/components/Tags/BaseTag/index.js +1 -1
- package/lib/module/components/Tags/DotTag/index.js +1 -1
- package/lib/module/components/Tags/RawTag/index.js +1 -1
- package/lib/module/components/experimental/Lists/DataList/ItemContainer.js +1 -1
- package/lib/module/components/experimental/Lists/DataList/actions/CopyAction.js +1 -1
- package/lib/module/components/experimental/Lists/DataList/actions/GenericAction.js +1 -1
- package/lib/module/components/experimental/Lists/DataList/index.js +1 -1
- package/lib/module/components/experimental/Lists/DetailsItemsList/index.js +1 -1
- package/lib/module/icons/app/New.js +2 -0
- package/lib/module/icons/app/New.js.map +1 -0
- package/lib/module/icons/app/QuestionCircle.js +2 -0
- package/lib/module/icons/app/QuestionCircle.js.map +1 -0
- package/lib/module/icons/app/index.js +1 -1
- package/lib/module/icons/app/index.js.map +1 -1
- package/lib/module/icons/modules/Hub.js +1 -1
- package/lib/module/icons/modules/Hub.js.map +1 -1
- package/lib/module/styles/theme.css +308 -237
- package/lib/module/styles/tokens/colors.js +1 -1
- package/lib/module/styles/tokens/colors.js.map +1 -1
- package/lib/module/ui/avatar.js +1 -1
- package/lib/typescript/components/OneChip/index.d.ts +2 -2
- package/lib/typescript/icons/app/New.d.ts +5 -0
- package/lib/typescript/icons/app/New.d.ts.map +1 -0
- package/lib/typescript/icons/app/QuestionCircle.d.ts +5 -0
- package/lib/typescript/icons/app/QuestionCircle.d.ts.map +1 -0
- package/lib/typescript/icons/app/index.d.ts +2 -0
- package/lib/typescript/icons/app/index.d.ts.map +1 -1
- package/lib/typescript/icons/modules/Hub.d.ts.map +1 -1
- package/lib/typescript/styles/tokens/colors.d.ts +2 -2
- package/package.json +2 -2
- package/src/components/Activity/ActivityItem/__snapshots__/index.spec.tsx.snap +3 -3
- package/src/components/Activity/ActivityItem/index.tsx +10 -10
- package/src/components/Avatars/BaseAvatar/index.tsx +1 -1
- package/src/components/Avatars/CompanyAvatar/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/components/Avatars/DateAvatar/__snapshots__/index.spec.tsx.snap +3 -3
- package/src/components/Avatars/DateAvatar/index.tsx +3 -3
- package/src/components/Avatars/EmojiAvatar/__snapshots__/index.spec.tsx.snap +3 -3
- package/src/components/Avatars/EmojiAvatar/index.tsx +1 -1
- package/src/components/Avatars/FileAvatar/__snapshots__/index.spec.tsx.snap +26 -26
- package/src/components/Avatars/FileAvatar/index.tsx +2 -2
- package/src/components/Avatars/FileAvatar/utils.ts +13 -13
- package/src/components/Avatars/IconAvatar/__snapshots__/index.spec.tsx.snap +6 -6
- package/src/components/Avatars/IconAvatar/index.tsx +2 -2
- package/src/components/Avatars/ModuleAvatar/index.tsx +1 -1
- package/src/components/Avatars/PersonAvatar/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/components/Avatars/TeamAvatar/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/components/Badge/index.tsx +5 -5
- package/src/components/Button/__snapshots__/index.spec.tsx.snap +22 -22
- package/src/components/Button/index.tsx +22 -22
- package/src/components/Counter/__snapshots__/index.spec.tsx.snap +14 -14
- package/src/components/Counter/index.tsx +6 -6
- package/src/components/ExampleComponent.tsx +2 -2
- package/src/components/Icon/README.md +1 -1
- package/src/components/Navigation/PageHeader/__snapshots__/index.spec.tsx.snap +4 -4
- package/src/components/Navigation/PageHeader/index.tsx +1 -1
- package/src/components/OneChip/__snapshots__/index.spec.tsx.snap +11 -11
- package/src/components/OneChip/index.tsx +5 -5
- package/src/components/OnePreset/__snapshots__/index.spec.tsx.snap +8 -8
- package/src/components/OnePreset/index.tsx +3 -3
- package/src/components/Tags/AlertTab/__snapshots__/index.spec.tsx.snap +9 -9
- package/src/components/Tags/AlertTab/index.tsx +9 -9
- package/src/components/Tags/BaseTag/index.tsx +2 -2
- package/src/components/Tags/DotTag/__snapshots__/index.spec.tsx.snap +38 -38
- package/src/components/Tags/DotTag/index.tsx +1 -1
- package/src/components/Tags/RawTag/__snapshots__/index.spec.tsx.snap +6 -6
- package/src/components/Tags/RawTag/index.tsx +3 -3
- package/src/components/experimental/Lists/DataList/ItemContainer.tsx +2 -2
- package/src/components/experimental/Lists/DataList/actions/CopyAction.tsx +4 -4
- package/src/components/experimental/Lists/DataList/actions/GenericAction.tsx +3 -3
- package/src/components/experimental/Lists/DataList/index.tsx +1 -1
- package/src/components/experimental/Lists/DetailsItem/__snapshots__/index.spec.tsx.snap +26 -26
- package/src/components/experimental/Lists/DetailsItemsList/__snapshots__/index.spec.tsx.snap +26 -26
- package/src/components/experimental/Lists/DetailsItemsList/index.tsx +3 -3
- package/src/icons/app/New.tsx +19 -0
- package/src/icons/app/QuestionCircle.tsx +21 -0
- package/src/icons/app/index.ts +2 -0
- package/src/icons/modules/Hub.tsx +2 -1
- package/src/styles/theme.css +308 -237
- package/src/styles/tokens/colors.ts +2 -2
- package/src/ui/avatar.tsx +1 -1
- package/lib/module/components/Activity/ActivityItem/__snapshots__/index.spec.tsx.snap +0 -62
- package/lib/module/components/Avatars/CompanyAvatar/__snapshots__/index.spec.tsx.snap +0 -25
- package/lib/module/components/Avatars/DateAvatar/__snapshots__/index.spec.tsx.snap +0 -18
- package/lib/module/components/Avatars/EmojiAvatar/__snapshots__/index.spec.tsx.snap +0 -37
- package/lib/module/components/Avatars/FileAvatar/__snapshots__/index.spec.tsx.snap +0 -261
- package/lib/module/components/Avatars/IconAvatar/__snapshots__/index.spec.tsx.snap +0 -265
- package/lib/module/components/Avatars/PersonAvatar/__snapshots__/index.spec.tsx.snap +0 -25
- package/lib/module/components/Avatars/TeamAvatar/__snapshots__/index.spec.tsx.snap +0 -25
- package/lib/module/components/Button/__snapshots__/index.spec.tsx.snap +0 -517
- package/lib/module/components/Counter/__snapshots__/index.spec.tsx.snap +0 -113
- package/lib/module/components/Navigation/PageHeader/__snapshots__/index.spec.tsx.snap +0 -242
- package/lib/module/components/OneChip/__snapshots__/index.spec.tsx.snap +0 -480
- package/lib/module/components/OnePreset/__snapshots__/index.spec.tsx.snap +0 -227
- package/lib/module/components/PressableFeedback/__snapshots__/index.spec.tsx.snap +0 -597
- package/lib/module/components/Tags/AlertTab/__snapshots__/index.spec.tsx.snap +0 -337
- package/lib/module/components/Tags/DotTag/__snapshots__/index.spec.tsx.snap +0 -1255
- package/lib/module/components/Tags/RawTag/__snapshots__/index.spec.tsx.snap +0 -252
- package/lib/module/components/experimental/Lists/DetailsItem/__snapshots__/index.spec.tsx.snap +0 -783
- package/lib/module/components/experimental/Lists/DetailsItemsList/__snapshots__/index.spec.tsx.snap +0 -695
|
@@ -76,6 +76,77 @@
|
|
|
76
76
|
--leading-4xl: 2.5rem;
|
|
77
77
|
--tracking-4xl: -0.02em;
|
|
78
78
|
|
|
79
|
+
/* Semantic Typography Tokens - F0Text Variants */
|
|
80
|
+
/* Heading lg */
|
|
81
|
+
--p-text-heading-lg-font-size: 1.5rem; /* 24px */
|
|
82
|
+
--p-text-heading-lg-font-line-height: 2rem; /* 32px */
|
|
83
|
+
--p-text-heading-lg-font-letter-spacing: -0.2px;
|
|
84
|
+
--p-text-heading-lg-font-weight: 600;
|
|
85
|
+
--p-text-heading-lg-font-family: Inter;
|
|
86
|
+
|
|
87
|
+
/* Heading md */
|
|
88
|
+
--p-text-heading-md-font-size: 1.25rem; /* 20px */
|
|
89
|
+
--p-text-heading-md-font-line-height: 1.75rem; /* 28px */
|
|
90
|
+
--p-text-heading-md-font-letter-spacing: -0.2px;
|
|
91
|
+
--p-text-heading-md-font-weight: 600;
|
|
92
|
+
--p-text-heading-md-font-family: Inter;
|
|
93
|
+
|
|
94
|
+
/* Heading sm */
|
|
95
|
+
--p-text-heading-sm-font-size: 1rem; /* 16px */
|
|
96
|
+
--p-text-heading-sm-font-line-height: 1.5rem; /* 24px */
|
|
97
|
+
--p-text-heading-sm-font-letter-spacing: 0;
|
|
98
|
+
--p-text-heading-sm-font-weight: 600;
|
|
99
|
+
--p-text-heading-sm-font-family: Inter;
|
|
100
|
+
|
|
101
|
+
/* Body md default */
|
|
102
|
+
--p-text-body-md-default-font-size: 1rem; /* 16px */
|
|
103
|
+
--p-text-body-md-default-font-line-height: 1.5rem; /* 24px */
|
|
104
|
+
--p-text-body-md-default-font-letter-spacing: 0;
|
|
105
|
+
--p-text-body-md-default-font-weight: 400;
|
|
106
|
+
--p-text-body-md-default-font-family: Inter;
|
|
107
|
+
|
|
108
|
+
/* Body md medium */
|
|
109
|
+
--p-text-body-md-medium-font-size: 1rem; /* 16px */
|
|
110
|
+
--p-text-body-md-medium-font-line-height: 1.5rem; /* 24px */
|
|
111
|
+
--p-text-body-md-medium-font-letter-spacing: 0;
|
|
112
|
+
--p-text-body-md-medium-font-weight: 500;
|
|
113
|
+
--p-text-body-md-medium-font-family: Inter;
|
|
114
|
+
|
|
115
|
+
/* Body md semibold */
|
|
116
|
+
--p-text-body-md-semibold-font-size: 1rem; /* 16px */
|
|
117
|
+
--p-text-body-md-semibold-font-line-height: 1.5rem; /* 24px */
|
|
118
|
+
--p-text-body-md-semibold-font-letter-spacing: 0;
|
|
119
|
+
--p-text-body-md-semibold-font-weight: 600;
|
|
120
|
+
--p-text-body-md-semibold-font-family: Inter;
|
|
121
|
+
|
|
122
|
+
/* Body sm default */
|
|
123
|
+
--p-text-body-sm-default-font-size: 0.875rem; /* 14px */
|
|
124
|
+
--p-text-body-sm-default-font-line-height: 1.25rem; /* 20px */
|
|
125
|
+
--p-text-body-sm-default-font-letter-spacing: 0;
|
|
126
|
+
--p-text-body-sm-default-font-weight: 400;
|
|
127
|
+
--p-text-body-sm-default-font-family: Inter;
|
|
128
|
+
|
|
129
|
+
/* Body sm medium */
|
|
130
|
+
--p-text-body-sm-medium-font-size: 0.875rem; /* 14px */
|
|
131
|
+
--p-text-body-sm-medium-font-line-height: 1.5rem; /* 24px */
|
|
132
|
+
--p-text-body-sm-medium-font-letter-spacing: 0;
|
|
133
|
+
--p-text-body-sm-medium-font-weight: 500;
|
|
134
|
+
--p-text-body-sm-medium-font-family: Inter;
|
|
135
|
+
|
|
136
|
+
/* Body sm semibold */
|
|
137
|
+
--p-text-body-sm-semibold-font-size: 0.875rem; /* 14px */
|
|
138
|
+
--p-text-body-sm-semibold-font-line-height: 1.25rem; /* 20px */
|
|
139
|
+
--p-text-body-sm-semibold-font-letter-spacing: 0;
|
|
140
|
+
--p-text-body-sm-semibold-font-weight: 600;
|
|
141
|
+
--p-text-body-sm-semibold-font-family: Inter;
|
|
142
|
+
|
|
143
|
+
/* Body xs medium */
|
|
144
|
+
--p-text-body-xs-medium-font-size: 0.75rem; /* 12px */
|
|
145
|
+
--p-text-body-xs-medium-font-line-height: 1rem; /* 16px */
|
|
146
|
+
--p-text-body-xs-medium-font-letter-spacing: 0;
|
|
147
|
+
--p-text-body-xs-medium-font-weight: 500;
|
|
148
|
+
--p-text-body-xs-medium-font-family: Inter;
|
|
149
|
+
|
|
79
150
|
/* Base Colors - Static values that don't change between themes */
|
|
80
151
|
--color-white-3: hsla(0, 0%, 100%, 0.03);
|
|
81
152
|
--color-white-5: hsla(0, 0%, 100%, 0.05);
|
|
@@ -163,94 +234,94 @@
|
|
|
163
234
|
--radius-2xl: 1.5rem;
|
|
164
235
|
--radius-full: 9999px;
|
|
165
236
|
|
|
166
|
-
/*
|
|
237
|
+
/* F0 Semantic Colors - References to variant-defined values */
|
|
167
238
|
/* These use var() to reference values defined in @variant blocks */
|
|
168
|
-
--color-
|
|
169
|
-
--color-
|
|
170
|
-
--color-
|
|
171
|
-
--color-
|
|
172
|
-
--color-
|
|
173
|
-
--
|
|
239
|
+
--color-f0-foreground: var(--f0-foreground);
|
|
240
|
+
--color-f0-foreground-secondary: var(--f0-foreground-secondary);
|
|
241
|
+
--color-f0-foreground-tertiary: var(--f0-foreground-tertiary);
|
|
242
|
+
--color-f0-foreground-inverse: var(--f0-foreground-inverse);
|
|
243
|
+
--color-f0-foreground-inverse-secondary: var(
|
|
244
|
+
--f0-foreground-inverse-secondary
|
|
174
245
|
);
|
|
175
|
-
--color-
|
|
176
|
-
--color-
|
|
177
|
-
--color-
|
|
178
|
-
--color-
|
|
179
|
-
--color-
|
|
180
|
-
--color-
|
|
181
|
-
--color-
|
|
182
|
-
--color-
|
|
183
|
-
--color-
|
|
184
|
-
--color-
|
|
185
|
-
--color-
|
|
186
|
-
--color-
|
|
187
|
-
--color-
|
|
188
|
-
--color-
|
|
189
|
-
--
|
|
246
|
+
--color-f0-foreground-disabled: var(--f0-foreground-disabled);
|
|
247
|
+
--color-f0-foreground-accent: var(--f0-foreground-accent);
|
|
248
|
+
--color-f0-foreground-critical: var(--f0-foreground-critical);
|
|
249
|
+
--color-f0-foreground-info: var(--f0-foreground-info);
|
|
250
|
+
--color-f0-foreground-warning: var(--f0-foreground-warning);
|
|
251
|
+
--color-f0-foreground-positive: var(--f0-foreground-positive);
|
|
252
|
+
--color-f0-foreground-selected: var(--f0-foreground-selected);
|
|
253
|
+
--color-f0-background: var(--f0-background);
|
|
254
|
+
--color-f0-background-hover: var(--f0-background-hover);
|
|
255
|
+
--color-f0-background-secondary: var(--f0-background-secondary);
|
|
256
|
+
--color-f0-background-secondary-hover: var(--f0-background-secondary-hover);
|
|
257
|
+
--color-f0-background-tertiary: var(--f0-background-tertiary);
|
|
258
|
+
--color-f0-background-inverse: var(--f0-background-inverse);
|
|
259
|
+
--color-f0-background-inverse-secondary: var(
|
|
260
|
+
--f0-background-inverse-secondary
|
|
190
261
|
);
|
|
191
|
-
--color-
|
|
192
|
-
--color-
|
|
193
|
-
--color-
|
|
194
|
-
--color-
|
|
195
|
-
--
|
|
262
|
+
--color-f0-background-bold: var(--f0-background-bold);
|
|
263
|
+
--color-f0-background-accent: var(--f0-background-accent);
|
|
264
|
+
--color-f0-background-accent-bold: var(--f0-background-accent-bold);
|
|
265
|
+
--color-f0-background-accent-bold-hover: var(
|
|
266
|
+
--f0-background-accent-bold-hover
|
|
196
267
|
);
|
|
197
|
-
--color-
|
|
198
|
-
--color-
|
|
199
|
-
--color-
|
|
200
|
-
--color-
|
|
201
|
-
--color-
|
|
202
|
-
--color-
|
|
203
|
-
--color-
|
|
204
|
-
--color-
|
|
205
|
-
--color-
|
|
206
|
-
--color-
|
|
207
|
-
--color-
|
|
208
|
-
--color-
|
|
209
|
-
--
|
|
268
|
+
--color-f0-background-promote: var(--f0-background-promote);
|
|
269
|
+
--color-f0-background-promote-hover: var(--f0-background-promote-hover);
|
|
270
|
+
--color-f0-background-critical: var(--f0-background-critical);
|
|
271
|
+
--color-f0-background-critical-bold: var(--f0-background-critical-bold);
|
|
272
|
+
--color-f0-background-info: var(--f0-background-info);
|
|
273
|
+
--color-f0-background-info-bold: var(--f0-background-info-bold);
|
|
274
|
+
--color-f0-background-warning: var(--f0-background-warning);
|
|
275
|
+
--color-f0-background-warning-bold: var(--f0-background-warning-bold);
|
|
276
|
+
--color-f0-background-positive: var(--f0-background-positive);
|
|
277
|
+
--color-f0-background-positive-bold: var(--f0-background-positive-bold);
|
|
278
|
+
--color-f0-background-selected: var(--f0-background-selected);
|
|
279
|
+
--color-f0-background-selected-secondary: var(
|
|
280
|
+
--f0-background-selected-secondary
|
|
210
281
|
);
|
|
211
|
-
--color-
|
|
212
|
-
--color-
|
|
213
|
-
--color-
|
|
214
|
-
--
|
|
282
|
+
--color-f0-background-selected-hover: var(--f0-background-selected-hover);
|
|
283
|
+
--color-f0-background-selected-bold: var(--f0-background-selected-bold);
|
|
284
|
+
--color-f0-background-selected-bold-hover: var(
|
|
285
|
+
--f0-background-selected-bold-hover
|
|
215
286
|
);
|
|
216
|
-
--color-
|
|
217
|
-
--color-
|
|
218
|
-
--color-
|
|
219
|
-
--color-
|
|
220
|
-
--color-
|
|
221
|
-
--color-
|
|
222
|
-
--color-
|
|
223
|
-
--color-
|
|
224
|
-
--color-
|
|
225
|
-
--color-
|
|
226
|
-
--color-
|
|
227
|
-
--color-
|
|
228
|
-
--color-
|
|
229
|
-
--color-
|
|
230
|
-
--color-
|
|
231
|
-
--color-
|
|
232
|
-
--color-
|
|
233
|
-
--color-
|
|
234
|
-
--color-
|
|
235
|
-
--color-
|
|
236
|
-
--color-
|
|
237
|
-
--color-
|
|
238
|
-
--color-
|
|
239
|
-
--color-
|
|
240
|
-
--color-
|
|
241
|
-
--color-
|
|
242
|
-
--color-
|
|
243
|
-
--color-
|
|
244
|
-
--color-
|
|
245
|
-
--color-
|
|
246
|
-
--color-
|
|
247
|
-
--color-
|
|
248
|
-
--color-
|
|
249
|
-
--color-
|
|
250
|
-
--color-
|
|
251
|
-
--color-
|
|
252
|
-
--color-
|
|
253
|
-
--color-
|
|
287
|
+
--color-f0-background-overlay: var(--f0-background-overlay);
|
|
288
|
+
--color-f0-border: var(--f0-border);
|
|
289
|
+
--color-f0-border-hover: var(--f0-border-hover);
|
|
290
|
+
--color-f0-border-secondary: var(--f0-border-secondary);
|
|
291
|
+
--color-f0-border-inverse: var(--f0-border-inverse);
|
|
292
|
+
--color-f0-border-bold: var(--f0-border-bold);
|
|
293
|
+
--color-f0-border-promote: var(--f0-border-promote);
|
|
294
|
+
--color-f0-border-selected: var(--f0-border-selected);
|
|
295
|
+
--color-f0-border-selected-bold: var(--f0-border-selected-bold);
|
|
296
|
+
--color-f0-border-critical: var(--f0-border-critical);
|
|
297
|
+
--color-f0-border-critical-bold: var(--f0-border-critical-bold);
|
|
298
|
+
--color-f0-border-warning: var(--f0-border-warning);
|
|
299
|
+
--color-f0-border-warning-bold: var(--f0-border-warning-bold);
|
|
300
|
+
--color-f0-border-info: var(--f0-border-info);
|
|
301
|
+
--color-f0-border-info-bold: var(--f0-border-info-bold);
|
|
302
|
+
--color-f0-border-positive: var(--f0-border-positive);
|
|
303
|
+
--color-f0-border-positive-bold: var(--f0-border-positive-bold);
|
|
304
|
+
--color-f0-icon: var(--f0-icon);
|
|
305
|
+
--color-f0-icon-secondary: var(--f0-icon-secondary);
|
|
306
|
+
--color-f0-icon-inverse: var(--f0-icon-inverse);
|
|
307
|
+
--color-f0-icon-bold: var(--f0-icon-bold);
|
|
308
|
+
--color-f0-icon-critical: var(--f0-icon-critical);
|
|
309
|
+
--color-f0-icon-critical-bold: var(--f0-icon-critical-bold);
|
|
310
|
+
--color-f0-icon-accent: var(--f0-icon-accent);
|
|
311
|
+
--color-f0-icon-info: var(--f0-icon-info);
|
|
312
|
+
--color-f0-icon-warning: var(--f0-icon-warning);
|
|
313
|
+
--color-f0-icon-positive: var(--f0-icon-positive);
|
|
314
|
+
--color-f0-icon-promote: var(--f0-icon-promote);
|
|
315
|
+
--color-f0-icon-selected: var(--f0-icon-selected);
|
|
316
|
+
--color-f0-icon-selected-hover: var(--f0-icon-selected-hover);
|
|
317
|
+
--color-f0-icon-mood-super-negative: var(--f0-icon-mood-super-negative);
|
|
318
|
+
--color-f0-icon-mood-negative: var(--f0-icon-mood-negative);
|
|
319
|
+
--color-f0-icon-mood-neutral: var(--f0-icon-mood-neutral);
|
|
320
|
+
--color-f0-icon-mood-positive: var(--f0-icon-mood-positive);
|
|
321
|
+
--color-f0-icon-mood-super-positive: var(--f0-icon-mood-super-positive);
|
|
322
|
+
--color-f0-special-ring: var(--f0-special-ring);
|
|
323
|
+
--color-f0-special-page: var(--f0-special-page);
|
|
324
|
+
--color-f0-special-highlight: var(--f0-special-highlight);
|
|
254
325
|
|
|
255
326
|
/* Chart Colors */
|
|
256
327
|
--chart-categorical-1: hsl(184, 92%, 35%);
|
|
@@ -272,195 +343,195 @@
|
|
|
272
343
|
}
|
|
273
344
|
|
|
274
345
|
/* Theme Variants - Light and Dark Mode */
|
|
275
|
-
/* All
|
|
346
|
+
/* All f0-* variables are defined here with complete, pre-calculated color values */
|
|
276
347
|
@layer theme {
|
|
277
348
|
:root {
|
|
278
349
|
/* Light Mode */
|
|
279
350
|
@variant light {
|
|
280
351
|
/* ============================================ */
|
|
281
|
-
/*
|
|
352
|
+
/* F0 Semantic Tokens - Light Mode */
|
|
282
353
|
/* All colors are pre-calculated, no hsl(var()) */
|
|
283
354
|
/* ============================================ */
|
|
284
355
|
|
|
285
356
|
/* Foreground Colors */
|
|
286
|
-
--
|
|
287
|
-
--
|
|
288
|
-
--
|
|
289
|
-
--
|
|
290
|
-
--
|
|
291
|
-
--
|
|
292
|
-
--
|
|
293
|
-
--
|
|
294
|
-
--
|
|
295
|
-
--
|
|
296
|
-
--
|
|
297
|
-
--
|
|
357
|
+
--f0-foreground: hsl(218, 48%, 10%);
|
|
358
|
+
--f0-foreground-secondary: hsla(217, 96%, 11%, 0.61);
|
|
359
|
+
--f0-foreground-tertiary: hsla(219, 97%, 15%, 0.45);
|
|
360
|
+
--f0-foreground-inverse: hsl(0, 0%, 100%);
|
|
361
|
+
--f0-foreground-inverse-secondary: hsla(0, 0%, 100%, 0.8);
|
|
362
|
+
--f0-foreground-disabled: hsla(213, 87%, 15%, 0.2);
|
|
363
|
+
--f0-foreground-accent: hsl(347, 80%, 34%);
|
|
364
|
+
--f0-foreground-critical: hsl(3, 71%, 41%);
|
|
365
|
+
--f0-foreground-info: hsl(216, 48%, 44%);
|
|
366
|
+
--f0-foreground-warning: hsl(24, 69%, 40%);
|
|
367
|
+
--f0-foreground-positive: hsl(161, 84%, 27%);
|
|
368
|
+
--f0-foreground-selected: hsl(184, 92%, 24%);
|
|
298
369
|
|
|
299
370
|
/* Background Colors */
|
|
300
|
-
--
|
|
301
|
-
--
|
|
302
|
-
--
|
|
303
|
-
--
|
|
304
|
-
--
|
|
305
|
-
--
|
|
306
|
-
--
|
|
307
|
-
--
|
|
308
|
-
--
|
|
309
|
-
--
|
|
310
|
-
--
|
|
311
|
-
--
|
|
312
|
-
--
|
|
313
|
-
--
|
|
314
|
-
--
|
|
315
|
-
--
|
|
316
|
-
--
|
|
317
|
-
--
|
|
318
|
-
--
|
|
319
|
-
--
|
|
320
|
-
--
|
|
321
|
-
--
|
|
322
|
-
--
|
|
323
|
-
--
|
|
324
|
-
--
|
|
325
|
-
--
|
|
326
|
-
--
|
|
371
|
+
--f0-background: hsl(0, 0%, 100%);
|
|
372
|
+
--f0-background-hover: hsla(220, 88%, 17%, 0.04);
|
|
373
|
+
--f0-background-secondary: hsla(216, 89%, 18%, 0.06);
|
|
374
|
+
--f0-background-secondary-hover: hsla(214, 70%, 20%, 0.1);
|
|
375
|
+
--f0-background-tertiary: hsla(220, 88%, 17%, 0.04);
|
|
376
|
+
--f0-background-inverse: hsla(219, 88%, 6%, 0.92);
|
|
377
|
+
--f0-background-inverse-secondary: hsla(0, 0%, 100%, 0.6);
|
|
378
|
+
--f0-background-bold: hsla(219, 88%, 6%, 0.92);
|
|
379
|
+
--f0-background-accent: hsla(348, 80%, 50%, 0.05);
|
|
380
|
+
--f0-background-accent-bold: hsl(348, 80%, 50%);
|
|
381
|
+
--f0-background-accent-bold-hover: hsl(348, 80%, 42%);
|
|
382
|
+
--f0-background-promote: hsla(38, 92%, 54%, 0.3);
|
|
383
|
+
--f0-background-promote-hover: hsla(38, 92%, 54%, 0.4);
|
|
384
|
+
--f0-background-critical: hsla(5, 100%, 65%, 0.1);
|
|
385
|
+
--f0-background-critical-bold: hsl(4, 61%, 49%);
|
|
386
|
+
--f0-background-info: hsla(216, 90%, 65%, 0.1);
|
|
387
|
+
--f0-background-info-bold: hsl(216, 90%, 65%);
|
|
388
|
+
--f0-background-warning: hsla(25, 95%, 53%, 0.1);
|
|
389
|
+
--f0-background-warning-bold: hsl(25, 95%, 53%);
|
|
390
|
+
--f0-background-positive: hsla(160, 84%, 39%, 0.1);
|
|
391
|
+
--f0-background-positive-bold: hsl(160, 84%, 39%);
|
|
392
|
+
--f0-background-selected: hsla(184, 92%, 35%, 0.1);
|
|
393
|
+
--f0-background-selected-secondary: hsla(184, 92%, 35%, 0.05);
|
|
394
|
+
--f0-background-selected-hover: hsla(184, 92%, 35%, 0.2);
|
|
395
|
+
--f0-background-selected-bold: hsl(184, 92%, 28%);
|
|
396
|
+
--f0-background-selected-bold-hover: hsl(184, 92%, 24%);
|
|
397
|
+
--f0-background-overlay: hsla(219, 97%, 15%, 0.45);
|
|
327
398
|
|
|
328
399
|
/* Border Colors */
|
|
329
|
-
--
|
|
330
|
-
--
|
|
331
|
-
--
|
|
332
|
-
--
|
|
333
|
-
--
|
|
334
|
-
--
|
|
335
|
-
--
|
|
336
|
-
--
|
|
337
|
-
--
|
|
338
|
-
--
|
|
339
|
-
--
|
|
340
|
-
--
|
|
341
|
-
--
|
|
342
|
-
--
|
|
343
|
-
--
|
|
344
|
-
--
|
|
400
|
+
--f0-border: hsla(213, 87%, 15%, 0.2);
|
|
401
|
+
--f0-border-hover: hsla(219, 97%, 15%, 0.45);
|
|
402
|
+
--f0-border-secondary: hsla(216, 89%, 18%, 0.06);
|
|
403
|
+
--f0-border-inverse: hsla(0, 0%, 100%, 0.2);
|
|
404
|
+
--f0-border-bold: hsl(218, 48%, 10%);
|
|
405
|
+
--f0-border-promote: hsla(38, 92%, 54%, 0.4);
|
|
406
|
+
--f0-border-selected: hsla(184, 92%, 35%, 0.4);
|
|
407
|
+
--f0-border-selected-bold: hsl(184, 92%, 35%);
|
|
408
|
+
--f0-border-critical: hsla(5, 100%, 65%, 0.1);
|
|
409
|
+
--f0-border-critical-bold: hsl(5, 100%, 65%);
|
|
410
|
+
--f0-border-warning: hsla(25, 95%, 53%, 0.1);
|
|
411
|
+
--f0-border-warning-bold: hsl(25, 95%, 53%);
|
|
412
|
+
--f0-border-info: hsla(216, 90%, 65%, 0.1);
|
|
413
|
+
--f0-border-info-bold: hsl(216, 90%, 65%);
|
|
414
|
+
--f0-border-positive: hsla(160, 84%, 39%, 0.1);
|
|
415
|
+
--f0-border-positive-bold: hsl(160, 84%, 39%);
|
|
345
416
|
|
|
346
417
|
/* Icon Colors */
|
|
347
|
-
--
|
|
348
|
-
--
|
|
349
|
-
--
|
|
350
|
-
--
|
|
351
|
-
--
|
|
352
|
-
--
|
|
353
|
-
--
|
|
354
|
-
--
|
|
355
|
-
--
|
|
356
|
-
--
|
|
357
|
-
--
|
|
358
|
-
--
|
|
359
|
-
--
|
|
360
|
-
--
|
|
361
|
-
--
|
|
362
|
-
--
|
|
363
|
-
--
|
|
364
|
-
--
|
|
418
|
+
--f0-icon: hsl(218, 14%, 45%);
|
|
419
|
+
--f0-icon-secondary: hsl(219, 18%, 69%);
|
|
420
|
+
--f0-icon-inverse: hsl(0, 0%, 100%);
|
|
421
|
+
--f0-icon-bold: hsl(218, 48%, 10%);
|
|
422
|
+
--f0-icon-critical: hsl(5, 100%, 65%);
|
|
423
|
+
--f0-icon-critical-bold: hsl(3, 71%, 41%);
|
|
424
|
+
--f0-icon-accent: hsl(348, 80%, 50%);
|
|
425
|
+
--f0-icon-info: hsl(216, 90%, 65%);
|
|
426
|
+
--f0-icon-warning: hsl(25, 95%, 53%);
|
|
427
|
+
--f0-icon-positive: hsl(160, 84%, 39%);
|
|
428
|
+
--f0-icon-promote: hsl(38, 92%, 54%);
|
|
429
|
+
--f0-icon-selected: hsl(184, 96%, 55%);
|
|
430
|
+
--f0-icon-selected-hover: hsl(184, 96%, 46%);
|
|
431
|
+
--f0-icon-mood-super-negative: hsl(348, 80%, 50%);
|
|
432
|
+
--f0-icon-mood-negative: hsl(25, 95%, 53%);
|
|
433
|
+
--f0-icon-mood-neutral: hsl(38, 92%, 54%);
|
|
434
|
+
--f0-icon-mood-positive: hsl(84, 55%, 53%);
|
|
435
|
+
--f0-icon-mood-super-positive: hsl(160, 84%, 39%);
|
|
365
436
|
|
|
366
437
|
/* Special Colors */
|
|
367
|
-
--
|
|
368
|
-
--
|
|
369
|
-
--
|
|
438
|
+
--f0-special-ring: hsl(184, 92%, 35%);
|
|
439
|
+
--f0-special-page: hsl(0, 0%, 100%);
|
|
440
|
+
--f0-special-highlight: hsl(348, 80%, 50%);
|
|
370
441
|
}
|
|
371
442
|
|
|
372
443
|
/* Dark Mode */
|
|
373
444
|
@variant dark {
|
|
374
445
|
/* ============================================ */
|
|
375
|
-
/*
|
|
446
|
+
/* F0 Semantic Tokens - Dark Mode */
|
|
376
447
|
/* All colors are pre-calculated, no hsl(var()) */
|
|
377
448
|
/* ============================================ */
|
|
378
449
|
|
|
379
450
|
/* Foreground Colors */
|
|
380
|
-
--
|
|
381
|
-
--
|
|
382
|
-
--
|
|
383
|
-
--
|
|
384
|
-
--
|
|
385
|
-
--
|
|
386
|
-
--
|
|
387
|
-
--
|
|
388
|
-
--
|
|
389
|
-
--
|
|
390
|
-
--
|
|
391
|
-
--
|
|
451
|
+
--f0-foreground: hsl(0, 0%, 100%);
|
|
452
|
+
--f0-foreground-secondary: hsla(0, 0%, 100%, 0.5);
|
|
453
|
+
--f0-foreground-tertiary: hsla(0, 0%, 100%, 0.4);
|
|
454
|
+
--f0-foreground-inverse: hsl(218, 48%, 10%);
|
|
455
|
+
--f0-foreground-inverse-secondary: hsla(218, 48%, 10%, 0.8);
|
|
456
|
+
--f0-foreground-disabled: hsla(0, 0%, 100%, 0.3);
|
|
457
|
+
--f0-foreground-accent: hsl(348, 80%, 50%);
|
|
458
|
+
--f0-foreground-critical: hsl(5, 100%, 65%);
|
|
459
|
+
--f0-foreground-info: hsl(216, 90%, 65%);
|
|
460
|
+
--f0-foreground-warning: hsl(25, 95%, 53%);
|
|
461
|
+
--f0-foreground-positive: hsl(160, 84%, 39%);
|
|
462
|
+
--f0-foreground-selected: hsl(184, 92%, 35%);
|
|
392
463
|
|
|
393
464
|
/* Background Colors */
|
|
394
|
-
--
|
|
395
|
-
--
|
|
396
|
-
--
|
|
397
|
-
--
|
|
398
|
-
--
|
|
399
|
-
--
|
|
400
|
-
--
|
|
401
|
-
--
|
|
402
|
-
--
|
|
403
|
-
--
|
|
404
|
-
--
|
|
405
|
-
--
|
|
406
|
-
--
|
|
407
|
-
--
|
|
408
|
-
--
|
|
409
|
-
--
|
|
410
|
-
--
|
|
411
|
-
--
|
|
412
|
-
--
|
|
413
|
-
--
|
|
414
|
-
--
|
|
415
|
-
--
|
|
416
|
-
--
|
|
417
|
-
--
|
|
418
|
-
--
|
|
419
|
-
--
|
|
420
|
-
--
|
|
465
|
+
--f0-background: hsl(218, 48%, 10%);
|
|
466
|
+
--f0-background-hover: hsla(0, 0%, 100%, 0.05);
|
|
467
|
+
--f0-background-secondary: hsla(0, 0%, 100%, 0.1);
|
|
468
|
+
--f0-background-secondary-hover: hsla(0, 0%, 100%, 0.2);
|
|
469
|
+
--f0-background-tertiary: hsla(0, 0%, 100%, 0.05);
|
|
470
|
+
--f0-background-inverse: hsla(0, 0%, 100%, 0.9);
|
|
471
|
+
--f0-background-inverse-secondary: hsla(218, 48%, 10%, 0.6);
|
|
472
|
+
--f0-background-bold: hsla(0, 0%, 100%, 0.9);
|
|
473
|
+
--f0-background-accent: hsla(348, 80%, 42%, 0.05);
|
|
474
|
+
--f0-background-accent-bold: hsl(348, 80%, 42%);
|
|
475
|
+
--f0-background-accent-bold-hover: hsl(348, 80%, 50%);
|
|
476
|
+
--f0-background-promote: hsla(38, 79%, 45%, 0.3);
|
|
477
|
+
--f0-background-promote-hover: hsla(38, 79%, 45%, 0.4);
|
|
478
|
+
--f0-background-critical: hsla(4, 61%, 49%, 0.1);
|
|
479
|
+
--f0-background-critical-bold: hsl(4, 61%, 49%);
|
|
480
|
+
--f0-background-info: hsla(216, 59%, 55%, 0.1);
|
|
481
|
+
--f0-background-info-bold: hsl(216, 59%, 55%);
|
|
482
|
+
--f0-background-warning: hsla(24, 69%, 40%, 0.1);
|
|
483
|
+
--f0-background-warning-bold: hsl(24, 69%, 40%);
|
|
484
|
+
--f0-background-positive: hsla(160, 85%, 33%, 0.1);
|
|
485
|
+
--f0-background-positive-bold: hsl(160, 85%, 33%);
|
|
486
|
+
--f0-background-selected: hsla(184, 92%, 35%, 0.1);
|
|
487
|
+
--f0-background-selected-secondary: hsla(184, 92%, 35%, 0.05);
|
|
488
|
+
--f0-background-selected-hover: hsla(184, 92%, 35%, 0.2);
|
|
489
|
+
--f0-background-selected-bold: hsl(184, 92%, 28%);
|
|
490
|
+
--f0-background-selected-bold-hover: hsl(184, 92%, 35%);
|
|
491
|
+
--f0-background-overlay: hsla(0, 0%, 100%, 0.4);
|
|
421
492
|
|
|
422
493
|
/* Border Colors */
|
|
423
|
-
--
|
|
424
|
-
--
|
|
425
|
-
--
|
|
426
|
-
--
|
|
427
|
-
--
|
|
428
|
-
--
|
|
429
|
-
--
|
|
430
|
-
--
|
|
431
|
-
--
|
|
432
|
-
--
|
|
433
|
-
--
|
|
434
|
-
--
|
|
435
|
-
--
|
|
436
|
-
--
|
|
437
|
-
--
|
|
438
|
-
--
|
|
494
|
+
--f0-border: hsla(0, 0%, 100%, 0.3);
|
|
495
|
+
--f0-border-hover: hsla(0, 0%, 100%, 0.4);
|
|
496
|
+
--f0-border-secondary: hsla(0, 0%, 100%, 0.1);
|
|
497
|
+
--f0-border-inverse: hsla(218, 48%, 10%, 0.2);
|
|
498
|
+
--f0-border-bold: hsl(0, 0%, 100%);
|
|
499
|
+
--f0-border-promote: hsla(38, 79%, 45%, 0.4);
|
|
500
|
+
--f0-border-selected: hsla(184, 92%, 35%, 0.4);
|
|
501
|
+
--f0-border-selected-bold: hsl(184, 92%, 35%);
|
|
502
|
+
--f0-border-critical: hsla(4, 61%, 49%, 0.1);
|
|
503
|
+
--f0-border-critical-bold: hsl(4, 61%, 49%);
|
|
504
|
+
--f0-border-warning: hsla(24, 69%, 40%, 0.1);
|
|
505
|
+
--f0-border-warning-bold: hsl(24, 69%, 40%);
|
|
506
|
+
--f0-border-info: hsla(216, 59%, 55%, 0.1);
|
|
507
|
+
--f0-border-info-bold: hsl(216, 59%, 55%);
|
|
508
|
+
--f0-border-positive: hsla(160, 85%, 33%, 0.1);
|
|
509
|
+
--f0-border-positive-bold: hsl(160, 85%, 33%);
|
|
439
510
|
|
|
440
511
|
/* Icon Colors */
|
|
441
|
-
--
|
|
442
|
-
--
|
|
443
|
-
--
|
|
444
|
-
--
|
|
445
|
-
--
|
|
446
|
-
--
|
|
447
|
-
--
|
|
448
|
-
--
|
|
449
|
-
--
|
|
450
|
-
--
|
|
451
|
-
--
|
|
452
|
-
--
|
|
453
|
-
--
|
|
454
|
-
--
|
|
455
|
-
--
|
|
456
|
-
--
|
|
457
|
-
--
|
|
458
|
-
--
|
|
512
|
+
--f0-icon: hsla(0, 0%, 100%, 0.5);
|
|
513
|
+
--f0-icon-secondary: hsla(0, 0%, 100%, 0.4);
|
|
514
|
+
--f0-icon-inverse: hsl(218, 48%, 10%);
|
|
515
|
+
--f0-icon-bold: hsl(0, 0%, 100%);
|
|
516
|
+
--f0-icon-critical: hsl(4, 61%, 49%);
|
|
517
|
+
--f0-icon-critical-bold: hsl(5, 100%, 65%);
|
|
518
|
+
--f0-icon-accent: hsl(348, 80%, 42%);
|
|
519
|
+
--f0-icon-info: hsl(216, 59%, 55%);
|
|
520
|
+
--f0-icon-warning: hsl(24, 69%, 40%);
|
|
521
|
+
--f0-icon-positive: hsl(160, 85%, 33%);
|
|
522
|
+
--f0-icon-promote: hsl(38, 79%, 45%);
|
|
523
|
+
--f0-icon-selected: hsl(184, 96%, 55%);
|
|
524
|
+
--f0-icon-selected-hover: hsl(184, 96%, 68%);
|
|
525
|
+
--f0-icon-mood-super-negative: hsl(4, 61%, 49%);
|
|
526
|
+
--f0-icon-mood-negative: hsl(24, 69%, 40%);
|
|
527
|
+
--f0-icon-mood-neutral: hsl(38, 79%, 45%);
|
|
528
|
+
--f0-icon-mood-positive: hsl(160, 85%, 33%);
|
|
529
|
+
--f0-icon-mood-super-positive: hsl(160, 85%, 33%);
|
|
459
530
|
|
|
460
531
|
/* Special Colors */
|
|
461
|
-
--
|
|
462
|
-
--
|
|
463
|
-
--
|
|
532
|
+
--f0-special-ring: hsl(184, 92%, 35%);
|
|
533
|
+
--f0-special-page: hsla(0, 0%, 100%, 0.03);
|
|
534
|
+
--f0-special-highlight: hsl(348, 80%, 42%);
|
|
464
535
|
}
|
|
465
536
|
}
|
|
466
537
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var baseColors={white:{3:"0 0% 100% / 0.03",5:"0 0% 100% / 0.05",10:"0 0% 100% / 0.1",20:"0 0% 100% / 0.2",30:"0 0% 100% / 0.3",40:"0 0% 100% / 0.4",50:"0 0% 100% / 0.5",60:"0 0% 100% / 0.6",70:"0 0% 100% / 0.7",80:"0 0% 100% / 0.8",90:"0 0% 100% / 0.9",100:"0 0% 100%"},current:"currentColor",transparent:"transparent",grey:{0:"210 91% 22% / 0.02",5:"220 88% 17% / 0.04",10:"216 89% 18% / 0.06",20:"214 70% 20% / 0.1",30:"213 87% 15% / 0.20",40:"219 97% 15% / 0.45",50:"217 96% 11% / 0.61",60:"220 88% 10% / 0.82",70:"219 91% 8% / 0.88",80:"219 94% 7% / 0.9",90:"219 88% 6% / 0.92",100:"218 48% 10%",solid:{40:"219 18% 69%",50:"218 14% 45%"}},lilac:{50:"340 49% 60%",60:"341 34% 50%",70:"340 33% 41%"},barbie:{50:"331 84% 63%",60:"331 55% 53%",70:"330 49% 43%"},smoke:{50:"192 26% 54%",60:"192 22% 45%",70:"192 22% 37%"},army:{50:"162 44% 33%",60:"163 45% 28%",70:"162 44% 23%"},flubber:{50:"84 55% 53%",60:"84 48% 45%",70:"83 48% 33%"},indigo:{50:"239 91% 64%",60:"239 59% 54%",70:"239 51% 44%"},camel:{50:"25 46% 53%",60:"25 42% 44%",70:"25 42% 36%"},radical:{50:"348 80% 50%",60:"348 80% 42%",70:"347 80% 34%"},viridian:{50:"184 92% 35%",60:"184 92% 28%",70:"184 92% 24%"},orange:{50:"25 95% 53%",60:"24 69% 49%",70:"24 69% 40%"},red:{50:"5 100% 65%",60:"4 61% 49%",70:"3 71% 41%"},grass:{50:"160 84% 39%",60:"160 85% 33%",70:"161 84% 27%"},malibu:{50:"216 90% 65%",60:"216 59% 55%",70:"216 48% 44%"},yellow:{50:"38 92% 54%",60:"38 79% 45%",70:"38 80% 36%"},purple:{50:"258 88% 67%",60:"258 56% 56%",70:"258 43% 46%"}};export var
|
|
1
|
+
export var baseColors={white:{3:"0 0% 100% / 0.03",5:"0 0% 100% / 0.05",10:"0 0% 100% / 0.1",20:"0 0% 100% / 0.2",30:"0 0% 100% / 0.3",40:"0 0% 100% / 0.4",50:"0 0% 100% / 0.5",60:"0 0% 100% / 0.6",70:"0 0% 100% / 0.7",80:"0 0% 100% / 0.8",90:"0 0% 100% / 0.9",100:"0 0% 100%"},current:"currentColor",transparent:"transparent",grey:{0:"210 91% 22% / 0.02",5:"220 88% 17% / 0.04",10:"216 89% 18% / 0.06",20:"214 70% 20% / 0.1",30:"213 87% 15% / 0.20",40:"219 97% 15% / 0.45",50:"217 96% 11% / 0.61",60:"220 88% 10% / 0.82",70:"219 91% 8% / 0.88",80:"219 94% 7% / 0.9",90:"219 88% 6% / 0.92",100:"218 48% 10%",solid:{40:"219 18% 69%",50:"218 14% 45%"}},lilac:{50:"340 49% 60%",60:"341 34% 50%",70:"340 33% 41%"},barbie:{50:"331 84% 63%",60:"331 55% 53%",70:"330 49% 43%"},smoke:{50:"192 26% 54%",60:"192 22% 45%",70:"192 22% 37%"},army:{50:"162 44% 33%",60:"163 45% 28%",70:"162 44% 23%"},flubber:{50:"84 55% 53%",60:"84 48% 45%",70:"83 48% 33%"},indigo:{50:"239 91% 64%",60:"239 59% 54%",70:"239 51% 44%"},camel:{50:"25 46% 53%",60:"25 42% 44%",70:"25 42% 36%"},radical:{50:"348 80% 50%",60:"348 80% 42%",70:"347 80% 34%"},viridian:{50:"184 92% 35%",60:"184 92% 28%",70:"184 92% 24%"},orange:{50:"25 95% 53%",60:"24 69% 49%",70:"24 69% 40%"},red:{50:"5 100% 65%",60:"4 61% 49%",70:"3 71% 41%"},grass:{50:"160 84% 39%",60:"160 85% 33%",70:"161 84% 27%"},malibu:{50:"216 90% 65%",60:"216 59% 55%",70:"216 48% 44%"},yellow:{50:"38 92% 54%",60:"38 79% 45%",70:"38 80% 36%"},purple:{50:"258 88% 67%",60:"258 56% 56%",70:"258 43% 46%"}};export var f0Colors={foreground:{DEFAULT:"hsl(var(--neutral-100))",secondary:"hsl(var(--neutral-50))",tertiary:"hsl(var(--neutral-40))",inverse:{DEFAULT:"hsl(var(--white-100))",secondary:"hsl(var(--white-80))"},disabled:"hsl(var(--neutral-30))",accent:"hsl(var(--accent-70))",critical:"hsl(var(--critical-70))",info:"hsl(var(--info-70))",warning:"hsl(var(--warning-70))",positive:"hsl(var(--positive-70))",selected:"hsl(var(--selected-70))"},background:{DEFAULT:"hsl(var(--neutral-0))",hover:"hsl(var(--neutral-5))",secondary:{DEFAULT:"hsl(var(--neutral-10))",hover:"hsl(var(--neutral-20))"},tertiary:"hsl(var(--neutral-5))",inverse:{DEFAULT:"hsl(var(--neutral-90))",secondary:"hsl(var(--white-60))"},bold:"hsl(var(--neutral-90))",accent:{DEFAULT:"hsl(var(--accent-50) / 0.05)",bold:{DEFAULT:"hsl(var(--accent-50))",hover:"hsl(var(--accent-60))"}},promote:{DEFAULT:"hsl(var(--promote-50) / 0.3)",hover:"hsl(var(--promote-50) / 0.4)"},critical:{DEFAULT:"hsl(var(--critical-50) / 0.1)",bold:"hsl(var(--critical-60))"},info:{DEFAULT:"hsl(var(--info-50) / 0.1)",bold:"hsl(var(--info-50))"},warning:{DEFAULT:"hsl(var(--warning-50) / 0.1)",bold:"hsl(var(--warning-50))"},positive:{DEFAULT:"hsl(var(--positive-50) / 0.1)",bold:"hsl(var(--positive-50))"},selected:{DEFAULT:"hsl(var(--selected-50) / 0.1)",secondary:"hsl(var(--selected-50) / 0.05)",hover:"hsl(var(--selected-50) / 0.2)",bold:{DEFAULT:"hsl(var(--selected-60))",hover:"hsl(var(--selected-70))"}},overlay:{DEFAULT:"hsl(var(--neutral-40))"}},border:{DEFAULT:"hsl(var(--neutral-30))",hover:"hsl(var(--neutral-40))",secondary:"hsl(var(--neutral-10))",inverse:"hsl(var(--neutral-0) / 0.2)",bold:"hsl(var(--neutral-100))",promote:{DEFAULT:"hsl(var(--promote-50) / 0.4)"},selected:{DEFAULT:"hsl(var(--selected-50) / 0.4)",bold:"hsl(var(--selected-50))"},critical:{DEFAULT:"hsl(var(--critical-50) / 0.1)",bold:"hsl(var(--critical-50))"},warning:{DEFAULT:"hsl(var(--warning-50) / 0.1)",bold:"hsl(var(--warning-50))"},info:{DEFAULT:"hsl(var(--info-50) / 0.1)",bold:"hsl(var(--info-50))"},positive:{DEFAULT:"hsl(var(--positive-50) / 0.1)",bold:"hsl(var(--positive-50))"}},icon:{DEFAULT:"hsl(var(--neutral-solid-50))",secondary:"hsl(var(--neutral-solid-40))",inverse:"hsl(var(--neutral-0))",bold:"hsl(var(--neutral-100))",critical:{DEFAULT:"hsl(var(--critical-50))",bold:"hsl(var(--critical-70))"},accent:"hsl(var(--accent-50))",info:"hsl(var(--info-50))",warning:"hsl(var(--warning-50))",positive:"hsl(var(--positive-50))",promote:"hsl(var(--promote-50))",selected:{DEFAULT:"hsl(var(--selected-60))",hover:"hsl(var(--selected-70))"},mood:{"super-negative":"hsl(var(--mood-super-negative))",negative:"hsl(var(--mood-negative))",neutral:"hsl(var(--mood-neutral))",positive:"hsl(var(--mood-positive))","super-positive":"hsl(var(--mood-super-positive))"}},special:{ring:"hsl(var(--ring))",page:"hsl(var(--page))",highlight:"hsl(var(--accent-50))"}};
|
|
2
2
|
//# sourceMappingURL=colors.js.map
|