@inversestudio/design-tokens 1.0.19 → 1.0.20

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 +2 -1
  2. package/dist/css/tokens.dark.css +1 -0
  3. package/dist/css/tokens.light.css +2 -1
  4. package/dist/esm/tokens.dark.js +1 -0
  5. package/dist/esm/tokens.js +2 -1
  6. package/dist/esm/tokens.light.js +2 -1
  7. package/dist/js/tokens.dark.js +1 -0
  8. package/dist/js/tokens.js +2 -1
  9. package/dist/js/tokens.light.js +2 -1
  10. package/dist/json/tokens.dark.json +1 -0
  11. package/dist/json/tokens.dark.nested.json +1 -0
  12. package/dist/json/tokens.json +2 -1
  13. package/dist/json/tokens.light.json +2 -1
  14. package/dist/json/tokens.light.nested.json +2 -1
  15. package/dist/json/tokens.nested.json +2 -1
  16. package/dist/scss/_tokens.dark.scss +2 -0
  17. package/dist/scss/_tokens.light.scss +3 -1
  18. package/dist/scss/_tokens.scss +3 -1
  19. package/dist/types/tokens.d.ts +5 -2
  20. package/dist/types/tokens.dark.d.ts +3 -0
  21. package/dist/types/tokens.light.d.ts +5 -2
  22. package/package.json +1 -1
package/dist/css/tokens.css CHANGED
@@ -71,6 +71,7 @@
71
71
  Semantic Tokens
72
72
  ========================================================================== */
73
73
 
74
+ --ids-spacing-none: 0;
74
75
  --ids-spacing-0-13x: 2px;
75
76
  --ids-spacing-0-25x: 4px;
76
77
  --ids-spacing-0-38x: 6px;
@@ -152,7 +153,7 @@
152
153
  --ids-color-item-unselected-pressed: #d1def8;
153
154
  --ids-color-item-unselected-onnavigation: #2d2f35;
154
155
  --ids-color-item-unselected-onnavigationdisabled: #8e9099;
155
- --ids-color-item-selected-default: #00000000;
156
+ --ids-color-item-selected-default: lch(93.522 7.6467 266.59 / 0.48);
156
157
  --ids-color-item-selected-hover: #e6edfb;
157
158
  --ids-color-item-selected-pressed: #d1def8;
158
159
  --ids-color-item-selected-onnavigation: #3a64b8;
package/dist/css/tokens.dark.css CHANGED
@@ -71,6 +71,7 @@
71
71
  Semantic Tokens
72
72
  ========================================================================== */
73
73
 
74
+ --ids-spacing-none: 0;
74
75
  --ids-spacing-0-13x: 2px;
75
76
  --ids-spacing-0-25x: 4px;
76
77
  --ids-spacing-0-38x: 6px;
package/dist/css/tokens.light.css CHANGED
@@ -71,6 +71,7 @@
71
71
  Semantic Tokens
72
72
  ========================================================================== */
73
73
 
74
+ --ids-spacing-none: 0;
74
75
  --ids-spacing-0-13x: 2px;
75
76
  --ids-spacing-0-25x: 4px;
76
77
  --ids-spacing-0-38x: 6px;
@@ -152,7 +153,7 @@
152
153
  --ids-color-item-unselected-pressed: #d1def8;
153
154
  --ids-color-item-unselected-onnavigation: #2d2f35;
154
155
  --ids-color-item-unselected-onnavigationdisabled: #8e9099;
155
- --ids-color-item-selected-default: #00000000;
156
+ --ids-color-item-selected-default: lch(93.522 7.6467 266.59 / 0.48);
156
157
  --ids-color-item-selected-hover: #e6edfb;
157
158
  --ids-color-item-selected-pressed: #d1def8;
158
159
  --ids-color-item-selected-onnavigation: #3a64b8;
package/dist/esm/tokens.dark.js CHANGED
@@ -59,6 +59,7 @@ export const idsCoreLineheightBase = "16px"; // PRIMITIVE - Base line height (1x
59
59
  export const idsCoreBorderradiusBase = "16px"; // PRIMITIVE - Base border radius for default density (16px). Do NOT use directly on components.
60
60
  export const idsCoreBorderwidthSlim = "1px";
61
61
  export const idsCoreBorderwidthThick = "2px";
62
+ export const idsSpacingNone = "0"; // SEMANTIC - No spacing.
62
63
  export const idsSpacing013x = "2px"; // SEMANTIC - Micro spacing (2px). Use for: hairline gaps.
63
64
  export const idsSpacing025x = "4px"; // SEMANTIC - Tiny spacing (4px). Use for: tight gaps, compact padding.
64
65
  export const idsSpacing038x = "6px"; // SEMANTIC - Extra-small spacing (6px). Use for: small component padding.
package/dist/esm/tokens.js CHANGED
@@ -59,6 +59,7 @@ export const idsCoreSizingBase = "16px";
59
59
  export const idsCoreBorderradiusBase = "16px"; // PRIMITIVE - Base border radius for default density (16px). Do NOT use directly on components.
60
60
  export const idsCoreBorderwidthSlim = "1px";
61
61
  export const idsCoreBorderwidthThick = "2px";
62
+ export const idsSpacingNone = "0"; // SEMANTIC - No spacing.
62
63
  export const idsSpacing013x = "2px"; // SEMANTIC - Micro spacing (2px). Use for: hairline gaps.
63
64
  export const idsSpacing025x = "4px"; // SEMANTIC - Tiny spacing (4px). Use for: tight gaps, compact padding.
64
65
  export const idsSpacing038x = "6px"; // SEMANTIC - Extra-small spacing (6px). Use for: small component padding.
@@ -191,7 +192,7 @@ export const idsColorItemUnselectedHover = "#e6edfb";
191
192
  export const idsColorItemUnselectedPressed = "#d1def8";
192
193
  export const idsColorItemUnselectedOnnavigation = "#2d2f35";
193
194
  export const idsColorItemUnselectedOnnavigationdisabled = "#8e9099";
194
- export const idsColorItemSelectedDefault = "#00000000";
195
+ export const idsColorItemSelectedDefault = "lch(93.522 7.6467 266.59 / 0.48)";
195
196
  export const idsColorItemSelectedHover = "#e6edfb";
196
197
  export const idsColorItemSelectedPressed = "#d1def8";
197
198
  export const idsColorItemSelectedOnnavigation = "#3a64b8";
package/dist/esm/tokens.light.js CHANGED
@@ -59,6 +59,7 @@ export const idsCoreSizingBase = "16px";
59
59
  export const idsCoreBorderradiusBase = "16px"; // PRIMITIVE - Base border radius for default density (16px). Do NOT use directly on components.
60
60
  export const idsCoreBorderwidthSlim = "1px";
61
61
  export const idsCoreBorderwidthThick = "2px";
62
+ export const idsSpacingNone = "0"; // SEMANTIC - No spacing.
62
63
  export const idsSpacing013x = "2px"; // SEMANTIC - Micro spacing (2px). Use for: hairline gaps.
63
64
  export const idsSpacing025x = "4px"; // SEMANTIC - Tiny spacing (4px). Use for: tight gaps, compact padding.
64
65
  export const idsSpacing038x = "6px"; // SEMANTIC - Extra-small spacing (6px). Use for: small component padding.
@@ -191,7 +192,7 @@ export const idsColorItemUnselectedHover = "#e6edfb";
191
192
  export const idsColorItemUnselectedPressed = "#d1def8";
192
193
  export const idsColorItemUnselectedOnnavigation = "#2d2f35";
193
194
  export const idsColorItemUnselectedOnnavigationdisabled = "#8e9099";
194
- export const idsColorItemSelectedDefault = "#00000000";
195
+ export const idsColorItemSelectedDefault = "lch(93.522 7.6467 266.59 / 0.48)";
195
196
  export const idsColorItemSelectedHover = "#e6edfb";
196
197
  export const idsColorItemSelectedPressed = "#d1def8";
197
198
  export const idsColorItemSelectedOnnavigation = "#3a64b8";
package/dist/js/tokens.dark.js CHANGED
@@ -59,6 +59,7 @@ export const idsCoreLineheightBase = "16px"; // PRIMITIVE - Base line height (1x
59
59
  export const idsCoreBorderradiusBase = "16px"; // PRIMITIVE - Base border radius for default density (16px). Do NOT use directly on components.
60
60
  export const idsCoreBorderwidthSlim = "1px";
61
61
  export const idsCoreBorderwidthThick = "2px";
62
+ export const idsSpacingNone = "0"; // SEMANTIC - No spacing.
62
63
  export const idsSpacing013x = "2px"; // SEMANTIC - Micro spacing (2px). Use for: hairline gaps.
63
64
  export const idsSpacing025x = "4px"; // SEMANTIC - Tiny spacing (4px). Use for: tight gaps, compact padding.
64
65
  export const idsSpacing038x = "6px"; // SEMANTIC - Extra-small spacing (6px). Use for: small component padding.
package/dist/js/tokens.js CHANGED
@@ -59,6 +59,7 @@ export const idsCoreSizingBase = "16px";
59
59
  export const idsCoreBorderradiusBase = "16px"; // PRIMITIVE - Base border radius for default density (16px). Do NOT use directly on components.
60
60
  export const idsCoreBorderwidthSlim = "1px";
61
61
  export const idsCoreBorderwidthThick = "2px";
62
+ export const idsSpacingNone = "0"; // SEMANTIC - No spacing.
62
63
  export const idsSpacing013x = "2px"; // SEMANTIC - Micro spacing (2px). Use for: hairline gaps.
63
64
  export const idsSpacing025x = "4px"; // SEMANTIC - Tiny spacing (4px). Use for: tight gaps, compact padding.
64
65
  export const idsSpacing038x = "6px"; // SEMANTIC - Extra-small spacing (6px). Use for: small component padding.
@@ -191,7 +192,7 @@ export const idsColorItemUnselectedHover = "#e6edfb";
191
192
  export const idsColorItemUnselectedPressed = "#d1def8";
192
193
  export const idsColorItemUnselectedOnnavigation = "#2d2f35";
193
194
  export const idsColorItemUnselectedOnnavigationdisabled = "#8e9099";
194
- export const idsColorItemSelectedDefault = "#00000000";
195
+ export const idsColorItemSelectedDefault = "lch(93.522 7.6467 266.59 / 0.48)";
195
196
  export const idsColorItemSelectedHover = "#e6edfb";
196
197
  export const idsColorItemSelectedPressed = "#d1def8";
197
198
  export const idsColorItemSelectedOnnavigation = "#3a64b8";
package/dist/js/tokens.light.js CHANGED
@@ -59,6 +59,7 @@ export const idsCoreSizingBase = "16px";
59
59
  export const idsCoreBorderradiusBase = "16px"; // PRIMITIVE - Base border radius for default density (16px). Do NOT use directly on components.
60
60
  export const idsCoreBorderwidthSlim = "1px";
61
61
  export const idsCoreBorderwidthThick = "2px";
62
+ export const idsSpacingNone = "0"; // SEMANTIC - No spacing.
62
63
  export const idsSpacing013x = "2px"; // SEMANTIC - Micro spacing (2px). Use for: hairline gaps.
63
64
  export const idsSpacing025x = "4px"; // SEMANTIC - Tiny spacing (4px). Use for: tight gaps, compact padding.
64
65
  export const idsSpacing038x = "6px"; // SEMANTIC - Extra-small spacing (6px). Use for: small component padding.
@@ -191,7 +192,7 @@ export const idsColorItemUnselectedHover = "#e6edfb";
191
192
  export const idsColorItemUnselectedPressed = "#d1def8";
192
193
  export const idsColorItemUnselectedOnnavigation = "#2d2f35";
193
194
  export const idsColorItemUnselectedOnnavigationdisabled = "#8e9099";
194
- export const idsColorItemSelectedDefault = "#00000000";
195
+ export const idsColorItemSelectedDefault = "lch(93.522 7.6467 266.59 / 0.48)";
195
196
  export const idsColorItemSelectedHover = "#e6edfb";
196
197
  export const idsColorItemSelectedPressed = "#d1def8";
197
198
  export const idsColorItemSelectedOnnavigation = "#3a64b8";
package/dist/json/tokens.dark.json CHANGED
@@ -56,6 +56,7 @@
56
56
  "idsCoreBorderradiusBase": "16px",
57
57
  "idsCoreBorderwidthSlim": "1px",
58
58
  "idsCoreBorderwidthThick": "2px",
59
+ "idsSpacingNone": "0",
59
60
  "idsSpacing013x": "2px",
60
61
  "idsSpacing025x": "4px",
61
62
  "idsSpacing038x": "6px",
package/dist/json/tokens.dark.nested.json CHANGED
@@ -80,6 +80,7 @@
80
80
  }
81
81
  },
82
82
  "spacing": {
83
+ "none": "0",
83
84
  "0_13x": "2px",
84
85
  "0_25x": "4px",
85
86
  "0_38x": "6px",
package/dist/json/tokens.json CHANGED
@@ -56,6 +56,7 @@
56
56
  "idsCoreBorderradiusBase": "16px",
57
57
  "idsCoreBorderwidthSlim": "1px",
58
58
  "idsCoreBorderwidthThick": "2px",
59
+ "idsSpacingNone": "0",
59
60
  "idsSpacing013x": "2px",
60
61
  "idsSpacing025x": "4px",
61
62
  "idsSpacing038x": "6px",
@@ -188,7 +189,7 @@
188
189
  "idsColorItemUnselectedPressed": "#d1def8",
189
190
  "idsColorItemUnselectedOnnavigation": "#2d2f35",
190
191
  "idsColorItemUnselectedOnnavigationdisabled": "#8e9099",
191
- "idsColorItemSelectedDefault": "#00000000",
192
+ "idsColorItemSelectedDefault": "lch(93.522 7.6467 266.59 / 0.48)",
192
193
  "idsColorItemSelectedHover": "#e6edfb",
193
194
  "idsColorItemSelectedPressed": "#d1def8",
194
195
  "idsColorItemSelectedOnnavigation": "#3a64b8",
package/dist/json/tokens.light.json CHANGED
@@ -56,6 +56,7 @@
56
56
  "idsCoreBorderradiusBase": "16px",
57
57
  "idsCoreBorderwidthSlim": "1px",
58
58
  "idsCoreBorderwidthThick": "2px",
59
+ "idsSpacingNone": "0",
59
60
  "idsSpacing013x": "2px",
60
61
  "idsSpacing025x": "4px",
61
62
  "idsSpacing038x": "6px",
@@ -188,7 +189,7 @@
188
189
  "idsColorItemUnselectedPressed": "#d1def8",
189
190
  "idsColorItemUnselectedOnnavigation": "#2d2f35",
190
191
  "idsColorItemUnselectedOnnavigationdisabled": "#8e9099",
191
- "idsColorItemSelectedDefault": "#00000000",
192
+ "idsColorItemSelectedDefault": "lch(93.522 7.6467 266.59 / 0.48)",
192
193
  "idsColorItemSelectedHover": "#e6edfb",
193
194
  "idsColorItemSelectedPressed": "#d1def8",
194
195
  "idsColorItemSelectedOnnavigation": "#3a64b8",
package/dist/json/tokens.light.nested.json CHANGED
@@ -80,6 +80,7 @@
80
80
  }
81
81
  },
82
82
  "spacing": {
83
+ "none": "0",
83
84
  "0_13x": "2px",
84
85
  "0_25x": "4px",
85
86
  "0_38x": "6px",
@@ -266,7 +267,7 @@
266
267
  "onNavigationDisabled": "#8e9099"
267
268
  },
268
269
  "selected": {
269
- "default": "#00000000",
270
+ "default": "lch(93.522 7.6467 266.59 / 0.48)",
270
271
  "hover": "#e6edfb",
271
272
  "pressed": "#d1def8",
272
273
  "onNavigation": "#3a64b8",
package/dist/json/tokens.nested.json CHANGED
@@ -80,6 +80,7 @@
80
80
  }
81
81
  },
82
82
  "spacing": {
83
+ "none": "0",
83
84
  "0_13x": "2px",
84
85
  "0_25x": "4px",
85
86
  "0_38x": "6px",
@@ -266,7 +267,7 @@
266
267
  "onNavigationDisabled": "#8e9099"
267
268
  },
268
269
  "selected": {
269
- "default": "#00000000",
270
+ "default": "lch(93.522 7.6467 266.59 / 0.48)",
270
271
  "hover": "#e6edfb",
271
272
  "pressed": "#d1def8",
272
273
  "onNavigation": "#3a64b8",
package/dist/scss/_tokens.dark.scss CHANGED
@@ -61,6 +61,7 @@ $ids-core-lineheight-base: 16px;
61
61
  $ids-core-borderradius-base: 16px;
62
62
  $ids-core-borderwidth-slim: 1px;
63
63
  $ids-core-borderwidth-thick: 2px;
64
+ $ids-spacing-none: 0;
64
65
  $ids-spacing-0-13x: 2px;
65
66
  $ids-spacing-0-25x: 4px;
66
67
  $ids-spacing-0-38x: 6px;
@@ -218,6 +219,7 @@ $ids-tokens: (
218
219
  'ids-core-borderradius-base': $ids-core-borderradius-base,
219
220
  'ids-core-borderwidth-slim': $ids-core-borderwidth-slim,
220
221
  'ids-core-borderwidth-thick': $ids-core-borderwidth-thick,
222
+ 'ids-spacing-none': $ids-spacing-none,
221
223
  'ids-spacing-0-13x': $ids-spacing-0-13x,
222
224
  'ids-spacing-0-25x': $ids-spacing-0-25x,
223
225
  'ids-spacing-0-38x': $ids-spacing-0-38x,
package/dist/scss/_tokens.light.scss CHANGED
@@ -61,6 +61,7 @@ $ids-core-sizing-base: 16px;
61
61
  $ids-core-borderradius-base: 16px;
62
62
  $ids-core-borderwidth-slim: 1px;
63
63
  $ids-core-borderwidth-thick: 2px;
64
+ $ids-spacing-none: 0;
64
65
  $ids-spacing-0-13x: 2px;
65
66
  $ids-spacing-0-25x: 4px;
66
67
  $ids-spacing-0-38x: 6px;
@@ -142,7 +143,7 @@ $ids-color-item-unselected-hover: #e6edfb;
142
143
  $ids-color-item-unselected-pressed: #d1def8;
143
144
  $ids-color-item-unselected-onnavigation: #2d2f35;
144
145
  $ids-color-item-unselected-onnavigationdisabled: #8e9099;
145
- $ids-color-item-selected-default: #00000000;
146
+ $ids-color-item-selected-default: lch(93.522 7.6467 266.59 / 0.48);
146
147
  $ids-color-item-selected-hover: #e6edfb;
147
148
  $ids-color-item-selected-pressed: #d1def8;
148
149
  $ids-color-item-selected-onnavigation: #3a64b8;
@@ -218,6 +219,7 @@ $ids-tokens: (
218
219
  'ids-core-borderradius-base': $ids-core-borderradius-base,
219
220
  'ids-core-borderwidth-slim': $ids-core-borderwidth-slim,
220
221
  'ids-core-borderwidth-thick': $ids-core-borderwidth-thick,
222
+ 'ids-spacing-none': $ids-spacing-none,
221
223
  'ids-spacing-0-13x': $ids-spacing-0-13x,
222
224
  'ids-spacing-0-25x': $ids-spacing-0-25x,
223
225
  'ids-spacing-0-38x': $ids-spacing-0-38x,
package/dist/scss/_tokens.scss CHANGED
@@ -61,6 +61,7 @@ $ids-core-sizing-base: 16px;
61
61
  $ids-core-borderradius-base: 16px;
62
62
  $ids-core-borderwidth-slim: 1px;
63
63
  $ids-core-borderwidth-thick: 2px;
64
+ $ids-spacing-none: 0;
64
65
  $ids-spacing-0-13x: 2px;
65
66
  $ids-spacing-0-25x: 4px;
66
67
  $ids-spacing-0-38x: 6px;
@@ -142,7 +143,7 @@ $ids-color-item-unselected-hover: #e6edfb;
142
143
  $ids-color-item-unselected-pressed: #d1def8;
143
144
  $ids-color-item-unselected-onnavigation: #2d2f35;
144
145
  $ids-color-item-unselected-onnavigationdisabled: #8e9099;
145
- $ids-color-item-selected-default: #00000000;
146
+ $ids-color-item-selected-default: lch(93.522 7.6467 266.59 / 0.48);
146
147
  $ids-color-item-selected-hover: #e6edfb;
147
148
  $ids-color-item-selected-pressed: #d1def8;
148
149
  $ids-color-item-selected-onnavigation: #3a64b8;
@@ -218,6 +219,7 @@ $ids-tokens: (
218
219
  'ids-core-borderradius-base': $ids-core-borderradius-base,
219
220
  'ids-core-borderwidth-slim': $ids-core-borderwidth-slim,
220
221
  'ids-core-borderwidth-thick': $ids-core-borderwidth-thick,
222
+ 'ids-spacing-none': $ids-spacing-none,
221
223
  'ids-spacing-0-13x': $ids-spacing-0-13x,
222
224
  'ids-spacing-0-25x': $ids-spacing-0-25x,
223
225
  'ids-spacing-0-38x': $ids-spacing-0-38x,
package/dist/types/tokens.d.ts CHANGED
@@ -86,6 +86,7 @@ export interface IDSTokens {
86
86
  };
87
87
  };
88
88
  spacing: {
89
+ none: string;
89
90
  '0_13x': string;
90
91
  '0_25x': string;
91
92
  '0_38x': string;
@@ -329,6 +330,7 @@ export const tokens: IDSTokens = {
329
330
  }
330
331
  },
331
332
  spacing: {
333
+ none: '0',
332
334
  '0_13x': '2px',
333
335
  '0_25x': '4px',
334
336
  '0_38x': '6px',
@@ -464,7 +466,7 @@ export const tokens: IDSTokens = {
464
466
  onNavigationDisabled: '#8e9099'
465
467
  },
466
468
  selected: {
467
- default: '#00000000',
469
+ default: 'lch(93.522 7.6467 266.59 / 0.48)',
468
470
  hover: '#e6edfb',
469
471
  pressed: '#d1def8',
470
472
  onNavigation: '#3a64b8',
@@ -548,6 +550,7 @@ export const idsCoreSizingBase = '16px';
548
550
  export const idsCoreBorderradiusBase = '16px';
549
551
  export const idsCoreBorderwidthSlim = '1px';
550
552
  export const idsCoreBorderwidthThick = '2px';
553
+ export const idsSpacingNone = '0';
551
554
  export const idsSpacing013x = '2px';
552
555
  export const idsSpacing025x = '4px';
553
556
  export const idsSpacing038x = '6px';
@@ -629,7 +632,7 @@ export const idsColorItemUnselectedHover = '#e6edfb';
629
632
  export const idsColorItemUnselectedPressed = '#d1def8';
630
633
  export const idsColorItemUnselectedOnnavigation = '#2d2f35';
631
634
  export const idsColorItemUnselectedOnnavigationdisabled = '#8e9099';
632
- export const idsColorItemSelectedDefault = '#00000000';
635
+ export const idsColorItemSelectedDefault = 'lch(93.522 7.6467 266.59 / 0.48)';
633
636
  export const idsColorItemSelectedHover = '#e6edfb';
634
637
  export const idsColorItemSelectedPressed = '#d1def8';
635
638
  export const idsColorItemSelectedOnnavigation = '#3a64b8';
package/dist/types/tokens.dark.d.ts CHANGED
@@ -86,6 +86,7 @@ export interface IDSTokens {
86
86
  };
87
87
  };
88
88
  spacing: {
89
+ none: string;
89
90
  '0_13x': string;
90
91
  '0_25x': string;
91
92
  '0_38x': string;
@@ -329,6 +330,7 @@ export const tokens: IDSTokens = {
329
330
  }
330
331
  },
331
332
  spacing: {
333
+ none: '0',
332
334
  '0_13x': '2px',
333
335
  '0_25x': '4px',
334
336
  '0_38x': '6px',
@@ -548,6 +550,7 @@ export const idsCoreLineheightBase = '16px';
548
550
  export const idsCoreBorderradiusBase = '16px';
549
551
  export const idsCoreBorderwidthSlim = '1px';
550
552
  export const idsCoreBorderwidthThick = '2px';
553
+ export const idsSpacingNone = '0';
551
554
  export const idsSpacing013x = '2px';
552
555
  export const idsSpacing025x = '4px';
553
556
  export const idsSpacing038x = '6px';
package/dist/types/tokens.light.d.ts CHANGED
@@ -86,6 +86,7 @@ export interface IDSTokens {
86
86
  };
87
87
  };
88
88
  spacing: {
89
+ none: string;
89
90
  '0_13x': string;
90
91
  '0_25x': string;
91
92
  '0_38x': string;
@@ -329,6 +330,7 @@ export const tokens: IDSTokens = {
329
330
  }
330
331
  },
331
332
  spacing: {
333
+ none: '0',
332
334
  '0_13x': '2px',
333
335
  '0_25x': '4px',
334
336
  '0_38x': '6px',
@@ -464,7 +466,7 @@ export const tokens: IDSTokens = {
464
466
  onNavigationDisabled: '#8e9099'
465
467
  },
466
468
  selected: {
467
- default: '#00000000',
469
+ default: 'lch(93.522 7.6467 266.59 / 0.48)',
468
470
  hover: '#e6edfb',
469
471
  pressed: '#d1def8',
470
472
  onNavigation: '#3a64b8',
@@ -548,6 +550,7 @@ export const idsCoreSizingBase = '16px';
548
550
  export const idsCoreBorderradiusBase = '16px';
549
551
  export const idsCoreBorderwidthSlim = '1px';
550
552
  export const idsCoreBorderwidthThick = '2px';
553
+ export const idsSpacingNone = '0';
551
554
  export const idsSpacing013x = '2px';
552
555
  export const idsSpacing025x = '4px';
553
556
  export const idsSpacing038x = '6px';
@@ -629,7 +632,7 @@ export const idsColorItemUnselectedHover = '#e6edfb';
629
632
  export const idsColorItemUnselectedPressed = '#d1def8';
630
633
  export const idsColorItemUnselectedOnnavigation = '#2d2f35';
631
634
  export const idsColorItemUnselectedOnnavigationdisabled = '#8e9099';
632
- export const idsColorItemSelectedDefault = '#00000000';
635
+ export const idsColorItemSelectedDefault = 'lch(93.522 7.6467 266.59 / 0.48)';
633
636
  export const idsColorItemSelectedHover = '#e6edfb';
634
637
  export const idsColorItemSelectedPressed = '#d1def8';
635
638
  export const idsColorItemSelectedOnnavigation = '#3a64b8';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inversestudio/design-tokens",
3
- "version": "1.0.19",
3
+ "version": "1.0.20",
4
4
  "description": "IDS Design System tokens - compiled from Tokens Studio format",
5
5
  "type": "module",
6
6
  "main": "dist/js/tokens.js",