@factorialco/f0-core 1.48.0 → 1.48.2
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/base.css +3 -1
- package/dist/index.d.mts +3 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +4 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/tokens/colors.ts +3 -0
package/base.css
CHANGED
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
--neutral-0: theme("colors.white.100");
|
|
14
14
|
--neutral-2: theme("colors.grey.0");
|
|
15
|
+
--neutral-3: theme("colors.grey.2");
|
|
15
16
|
--neutral-5: theme("colors.grey.5");
|
|
16
17
|
--neutral-10: theme("colors.grey.10");
|
|
17
18
|
--neutral-20: theme("colors.grey.20");
|
|
@@ -94,6 +95,7 @@
|
|
|
94
95
|
:root .dark {
|
|
95
96
|
--neutral-0: theme("colors.grey.100");
|
|
96
97
|
--neutral-2: theme("colors.grey.0");
|
|
98
|
+
--neutral-3: theme("colors.grey.2");
|
|
97
99
|
--neutral-5: theme("colors.white.5");
|
|
98
100
|
--neutral-10: theme("colors.white.10");
|
|
99
101
|
--neutral-20: theme("colors.white.20");
|
|
@@ -115,7 +117,7 @@
|
|
|
115
117
|
--white-30: theme("colors.white.30");
|
|
116
118
|
--white-40: theme("colors.white.40");
|
|
117
119
|
--white-50: theme("colors.white.50");
|
|
118
|
-
--white-60: theme("colors.white.
|
|
120
|
+
--white-60: theme("colors.white.60");
|
|
119
121
|
--white-70: theme("colors.white.70");
|
|
120
122
|
--white-80: theme("colors.white.80");
|
|
121
123
|
--white-90: theme("colors.white.90");
|
package/dist/index.d.mts
CHANGED
|
@@ -38,6 +38,7 @@ declare const baseColors: {
|
|
|
38
38
|
readonly transparent: "transparent";
|
|
39
39
|
readonly grey: {
|
|
40
40
|
readonly 0: "210 91% 22% / 0.02";
|
|
41
|
+
readonly 2: "219 88% 17% / 0.02";
|
|
41
42
|
readonly 5: "220 88% 17% / 0.04";
|
|
42
43
|
readonly 10: "216 89% 18% / 0.06";
|
|
43
44
|
readonly 20: "214 70% 20% / 0.1";
|
|
@@ -151,6 +152,7 @@ declare const f1Colors: {
|
|
|
151
152
|
readonly background: {
|
|
152
153
|
readonly DEFAULT: "hsl(var(--neutral-0))";
|
|
153
154
|
readonly hover: "hsl(var(--neutral-5))";
|
|
155
|
+
readonly disabled: "hsl(var(--neutral-3))";
|
|
154
156
|
readonly secondary: {
|
|
155
157
|
readonly DEFAULT: "hsl(var(--neutral-10))";
|
|
156
158
|
readonly hover: "hsl(var(--neutral-20))";
|
|
@@ -171,6 +173,7 @@ declare const f1Colors: {
|
|
|
171
173
|
readonly promote: {
|
|
172
174
|
readonly DEFAULT: "hsl(var(--promote-50) / 0.3)";
|
|
173
175
|
readonly hover: "hsl(var(--promote-50) / 0.4)";
|
|
176
|
+
readonly bold: "hsl(var(--promote-50))";
|
|
174
177
|
};
|
|
175
178
|
readonly critical: {
|
|
176
179
|
readonly DEFAULT: "hsl(var(--critical-50) / 0.1)";
|
package/dist/index.d.ts
CHANGED
|
@@ -38,6 +38,7 @@ declare const baseColors: {
|
|
|
38
38
|
readonly transparent: "transparent";
|
|
39
39
|
readonly grey: {
|
|
40
40
|
readonly 0: "210 91% 22% / 0.02";
|
|
41
|
+
readonly 2: "219 88% 17% / 0.02";
|
|
41
42
|
readonly 5: "220 88% 17% / 0.04";
|
|
42
43
|
readonly 10: "216 89% 18% / 0.06";
|
|
43
44
|
readonly 20: "214 70% 20% / 0.1";
|
|
@@ -151,6 +152,7 @@ declare const f1Colors: {
|
|
|
151
152
|
readonly background: {
|
|
152
153
|
readonly DEFAULT: "hsl(var(--neutral-0))";
|
|
153
154
|
readonly hover: "hsl(var(--neutral-5))";
|
|
155
|
+
readonly disabled: "hsl(var(--neutral-3))";
|
|
154
156
|
readonly secondary: {
|
|
155
157
|
readonly DEFAULT: "hsl(var(--neutral-10))";
|
|
156
158
|
readonly hover: "hsl(var(--neutral-20))";
|
|
@@ -171,6 +173,7 @@ declare const f1Colors: {
|
|
|
171
173
|
readonly promote: {
|
|
172
174
|
readonly DEFAULT: "hsl(var(--promote-50) / 0.3)";
|
|
173
175
|
readonly hover: "hsl(var(--promote-50) / 0.4)";
|
|
176
|
+
readonly bold: "hsl(var(--promote-50))";
|
|
174
177
|
};
|
|
175
178
|
readonly critical: {
|
|
176
179
|
readonly DEFAULT: "hsl(var(--critical-50) / 0.1)";
|
package/dist/index.js
CHANGED
|
@@ -71,6 +71,7 @@ var baseColors = {
|
|
|
71
71
|
transparent: "transparent",
|
|
72
72
|
grey: {
|
|
73
73
|
0: "210 91% 22% / 0.02",
|
|
74
|
+
2: "219 88% 17% / 0.02",
|
|
74
75
|
5: "220 88% 17% / 0.04",
|
|
75
76
|
10: "216 89% 18% / 0.06",
|
|
76
77
|
20: "214 70% 20% / 0.1",
|
|
@@ -183,6 +184,7 @@ var f1Colors = {
|
|
|
183
184
|
background: {
|
|
184
185
|
DEFAULT: "hsl(var(--neutral-0))",
|
|
185
186
|
hover: "hsl(var(--neutral-5))",
|
|
187
|
+
disabled: "hsl(var(--neutral-3))",
|
|
186
188
|
secondary: {
|
|
187
189
|
DEFAULT: "hsl(var(--neutral-10))",
|
|
188
190
|
hover: "hsl(var(--neutral-20))"
|
|
@@ -202,7 +204,8 @@ var f1Colors = {
|
|
|
202
204
|
},
|
|
203
205
|
promote: {
|
|
204
206
|
DEFAULT: "hsl(var(--promote-50) / 0.3)",
|
|
205
|
-
hover: "hsl(var(--promote-50) / 0.4)"
|
|
207
|
+
hover: "hsl(var(--promote-50) / 0.4)",
|
|
208
|
+
bold: "hsl(var(--promote-50))"
|
|
206
209
|
},
|
|
207
210
|
critical: {
|
|
208
211
|
DEFAULT: "hsl(var(--critical-50) / 0.1)",
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../src/tokens/borderRadius.ts","../src/tokens/breakpoints.ts","../src/tokens/colors.ts","../src/tokens/spacing.ts"],"sourcesContent":["export * from \"./tokens/borderRadius\"\nexport * from \"./tokens/breakpoints\"\nexport * from \"./tokens/colors\"\nexport * from \"./tokens/spacing\"\n","export const borderRadius = {\n none: \"0px\",\n \"2xs\": \"0.25rem\",\n xs: \"0.375rem\",\n sm: \"0.5rem\",\n DEFAULT: \"0.625rem\",\n md: \"0.75rem\",\n lg: \"0.875rem\",\n xl: \"1rem\",\n \"2xl\": \"1.5rem\",\n full: \"9999px\",\n}\n","export const breakpoints = {\n md: 900,\n lg: 1200,\n xl: 1440,\n}\n","export const baseColors = {\n white: {\n 3: \"0 0% 100% / 0.03\",\n 5: \"0 0% 100% / 0.05\",\n 10: \"0 0% 100% / 0.1\",\n 20: \"0 0% 100% / 0.2\",\n 30: \"0 0% 100% / 0.3\",\n 40: \"0 0% 100% / 0.4\",\n 50: \"0 0% 100% / 0.5\",\n 60: \"0 0% 100% / 0.6\",\n 70: \"0 0% 100% / 0.7\",\n 80: \"0 0% 100% / 0.8\",\n 90: \"0 0% 100% / 0.9\",\n 100: \"0 0% 100%\",\n },\n current: \"currentColor\",\n transparent: \"transparent\",\n grey: {\n 0: \"210 91% 22% / 0.02\",\n 5: \"220 88% 17% / 0.04\",\n 10: \"216 89% 18% / 0.06\",\n 20: \"214 70% 20% / 0.1\",\n 30: \"213 87% 15% / 0.20\",\n 40: \"219 97% 15% / 0.45\",\n 50: \"217 96% 11% / 0.61\",\n 60: \"220 88% 10% / 0.82\",\n 70: \"219 91% 8% / 0.88\",\n 80: \"219 94% 7% / 0.9\",\n 90: \"219 88% 6% / 0.92\",\n 100: \"218 48% 10%\",\n solid: {\n 40: \"219 18% 69%\",\n 50: \"218 14% 45%\",\n },\n },\n lilac: {\n 50: \"340 49% 60%\",\n 60: \"341 34% 50%\",\n 70: \"340 33% 41%\",\n },\n barbie: {\n 50: \"331 84% 63%\",\n 60: \"331 55% 53%\",\n 70: \"330 49% 43%\",\n },\n smoke: {\n 50: \"192 26% 54%\",\n 60: \"192 22% 45%\",\n 70: \"192 22% 37%\",\n },\n army: {\n 50: \"162 44% 33%\",\n 60: \"163 45% 28%\",\n 70: \"162 44% 23%\",\n },\n flubber: {\n 50: \"84 55% 53%\",\n 60: \"84 48% 45%\",\n 70: \"83 48% 33%\",\n },\n indigo: {\n 50: \"239 91% 64%\",\n 60: \"239 59% 54%\",\n 70: \"239 51% 44%\",\n },\n camel: {\n 50: \"25 46% 53%\",\n 60: \"25 42% 44%\",\n 70: \"25 42% 36%\",\n },\n radical: {\n 50: \"348 80% 50%\",\n 60: \"348 80% 42%\",\n 70: \"347 80% 34%\",\n },\n viridian: {\n 50: \"184 92% 35%\",\n 60: \"184 92% 28%\",\n 70: \"184 92% 24%\",\n },\n orange: {\n 50: \"25 95% 53%\",\n 60: \"24 69% 49%\",\n 70: \"24 69% 40%\",\n },\n red: {\n 50: \"5 100% 65%\",\n 60: \"4 61% 49%\",\n 70: \"3 71% 41%\",\n },\n grass: {\n 50: \"160 84% 39%\",\n 60: \"160 85% 33%\",\n 70: \"161 84% 27%\",\n },\n malibu: {\n 50: \"216 90% 65%\",\n 60: \"216 59% 55%\",\n 70: \"216 48% 44%\",\n },\n yellow: {\n 50: \"38 92% 54%\",\n 60: \"38 79% 45%\",\n 70: \"38 80% 36%\",\n },\n purple: {\n 50: \"258 88% 67%\",\n 60: \"258 56% 56%\",\n 70: \"258 43% 46%\",\n },\n} as const\n\nexport type BaseColor = keyof typeof baseColors\n\nexport const f1Colors = {\n foreground: {\n DEFAULT: \"hsl(var(--neutral-100))\",\n secondary: \"hsl(var(--neutral-50))\",\n tertiary: \"hsl(var(--neutral-40))\",\n inverse: {\n DEFAULT: \"hsl(var(--white-100))\",\n secondary: \"hsl(var(--white-80))\",\n },\n disabled: \"hsl(var(--neutral-30))\",\n accent: \"hsl(var(--accent-70))\",\n critical: \"hsl(var(--critical-70))\",\n info: \"hsl(var(--info-70))\",\n warning: \"hsl(var(--warning-70))\",\n positive: \"hsl(var(--positive-70))\",\n selected: \"hsl(var(--selected-70))\",\n },\n background: {\n DEFAULT: \"hsl(var(--neutral-0))\",\n hover: \"hsl(var(--neutral-5))\",\n secondary: {\n DEFAULT: \"hsl(var(--neutral-10))\",\n hover: \"hsl(var(--neutral-20))\",\n },\n tertiary: \"hsl(var(--neutral-5))\",\n inverse: {\n DEFAULT: \"hsl(var(--neutral-90))\",\n secondary: \"hsl(var(--white-60))\",\n },\n bold: \"hsl(var(--neutral-90))\",\n accent: {\n DEFAULT: \"hsl(var(--accent-50) / 0.05)\",\n bold: {\n DEFAULT: \"hsl(var(--accent-50))\",\n hover: \"hsl(var(--accent-60))\",\n },\n },\n promote: {\n DEFAULT: \"hsl(var(--promote-50) / 0.3)\",\n hover: \"hsl(var(--promote-50) / 0.4)\",\n },\n critical: {\n DEFAULT: \"hsl(var(--critical-50) / 0.1)\",\n bold: \"hsl(var(--critical-60))\",\n },\n info: {\n DEFAULT: \"hsl(var(--info-50) / 0.1)\",\n bold: \"hsl(var(--info-50))\",\n },\n warning: {\n DEFAULT: \"hsl(var(--warning-50) / 0.1)\",\n bold: \"hsl(var(--warning-50))\",\n },\n positive: {\n DEFAULT: \"hsl(var(--positive-50) / 0.1)\",\n bold: \"hsl(var(--positive-50))\",\n },\n selected: {\n DEFAULT: \"hsl(var(--selected-50) / 0.1)\",\n secondary: \"hsl(var(--selected-50) / 0.05)\",\n hover: \"hsl(var(--selected-50) / 0.2)\",\n bold: {\n DEFAULT: \"hsl(var(--selected-60))\",\n hover: \"hsl(var(--selected-70))\",\n },\n },\n overlay: {\n DEFAULT: \"hsl(var(--neutral-40))\",\n },\n },\n border: {\n DEFAULT: \"hsl(var(--neutral-30))\",\n hover: \"hsl(var(--neutral-40))\",\n secondary: \"hsl(var(--neutral-10))\",\n inverse: \"hsl(var(--neutral-0) / 0.2)\",\n bold: \"hsl(var(--neutral-100))\",\n promote: {\n DEFAULT: \"hsl(var(--promote-50) / 0.4)\",\n },\n selected: {\n DEFAULT: \"hsl(var(--selected-50) / 0.4)\",\n bold: \"hsl(var(--selected-50))\",\n },\n critical: {\n DEFAULT: \"hsl(var(--critical-50) / 0.1)\",\n bold: \"hsl(var(--critical-50))\",\n },\n warning: {\n DEFAULT: \"hsl(var(--warning-50) / 0.1)\",\n bold: \"hsl(var(--warning-50))\",\n },\n info: {\n DEFAULT: \"hsl(var(--info-50) / 0.1)\",\n bold: \"hsl(var(--info-50))\",\n },\n positive: {\n DEFAULT: \"hsl(var(--positive-50) / 0.1)\",\n bold: \"hsl(var(--positive-50))\",\n },\n },\n icon: {\n DEFAULT: \"hsl(var(--neutral-solid-50))\",\n secondary: \"hsl(var(--neutral-solid-40))\",\n inverse: \"hsl(var(--neutral-0))\",\n bold: \"hsl(var(--neutral-100))\",\n critical: {\n DEFAULT: \"hsl(var(--critical-50))\",\n bold: \"hsl(var(--critical-70))\",\n },\n accent: \"hsl(var(--accent-50))\",\n info: \"hsl(var(--info-50))\",\n warning: \"hsl(var(--warning-50))\",\n positive: \"hsl(var(--positive-50))\",\n promote: \"hsl(var(--promote-50))\",\n selected: {\n DEFAULT: \"hsl(var(--selected-60))\",\n hover: \"hsl(var(--selected-70))\",\n },\n mood: {\n \"super-negative\": \"hsl(var(--mood-super-negative))\",\n negative: \"hsl(var(--mood-negative))\",\n neutral: \"hsl(var(--mood-neutral))\",\n positive: \"hsl(var(--mood-positive))\",\n \"super-positive\": \"hsl(var(--mood-super-positive))\",\n },\n },\n special: {\n ring: \"hsl(var(--ring))\",\n page: \"hsl(var(--page))\",\n highlight: \"hsl(var(--accent-50))\",\n },\n} as const\n\nexport type F1Color = keyof typeof f1Colors\n","import { ThemeConfig } from \"tailwindcss/types/config\"\n\n/**\n * Spacing for the tailwind config\n * Provides scale in relative(rem) and absolute(px) units\n *\n * The pixel scale is used by default.\n * All properties that do not explicitly set to use relative scale, use pixels.\n *\n * Relative scale is used for size definitions, like heights and widths.\n */\n\nexport const absoluteSpacing: ThemeConfig[\"spacing\"] = {\n px: \"1px\",\n 0: \"0px\",\n 0.5: \"2px\",\n 1: \"4px\",\n 1.5: \"6px\",\n 2: \"8px\",\n 2.5: \"10px\",\n 3: \"12px\",\n 3.5: \"14px\",\n 4: \"16px\",\n 5: \"20px\",\n 6: \"24px\",\n 7: \"28px\",\n 8: \"32px\",\n 9: \"36px\",\n 10: \"40px\",\n 11: \"44px\",\n 12: \"48px\",\n 14: \"56px\",\n 16: \"64px\",\n 18: \"72px\",\n 20: \"80px\",\n 24: \"96px\",\n 28: \"112px\",\n 32: \"128px\",\n 36: \"144px\",\n 40: \"160px\",\n 44: \"176px\",\n 48: \"192px\",\n 52: \"208px\",\n 56: \"224px\",\n 60: \"240px\",\n 64: \"256px\",\n 72: \"288px\",\n 80: \"320px\",\n 96: \"384px\",\n}\n\nexport const relativeSpacing: ThemeConfig[\"spacing\"] = {\n px: \"1px\",\n 0: \"0px\",\n 0.5: \"0.125rem\",\n 1: \"0.25rem\",\n 1.5: \"0.375rem\",\n 2: \"0.5rem\",\n 2.5: \"0.625rem\",\n 3: \"0.75rem\",\n 3.5: \"0.875rem\",\n 4: \"1rem\",\n 5: \"1.25rem\",\n 6: \"1.5rem\",\n 7: \"1.75rem\",\n 8: \"2rem\",\n 9: \"2.25rem\",\n 10: \"2.5rem\",\n 11: \"2.75rem\",\n 12: \"3rem\",\n 14: \"3.5rem\",\n 16: \"4rem\",\n 18: \"4.5rem\",\n 20: \"5rem\",\n 24: \"6rem\",\n 28: \"7rem\",\n 32: \"8rem\",\n 36: \"9rem\",\n 40: \"10rem\",\n 44: \"11rem\",\n 48: \"12rem\",\n 52: \"13rem\",\n 56: \"14rem\",\n 60: \"15rem\",\n 64: \"16rem\",\n 72: \"18rem\",\n 80: \"20rem\",\n 96: \"24rem\",\n}\n\n/*\n * Spacing between elements\n * This special scale is used for the gap between common elements.\n * Docs: https://zeroheight.com/6cc527675/p/94c391-spacing/t/3409209197\n */\nexport const betweenSpacing: ThemeConfig[\"spacing\"] = {\n sm: relativeSpacing[1],\n md: relativeSpacing[2],\n lg: relativeSpacing[3],\n xl: relativeSpacing[4],\n}\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/tokens/borderRadius.ts","../src/tokens/breakpoints.ts","../src/tokens/colors.ts","../src/tokens/spacing.ts"],"sourcesContent":["export * from \"./tokens/borderRadius\"\nexport * from \"./tokens/breakpoints\"\nexport * from \"./tokens/colors\"\nexport * from \"./tokens/spacing\"\n","export const borderRadius = {\n none: \"0px\",\n \"2xs\": \"0.25rem\",\n xs: \"0.375rem\",\n sm: \"0.5rem\",\n DEFAULT: \"0.625rem\",\n md: \"0.75rem\",\n lg: \"0.875rem\",\n xl: \"1rem\",\n \"2xl\": \"1.5rem\",\n full: \"9999px\",\n}\n","export const breakpoints = {\n md: 900,\n lg: 1200,\n xl: 1440,\n}\n","export const baseColors = {\n white: {\n 3: \"0 0% 100% / 0.03\",\n 5: \"0 0% 100% / 0.05\",\n 10: \"0 0% 100% / 0.1\",\n 20: \"0 0% 100% / 0.2\",\n 30: \"0 0% 100% / 0.3\",\n 40: \"0 0% 100% / 0.4\",\n 50: \"0 0% 100% / 0.5\",\n 60: \"0 0% 100% / 0.6\",\n 70: \"0 0% 100% / 0.7\",\n 80: \"0 0% 100% / 0.8\",\n 90: \"0 0% 100% / 0.9\",\n 100: \"0 0% 100%\",\n },\n current: \"currentColor\",\n transparent: \"transparent\",\n grey: {\n 0: \"210 91% 22% / 0.02\",\n 2: \"219 88% 17% / 0.02\",\n 5: \"220 88% 17% / 0.04\",\n 10: \"216 89% 18% / 0.06\",\n 20: \"214 70% 20% / 0.1\",\n 30: \"213 87% 15% / 0.20\",\n 40: \"219 97% 15% / 0.45\",\n 50: \"217 96% 11% / 0.61\",\n 60: \"220 88% 10% / 0.82\",\n 70: \"219 91% 8% / 0.88\",\n 80: \"219 94% 7% / 0.9\",\n 90: \"219 88% 6% / 0.92\",\n 100: \"218 48% 10%\",\n solid: {\n 40: \"219 18% 69%\",\n 50: \"218 14% 45%\",\n },\n },\n lilac: {\n 50: \"340 49% 60%\",\n 60: \"341 34% 50%\",\n 70: \"340 33% 41%\",\n },\n barbie: {\n 50: \"331 84% 63%\",\n 60: \"331 55% 53%\",\n 70: \"330 49% 43%\",\n },\n smoke: {\n 50: \"192 26% 54%\",\n 60: \"192 22% 45%\",\n 70: \"192 22% 37%\",\n },\n army: {\n 50: \"162 44% 33%\",\n 60: \"163 45% 28%\",\n 70: \"162 44% 23%\",\n },\n flubber: {\n 50: \"84 55% 53%\",\n 60: \"84 48% 45%\",\n 70: \"83 48% 33%\",\n },\n indigo: {\n 50: \"239 91% 64%\",\n 60: \"239 59% 54%\",\n 70: \"239 51% 44%\",\n },\n camel: {\n 50: \"25 46% 53%\",\n 60: \"25 42% 44%\",\n 70: \"25 42% 36%\",\n },\n radical: {\n 50: \"348 80% 50%\",\n 60: \"348 80% 42%\",\n 70: \"347 80% 34%\",\n },\n viridian: {\n 50: \"184 92% 35%\",\n 60: \"184 92% 28%\",\n 70: \"184 92% 24%\",\n },\n orange: {\n 50: \"25 95% 53%\",\n 60: \"24 69% 49%\",\n 70: \"24 69% 40%\",\n },\n red: {\n 50: \"5 100% 65%\",\n 60: \"4 61% 49%\",\n 70: \"3 71% 41%\",\n },\n grass: {\n 50: \"160 84% 39%\",\n 60: \"160 85% 33%\",\n 70: \"161 84% 27%\",\n },\n malibu: {\n 50: \"216 90% 65%\",\n 60: \"216 59% 55%\",\n 70: \"216 48% 44%\",\n },\n yellow: {\n 50: \"38 92% 54%\",\n 60: \"38 79% 45%\",\n 70: \"38 80% 36%\",\n },\n purple: {\n 50: \"258 88% 67%\",\n 60: \"258 56% 56%\",\n 70: \"258 43% 46%\",\n },\n} as const\n\nexport type BaseColor = keyof typeof baseColors\n\nexport const f1Colors = {\n foreground: {\n DEFAULT: \"hsl(var(--neutral-100))\",\n secondary: \"hsl(var(--neutral-50))\",\n tertiary: \"hsl(var(--neutral-40))\",\n inverse: {\n DEFAULT: \"hsl(var(--white-100))\",\n secondary: \"hsl(var(--white-80))\",\n },\n disabled: \"hsl(var(--neutral-30))\",\n accent: \"hsl(var(--accent-70))\",\n critical: \"hsl(var(--critical-70))\",\n info: \"hsl(var(--info-70))\",\n warning: \"hsl(var(--warning-70))\",\n positive: \"hsl(var(--positive-70))\",\n selected: \"hsl(var(--selected-70))\",\n },\n background: {\n DEFAULT: \"hsl(var(--neutral-0))\",\n hover: \"hsl(var(--neutral-5))\",\n disabled: \"hsl(var(--neutral-3))\",\n secondary: {\n DEFAULT: \"hsl(var(--neutral-10))\",\n hover: \"hsl(var(--neutral-20))\",\n },\n tertiary: \"hsl(var(--neutral-5))\",\n inverse: {\n DEFAULT: \"hsl(var(--neutral-90))\",\n secondary: \"hsl(var(--white-60))\",\n },\n bold: \"hsl(var(--neutral-90))\",\n accent: {\n DEFAULT: \"hsl(var(--accent-50) / 0.05)\",\n bold: {\n DEFAULT: \"hsl(var(--accent-50))\",\n hover: \"hsl(var(--accent-60))\",\n },\n },\n promote: {\n DEFAULT: \"hsl(var(--promote-50) / 0.3)\",\n hover: \"hsl(var(--promote-50) / 0.4)\",\n bold: \"hsl(var(--promote-50))\",\n },\n critical: {\n DEFAULT: \"hsl(var(--critical-50) / 0.1)\",\n bold: \"hsl(var(--critical-60))\",\n },\n info: {\n DEFAULT: \"hsl(var(--info-50) / 0.1)\",\n bold: \"hsl(var(--info-50))\",\n },\n warning: {\n DEFAULT: \"hsl(var(--warning-50) / 0.1)\",\n bold: \"hsl(var(--warning-50))\",\n },\n positive: {\n DEFAULT: \"hsl(var(--positive-50) / 0.1)\",\n bold: \"hsl(var(--positive-50))\",\n },\n selected: {\n DEFAULT: \"hsl(var(--selected-50) / 0.1)\",\n secondary: \"hsl(var(--selected-50) / 0.05)\",\n hover: \"hsl(var(--selected-50) / 0.2)\",\n bold: {\n DEFAULT: \"hsl(var(--selected-60))\",\n hover: \"hsl(var(--selected-70))\",\n },\n },\n overlay: {\n DEFAULT: \"hsl(var(--neutral-40))\",\n },\n },\n border: {\n DEFAULT: \"hsl(var(--neutral-30))\",\n hover: \"hsl(var(--neutral-40))\",\n secondary: \"hsl(var(--neutral-10))\",\n inverse: \"hsl(var(--neutral-0) / 0.2)\",\n bold: \"hsl(var(--neutral-100))\",\n promote: {\n DEFAULT: \"hsl(var(--promote-50) / 0.4)\",\n },\n selected: {\n DEFAULT: \"hsl(var(--selected-50) / 0.4)\",\n bold: \"hsl(var(--selected-50))\",\n },\n critical: {\n DEFAULT: \"hsl(var(--critical-50) / 0.1)\",\n bold: \"hsl(var(--critical-50))\",\n },\n warning: {\n DEFAULT: \"hsl(var(--warning-50) / 0.1)\",\n bold: \"hsl(var(--warning-50))\",\n },\n info: {\n DEFAULT: \"hsl(var(--info-50) / 0.1)\",\n bold: \"hsl(var(--info-50))\",\n },\n positive: {\n DEFAULT: \"hsl(var(--positive-50) / 0.1)\",\n bold: \"hsl(var(--positive-50))\",\n },\n },\n icon: {\n DEFAULT: \"hsl(var(--neutral-solid-50))\",\n secondary: \"hsl(var(--neutral-solid-40))\",\n inverse: \"hsl(var(--neutral-0))\",\n bold: \"hsl(var(--neutral-100))\",\n critical: {\n DEFAULT: \"hsl(var(--critical-50))\",\n bold: \"hsl(var(--critical-70))\",\n },\n accent: \"hsl(var(--accent-50))\",\n info: \"hsl(var(--info-50))\",\n warning: \"hsl(var(--warning-50))\",\n positive: \"hsl(var(--positive-50))\",\n promote: \"hsl(var(--promote-50))\",\n selected: {\n DEFAULT: \"hsl(var(--selected-60))\",\n hover: \"hsl(var(--selected-70))\",\n },\n mood: {\n \"super-negative\": \"hsl(var(--mood-super-negative))\",\n negative: \"hsl(var(--mood-negative))\",\n neutral: \"hsl(var(--mood-neutral))\",\n positive: \"hsl(var(--mood-positive))\",\n \"super-positive\": \"hsl(var(--mood-super-positive))\",\n },\n },\n special: {\n ring: \"hsl(var(--ring))\",\n page: \"hsl(var(--page))\",\n highlight: \"hsl(var(--accent-50))\",\n },\n} as const\n\nexport type F1Color = keyof typeof f1Colors\n","import { ThemeConfig } from \"tailwindcss/types/config\"\n\n/**\n * Spacing for the tailwind config\n * Provides scale in relative(rem) and absolute(px) units\n *\n * The pixel scale is used by default.\n * All properties that do not explicitly set to use relative scale, use pixels.\n *\n * Relative scale is used for size definitions, like heights and widths.\n */\n\nexport const absoluteSpacing: ThemeConfig[\"spacing\"] = {\n px: \"1px\",\n 0: \"0px\",\n 0.5: \"2px\",\n 1: \"4px\",\n 1.5: \"6px\",\n 2: \"8px\",\n 2.5: \"10px\",\n 3: \"12px\",\n 3.5: \"14px\",\n 4: \"16px\",\n 5: \"20px\",\n 6: \"24px\",\n 7: \"28px\",\n 8: \"32px\",\n 9: \"36px\",\n 10: \"40px\",\n 11: \"44px\",\n 12: \"48px\",\n 14: \"56px\",\n 16: \"64px\",\n 18: \"72px\",\n 20: \"80px\",\n 24: \"96px\",\n 28: \"112px\",\n 32: \"128px\",\n 36: \"144px\",\n 40: \"160px\",\n 44: \"176px\",\n 48: \"192px\",\n 52: \"208px\",\n 56: \"224px\",\n 60: \"240px\",\n 64: \"256px\",\n 72: \"288px\",\n 80: \"320px\",\n 96: \"384px\",\n}\n\nexport const relativeSpacing: ThemeConfig[\"spacing\"] = {\n px: \"1px\",\n 0: \"0px\",\n 0.5: \"0.125rem\",\n 1: \"0.25rem\",\n 1.5: \"0.375rem\",\n 2: \"0.5rem\",\n 2.5: \"0.625rem\",\n 3: \"0.75rem\",\n 3.5: \"0.875rem\",\n 4: \"1rem\",\n 5: \"1.25rem\",\n 6: \"1.5rem\",\n 7: \"1.75rem\",\n 8: \"2rem\",\n 9: \"2.25rem\",\n 10: \"2.5rem\",\n 11: \"2.75rem\",\n 12: \"3rem\",\n 14: \"3.5rem\",\n 16: \"4rem\",\n 18: \"4.5rem\",\n 20: \"5rem\",\n 24: \"6rem\",\n 28: \"7rem\",\n 32: \"8rem\",\n 36: \"9rem\",\n 40: \"10rem\",\n 44: \"11rem\",\n 48: \"12rem\",\n 52: \"13rem\",\n 56: \"14rem\",\n 60: \"15rem\",\n 64: \"16rem\",\n 72: \"18rem\",\n 80: \"20rem\",\n 96: \"24rem\",\n}\n\n/*\n * Spacing between elements\n * This special scale is used for the gap between common elements.\n * Docs: https://zeroheight.com/6cc527675/p/94c391-spacing/t/3409209197\n */\nexport const betweenSpacing: ThemeConfig[\"spacing\"] = {\n sm: relativeSpacing[1],\n md: relativeSpacing[2],\n lg: relativeSpacing[3],\n xl: relativeSpacing[4],\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,IAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AACR;;;ACXO,IAAM,cAAc;AAAA,EACzB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;;;ACJO,IAAM,aAAa;AAAA,EACxB,OAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,KAAK;AAAA,EACP;AAAA,EACA,SAAS;AAAA,EACT,aAAa;AAAA,EACb,MAAM;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,OAAO;AAAA,MACL,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,OAAO;AAAA,IACL,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,OAAO;AAAA,IACL,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,KAAK;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,OAAO;AAAA,IACL,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACF;AAIO,IAAM,WAAW;AAAA,EACtB,YAAY;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,IACb;AAAA,IACA,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,WAAW;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,IACb;AAAA,IACA,MAAM;AAAA,IACN,QAAQ;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,MACT,WAAW;AAAA,MACX,OAAO;AAAA,MACP,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,WAAW;AAAA,IACX,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,MACP,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,MACR,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACJ,kBAAkB;AAAA,MAClB,UAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,kBAAkB;AAAA,IACpB;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW;AAAA,EACb;AACF;;;AC5OO,IAAM,kBAA0C;AAAA,EACrD,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,IAAM,kBAA0C;AAAA,EACrD,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAOO,IAAM,iBAAyC;AAAA,EACpD,IAAI,gBAAgB,CAAC;AAAA,EACrB,IAAI,gBAAgB,CAAC;AAAA,EACrB,IAAI,gBAAgB,CAAC;AAAA,EACrB,IAAI,gBAAgB,CAAC;AACvB;","names":[]}
|
package/dist/index.mjs
CHANGED
|
@@ -39,6 +39,7 @@ var baseColors = {
|
|
|
39
39
|
transparent: "transparent",
|
|
40
40
|
grey: {
|
|
41
41
|
0: "210 91% 22% / 0.02",
|
|
42
|
+
2: "219 88% 17% / 0.02",
|
|
42
43
|
5: "220 88% 17% / 0.04",
|
|
43
44
|
10: "216 89% 18% / 0.06",
|
|
44
45
|
20: "214 70% 20% / 0.1",
|
|
@@ -151,6 +152,7 @@ var f1Colors = {
|
|
|
151
152
|
background: {
|
|
152
153
|
DEFAULT: "hsl(var(--neutral-0))",
|
|
153
154
|
hover: "hsl(var(--neutral-5))",
|
|
155
|
+
disabled: "hsl(var(--neutral-3))",
|
|
154
156
|
secondary: {
|
|
155
157
|
DEFAULT: "hsl(var(--neutral-10))",
|
|
156
158
|
hover: "hsl(var(--neutral-20))"
|
|
@@ -170,7 +172,8 @@ var f1Colors = {
|
|
|
170
172
|
},
|
|
171
173
|
promote: {
|
|
172
174
|
DEFAULT: "hsl(var(--promote-50) / 0.3)",
|
|
173
|
-
hover: "hsl(var(--promote-50) / 0.4)"
|
|
175
|
+
hover: "hsl(var(--promote-50) / 0.4)",
|
|
176
|
+
bold: "hsl(var(--promote-50))"
|
|
174
177
|
},
|
|
175
178
|
critical: {
|
|
176
179
|
DEFAULT: "hsl(var(--critical-50) / 0.1)",
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tokens/borderRadius.ts","../src/tokens/breakpoints.ts","../src/tokens/colors.ts","../src/tokens/spacing.ts"],"sourcesContent":["export const borderRadius = {\n none: \"0px\",\n \"2xs\": \"0.25rem\",\n xs: \"0.375rem\",\n sm: \"0.5rem\",\n DEFAULT: \"0.625rem\",\n md: \"0.75rem\",\n lg: \"0.875rem\",\n xl: \"1rem\",\n \"2xl\": \"1.5rem\",\n full: \"9999px\",\n}\n","export const breakpoints = {\n md: 900,\n lg: 1200,\n xl: 1440,\n}\n","export const baseColors = {\n white: {\n 3: \"0 0% 100% / 0.03\",\n 5: \"0 0% 100% / 0.05\",\n 10: \"0 0% 100% / 0.1\",\n 20: \"0 0% 100% / 0.2\",\n 30: \"0 0% 100% / 0.3\",\n 40: \"0 0% 100% / 0.4\",\n 50: \"0 0% 100% / 0.5\",\n 60: \"0 0% 100% / 0.6\",\n 70: \"0 0% 100% / 0.7\",\n 80: \"0 0% 100% / 0.8\",\n 90: \"0 0% 100% / 0.9\",\n 100: \"0 0% 100%\",\n },\n current: \"currentColor\",\n transparent: \"transparent\",\n grey: {\n 0: \"210 91% 22% / 0.02\",\n 5: \"220 88% 17% / 0.04\",\n 10: \"216 89% 18% / 0.06\",\n 20: \"214 70% 20% / 0.1\",\n 30: \"213 87% 15% / 0.20\",\n 40: \"219 97% 15% / 0.45\",\n 50: \"217 96% 11% / 0.61\",\n 60: \"220 88% 10% / 0.82\",\n 70: \"219 91% 8% / 0.88\",\n 80: \"219 94% 7% / 0.9\",\n 90: \"219 88% 6% / 0.92\",\n 100: \"218 48% 10%\",\n solid: {\n 40: \"219 18% 69%\",\n 50: \"218 14% 45%\",\n },\n },\n lilac: {\n 50: \"340 49% 60%\",\n 60: \"341 34% 50%\",\n 70: \"340 33% 41%\",\n },\n barbie: {\n 50: \"331 84% 63%\",\n 60: \"331 55% 53%\",\n 70: \"330 49% 43%\",\n },\n smoke: {\n 50: \"192 26% 54%\",\n 60: \"192 22% 45%\",\n 70: \"192 22% 37%\",\n },\n army: {\n 50: \"162 44% 33%\",\n 60: \"163 45% 28%\",\n 70: \"162 44% 23%\",\n },\n flubber: {\n 50: \"84 55% 53%\",\n 60: \"84 48% 45%\",\n 70: \"83 48% 33%\",\n },\n indigo: {\n 50: \"239 91% 64%\",\n 60: \"239 59% 54%\",\n 70: \"239 51% 44%\",\n },\n camel: {\n 50: \"25 46% 53%\",\n 60: \"25 42% 44%\",\n 70: \"25 42% 36%\",\n },\n radical: {\n 50: \"348 80% 50%\",\n 60: \"348 80% 42%\",\n 70: \"347 80% 34%\",\n },\n viridian: {\n 50: \"184 92% 35%\",\n 60: \"184 92% 28%\",\n 70: \"184 92% 24%\",\n },\n orange: {\n 50: \"25 95% 53%\",\n 60: \"24 69% 49%\",\n 70: \"24 69% 40%\",\n },\n red: {\n 50: \"5 100% 65%\",\n 60: \"4 61% 49%\",\n 70: \"3 71% 41%\",\n },\n grass: {\n 50: \"160 84% 39%\",\n 60: \"160 85% 33%\",\n 70: \"161 84% 27%\",\n },\n malibu: {\n 50: \"216 90% 65%\",\n 60: \"216 59% 55%\",\n 70: \"216 48% 44%\",\n },\n yellow: {\n 50: \"38 92% 54%\",\n 60: \"38 79% 45%\",\n 70: \"38 80% 36%\",\n },\n purple: {\n 50: \"258 88% 67%\",\n 60: \"258 56% 56%\",\n 70: \"258 43% 46%\",\n },\n} as const\n\nexport type BaseColor = keyof typeof baseColors\n\nexport const f1Colors = {\n foreground: {\n DEFAULT: \"hsl(var(--neutral-100))\",\n secondary: \"hsl(var(--neutral-50))\",\n tertiary: \"hsl(var(--neutral-40))\",\n inverse: {\n DEFAULT: \"hsl(var(--white-100))\",\n secondary: \"hsl(var(--white-80))\",\n },\n disabled: \"hsl(var(--neutral-30))\",\n accent: \"hsl(var(--accent-70))\",\n critical: \"hsl(var(--critical-70))\",\n info: \"hsl(var(--info-70))\",\n warning: \"hsl(var(--warning-70))\",\n positive: \"hsl(var(--positive-70))\",\n selected: \"hsl(var(--selected-70))\",\n },\n background: {\n DEFAULT: \"hsl(var(--neutral-0))\",\n hover: \"hsl(var(--neutral-5))\",\n secondary: {\n DEFAULT: \"hsl(var(--neutral-10))\",\n hover: \"hsl(var(--neutral-20))\",\n },\n tertiary: \"hsl(var(--neutral-5))\",\n inverse: {\n DEFAULT: \"hsl(var(--neutral-90))\",\n secondary: \"hsl(var(--white-60))\",\n },\n bold: \"hsl(var(--neutral-90))\",\n accent: {\n DEFAULT: \"hsl(var(--accent-50) / 0.05)\",\n bold: {\n DEFAULT: \"hsl(var(--accent-50))\",\n hover: \"hsl(var(--accent-60))\",\n },\n },\n promote: {\n DEFAULT: \"hsl(var(--promote-50) / 0.3)\",\n hover: \"hsl(var(--promote-50) / 0.4)\",\n },\n critical: {\n DEFAULT: \"hsl(var(--critical-50) / 0.1)\",\n bold: \"hsl(var(--critical-60))\",\n },\n info: {\n DEFAULT: \"hsl(var(--info-50) / 0.1)\",\n bold: \"hsl(var(--info-50))\",\n },\n warning: {\n DEFAULT: \"hsl(var(--warning-50) / 0.1)\",\n bold: \"hsl(var(--warning-50))\",\n },\n positive: {\n DEFAULT: \"hsl(var(--positive-50) / 0.1)\",\n bold: \"hsl(var(--positive-50))\",\n },\n selected: {\n DEFAULT: \"hsl(var(--selected-50) / 0.1)\",\n secondary: \"hsl(var(--selected-50) / 0.05)\",\n hover: \"hsl(var(--selected-50) / 0.2)\",\n bold: {\n DEFAULT: \"hsl(var(--selected-60))\",\n hover: \"hsl(var(--selected-70))\",\n },\n },\n overlay: {\n DEFAULT: \"hsl(var(--neutral-40))\",\n },\n },\n border: {\n DEFAULT: \"hsl(var(--neutral-30))\",\n hover: \"hsl(var(--neutral-40))\",\n secondary: \"hsl(var(--neutral-10))\",\n inverse: \"hsl(var(--neutral-0) / 0.2)\",\n bold: \"hsl(var(--neutral-100))\",\n promote: {\n DEFAULT: \"hsl(var(--promote-50) / 0.4)\",\n },\n selected: {\n DEFAULT: \"hsl(var(--selected-50) / 0.4)\",\n bold: \"hsl(var(--selected-50))\",\n },\n critical: {\n DEFAULT: \"hsl(var(--critical-50) / 0.1)\",\n bold: \"hsl(var(--critical-50))\",\n },\n warning: {\n DEFAULT: \"hsl(var(--warning-50) / 0.1)\",\n bold: \"hsl(var(--warning-50))\",\n },\n info: {\n DEFAULT: \"hsl(var(--info-50) / 0.1)\",\n bold: \"hsl(var(--info-50))\",\n },\n positive: {\n DEFAULT: \"hsl(var(--positive-50) / 0.1)\",\n bold: \"hsl(var(--positive-50))\",\n },\n },\n icon: {\n DEFAULT: \"hsl(var(--neutral-solid-50))\",\n secondary: \"hsl(var(--neutral-solid-40))\",\n inverse: \"hsl(var(--neutral-0))\",\n bold: \"hsl(var(--neutral-100))\",\n critical: {\n DEFAULT: \"hsl(var(--critical-50))\",\n bold: \"hsl(var(--critical-70))\",\n },\n accent: \"hsl(var(--accent-50))\",\n info: \"hsl(var(--info-50))\",\n warning: \"hsl(var(--warning-50))\",\n positive: \"hsl(var(--positive-50))\",\n promote: \"hsl(var(--promote-50))\",\n selected: {\n DEFAULT: \"hsl(var(--selected-60))\",\n hover: \"hsl(var(--selected-70))\",\n },\n mood: {\n \"super-negative\": \"hsl(var(--mood-super-negative))\",\n negative: \"hsl(var(--mood-negative))\",\n neutral: \"hsl(var(--mood-neutral))\",\n positive: \"hsl(var(--mood-positive))\",\n \"super-positive\": \"hsl(var(--mood-super-positive))\",\n },\n },\n special: {\n ring: \"hsl(var(--ring))\",\n page: \"hsl(var(--page))\",\n highlight: \"hsl(var(--accent-50))\",\n },\n} as const\n\nexport type F1Color = keyof typeof f1Colors\n","import { ThemeConfig } from \"tailwindcss/types/config\"\n\n/**\n * Spacing for the tailwind config\n * Provides scale in relative(rem) and absolute(px) units\n *\n * The pixel scale is used by default.\n * All properties that do not explicitly set to use relative scale, use pixels.\n *\n * Relative scale is used for size definitions, like heights and widths.\n */\n\nexport const absoluteSpacing: ThemeConfig[\"spacing\"] = {\n px: \"1px\",\n 0: \"0px\",\n 0.5: \"2px\",\n 1: \"4px\",\n 1.5: \"6px\",\n 2: \"8px\",\n 2.5: \"10px\",\n 3: \"12px\",\n 3.5: \"14px\",\n 4: \"16px\",\n 5: \"20px\",\n 6: \"24px\",\n 7: \"28px\",\n 8: \"32px\",\n 9: \"36px\",\n 10: \"40px\",\n 11: \"44px\",\n 12: \"48px\",\n 14: \"56px\",\n 16: \"64px\",\n 18: \"72px\",\n 20: \"80px\",\n 24: \"96px\",\n 28: \"112px\",\n 32: \"128px\",\n 36: \"144px\",\n 40: \"160px\",\n 44: \"176px\",\n 48: \"192px\",\n 52: \"208px\",\n 56: \"224px\",\n 60: \"240px\",\n 64: \"256px\",\n 72: \"288px\",\n 80: \"320px\",\n 96: \"384px\",\n}\n\nexport const relativeSpacing: ThemeConfig[\"spacing\"] = {\n px: \"1px\",\n 0: \"0px\",\n 0.5: \"0.125rem\",\n 1: \"0.25rem\",\n 1.5: \"0.375rem\",\n 2: \"0.5rem\",\n 2.5: \"0.625rem\",\n 3: \"0.75rem\",\n 3.5: \"0.875rem\",\n 4: \"1rem\",\n 5: \"1.25rem\",\n 6: \"1.5rem\",\n 7: \"1.75rem\",\n 8: \"2rem\",\n 9: \"2.25rem\",\n 10: \"2.5rem\",\n 11: \"2.75rem\",\n 12: \"3rem\",\n 14: \"3.5rem\",\n 16: \"4rem\",\n 18: \"4.5rem\",\n 20: \"5rem\",\n 24: \"6rem\",\n 28: \"7rem\",\n 32: \"8rem\",\n 36: \"9rem\",\n 40: \"10rem\",\n 44: \"11rem\",\n 48: \"12rem\",\n 52: \"13rem\",\n 56: \"14rem\",\n 60: \"15rem\",\n 64: \"16rem\",\n 72: \"18rem\",\n 80: \"20rem\",\n 96: \"24rem\",\n}\n\n/*\n * Spacing between elements\n * This special scale is used for the gap between common elements.\n * Docs: https://zeroheight.com/6cc527675/p/94c391-spacing/t/3409209197\n */\nexport const betweenSpacing: ThemeConfig[\"spacing\"] = {\n sm: relativeSpacing[1],\n md: relativeSpacing[2],\n lg: relativeSpacing[3],\n xl: relativeSpacing[4],\n}\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/tokens/borderRadius.ts","../src/tokens/breakpoints.ts","../src/tokens/colors.ts","../src/tokens/spacing.ts"],"sourcesContent":["export const borderRadius = {\n none: \"0px\",\n \"2xs\": \"0.25rem\",\n xs: \"0.375rem\",\n sm: \"0.5rem\",\n DEFAULT: \"0.625rem\",\n md: \"0.75rem\",\n lg: \"0.875rem\",\n xl: \"1rem\",\n \"2xl\": \"1.5rem\",\n full: \"9999px\",\n}\n","export const breakpoints = {\n md: 900,\n lg: 1200,\n xl: 1440,\n}\n","export const baseColors = {\n white: {\n 3: \"0 0% 100% / 0.03\",\n 5: \"0 0% 100% / 0.05\",\n 10: \"0 0% 100% / 0.1\",\n 20: \"0 0% 100% / 0.2\",\n 30: \"0 0% 100% / 0.3\",\n 40: \"0 0% 100% / 0.4\",\n 50: \"0 0% 100% / 0.5\",\n 60: \"0 0% 100% / 0.6\",\n 70: \"0 0% 100% / 0.7\",\n 80: \"0 0% 100% / 0.8\",\n 90: \"0 0% 100% / 0.9\",\n 100: \"0 0% 100%\",\n },\n current: \"currentColor\",\n transparent: \"transparent\",\n grey: {\n 0: \"210 91% 22% / 0.02\",\n 2: \"219 88% 17% / 0.02\",\n 5: \"220 88% 17% / 0.04\",\n 10: \"216 89% 18% / 0.06\",\n 20: \"214 70% 20% / 0.1\",\n 30: \"213 87% 15% / 0.20\",\n 40: \"219 97% 15% / 0.45\",\n 50: \"217 96% 11% / 0.61\",\n 60: \"220 88% 10% / 0.82\",\n 70: \"219 91% 8% / 0.88\",\n 80: \"219 94% 7% / 0.9\",\n 90: \"219 88% 6% / 0.92\",\n 100: \"218 48% 10%\",\n solid: {\n 40: \"219 18% 69%\",\n 50: \"218 14% 45%\",\n },\n },\n lilac: {\n 50: \"340 49% 60%\",\n 60: \"341 34% 50%\",\n 70: \"340 33% 41%\",\n },\n barbie: {\n 50: \"331 84% 63%\",\n 60: \"331 55% 53%\",\n 70: \"330 49% 43%\",\n },\n smoke: {\n 50: \"192 26% 54%\",\n 60: \"192 22% 45%\",\n 70: \"192 22% 37%\",\n },\n army: {\n 50: \"162 44% 33%\",\n 60: \"163 45% 28%\",\n 70: \"162 44% 23%\",\n },\n flubber: {\n 50: \"84 55% 53%\",\n 60: \"84 48% 45%\",\n 70: \"83 48% 33%\",\n },\n indigo: {\n 50: \"239 91% 64%\",\n 60: \"239 59% 54%\",\n 70: \"239 51% 44%\",\n },\n camel: {\n 50: \"25 46% 53%\",\n 60: \"25 42% 44%\",\n 70: \"25 42% 36%\",\n },\n radical: {\n 50: \"348 80% 50%\",\n 60: \"348 80% 42%\",\n 70: \"347 80% 34%\",\n },\n viridian: {\n 50: \"184 92% 35%\",\n 60: \"184 92% 28%\",\n 70: \"184 92% 24%\",\n },\n orange: {\n 50: \"25 95% 53%\",\n 60: \"24 69% 49%\",\n 70: \"24 69% 40%\",\n },\n red: {\n 50: \"5 100% 65%\",\n 60: \"4 61% 49%\",\n 70: \"3 71% 41%\",\n },\n grass: {\n 50: \"160 84% 39%\",\n 60: \"160 85% 33%\",\n 70: \"161 84% 27%\",\n },\n malibu: {\n 50: \"216 90% 65%\",\n 60: \"216 59% 55%\",\n 70: \"216 48% 44%\",\n },\n yellow: {\n 50: \"38 92% 54%\",\n 60: \"38 79% 45%\",\n 70: \"38 80% 36%\",\n },\n purple: {\n 50: \"258 88% 67%\",\n 60: \"258 56% 56%\",\n 70: \"258 43% 46%\",\n },\n} as const\n\nexport type BaseColor = keyof typeof baseColors\n\nexport const f1Colors = {\n foreground: {\n DEFAULT: \"hsl(var(--neutral-100))\",\n secondary: \"hsl(var(--neutral-50))\",\n tertiary: \"hsl(var(--neutral-40))\",\n inverse: {\n DEFAULT: \"hsl(var(--white-100))\",\n secondary: \"hsl(var(--white-80))\",\n },\n disabled: \"hsl(var(--neutral-30))\",\n accent: \"hsl(var(--accent-70))\",\n critical: \"hsl(var(--critical-70))\",\n info: \"hsl(var(--info-70))\",\n warning: \"hsl(var(--warning-70))\",\n positive: \"hsl(var(--positive-70))\",\n selected: \"hsl(var(--selected-70))\",\n },\n background: {\n DEFAULT: \"hsl(var(--neutral-0))\",\n hover: \"hsl(var(--neutral-5))\",\n disabled: \"hsl(var(--neutral-3))\",\n secondary: {\n DEFAULT: \"hsl(var(--neutral-10))\",\n hover: \"hsl(var(--neutral-20))\",\n },\n tertiary: \"hsl(var(--neutral-5))\",\n inverse: {\n DEFAULT: \"hsl(var(--neutral-90))\",\n secondary: \"hsl(var(--white-60))\",\n },\n bold: \"hsl(var(--neutral-90))\",\n accent: {\n DEFAULT: \"hsl(var(--accent-50) / 0.05)\",\n bold: {\n DEFAULT: \"hsl(var(--accent-50))\",\n hover: \"hsl(var(--accent-60))\",\n },\n },\n promote: {\n DEFAULT: \"hsl(var(--promote-50) / 0.3)\",\n hover: \"hsl(var(--promote-50) / 0.4)\",\n bold: \"hsl(var(--promote-50))\",\n },\n critical: {\n DEFAULT: \"hsl(var(--critical-50) / 0.1)\",\n bold: \"hsl(var(--critical-60))\",\n },\n info: {\n DEFAULT: \"hsl(var(--info-50) / 0.1)\",\n bold: \"hsl(var(--info-50))\",\n },\n warning: {\n DEFAULT: \"hsl(var(--warning-50) / 0.1)\",\n bold: \"hsl(var(--warning-50))\",\n },\n positive: {\n DEFAULT: \"hsl(var(--positive-50) / 0.1)\",\n bold: \"hsl(var(--positive-50))\",\n },\n selected: {\n DEFAULT: \"hsl(var(--selected-50) / 0.1)\",\n secondary: \"hsl(var(--selected-50) / 0.05)\",\n hover: \"hsl(var(--selected-50) / 0.2)\",\n bold: {\n DEFAULT: \"hsl(var(--selected-60))\",\n hover: \"hsl(var(--selected-70))\",\n },\n },\n overlay: {\n DEFAULT: \"hsl(var(--neutral-40))\",\n },\n },\n border: {\n DEFAULT: \"hsl(var(--neutral-30))\",\n hover: \"hsl(var(--neutral-40))\",\n secondary: \"hsl(var(--neutral-10))\",\n inverse: \"hsl(var(--neutral-0) / 0.2)\",\n bold: \"hsl(var(--neutral-100))\",\n promote: {\n DEFAULT: \"hsl(var(--promote-50) / 0.4)\",\n },\n selected: {\n DEFAULT: \"hsl(var(--selected-50) / 0.4)\",\n bold: \"hsl(var(--selected-50))\",\n },\n critical: {\n DEFAULT: \"hsl(var(--critical-50) / 0.1)\",\n bold: \"hsl(var(--critical-50))\",\n },\n warning: {\n DEFAULT: \"hsl(var(--warning-50) / 0.1)\",\n bold: \"hsl(var(--warning-50))\",\n },\n info: {\n DEFAULT: \"hsl(var(--info-50) / 0.1)\",\n bold: \"hsl(var(--info-50))\",\n },\n positive: {\n DEFAULT: \"hsl(var(--positive-50) / 0.1)\",\n bold: \"hsl(var(--positive-50))\",\n },\n },\n icon: {\n DEFAULT: \"hsl(var(--neutral-solid-50))\",\n secondary: \"hsl(var(--neutral-solid-40))\",\n inverse: \"hsl(var(--neutral-0))\",\n bold: \"hsl(var(--neutral-100))\",\n critical: {\n DEFAULT: \"hsl(var(--critical-50))\",\n bold: \"hsl(var(--critical-70))\",\n },\n accent: \"hsl(var(--accent-50))\",\n info: \"hsl(var(--info-50))\",\n warning: \"hsl(var(--warning-50))\",\n positive: \"hsl(var(--positive-50))\",\n promote: \"hsl(var(--promote-50))\",\n selected: {\n DEFAULT: \"hsl(var(--selected-60))\",\n hover: \"hsl(var(--selected-70))\",\n },\n mood: {\n \"super-negative\": \"hsl(var(--mood-super-negative))\",\n negative: \"hsl(var(--mood-negative))\",\n neutral: \"hsl(var(--mood-neutral))\",\n positive: \"hsl(var(--mood-positive))\",\n \"super-positive\": \"hsl(var(--mood-super-positive))\",\n },\n },\n special: {\n ring: \"hsl(var(--ring))\",\n page: \"hsl(var(--page))\",\n highlight: \"hsl(var(--accent-50))\",\n },\n} as const\n\nexport type F1Color = keyof typeof f1Colors\n","import { ThemeConfig } from \"tailwindcss/types/config\"\n\n/**\n * Spacing for the tailwind config\n * Provides scale in relative(rem) and absolute(px) units\n *\n * The pixel scale is used by default.\n * All properties that do not explicitly set to use relative scale, use pixels.\n *\n * Relative scale is used for size definitions, like heights and widths.\n */\n\nexport const absoluteSpacing: ThemeConfig[\"spacing\"] = {\n px: \"1px\",\n 0: \"0px\",\n 0.5: \"2px\",\n 1: \"4px\",\n 1.5: \"6px\",\n 2: \"8px\",\n 2.5: \"10px\",\n 3: \"12px\",\n 3.5: \"14px\",\n 4: \"16px\",\n 5: \"20px\",\n 6: \"24px\",\n 7: \"28px\",\n 8: \"32px\",\n 9: \"36px\",\n 10: \"40px\",\n 11: \"44px\",\n 12: \"48px\",\n 14: \"56px\",\n 16: \"64px\",\n 18: \"72px\",\n 20: \"80px\",\n 24: \"96px\",\n 28: \"112px\",\n 32: \"128px\",\n 36: \"144px\",\n 40: \"160px\",\n 44: \"176px\",\n 48: \"192px\",\n 52: \"208px\",\n 56: \"224px\",\n 60: \"240px\",\n 64: \"256px\",\n 72: \"288px\",\n 80: \"320px\",\n 96: \"384px\",\n}\n\nexport const relativeSpacing: ThemeConfig[\"spacing\"] = {\n px: \"1px\",\n 0: \"0px\",\n 0.5: \"0.125rem\",\n 1: \"0.25rem\",\n 1.5: \"0.375rem\",\n 2: \"0.5rem\",\n 2.5: \"0.625rem\",\n 3: \"0.75rem\",\n 3.5: \"0.875rem\",\n 4: \"1rem\",\n 5: \"1.25rem\",\n 6: \"1.5rem\",\n 7: \"1.75rem\",\n 8: \"2rem\",\n 9: \"2.25rem\",\n 10: \"2.5rem\",\n 11: \"2.75rem\",\n 12: \"3rem\",\n 14: \"3.5rem\",\n 16: \"4rem\",\n 18: \"4.5rem\",\n 20: \"5rem\",\n 24: \"6rem\",\n 28: \"7rem\",\n 32: \"8rem\",\n 36: \"9rem\",\n 40: \"10rem\",\n 44: \"11rem\",\n 48: \"12rem\",\n 52: \"13rem\",\n 56: \"14rem\",\n 60: \"15rem\",\n 64: \"16rem\",\n 72: \"18rem\",\n 80: \"20rem\",\n 96: \"24rem\",\n}\n\n/*\n * Spacing between elements\n * This special scale is used for the gap between common elements.\n * Docs: https://zeroheight.com/6cc527675/p/94c391-spacing/t/3409209197\n */\nexport const betweenSpacing: ThemeConfig[\"spacing\"] = {\n sm: relativeSpacing[1],\n md: relativeSpacing[2],\n lg: relativeSpacing[3],\n xl: relativeSpacing[4],\n}\n"],"mappings":"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","names":[]}
|
package/package.json
CHANGED
package/src/tokens/colors.ts
CHANGED
|
@@ -17,6 +17,7 @@ export const baseColors = {
|
|
|
17
17
|
transparent: "transparent",
|
|
18
18
|
grey: {
|
|
19
19
|
0: "210 91% 22% / 0.02",
|
|
20
|
+
2: "219 88% 17% / 0.02",
|
|
20
21
|
5: "220 88% 17% / 0.04",
|
|
21
22
|
10: "216 89% 18% / 0.06",
|
|
22
23
|
20: "214 70% 20% / 0.1",
|
|
@@ -132,6 +133,7 @@ export const f1Colors = {
|
|
|
132
133
|
background: {
|
|
133
134
|
DEFAULT: "hsl(var(--neutral-0))",
|
|
134
135
|
hover: "hsl(var(--neutral-5))",
|
|
136
|
+
disabled: "hsl(var(--neutral-3))",
|
|
135
137
|
secondary: {
|
|
136
138
|
DEFAULT: "hsl(var(--neutral-10))",
|
|
137
139
|
hover: "hsl(var(--neutral-20))",
|
|
@@ -152,6 +154,7 @@ export const f1Colors = {
|
|
|
152
154
|
promote: {
|
|
153
155
|
DEFAULT: "hsl(var(--promote-50) / 0.3)",
|
|
154
156
|
hover: "hsl(var(--promote-50) / 0.4)",
|
|
157
|
+
bold: "hsl(var(--promote-50))",
|
|
155
158
|
},
|
|
156
159
|
critical: {
|
|
157
160
|
DEFAULT: "hsl(var(--critical-50) / 0.1)",
|