@autofleet/theme 0.0.1 → 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/.nvmrc +1 -0
- package/package.json +2 -3
- package/project.json +40 -0
- package/src/colors/atomic-colors.ts +169 -0
- package/src/colors/index.ts +31 -0
- package/src/colors/tokens/color-token-mapping.ts +909 -0
- package/src/colors/tokens/color-tokens.ts +110 -0
- package/src/colors-utils.ts +196 -0
- package/src/const.ts +4 -0
- package/src/fonts/atomic-fonts.ts +102 -0
- package/src/fonts/index.ts +22 -0
- package/src/index.ts +38 -0
- package/src/shadow/{index.js → index.ts} +32 -11
- package/src/spacing/border-radius.ts +8 -0
- package/src/spacing/{index.js → index.ts} +3 -3
- package/src/spacing/spacing.ts +15 -0
- package/tsconfig.json +22 -0
- package/tsconfig.lib.json +10 -0
- package/tsconfig.spec.json +20 -0
- package/vite.config.ts +15 -0
- package/src/colors/atomic-colors.d.ts +0 -132
- package/src/colors/atomic-colors.js +0 -150
- package/src/colors/atomic-colors.js.map +0 -1
- package/src/colors/index.d.ts +0 -12
- package/src/colors/index.js +0 -12
- package/src/colors/index.js.map +0 -1
- package/src/colors/tokens/color-token-mapping.d.ts +0 -8
- package/src/colors/tokens/color-token-mapping.js +0 -885
- package/src/colors/tokens/color-token-mapping.js.map +0 -1
- package/src/colors/tokens/color-tokens.d.ts +0 -17
- package/src/colors/tokens/color-tokens.js +0 -97
- package/src/colors/tokens/color-tokens.js.map +0 -1
- package/src/colors-utils.d.ts +0 -57
- package/src/colors-utils.js +0 -104
- package/src/colors-utils.js.map +0 -1
- package/src/const.d.ts +0 -4
- package/src/const.js +0 -5
- package/src/const.js.map +0 -1
- package/src/fonts/atomic-fonts.d.ts +0 -13
- package/src/fonts/atomic-fonts.js +0 -75
- package/src/fonts/atomic-fonts.js.map +0 -1
- package/src/fonts/index.d.ts +0 -20
- package/src/fonts/index.js +0 -22
- package/src/fonts/index.js.map +0 -1
- package/src/index.d.ts +0 -76
- package/src/index.js +0 -15
- package/src/index.js.map +0 -1
- package/src/shadow/index.d.ts +0 -19
- package/src/shadow/index.js.map +0 -1
- package/src/spacing/border-radius.d.ts +0 -8
- package/src/spacing/border-radius.js +0 -9
- package/src/spacing/border-radius.js.map +0 -1
- package/src/spacing/index.d.ts +0 -25
- package/src/spacing/index.js.map +0 -1
- package/src/spacing/spacing.d.ts +0 -15
- package/src/spacing/spacing.js +0 -16
- package/src/spacing/spacing.js.map +0 -1
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
import { type RGBColor } from '../colors-utils';
|
|
2
|
-
export declare const ATOMIC_COLORS: {
|
|
3
|
-
'n-00': string;
|
|
4
|
-
'n-01': string;
|
|
5
|
-
'n-02': string;
|
|
6
|
-
'n-03': string;
|
|
7
|
-
'n-04': string;
|
|
8
|
-
'n-05': string;
|
|
9
|
-
'n-opa-10': string;
|
|
10
|
-
'n-opa-16': string;
|
|
11
|
-
'n-opa-24': string;
|
|
12
|
-
'n-opa-32': string;
|
|
13
|
-
'n-00-opa-32': string;
|
|
14
|
-
brand: string;
|
|
15
|
-
'brand-hover': string;
|
|
16
|
-
'brand-opa-10': string;
|
|
17
|
-
'brand-opa-16': string;
|
|
18
|
-
'brand-opa-24': string;
|
|
19
|
-
'brand-opa-32': string;
|
|
20
|
-
'b-01': string;
|
|
21
|
-
'b-02': string;
|
|
22
|
-
'b-03': string;
|
|
23
|
-
'b-04': string;
|
|
24
|
-
'b-05': string;
|
|
25
|
-
'b-06': string;
|
|
26
|
-
'b-07': string;
|
|
27
|
-
'b-opa-10': string;
|
|
28
|
-
'b-opa-16': string;
|
|
29
|
-
'b-opa-24': string;
|
|
30
|
-
'b-opa-32': string;
|
|
31
|
-
'g-01': string;
|
|
32
|
-
'g-02': string;
|
|
33
|
-
'g-03': string;
|
|
34
|
-
'g-04': string;
|
|
35
|
-
'g-05': string;
|
|
36
|
-
'g-06': string;
|
|
37
|
-
'g-07': string;
|
|
38
|
-
'g-opa-10': string;
|
|
39
|
-
'g-opa-16': string;
|
|
40
|
-
'g-opa-24': string;
|
|
41
|
-
'g-opa-32': string;
|
|
42
|
-
'y-01': string;
|
|
43
|
-
'y-02': string;
|
|
44
|
-
'y-03': string;
|
|
45
|
-
'y-04': string;
|
|
46
|
-
'y-05': string;
|
|
47
|
-
'y-06': string;
|
|
48
|
-
'y-07': string;
|
|
49
|
-
'y-opa-10': string;
|
|
50
|
-
'y-opa-16': string;
|
|
51
|
-
'y-opa-24': string;
|
|
52
|
-
'y-opa-32': string;
|
|
53
|
-
'r-01': string;
|
|
54
|
-
'r-02': string;
|
|
55
|
-
'r-03': string;
|
|
56
|
-
'r-04': string;
|
|
57
|
-
'r-05': string;
|
|
58
|
-
'r-06': string;
|
|
59
|
-
'r-07': string;
|
|
60
|
-
'r-opa-10': string;
|
|
61
|
-
'r-opa-16': string;
|
|
62
|
-
'r-opa-24': string;
|
|
63
|
-
'r-opa-32': string;
|
|
64
|
-
'pu-02': string;
|
|
65
|
-
'pu-06': string;
|
|
66
|
-
'pu-07': string;
|
|
67
|
-
'pu-opa-10': string;
|
|
68
|
-
'pu-opa-16': string;
|
|
69
|
-
'pu-opa-24': string;
|
|
70
|
-
'or-02': string;
|
|
71
|
-
'or-06': string;
|
|
72
|
-
'or-07': string;
|
|
73
|
-
'or-opa-10': string;
|
|
74
|
-
'or-opa-16': string;
|
|
75
|
-
'or-opa-24': string;
|
|
76
|
-
'tu-02': string;
|
|
77
|
-
'tu-06': string;
|
|
78
|
-
'tu-07': string;
|
|
79
|
-
'tu-opa-10': string;
|
|
80
|
-
'tu-opa-16': string;
|
|
81
|
-
'tu-opa-24': string;
|
|
82
|
-
'pi-02': string;
|
|
83
|
-
'pi-06': string;
|
|
84
|
-
'pi-07': string;
|
|
85
|
-
'pi-opa-10': string;
|
|
86
|
-
'pi-opa-16': string;
|
|
87
|
-
'pi-opa-24': string;
|
|
88
|
-
'ul-02': string;
|
|
89
|
-
'ul-06': string;
|
|
90
|
-
'ul-07': string;
|
|
91
|
-
'ul-opa-10': string;
|
|
92
|
-
'ul-opa-16': string;
|
|
93
|
-
'ul-opa-24': string;
|
|
94
|
-
'pe-02': string;
|
|
95
|
-
'pe-06': string;
|
|
96
|
-
'pe-07': string;
|
|
97
|
-
'pe-opa-10': string;
|
|
98
|
-
'pe-opa-16': string;
|
|
99
|
-
'pe-opa-24': string;
|
|
100
|
-
'ap-02': string;
|
|
101
|
-
'ap-06': string;
|
|
102
|
-
'ap-07': string;
|
|
103
|
-
'ap-opa-10': string;
|
|
104
|
-
'ap-opa-16': string;
|
|
105
|
-
'ap-opa-24': string;
|
|
106
|
-
'bu-02': string;
|
|
107
|
-
'bu-06': string;
|
|
108
|
-
'bu-07': string;
|
|
109
|
-
'bu-opa-10': string;
|
|
110
|
-
'bu-opa-16': string;
|
|
111
|
-
'bu-opa-24': string;
|
|
112
|
-
'oc-02': string;
|
|
113
|
-
'oc-06': string;
|
|
114
|
-
'oc-07': string;
|
|
115
|
-
'oc-opa-10': string;
|
|
116
|
-
'oc-opa-16': string;
|
|
117
|
-
'oc-opa-24': string;
|
|
118
|
-
'br-02': string;
|
|
119
|
-
'br-06': string;
|
|
120
|
-
'br-07': string;
|
|
121
|
-
'br-opa-10': string;
|
|
122
|
-
'br-opa-16': string;
|
|
123
|
-
'br-opa-24': string;
|
|
124
|
-
};
|
|
125
|
-
export declare const generateBrandColors: (rgb: RGBColor) => {
|
|
126
|
-
brand: string;
|
|
127
|
-
'brand-hover': string;
|
|
128
|
-
'brand-opa-10': string;
|
|
129
|
-
'brand-opa-16': string;
|
|
130
|
-
'brand-opa-24': string;
|
|
131
|
-
'brand-opa-32': string;
|
|
132
|
-
};
|
|
@@ -1,150 +0,0 @@
|
|
|
1
|
-
import { adjustBrightness } from '../colors-utils';
|
|
2
|
-
export const ATOMIC_COLORS = {
|
|
3
|
-
// neutral colors
|
|
4
|
-
'n-00': 'rgba(255, 255, 255, 1)',
|
|
5
|
-
'n-01': 'rgba(244, 245, 248, 1)',
|
|
6
|
-
'n-02': 'rgba(173, 174, 186, 1)',
|
|
7
|
-
'n-03': 'rgba(102, 105, 117, 1)',
|
|
8
|
-
'n-04': 'rgba(52, 55, 64, 1)',
|
|
9
|
-
'n-05': 'rgba(33, 34, 41, 1)',
|
|
10
|
-
'n-opa-10': 'rgba(124, 134, 163, 0.1)',
|
|
11
|
-
'n-opa-16': 'rgba(124, 134, 163, 0.16)',
|
|
12
|
-
'n-opa-24': 'rgba(124, 134, 163, 0.24)',
|
|
13
|
-
'n-opa-32': 'rgba(125, 139, 172, 0.32)',
|
|
14
|
-
'n-00-opa-32': 'rgba(255, 255, 255, 0.32)',
|
|
15
|
-
// brand colors
|
|
16
|
-
brand: 'rgba(17, 164, 255, 1)',
|
|
17
|
-
'brand-hover': 'rgba(0, 132, 214, 1)',
|
|
18
|
-
'brand-opa-10': 'rgba(17, 164, 255, 0.1)',
|
|
19
|
-
'brand-opa-16': 'rgba(17, 164, 255, 0.16)',
|
|
20
|
-
'brand-opa-24': 'rgba(17, 164, 255, 0.24)',
|
|
21
|
-
'brand-opa-32': 'rgba(17, 164, 255, 0.32)',
|
|
22
|
-
// blue colors
|
|
23
|
-
'b-01': 'rgba(231, 246, 255, 1)',
|
|
24
|
-
'b-02': 'rgba(17, 164, 255, 1)',
|
|
25
|
-
'b-03': 'rgba(0, 132, 214, 1)',
|
|
26
|
-
'b-04': 'rgba(30, 55, 75, 1)',
|
|
27
|
-
'b-05': 'rgba(66, 183, 255, 1)',
|
|
28
|
-
'b-06': 'rgba(0, 75, 122, 1)',
|
|
29
|
-
'b-07': 'rgba(158, 218, 255, 1)',
|
|
30
|
-
'b-opa-10': 'rgba(17, 164, 255, 0.1)',
|
|
31
|
-
'b-opa-16': 'rgba(17, 164, 255, 0.16)',
|
|
32
|
-
'b-opa-24': 'rgba(17, 164, 255, 0.24)',
|
|
33
|
-
'b-opa-32': 'rgba(17, 164, 255, 0.32)',
|
|
34
|
-
// green colors
|
|
35
|
-
'g-01': 'rgba(233, 248, 239, 1)',
|
|
36
|
-
'g-02': 'rgba(37, 184, 97, 1)',
|
|
37
|
-
'g-03': 'rgba(28, 140, 74, 1)',
|
|
38
|
-
'g-04': 'rgba(34, 58, 50, 1)',
|
|
39
|
-
'g-05': 'rgba(55, 215, 120, 1)',
|
|
40
|
-
'g-06': 'rgba(17, 85, 44, 1)',
|
|
41
|
-
'g-07': 'rgba(136, 231, 174, 1)',
|
|
42
|
-
'g-opa-10': 'rgba(37, 184, 97, 0.1)',
|
|
43
|
-
'g-opa-16': 'rgba(37, 184, 97, 0.16)',
|
|
44
|
-
'g-opa-24': 'rgba(37, 184, 97, 0.24)',
|
|
45
|
-
'g-opa-32': 'rgba(37, 184, 97, 0.32)',
|
|
46
|
-
// yellow colors
|
|
47
|
-
'y-01': 'rgba(254, 246, 231, 1)',
|
|
48
|
-
'y-02': 'rgba(244, 156, 0, 1)',
|
|
49
|
-
'y-03': 'rgba(214, 138, 5, 1)',
|
|
50
|
-
'y-04': 'rgba(68, 55, 37, 1)',
|
|
51
|
-
'y-05': 'rgba(251, 185, 70, 1)',
|
|
52
|
-
'y-06': 'rgba(107, 68, 0, 1)',
|
|
53
|
-
'y-07': 'rgba(255, 210, 133, 1)',
|
|
54
|
-
'y-opa-10': 'rgba(244, 156, 0, 0.1)',
|
|
55
|
-
'y-opa-16': 'rgba(244, 156, 0, 0.16)',
|
|
56
|
-
'y-opa-24': 'rgba(244, 156, 0, 0.24)',
|
|
57
|
-
'y-opa-32': 'rgba(244, 156, 0, 0.32)',
|
|
58
|
-
// red colors
|
|
59
|
-
'r-01': 'rgba(254, 235, 236, 1)',
|
|
60
|
-
'r-02': 'rgba(248, 55, 67, 1)',
|
|
61
|
-
'r-03': 'rgba(197, 7, 19, 1)',
|
|
62
|
-
'r-04': 'rgba(67, 37, 45, 1)',
|
|
63
|
-
'r-05': 'rgba(249, 103, 112, 1)',
|
|
64
|
-
'r-06': 'rgba(137, 6, 14, 1)',
|
|
65
|
-
'r-07': 'rgba(248, 180, 186, 1)',
|
|
66
|
-
'r-opa-10': 'rgba(248, 55, 67, 0.1)',
|
|
67
|
-
'r-opa-16': 'rgba(248, 55, 67, 0.16)',
|
|
68
|
-
'r-opa-24': 'rgba(248, 55, 67, 0.24)',
|
|
69
|
-
'r-opa-32': 'rgba(248, 55, 67, 0.32)',
|
|
70
|
-
// purple colors
|
|
71
|
-
'pu-02': 'rgba(143, 101, 255, 1)',
|
|
72
|
-
'pu-06': 'rgba(58, 0, 219, 1)',
|
|
73
|
-
'pu-07': 'rgba(209, 194, 255, 1)',
|
|
74
|
-
'pu-opa-10': 'rgba(143, 101, 255, 0.1)',
|
|
75
|
-
'pu-opa-16': 'rgba(143, 101, 255, 0.16)',
|
|
76
|
-
'pu-opa-24': 'rgba(143, 101, 255, 0.24)',
|
|
77
|
-
// orange colors
|
|
78
|
-
'or-02': 'rgba(255, 116, 87, 1)',
|
|
79
|
-
'or-06': 'rgba(143, 24, 0, 1)',
|
|
80
|
-
'or-07': 'rgba(255, 198, 189, 1)',
|
|
81
|
-
'or-opa-10': 'rgba(255, 117, 87, 0.1)',
|
|
82
|
-
'or-opa-16': 'rgba(255, 117, 87, 0.16)',
|
|
83
|
-
'or-opa-24': 'rgba(255, 117, 87, 0.24)',
|
|
84
|
-
// turquoise colors
|
|
85
|
-
'tu-02': 'rgba(0, 198, 181, 1)',
|
|
86
|
-
'tu-06': 'rgba(0, 82, 72, 1)',
|
|
87
|
-
'tu-07': 'rgba(0, 245, 224, 1)',
|
|
88
|
-
'tu-opa-10': 'rgba(0, 198, 181, 0.1)',
|
|
89
|
-
'tu-opa-16': 'rgba(0, 198, 181, 0.16)',
|
|
90
|
-
'tu-opa-24': 'rgba(0, 198, 181, 0.24)',
|
|
91
|
-
// pink colors
|
|
92
|
-
'pi-02': 'rgba(255, 85, 138, 1)',
|
|
93
|
-
'pi-06': 'rgba(143, 0, 45, 1)',
|
|
94
|
-
'pi-07': 'rgba(255, 189, 210, 1)',
|
|
95
|
-
'pi-opa-10': 'rgba(255, 85, 138, 0.1)',
|
|
96
|
-
'pi-opa-16': 'rgba(255, 85, 138, 0.16)',
|
|
97
|
-
'pi-opa-24': 'rgba(255, 85, 138, 0.24)',
|
|
98
|
-
// ultramarine colors
|
|
99
|
-
'ul-02': 'rgba(84, 119, 255, 1)',
|
|
100
|
-
'ul-06': 'rgba(0, 41, 204, 1)',
|
|
101
|
-
'ul-07': 'rgba(184, 198, 255, 1)',
|
|
102
|
-
'ul-opa-10': 'rgba(84, 119, 255, 0.1)',
|
|
103
|
-
'ul-opa-16': 'rgba(84, 119, 255, 0.16)',
|
|
104
|
-
'ul-opa-24': 'rgba(84, 119, 255, 0.24)',
|
|
105
|
-
// peach colors
|
|
106
|
-
'pe-02': 'rgba(255, 147, 69, 1)',
|
|
107
|
-
'pe-06': 'rgba(128, 53, 0, 1)',
|
|
108
|
-
'pe-07': 'rgba(255, 209, 179, 1)',
|
|
109
|
-
'pe-opa-10': 'rgba(255, 147, 69, 0.1)',
|
|
110
|
-
'pe-opa-16': 'rgba(255, 147, 69, 0.16)',
|
|
111
|
-
'pe-opa-24': 'rgba(255, 147, 69, 0.24)',
|
|
112
|
-
// apple colors
|
|
113
|
-
'ap-02': 'rgba(127, 185, 81, 1)',
|
|
114
|
-
'ap-06': 'rgba(54, 81, 31, 1)',
|
|
115
|
-
'ap-07': 'rgba(198, 225, 173, 1)',
|
|
116
|
-
'ap-opa-10': 'rgba(127, 185, 81, 0.1)',
|
|
117
|
-
'ap-opa-16': 'rgba(127, 185, 81, 0.16)',
|
|
118
|
-
'ap-opa-24': 'rgba(127, 185, 81, 0.24)',
|
|
119
|
-
// bubblegum colors
|
|
120
|
-
'bu-02': 'rgba(238, 91, 197, 1)',
|
|
121
|
-
'bu-06': 'rgba(135, 13, 100, 1)',
|
|
122
|
-
'bu-07': 'rgba(249, 190, 234, 1)',
|
|
123
|
-
'bu-opa-10': 'rgba(238, 91, 197, 0.1)',
|
|
124
|
-
'bu-opa-16': 'rgba(238, 91, 197, 0.16)',
|
|
125
|
-
'bu-opa-24': 'rgba(238, 91, 197, 0.24)',
|
|
126
|
-
// ocher colors
|
|
127
|
-
'oc-02': 'rgba(251, 171, 0, 1)',
|
|
128
|
-
'oc-06': 'rgba(102, 70, 0, 1)',
|
|
129
|
-
'oc-07': 'rgba(255, 218, 138, 1)',
|
|
130
|
-
'oc-opa-10': 'rgba(251, 171, 0, 0.1)',
|
|
131
|
-
'oc-opa-16': 'rgba(251, 171, 0, 0.16)',
|
|
132
|
-
'oc-opa-24': 'rgba(251, 171, 0, 0.24)',
|
|
133
|
-
// bluberry colors
|
|
134
|
-
'br-02': 'rgba(101, 98, 255, 1)',
|
|
135
|
-
'br-06': 'rgba(4, 0, 230, 1)',
|
|
136
|
-
'br-07': 'rgba(95, 194, 255, 1)',
|
|
137
|
-
'br-opa-10': 'rgba(101, 98, 255, 0.1)',
|
|
138
|
-
'br-opa-16': 'rgba(101, 98, 255, 0.16)',
|
|
139
|
-
'br-opa-24': 'rgba(101, 98, 255, 0.24)',
|
|
140
|
-
};
|
|
141
|
-
const generateRgbaColor = ({ red, green, blue }, alpha) => `rgba(${red}, ${green}, ${blue}, ${alpha})`;
|
|
142
|
-
export const generateBrandColors = (rgb) => ({
|
|
143
|
-
brand: generateRgbaColor(rgb, 1),
|
|
144
|
-
'brand-hover': `rgba(${adjustBrightness(`${rgb.red}, ${rgb.green}, ${rgb.blue}`)}, 1)`,
|
|
145
|
-
'brand-opa-10': generateRgbaColor(rgb, 0.1),
|
|
146
|
-
'brand-opa-16': generateRgbaColor(rgb, 0.16),
|
|
147
|
-
'brand-opa-24': generateRgbaColor(rgb, 0.24),
|
|
148
|
-
'brand-opa-32': generateRgbaColor(rgb, 0.32),
|
|
149
|
-
});
|
|
150
|
-
//# sourceMappingURL=atomic-colors.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"atomic-colors.js","sourceRoot":"","sources":["../../../../../packages/theme/src/colors/atomic-colors.ts"],"names":[],"mappings":"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"}
|
package/src/colors/index.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { RGBColor } from '../colors-utils';
|
|
2
|
-
import type { LABEL_OPTIONS } from '../const';
|
|
3
|
-
import { COLOR_TOKEN_MAP } from './tokens/color-token-mapping';
|
|
4
|
-
export interface ThemeColorOptions {
|
|
5
|
-
lightMode: 'dark' | 'light';
|
|
6
|
-
label: (typeof LABEL_OPTIONS)[keyof typeof LABEL_OPTIONS];
|
|
7
|
-
primaryColor?: RGBColor;
|
|
8
|
-
}
|
|
9
|
-
export type ColorTokenResponse = {
|
|
10
|
-
[type in keyof typeof COLOR_TOKEN_MAP]: string;
|
|
11
|
-
};
|
|
12
|
-
export declare const generateColorsForTheme: (themeOptions: ThemeColorOptions) => ColorTokenResponse;
|
package/src/colors/index.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ATOMIC_COLORS, generateBrandColors } from './atomic-colors';
|
|
2
|
-
import { COLOR_TOKEN_MAP } from './tokens/color-token-mapping';
|
|
3
|
-
export const generateColorsForTheme = (themeOptions) => {
|
|
4
|
-
const { lightMode, label, primaryColor } = themeOptions;
|
|
5
|
-
const atomicColorsWithBrand = Object.assign(Object.assign({}, ATOMIC_COLORS), (primaryColor ? generateBrandColors(primaryColor) : {}));
|
|
6
|
-
return Object.fromEntries(Object.entries(COLOR_TOKEN_MAP).map(([key, value]) => {
|
|
7
|
-
const relevantAtomicColor = value[label][lightMode];
|
|
8
|
-
const rawRgbValue = atomicColorsWithBrand[relevantAtomicColor];
|
|
9
|
-
return [key, rawRgbValue];
|
|
10
|
-
}));
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=index.js.map
|
package/src/colors/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../packages/theme/src/colors/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAY/D,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,YAA+B,EACX,EAAE;IACtB,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC;IACxD,MAAM,qBAAqB,mCACtB,aAAa,GACb,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAC3D,CAAC;IACF,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACnD,MAAM,mBAAmB,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;QACpD,MAAM,WAAW,GAAG,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;QAC/D,OAAO,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAC5B,CAAC,CAAC,CACmB,CAAC;AAC1B,CAAC,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { LABEL_OPTIONS } from '../../const';
|
|
2
|
-
import type { ATOMIC_COLORS } from '../atomic-colors';
|
|
3
|
-
import type { COLOR_TOKENS } from './color-tokens';
|
|
4
|
-
export type ColorTokenMap = Record<(typeof COLOR_TOKENS)[number], Record<(typeof LABEL_OPTIONS)[keyof typeof LABEL_OPTIONS], {
|
|
5
|
-
light: keyof typeof ATOMIC_COLORS;
|
|
6
|
-
dark: keyof typeof ATOMIC_COLORS;
|
|
7
|
-
}>>;
|
|
8
|
-
export declare const COLOR_TOKEN_MAP: ColorTokenMap;
|