@inversestudio/design-tokens 1.1.3 → 1.1.5

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.
Files changed (22) hide show
  1. package/dist/css/tokens.css +68 -36
  2. package/dist/css/tokens.dark.css +123 -91
  3. package/dist/css/tokens.light.css +68 -36
  4. package/dist/esm/tokens.dark.js +125 -93
  5. package/dist/esm/tokens.js +84 -52
  6. package/dist/esm/tokens.light.js +84 -52
  7. package/dist/js/tokens.dark.js +125 -93
  8. package/dist/js/tokens.js +84 -52
  9. package/dist/js/tokens.light.js +84 -52
  10. package/dist/json/tokens.dark.json +123 -91
  11. package/dist/json/tokens.dark.nested.json +123 -91
  12. package/dist/json/tokens.json +68 -36
  13. package/dist/json/tokens.light.json +68 -36
  14. package/dist/json/tokens.light.nested.json +68 -36
  15. package/dist/json/tokens.nested.json +68 -36
  16. package/dist/scss/_tokens.dark.scss +155 -91
  17. package/dist/scss/_tokens.light.scss +100 -36
  18. package/dist/scss/_tokens.scss +100 -36
  19. package/dist/types/tokens.d.ts +168 -72
  20. package/dist/types/tokens.dark.d.ts +266 -170
  21. package/dist/types/tokens.light.d.ts +168 -72
  22. package/package.json +1 -1
package/dist/css/tokens.css CHANGED
@@ -11,51 +11,83 @@
11
11
  :root {
12
12
  --ids-core-color-neutral-50: #ffffff;
13
13
  --ids-core-color-neutral-100: #fafafb;
14
- --ids-core-color-neutral-200: #F8F8FA;
15
- --ids-core-color-neutral-300: #ebebef;
16
- --ids-core-color-neutral-400: #e0e1e4;
17
- --ids-core-color-neutral-500: #c5c6cb;
18
- --ids-core-color-neutral-600: #adaeb3;
19
- --ids-core-color-neutral-700: #8e9099;
20
- --ids-core-color-neutral-800: #707784;
21
- --ids-core-color-neutral-900: #4d5057;
22
- --ids-core-color-neutral-950: #2d2f35;
14
+ --ids-core-color-neutral-150: #F8F8FA;
15
+ --ids-core-color-neutral-200: #ebebef;
16
+ --ids-core-color-neutral-250: #e0e1e4;
17
+ --ids-core-color-neutral-300: #c5c6cb;
18
+ --ids-core-color-neutral-350: #adaeb3;
19
+ --ids-core-color-neutral-400: #9E9FA6;
20
+ --ids-core-color-neutral-450: #8e9099;
21
+ --ids-core-color-neutral-500: #7F848F;
22
+ --ids-core-color-neutral-550: #707784;
23
+ --ids-core-color-neutral-600: #646A75;
24
+ --ids-core-color-neutral-650: #595D66;
25
+ --ids-core-color-neutral-700: #4d5057;
26
+ --ids-core-color-neutral-750: #42454C;
27
+ --ids-core-color-neutral-800: #383A40;
28
+ --ids-core-color-neutral-850: #2d2f35;
29
+ --ids-core-color-neutral-900: #23252A;
30
+ --ids-core-color-neutral-950: #1A1B1F;
23
31
  --ids-core-color-neutral-1000: #101114;
24
32
  --ids-core-color-blue-50: #e6edfb;
25
33
  --ids-core-color-blue-100: #d1def8;
26
- --ids-core-color-blue-200: #c3d8ff;
27
- --ids-core-color-blue-300: #a2bae9;
28
- --ids-core-color-blue-400: #7eaaff;
29
- --ids-core-color-blue-500: #5c8fe8;
30
- --ids-core-color-blue-600: #4a7ad4;
31
- --ids-core-color-blue-700: #3a64b8;
32
- --ids-core-color-blue-800: #27447c;
33
- --ids-core-color-blue-900: #1e3560;
34
- --ids-core-color-blue-950: #142442;
34
+ --ids-core-color-blue-150: #c3d8ff;
35
+ --ids-core-color-blue-200: #a2bae9;
36
+ --ids-core-color-blue-250: #7eaaff;
37
+ --ids-core-color-blue-300: #5c8fe8;
38
+ --ids-core-color-blue-350: #4a7ad4;
39
+ --ids-core-color-blue-400: #426FC6;
40
+ --ids-core-color-blue-450: #3a64b8;
41
+ --ids-core-color-blue-500: #31549A;
42
+ --ids-core-color-blue-550: #27447c;
43
+ --ids-core-color-blue-600: #243F73;
44
+ --ids-core-color-blue-650: #213A69;
45
+ --ids-core-color-blue-700: #1e3560;
46
+ --ids-core-color-blue-750: #1B2F56;
47
+ --ids-core-color-blue-800: #172A4C;
48
+ --ids-core-color-blue-850: #142442;
49
+ --ids-core-color-blue-900: #111F39;
50
+ --ids-core-color-blue-950: #0E1A2F;
35
51
  --ids-core-color-blue-1000: #0b1526;
36
52
  --ids-core-color-red-50: #fef2f2;
37
53
  --ids-core-color-red-100: #fee2e2;
38
- --ids-core-color-red-200: #fecaca;
39
- --ids-core-color-red-300: #fca5a5;
40
- --ids-core-color-red-400: #f87171;
41
- --ids-core-color-red-500: #ef4444;
42
- --ids-core-color-red-600: #dc2626;
43
- --ids-core-color-red-700: #b91c1c;
44
- --ids-core-color-red-800: #991b1b;
45
- --ids-core-color-red-900: #7f1d1d;
46
- --ids-core-color-red-950: #5c1414;
54
+ --ids-core-color-red-150: #fecaca;
55
+ --ids-core-color-red-200: #fca5a5;
56
+ --ids-core-color-red-250: #f87171;
57
+ --ids-core-color-red-300: #ef4444;
58
+ --ids-core-color-red-350: #dc2626;
59
+ --ids-core-color-red-400: #CB2121;
60
+ --ids-core-color-red-450: #b91c1c;
61
+ --ids-core-color-red-500: #A91C1C;
62
+ --ids-core-color-red-550: #991b1b;
63
+ --ids-core-color-red-600: #901C1C;
64
+ --ids-core-color-red-650: #881C1C;
65
+ --ids-core-color-red-700: #7f1d1d;
66
+ --ids-core-color-red-750: #731A1A;
67
+ --ids-core-color-red-800: #681717;
68
+ --ids-core-color-red-850: #5c1414;
69
+ --ids-core-color-red-900: #4F1111;
70
+ --ids-core-color-red-950: #420D0D;
47
71
  --ids-core-color-red-1000: #350a0a;
48
72
  --ids-core-color-green-50: #ecfdf5;
49
73
  --ids-core-color-green-100: #d1fae5;
50
- --ids-core-color-green-200: #a7f3d0;
51
- --ids-core-color-green-300: #6ee7b7;
52
- --ids-core-color-green-400: #34d399;
53
- --ids-core-color-green-500: #10b981;
54
- --ids-core-color-green-600: #059669;
55
- --ids-core-color-green-700: #047857;
56
- --ids-core-color-green-800: #065f46;
57
- --ids-core-color-green-900: #064e3b;
58
- --ids-core-color-green-950: #043b2c;
74
+ --ids-core-color-green-150: #a7f3d0;
75
+ --ids-core-color-green-200: #6ee7b7;
76
+ --ids-core-color-green-250: #34d399;
77
+ --ids-core-color-green-300: #10b981;
78
+ --ids-core-color-green-350: #059669;
79
+ --ids-core-color-green-400: #058760;
80
+ --ids-core-color-green-450: #047857;
81
+ --ids-core-color-green-500: #056C4F;
82
+ --ids-core-color-green-550: #065f46;
83
+ --ids-core-color-green-600: #065942;
84
+ --ids-core-color-green-650: #06543F;
85
+ --ids-core-color-green-700: #064e3b;
86
+ --ids-core-color-green-750: #054836;
87
+ --ids-core-color-green-800: #054131;
88
+ --ids-core-color-green-850: #043b2c;
89
+ --ids-core-color-green-900: #033326;
90
+ --ids-core-color-green-950: #032C1F;
59
91
  --ids-core-color-green-1000: #022419;
60
92
  --ids-core-color-transparent: #00000000;
61
93
  --ids-core-font-size-base: 16px;
package/dist/css/tokens.dark.css CHANGED
@@ -11,51 +11,83 @@
11
11
  [data-theme="dark"] {
12
12
  --ids-core-color-neutral-50: #ffffff;
13
13
  --ids-core-color-neutral-100: #fafafb;
14
- --ids-core-color-neutral-200: #F8F8FA;
15
- --ids-core-color-neutral-300: #ebebef;
16
- --ids-core-color-neutral-400: #e0e1e4;
17
- --ids-core-color-neutral-500: #c5c6cb;
18
- --ids-core-color-neutral-600: #adaeb3;
19
- --ids-core-color-neutral-700: #8e9099;
20
- --ids-core-color-neutral-800: #707784;
21
- --ids-core-color-neutral-900: #4d5057;
22
- --ids-core-color-neutral-950: #2d2f35;
14
+ --ids-core-color-neutral-150: #F8F8FA;
15
+ --ids-core-color-neutral-200: #ebebef;
16
+ --ids-core-color-neutral-250: #e0e1e4;
17
+ --ids-core-color-neutral-300: #c5c6cb;
18
+ --ids-core-color-neutral-350: #adaeb3;
19
+ --ids-core-color-neutral-400: #9E9FA6;
20
+ --ids-core-color-neutral-450: #8e9099;
21
+ --ids-core-color-neutral-500: #7F848F;
22
+ --ids-core-color-neutral-550: #707784;
23
+ --ids-core-color-neutral-600: #646A75;
24
+ --ids-core-color-neutral-650: #595D66;
25
+ --ids-core-color-neutral-700: #4d5057;
26
+ --ids-core-color-neutral-750: #42454C;
27
+ --ids-core-color-neutral-800: #383A40;
28
+ --ids-core-color-neutral-850: #2d2f35;
29
+ --ids-core-color-neutral-900: #23252A;
30
+ --ids-core-color-neutral-950: #1A1B1F;
23
31
  --ids-core-color-neutral-1000: #101114;
24
32
  --ids-core-color-blue-50: #e6edfb;
25
33
  --ids-core-color-blue-100: #d1def8;
26
- --ids-core-color-blue-200: #c3d8ff;
27
- --ids-core-color-blue-300: #a2bae9;
28
- --ids-core-color-blue-400: #7eaaff;
29
- --ids-core-color-blue-500: #5c8fe8;
30
- --ids-core-color-blue-600: #4a7ad4;
31
- --ids-core-color-blue-700: #3a64b8;
32
- --ids-core-color-blue-800: #27447c;
33
- --ids-core-color-blue-900: #1e3560;
34
- --ids-core-color-blue-950: #142442;
34
+ --ids-core-color-blue-150: #c3d8ff;
35
+ --ids-core-color-blue-200: #a2bae9;
36
+ --ids-core-color-blue-250: #7eaaff;
37
+ --ids-core-color-blue-300: #5c8fe8;
38
+ --ids-core-color-blue-350: #4a7ad4;
39
+ --ids-core-color-blue-400: #426FC6;
40
+ --ids-core-color-blue-450: #3a64b8;
41
+ --ids-core-color-blue-500: #31549A;
42
+ --ids-core-color-blue-550: #27447c;
43
+ --ids-core-color-blue-600: #243F73;
44
+ --ids-core-color-blue-650: #213A69;
45
+ --ids-core-color-blue-700: #1e3560;
46
+ --ids-core-color-blue-750: #1B2F56;
47
+ --ids-core-color-blue-800: #172A4C;
48
+ --ids-core-color-blue-850: #142442;
49
+ --ids-core-color-blue-900: #111F39;
50
+ --ids-core-color-blue-950: #0E1A2F;
35
51
  --ids-core-color-blue-1000: #0b1526;
36
52
  --ids-core-color-red-50: #fef2f2;
37
53
  --ids-core-color-red-100: #fee2e2;
38
- --ids-core-color-red-200: #fecaca;
39
- --ids-core-color-red-300: #fca5a5;
40
- --ids-core-color-red-400: #f87171;
41
- --ids-core-color-red-500: #ef4444;
42
- --ids-core-color-red-600: #dc2626;
43
- --ids-core-color-red-700: #b91c1c;
44
- --ids-core-color-red-800: #991b1b;
45
- --ids-core-color-red-900: #7f1d1d;
46
- --ids-core-color-red-950: #5c1414;
54
+ --ids-core-color-red-150: #fecaca;
55
+ --ids-core-color-red-200: #fca5a5;
56
+ --ids-core-color-red-250: #f87171;
57
+ --ids-core-color-red-300: #ef4444;
58
+ --ids-core-color-red-350: #dc2626;
59
+ --ids-core-color-red-400: #CB2121;
60
+ --ids-core-color-red-450: #b91c1c;
61
+ --ids-core-color-red-500: #A91C1C;
62
+ --ids-core-color-red-550: #991b1b;
63
+ --ids-core-color-red-600: #901C1C;
64
+ --ids-core-color-red-650: #881C1C;
65
+ --ids-core-color-red-700: #7f1d1d;
66
+ --ids-core-color-red-750: #731A1A;
67
+ --ids-core-color-red-800: #681717;
68
+ --ids-core-color-red-850: #5c1414;
69
+ --ids-core-color-red-900: #4F1111;
70
+ --ids-core-color-red-950: #420D0D;
47
71
  --ids-core-color-red-1000: #350a0a;
48
72
  --ids-core-color-green-50: #ecfdf5;
49
73
  --ids-core-color-green-100: #d1fae5;
50
- --ids-core-color-green-200: #a7f3d0;
51
- --ids-core-color-green-300: #6ee7b7;
52
- --ids-core-color-green-400: #34d399;
53
- --ids-core-color-green-500: #10b981;
54
- --ids-core-color-green-600: #059669;
55
- --ids-core-color-green-700: #047857;
56
- --ids-core-color-green-800: #065f46;
57
- --ids-core-color-green-900: #064e3b;
58
- --ids-core-color-green-950: #043b2c;
74
+ --ids-core-color-green-150: #a7f3d0;
75
+ --ids-core-color-green-200: #6ee7b7;
76
+ --ids-core-color-green-250: #34d399;
77
+ --ids-core-color-green-300: #10b981;
78
+ --ids-core-color-green-350: #059669;
79
+ --ids-core-color-green-400: #058760;
80
+ --ids-core-color-green-450: #047857;
81
+ --ids-core-color-green-500: #056C4F;
82
+ --ids-core-color-green-550: #065f46;
83
+ --ids-core-color-green-600: #065942;
84
+ --ids-core-color-green-650: #06543F;
85
+ --ids-core-color-green-700: #064e3b;
86
+ --ids-core-color-green-750: #054836;
87
+ --ids-core-color-green-800: #054131;
88
+ --ids-core-color-green-850: #043b2c;
89
+ --ids-core-color-green-900: #033326;
90
+ --ids-core-color-green-950: #032C1F;
59
91
  --ids-core-color-green-1000: #022419;
60
92
  --ids-core-color-transparent: #00000000;
61
93
  --ids-core-sizing-rem: 16px;
@@ -102,68 +134,68 @@
102
134
  --ids-borderradius-full: 1600px;
103
135
  --ids-borderradius-1x: 16px;
104
136
  --ids-border-action-primary: 2px solid #00000000;
105
- --ids-border-action-secondary: 2px solid #2d2f35;
106
- --ids-border-action-disabled: 2px solid #adaeb3;
137
+ --ids-border-action-secondary: 2px solid #fafafb;
138
+ --ids-border-action-disabled: 2px solid #646A75;
107
139
  --ids-border-action-tertiary: 2px solid #00000000;
108
- --ids-border-action-item-selected: 2px solid #3a64b8;
109
- --ids-border-default: 1px solid #8e9099;
110
- --ids-border-subtle: 1px solid #ebebef;
111
- --ids-border-disabled: 1px solid #adaeb3;
140
+ --ids-border-action-item-selected: 2px solid #7eaaff;
141
+ --ids-border-default: 1px solid #7F848F;
142
+ --ids-border-subtle: 1px solid #383A40;
143
+ --ids-border-disabled: 1px solid #646A75;
112
144
  --ids-border-focused: 2px solid #7eaaff;
113
- --ids-color-background-default: #fafafb;
114
- --ids-color-surface-bright: #ffffff;
115
- --ids-color-surface-muted: #F8F8FA;
116
- --ids-color-foreground-default: #2d2f35;
117
- --ids-color-foreground-muted: #707784;
118
- --ids-color-foreground-disabled: #adaeb3;
119
- --ids-color-action-primary-default: #2d2f35;
120
- --ids-color-action-primary-hover: #4d5057;
121
- --ids-color-action-primary-pressed: #101114;
122
- --ids-color-action-primary-onprimary: #ffffff;
145
+ --ids-color-background-default: #23252A;
146
+ --ids-color-surface-bright: #2d2f35;
147
+ --ids-color-surface-muted: #1A1B1F;
148
+ --ids-color-foreground-default: #fafafb;
149
+ --ids-color-foreground-muted: #c5c6cb;
150
+ --ids-color-foreground-disabled: #7F848F;
151
+ --ids-color-action-primary-default: #fafafb;
152
+ --ids-color-action-primary-hover: #ebebef;
153
+ --ids-color-action-primary-pressed: #ffffff;
154
+ --ids-color-action-primary-onprimary: #101114;
123
155
  --ids-color-action-secondary-default: #00000000;
124
- --ids-color-action-secondary-hover: #e6edfb;
125
- --ids-color-action-secondary-pressed: #d1def8;
126
- --ids-color-action-secondary-onsecondary: #2d2f35;
156
+ --ids-color-action-secondary-hover: #111F39;
157
+ --ids-color-action-secondary-pressed: #142442;
158
+ --ids-color-action-secondary-onsecondary: #fafafb;
127
159
  --ids-color-action-tertiary-default: #00000000;
128
- --ids-color-action-tertiary-hover: #e6edfb;
129
- --ids-color-action-tertiary-pressed: #d1def8;
130
- --ids-color-action-tertiary-ontertiary: #2d2f35;
131
- --ids-color-action-disabled-default: #adaeb3;
160
+ --ids-color-action-tertiary-hover: #111F39;
161
+ --ids-color-action-tertiary-pressed: #142442;
162
+ --ids-color-action-tertiary-ontertiary: #fafafb;
163
+ --ids-color-action-disabled-default: #4d5057;
132
164
  --ids-color-action-disabled-muted: #00000000;
133
- --ids-color-action-disabled-ondisabled: #707784;
134
- --ids-color-control-unselected-default: #F8F8FA;
135
- --ids-color-control-unselected-hover: #e6edfb;
136
- --ids-color-control-unselected-pressed: #d1def8;
137
- --ids-color-control-unselected-disabled: #e0e1e4;
138
- --ids-color-control-unselected-indicator-enabled: #ffffff;
139
- --ids-color-control-unselected-indicator-disabled: #c5c6cb;
140
- --ids-color-control-selected-default: #4d5057;
141
- --ids-color-control-selected-hover: #707784;
142
- --ids-color-control-selected-pressed: #101114;
143
- --ids-color-control-selected-disabled: #c5c6cb;
144
- --ids-color-control-selected-indicator-enabled: #ffffff;
145
- --ids-color-control-selected-indicator-disabled: #adaeb3;
146
- --ids-color-field-default: #F8F8FA;
147
- --ids-color-field-hover: #F8F8FA;
148
- --ids-color-field-pressed: #e0e1e4;
149
- --ids-color-field-onfield: #2d2f35;
150
- --ids-color-field-onfieldmuted: #4d5057;
165
+ --ids-color-action-disabled-ondisabled: #7F848F;
166
+ --ids-color-control-unselected-default: #383A40;
167
+ --ids-color-control-unselected-hover: #111F39;
168
+ --ids-color-control-unselected-pressed: #142442;
169
+ --ids-color-control-unselected-disabled: #42454C;
170
+ --ids-color-control-unselected-indicator-enabled: #fafafb;
171
+ --ids-color-control-unselected-indicator-disabled: #646A75;
172
+ --ids-color-control-selected-default: #ebebef;
173
+ --ids-color-control-selected-hover: #e0e1e4;
174
+ --ids-color-control-selected-pressed: #F8F8FA;
175
+ --ids-color-control-selected-disabled: #7F848F;
176
+ --ids-color-control-selected-indicator-enabled: #101114;
177
+ --ids-color-control-selected-indicator-disabled: #595D66;
178
+ --ids-color-field-default: #383A40;
179
+ --ids-color-field-hover: #383A40;
180
+ --ids-color-field-pressed: #42454C;
181
+ --ids-color-field-onfield: #fafafb;
182
+ --ids-color-field-onfieldmuted: #c5c6cb;
151
183
  --ids-color-item-unselected-default: #00000000;
152
- --ids-color-item-unselected-hover: #e6edfb;
153
- --ids-color-item-unselected-pressed: #d1def8;
154
- --ids-color-item-unselected-onitem: #2d2f35;
155
- --ids-color-item-unselected-onitemdisabled: #8e9099;
156
- --ids-color-item-selected-default: lch(93.522 7.6467 266.59 / 0.48);
157
- --ids-color-item-selected-hover: #e6edfb;
158
- --ids-color-item-selected-pressed: #d1def8;
159
- --ids-color-item-selected-onitem: #3a64b8;
184
+ --ids-color-item-unselected-hover: #111F39;
185
+ --ids-color-item-unselected-pressed: #142442;
186
+ --ids-color-item-unselected-onitem: #fafafb;
187
+ --ids-color-item-unselected-onitemdisabled: #7F848F;
188
+ --ids-color-item-selected-default: #1B2F56;
189
+ --ids-color-item-selected-hover: #111F39;
190
+ --ids-color-item-selected-pressed: #142442;
191
+ --ids-color-item-selected-onitem: #7eaaff;
160
192
  --ids-color-border-transparent: #00000000;
161
- --ids-color-border-strong: #2d2f35;
162
- --ids-color-border-default: #8e9099;
163
- --ids-color-border-muted: #c5c6cb;
164
- --ids-color-border-subtle: #ebebef;
165
- --ids-color-border-disabled: #adaeb3;
166
- --ids-color-border-selected: #3a64b8;
193
+ --ids-color-border-strong: #fafafb;
194
+ --ids-color-border-default: #7F848F;
195
+ --ids-color-border-muted: #595D66;
196
+ --ids-color-border-subtle: #383A40;
197
+ --ids-color-border-disabled: #646A75;
198
+ --ids-color-border-selected: #7eaaff;
167
199
  --ids-color-border-focus: #7eaaff;
168
200
  --ids-color-boxshadow-alpha16: lch(5.0543 1.8805 272.92 / 0.16);
169
201
  --ids-color-boxshadow-alpha24: lch(5.0543 1.8805 272.92 / 0.24);
package/dist/css/tokens.light.css CHANGED
@@ -11,51 +11,83 @@
11
11
  :root {
12
12
  --ids-core-color-neutral-50: #ffffff;
13
13
  --ids-core-color-neutral-100: #fafafb;
14
- --ids-core-color-neutral-200: #F8F8FA;
15
- --ids-core-color-neutral-300: #ebebef;
16
- --ids-core-color-neutral-400: #e0e1e4;
17
- --ids-core-color-neutral-500: #c5c6cb;
18
- --ids-core-color-neutral-600: #adaeb3;
19
- --ids-core-color-neutral-700: #8e9099;
20
- --ids-core-color-neutral-800: #707784;
21
- --ids-core-color-neutral-900: #4d5057;
22
- --ids-core-color-neutral-950: #2d2f35;
14
+ --ids-core-color-neutral-150: #F8F8FA;
15
+ --ids-core-color-neutral-200: #ebebef;
16
+ --ids-core-color-neutral-250: #e0e1e4;
17
+ --ids-core-color-neutral-300: #c5c6cb;
18
+ --ids-core-color-neutral-350: #adaeb3;
19
+ --ids-core-color-neutral-400: #9E9FA6;
20
+ --ids-core-color-neutral-450: #8e9099;
21
+ --ids-core-color-neutral-500: #7F848F;
22
+ --ids-core-color-neutral-550: #707784;
23
+ --ids-core-color-neutral-600: #646A75;
24
+ --ids-core-color-neutral-650: #595D66;
25
+ --ids-core-color-neutral-700: #4d5057;
26
+ --ids-core-color-neutral-750: #42454C;
27
+ --ids-core-color-neutral-800: #383A40;
28
+ --ids-core-color-neutral-850: #2d2f35;
29
+ --ids-core-color-neutral-900: #23252A;
30
+ --ids-core-color-neutral-950: #1A1B1F;
23
31
  --ids-core-color-neutral-1000: #101114;
24
32
  --ids-core-color-blue-50: #e6edfb;
25
33
  --ids-core-color-blue-100: #d1def8;
26
- --ids-core-color-blue-200: #c3d8ff;
27
- --ids-core-color-blue-300: #a2bae9;
28
- --ids-core-color-blue-400: #7eaaff;
29
- --ids-core-color-blue-500: #5c8fe8;
30
- --ids-core-color-blue-600: #4a7ad4;
31
- --ids-core-color-blue-700: #3a64b8;
32
- --ids-core-color-blue-800: #27447c;
33
- --ids-core-color-blue-900: #1e3560;
34
- --ids-core-color-blue-950: #142442;
34
+ --ids-core-color-blue-150: #c3d8ff;
35
+ --ids-core-color-blue-200: #a2bae9;
36
+ --ids-core-color-blue-250: #7eaaff;
37
+ --ids-core-color-blue-300: #5c8fe8;
38
+ --ids-core-color-blue-350: #4a7ad4;
39
+ --ids-core-color-blue-400: #426FC6;
40
+ --ids-core-color-blue-450: #3a64b8;
41
+ --ids-core-color-blue-500: #31549A;
42
+ --ids-core-color-blue-550: #27447c;
43
+ --ids-core-color-blue-600: #243F73;
44
+ --ids-core-color-blue-650: #213A69;
45
+ --ids-core-color-blue-700: #1e3560;
46
+ --ids-core-color-blue-750: #1B2F56;
47
+ --ids-core-color-blue-800: #172A4C;
48
+ --ids-core-color-blue-850: #142442;
49
+ --ids-core-color-blue-900: #111F39;
50
+ --ids-core-color-blue-950: #0E1A2F;
35
51
  --ids-core-color-blue-1000: #0b1526;
36
52
  --ids-core-color-red-50: #fef2f2;
37
53
  --ids-core-color-red-100: #fee2e2;
38
- --ids-core-color-red-200: #fecaca;
39
- --ids-core-color-red-300: #fca5a5;
40
- --ids-core-color-red-400: #f87171;
41
- --ids-core-color-red-500: #ef4444;
42
- --ids-core-color-red-600: #dc2626;
43
- --ids-core-color-red-700: #b91c1c;
44
- --ids-core-color-red-800: #991b1b;
45
- --ids-core-color-red-900: #7f1d1d;
46
- --ids-core-color-red-950: #5c1414;
54
+ --ids-core-color-red-150: #fecaca;
55
+ --ids-core-color-red-200: #fca5a5;
56
+ --ids-core-color-red-250: #f87171;
57
+ --ids-core-color-red-300: #ef4444;
58
+ --ids-core-color-red-350: #dc2626;
59
+ --ids-core-color-red-400: #CB2121;
60
+ --ids-core-color-red-450: #b91c1c;
61
+ --ids-core-color-red-500: #A91C1C;
62
+ --ids-core-color-red-550: #991b1b;
63
+ --ids-core-color-red-600: #901C1C;
64
+ --ids-core-color-red-650: #881C1C;
65
+ --ids-core-color-red-700: #7f1d1d;
66
+ --ids-core-color-red-750: #731A1A;
67
+ --ids-core-color-red-800: #681717;
68
+ --ids-core-color-red-850: #5c1414;
69
+ --ids-core-color-red-900: #4F1111;
70
+ --ids-core-color-red-950: #420D0D;
47
71
  --ids-core-color-red-1000: #350a0a;
48
72
  --ids-core-color-green-50: #ecfdf5;
49
73
  --ids-core-color-green-100: #d1fae5;
50
- --ids-core-color-green-200: #a7f3d0;
51
- --ids-core-color-green-300: #6ee7b7;
52
- --ids-core-color-green-400: #34d399;
53
- --ids-core-color-green-500: #10b981;
54
- --ids-core-color-green-600: #059669;
55
- --ids-core-color-green-700: #047857;
56
- --ids-core-color-green-800: #065f46;
57
- --ids-core-color-green-900: #064e3b;
58
- --ids-core-color-green-950: #043b2c;
74
+ --ids-core-color-green-150: #a7f3d0;
75
+ --ids-core-color-green-200: #6ee7b7;
76
+ --ids-core-color-green-250: #34d399;
77
+ --ids-core-color-green-300: #10b981;
78
+ --ids-core-color-green-350: #059669;
79
+ --ids-core-color-green-400: #058760;
80
+ --ids-core-color-green-450: #047857;
81
+ --ids-core-color-green-500: #056C4F;
82
+ --ids-core-color-green-550: #065f46;
83
+ --ids-core-color-green-600: #065942;
84
+ --ids-core-color-green-650: #06543F;
85
+ --ids-core-color-green-700: #064e3b;
86
+ --ids-core-color-green-750: #054836;
87
+ --ids-core-color-green-800: #054131;
88
+ --ids-core-color-green-850: #043b2c;
89
+ --ids-core-color-green-900: #033326;
90
+ --ids-core-color-green-950: #032C1F;
59
91
  --ids-core-color-green-1000: #022419;
60
92
  --ids-core-color-transparent: #00000000;
61
93
  --ids-core-font-size-base: 16px;