@synergy-design-system/tokens 2.37.0 → 2.39.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +330 -235
- package/dist/js/index.d.ts +1 -16
- package/dist/js/index.js +1 -16
- package/dist/scss/_tokens.scss +1 -4
- package/dist/themes/dark.css +5 -8
- package/dist/themes/light.css +5 -8
- package/dist/themes/sick2018_dark.css +5 -8
- package/dist/themes/sick2018_light.css +5 -8
- package/dist/themes/sick2025_dark.css +19 -22
- package/dist/themes/sick2025_light.css +7 -10
- package/package.json +4 -62
- package/src/figma-variables/output/sick2018-dark.json +12 -16
- package/src/figma-variables/output/sick2018-light.json +12 -16
- package/src/figma-variables/output/sick2025-dark.json +25 -29
- package/src/figma-variables/output/sick2025-light.json +13 -17
package/dist/js/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 2.
|
|
2
|
+
* @synergy-design-system/tokens version 2.38.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -1013,21 +1013,6 @@ export const SynInputPlaceholderColor: string;
|
|
|
1013
1013
|
*/
|
|
1014
1014
|
export const SynInputPlaceholderColorDisabled: string;
|
|
1015
1015
|
|
|
1016
|
-
/**
|
|
1017
|
-
* Maps to the css variable `--syn-input-readonly-color`
|
|
1018
|
-
*/
|
|
1019
|
-
export const SynInputReadonlyColor: string;
|
|
1020
|
-
|
|
1021
|
-
/**
|
|
1022
|
-
* Maps to the css variable `--syn-input-readonly-color-disabled`
|
|
1023
|
-
*/
|
|
1024
|
-
export const SynInputReadonlyColorDisabled: string;
|
|
1025
|
-
|
|
1026
|
-
/**
|
|
1027
|
-
* Maps to the css variable `--syn-input-readonly-color-focus`
|
|
1028
|
-
*/
|
|
1029
|
-
export const SynInputReadonlyColorFocus: string;
|
|
1030
|
-
|
|
1031
1016
|
/**
|
|
1032
1017
|
* Maps to the css variable `--syn-input-readonly-color-hover`
|
|
1033
1018
|
*/
|
package/dist/js/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 2.
|
|
2
|
+
* @synergy-design-system/tokens version 2.38.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -1013,21 +1013,6 @@ export const SynInputPlaceholderColor = 'var(--syn-input-placeholder-color)';
|
|
|
1013
1013
|
*/
|
|
1014
1014
|
export const SynInputPlaceholderColorDisabled = 'var(--syn-input-placeholder-color-disabled)';
|
|
1015
1015
|
|
|
1016
|
-
/**
|
|
1017
|
-
* @type {string}
|
|
1018
|
-
*/
|
|
1019
|
-
export const SynInputReadonlyColor = 'var(--syn-input-readonly-color)';
|
|
1020
|
-
|
|
1021
|
-
/**
|
|
1022
|
-
* @type {string}
|
|
1023
|
-
*/
|
|
1024
|
-
export const SynInputReadonlyColorDisabled = 'var(--syn-input-readonly-color-disabled)';
|
|
1025
|
-
|
|
1026
|
-
/**
|
|
1027
|
-
* @type {string}
|
|
1028
|
-
*/
|
|
1029
|
-
export const SynInputReadonlyColorFocus = 'var(--syn-input-readonly-color-focus)';
|
|
1030
|
-
|
|
1031
1016
|
/**
|
|
1032
1017
|
* @type {string}
|
|
1033
1018
|
*/
|
package/dist/scss/_tokens.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 2.
|
|
2
|
+
* @synergy-design-system/tokens version 2.38.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
*/
|
|
5
5
|
$SynAlertErrorColorBackground: var(--syn-alert-error-color-background) !default;
|
|
@@ -204,9 +204,6 @@ $SynInputLabelFontSizeSmall: var(--syn-input-label-font-size-small) !default;
|
|
|
204
204
|
$SynInputLetterSpacing: var(--syn-input-letter-spacing) !default;
|
|
205
205
|
$SynInputPlaceholderColor: var(--syn-input-placeholder-color) !default;
|
|
206
206
|
$SynInputPlaceholderColorDisabled: var(--syn-input-placeholder-color-disabled) !default;
|
|
207
|
-
$SynInputReadonlyColor: var(--syn-input-readonly-color) !default;
|
|
208
|
-
$SynInputReadonlyColorDisabled: var(--syn-input-readonly-color-disabled) !default;
|
|
209
|
-
$SynInputReadonlyColorFocus: var(--syn-input-readonly-color-focus) !default;
|
|
210
207
|
$SynInputReadonlyColorHover: var(--syn-input-readonly-color-hover) !default;
|
|
211
208
|
$SynInputReadonlyBackgroundColor: var(--syn-input-readonly-background-color) !default;
|
|
212
209
|
$SynInputReadonlyBackgroundColorDisabled: var(--syn-input-readonly-background-color-disabled) !default;
|
package/dist/themes/dark.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 2.
|
|
2
|
+
* @synergy-design-system/tokens version 2.38.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
@@ -209,14 +209,11 @@
|
|
|
209
209
|
--syn-input-letter-spacing: var(--syn-letter-spacing-normal);
|
|
210
210
|
--syn-input-placeholder-color: var(--syn-color-neutral-500);
|
|
211
211
|
--syn-input-placeholder-color-disabled: var(--syn-color-neutral-500);
|
|
212
|
-
--syn-input-readonly-color: var(--syn-color-neutral-800);
|
|
213
|
-
--syn-input-readonly-color-disabled: var(--syn-color-neutral-800);
|
|
214
|
-
--syn-input-readonly-color-focus: var(--syn-color-neutral-950);
|
|
215
212
|
--syn-input-readonly-color-hover: var(--syn-color-neutral-950);
|
|
216
|
-
--syn-input-readonly-background-color: var(--syn-color-neutral-
|
|
217
|
-
--syn-input-readonly-background-color-disabled: var(--syn-color-neutral-
|
|
218
|
-
--syn-input-readonly-background-color-focus: var(--syn-color-neutral-
|
|
219
|
-
--syn-input-readonly-background-color-hover: var(--syn-color-neutral-
|
|
213
|
+
--syn-input-readonly-background-color: var(--syn-color-neutral-300);
|
|
214
|
+
--syn-input-readonly-background-color-disabled: var(--syn-color-neutral-300);
|
|
215
|
+
--syn-input-readonly-background-color-focus: var(--syn-color-neutral-300);
|
|
216
|
+
--syn-input-readonly-background-color-hover: var(--syn-color-neutral-300);
|
|
220
217
|
--syn-input-required-content: "*";
|
|
221
218
|
--syn-input-required-content-color: var(--syn-input-label-color);
|
|
222
219
|
--syn-input-required-content-offset: -2px;
|
package/dist/themes/light.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 2.
|
|
2
|
+
* @synergy-design-system/tokens version 2.38.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
@@ -209,14 +209,11 @@
|
|
|
209
209
|
--syn-input-letter-spacing: var(--syn-letter-spacing-normal);
|
|
210
210
|
--syn-input-placeholder-color: var(--syn-color-neutral-500);
|
|
211
211
|
--syn-input-placeholder-color-disabled: var(--syn-color-neutral-500);
|
|
212
|
-
--syn-input-readonly-color: var(--syn-color-neutral-800);
|
|
213
|
-
--syn-input-readonly-color-disabled: var(--syn-color-neutral-800);
|
|
214
|
-
--syn-input-readonly-color-focus: var(--syn-color-neutral-950);
|
|
215
212
|
--syn-input-readonly-color-hover: var(--syn-color-neutral-950);
|
|
216
|
-
--syn-input-readonly-background-color: var(--syn-color-neutral-
|
|
217
|
-
--syn-input-readonly-background-color-disabled: var(--syn-color-neutral-
|
|
218
|
-
--syn-input-readonly-background-color-focus: var(--syn-color-neutral-
|
|
219
|
-
--syn-input-readonly-background-color-hover: var(--syn-color-neutral-
|
|
213
|
+
--syn-input-readonly-background-color: var(--syn-color-neutral-300);
|
|
214
|
+
--syn-input-readonly-background-color-disabled: var(--syn-color-neutral-300);
|
|
215
|
+
--syn-input-readonly-background-color-focus: var(--syn-color-neutral-300);
|
|
216
|
+
--syn-input-readonly-background-color-hover: var(--syn-color-neutral-300);
|
|
220
217
|
--syn-input-required-content: "*";
|
|
221
218
|
--syn-input-required-content-color: var(--syn-input-label-color);
|
|
222
219
|
--syn-input-required-content-offset: -2px;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 2.
|
|
2
|
+
* @synergy-design-system/tokens version 2.38.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
@@ -209,14 +209,11 @@
|
|
|
209
209
|
--syn-input-letter-spacing: var(--syn-letter-spacing-normal);
|
|
210
210
|
--syn-input-placeholder-color: var(--syn-color-neutral-500);
|
|
211
211
|
--syn-input-placeholder-color-disabled: var(--syn-color-neutral-500);
|
|
212
|
-
--syn-input-readonly-color: var(--syn-color-neutral-800);
|
|
213
|
-
--syn-input-readonly-color-disabled: var(--syn-color-neutral-800);
|
|
214
|
-
--syn-input-readonly-color-focus: var(--syn-color-neutral-950);
|
|
215
212
|
--syn-input-readonly-color-hover: var(--syn-color-neutral-950);
|
|
216
|
-
--syn-input-readonly-background-color: var(--syn-color-neutral-
|
|
217
|
-
--syn-input-readonly-background-color-disabled: var(--syn-color-neutral-
|
|
218
|
-
--syn-input-readonly-background-color-focus: var(--syn-color-neutral-
|
|
219
|
-
--syn-input-readonly-background-color-hover: var(--syn-color-neutral-
|
|
213
|
+
--syn-input-readonly-background-color: var(--syn-color-neutral-300);
|
|
214
|
+
--syn-input-readonly-background-color-disabled: var(--syn-color-neutral-300);
|
|
215
|
+
--syn-input-readonly-background-color-focus: var(--syn-color-neutral-300);
|
|
216
|
+
--syn-input-readonly-background-color-hover: var(--syn-color-neutral-300);
|
|
220
217
|
--syn-input-required-content: "*";
|
|
221
218
|
--syn-input-required-content-color: var(--syn-input-label-color);
|
|
222
219
|
--syn-input-required-content-offset: -2px;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 2.
|
|
2
|
+
* @synergy-design-system/tokens version 2.38.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
@@ -209,14 +209,11 @@
|
|
|
209
209
|
--syn-input-letter-spacing: var(--syn-letter-spacing-normal);
|
|
210
210
|
--syn-input-placeholder-color: var(--syn-color-neutral-500);
|
|
211
211
|
--syn-input-placeholder-color-disabled: var(--syn-color-neutral-500);
|
|
212
|
-
--syn-input-readonly-color: var(--syn-color-neutral-800);
|
|
213
|
-
--syn-input-readonly-color-disabled: var(--syn-color-neutral-800);
|
|
214
|
-
--syn-input-readonly-color-focus: var(--syn-color-neutral-950);
|
|
215
212
|
--syn-input-readonly-color-hover: var(--syn-color-neutral-950);
|
|
216
|
-
--syn-input-readonly-background-color: var(--syn-color-neutral-
|
|
217
|
-
--syn-input-readonly-background-color-disabled: var(--syn-color-neutral-
|
|
218
|
-
--syn-input-readonly-background-color-focus: var(--syn-color-neutral-
|
|
219
|
-
--syn-input-readonly-background-color-hover: var(--syn-color-neutral-
|
|
213
|
+
--syn-input-readonly-background-color: var(--syn-color-neutral-300);
|
|
214
|
+
--syn-input-readonly-background-color-disabled: var(--syn-color-neutral-300);
|
|
215
|
+
--syn-input-readonly-background-color-focus: var(--syn-color-neutral-300);
|
|
216
|
+
--syn-input-readonly-background-color-hover: var(--syn-color-neutral-300);
|
|
220
217
|
--syn-input-required-content: "*";
|
|
221
218
|
--syn-input-required-content-color: var(--syn-input-label-color);
|
|
222
219
|
--syn-input-required-content-offset: -2px;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 2.
|
|
2
|
+
* @synergy-design-system/tokens version 2.38.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
@@ -87,10 +87,10 @@
|
|
|
87
87
|
--syn-color-info-800: #a6e9ff;
|
|
88
88
|
--syn-color-info-900: #dff4ff;
|
|
89
89
|
--syn-color-info-950: #effaff;
|
|
90
|
-
--syn-color-neutral-0: #
|
|
91
|
-
--syn-color-neutral-50: #
|
|
90
|
+
--syn-color-neutral-0: #000206;
|
|
91
|
+
--syn-color-neutral-50: #00051a;
|
|
92
92
|
--syn-color-neutral-100: #000a37;
|
|
93
|
-
--syn-color-neutral-200: #
|
|
93
|
+
--syn-color-neutral-200: #0e1633;
|
|
94
94
|
--syn-color-neutral-300: #262f55;
|
|
95
95
|
--syn-color-neutral-400: #404769;
|
|
96
96
|
--syn-color-neutral-500: #4d5473;
|
|
@@ -170,9 +170,9 @@
|
|
|
170
170
|
--syn-input-background-color-hover: var(--syn-input-background-color);
|
|
171
171
|
--syn-input-border-color: var(--syn-color-neutral-1000);
|
|
172
172
|
--syn-input-border-color-disabled: var(--syn-color-neutral-1000);
|
|
173
|
-
--syn-input-border-color-focus: var(--syn-color-primary-
|
|
173
|
+
--syn-input-border-color-focus: var(--syn-color-primary-400);
|
|
174
174
|
--syn-input-border-color-focus-error: var(--syn-color-error-600);
|
|
175
|
-
--syn-input-border-color-hover: var(--syn-color-primary-
|
|
175
|
+
--syn-input-border-color-hover: var(--syn-color-primary-400);
|
|
176
176
|
--syn-input-border-radius-large: var(--syn-border-radius-medium);
|
|
177
177
|
--syn-input-border-radius-medium: var(--syn-border-radius-medium);
|
|
178
178
|
--syn-input-border-radius-small: var(--syn-border-radius-medium);
|
|
@@ -209,14 +209,11 @@
|
|
|
209
209
|
--syn-input-letter-spacing: normal;
|
|
210
210
|
--syn-input-placeholder-color: var(--syn-color-neutral-800);
|
|
211
211
|
--syn-input-placeholder-color-disabled: var(--syn-color-neutral-800);
|
|
212
|
-
--syn-input-readonly-color: var(--syn-color-neutral-800);
|
|
213
|
-
--syn-input-readonly-color-disabled: var(--syn-color-neutral-800);
|
|
214
|
-
--syn-input-readonly-color-focus: var(--syn-color-neutral-950);
|
|
215
212
|
--syn-input-readonly-color-hover: var(--syn-color-neutral-950);
|
|
216
|
-
--syn-input-readonly-background-color: var(--syn-color-neutral-
|
|
217
|
-
--syn-input-readonly-background-color-disabled: var(--syn-color-neutral-
|
|
218
|
-
--syn-input-readonly-background-color-focus: var(--syn-color-neutral-
|
|
219
|
-
--syn-input-readonly-background-color-hover: var(--syn-color-neutral-
|
|
213
|
+
--syn-input-readonly-background-color: var(--syn-color-neutral-300);
|
|
214
|
+
--syn-input-readonly-background-color-disabled: var(--syn-color-neutral-300);
|
|
215
|
+
--syn-input-readonly-background-color-focus: var(--syn-color-neutral-300);
|
|
216
|
+
--syn-input-readonly-background-color-hover: var(--syn-color-neutral-300);
|
|
220
217
|
--syn-input-required-content: "*";
|
|
221
218
|
--syn-input-required-content-color: var(--syn-input-label-color);
|
|
222
219
|
--syn-input-required-content-offset: -2px;
|
|
@@ -225,12 +222,12 @@
|
|
|
225
222
|
--syn-input-spacing-small: var(--syn-spacing-small);
|
|
226
223
|
--syn-input-width: var(--syn-border-width-small);
|
|
227
224
|
--syn-interactive-background-color-hover: var(--syn-color-neutral-100);
|
|
228
|
-
--syn-interactive-emphasis-color: var(--syn-color-primary-
|
|
229
|
-
--syn-interactive-emphasis-color-active: var(--syn-color-primary-
|
|
230
|
-
--syn-interactive-emphasis-color-hover: var(--syn-color-primary-
|
|
225
|
+
--syn-interactive-emphasis-color: var(--syn-color-primary-400);
|
|
226
|
+
--syn-interactive-emphasis-color-active: var(--syn-color-primary-700);
|
|
227
|
+
--syn-interactive-emphasis-color-hover: var(--syn-color-primary-600);
|
|
231
228
|
--syn-interactive-quiet-color: var(--syn-color-neutral-1000);
|
|
232
|
-
--syn-interactive-quiet-color-active: var(--syn-color-primary-
|
|
233
|
-
--syn-interactive-quiet-color-hover: var(--syn-color-primary-
|
|
229
|
+
--syn-interactive-quiet-color-active: var(--syn-color-primary-500);
|
|
230
|
+
--syn-interactive-quiet-color-hover: var(--syn-color-primary-400);
|
|
234
231
|
--syn-letter-spacing-dense: normal; /** Shoelace compatibility DO NOT USE */
|
|
235
232
|
--syn-letter-spacing-denser: normal; /** Shoelace compatibility DO NOT USE */
|
|
236
233
|
--syn-letter-spacing-loose: normal; /** Shoelace compatibility DO NOT USE */
|
|
@@ -250,8 +247,8 @@
|
|
|
250
247
|
--syn-link-underline-outline: 25%;
|
|
251
248
|
--syn-logo-color: var(--syn-color-primary-300);
|
|
252
249
|
--syn-opacity-50: 0.5; /** 50% */
|
|
253
|
-
--syn-overlay-background-blur:
|
|
254
|
-
--syn-overlay-background-color: rgba(0,
|
|
250
|
+
--syn-overlay-background-blur: 8px;
|
|
251
|
+
--syn-overlay-background-color: rgba(0, 5, 26, 0.6);
|
|
255
252
|
--syn-page-background: var(--syn-color-neutral-0);
|
|
256
253
|
--syn-panel-background-color: var(--syn-color-neutral-50);
|
|
257
254
|
--syn-panel-border-color: var(--syn-color-neutral-300);
|
|
@@ -274,8 +271,8 @@
|
|
|
274
271
|
--syn-spacing-x-small: 8px;
|
|
275
272
|
--syn-spinner-opacity: 0.4;
|
|
276
273
|
--syn-table-background-color: var(--syn-panel-background-color);
|
|
277
|
-
--syn-table-background-color-alternating: var(--syn-color-neutral-
|
|
278
|
-
--syn-table-background-color-header: var(--syn-color-neutral-
|
|
274
|
+
--syn-table-background-color-alternating: var(--syn-color-neutral-200);
|
|
275
|
+
--syn-table-background-color-header: var(--syn-color-neutral-300);
|
|
279
276
|
--syn-table-border-color: var(--syn-color-neutral-300);
|
|
280
277
|
--syn-table-shadow-end: rgba(0, 0, 0, 0);
|
|
281
278
|
--syn-table-shadow-start: rgba(0, 0, 0, 0.8);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @synergy-design-system/tokens version 2.
|
|
2
|
+
* @synergy-design-system/tokens version 2.38.0
|
|
3
3
|
* SICK Global UX Foundation
|
|
4
4
|
* Do not edit directly, this file was auto-generated.
|
|
5
5
|
*/
|
|
@@ -209,14 +209,11 @@
|
|
|
209
209
|
--syn-input-letter-spacing: normal;
|
|
210
210
|
--syn-input-placeholder-color: var(--syn-color-neutral-700);
|
|
211
211
|
--syn-input-placeholder-color-disabled: var(--syn-color-neutral-700);
|
|
212
|
-
--syn-input-readonly-color: var(--syn-color-neutral-800);
|
|
213
|
-
--syn-input-readonly-color-disabled: var(--syn-color-neutral-800);
|
|
214
|
-
--syn-input-readonly-color-focus: var(--syn-color-neutral-950);
|
|
215
212
|
--syn-input-readonly-color-hover: var(--syn-color-neutral-950);
|
|
216
|
-
--syn-input-readonly-background-color: #
|
|
217
|
-
--syn-input-readonly-background-color-disabled: #
|
|
218
|
-
--syn-input-readonly-background-color-focus: #
|
|
219
|
-
--syn-input-readonly-background-color-hover: #
|
|
213
|
+
--syn-input-readonly-background-color: #e6e1dc;
|
|
214
|
+
--syn-input-readonly-background-color-disabled: #e6e1dc;
|
|
215
|
+
--syn-input-readonly-background-color-focus: #e6e1dc;
|
|
216
|
+
--syn-input-readonly-background-color-hover: #e6e1dc;
|
|
220
217
|
--syn-input-required-content: "*";
|
|
221
218
|
--syn-input-required-content-color: var(--syn-input-label-color);
|
|
222
219
|
--syn-input-required-content-offset: -2px;
|
|
@@ -250,8 +247,8 @@
|
|
|
250
247
|
--syn-link-underline-outline: 25%;
|
|
251
248
|
--syn-logo-color: var(--syn-color-primary-700);
|
|
252
249
|
--syn-opacity-50: 0.5; /** 50% */
|
|
253
|
-
--syn-overlay-background-blur:
|
|
254
|
-
--syn-overlay-background-color: rgba(0,
|
|
250
|
+
--syn-overlay-background-blur: 8px;
|
|
251
|
+
--syn-overlay-background-color: rgba(0, 5, 26, 0.3);
|
|
255
252
|
--syn-page-background: #f8f7f6;
|
|
256
253
|
--syn-panel-background-color: var(--syn-color-neutral-0);
|
|
257
254
|
--syn-panel-border-color: #e6e1dc;
|
package/package.json
CHANGED
|
@@ -9,9 +9,6 @@
|
|
|
9
9
|
"@figma-export/cli": "^6.2.2",
|
|
10
10
|
"@figma-export/types": "^6.2.2",
|
|
11
11
|
"@figma/rest-api-spec": "^0.31.0",
|
|
12
|
-
"@semantic-release/changelog": "^6.0.3",
|
|
13
|
-
"@semantic-release/exec": "^6.0.3",
|
|
14
|
-
"@semantic-release/git": "^10.0.1",
|
|
15
12
|
"@tamtamchik/json-deep-sort": "^1.3.0",
|
|
16
13
|
"@tokens-studio/sd-transforms": "^2.0.1",
|
|
17
14
|
"@types/node": "^22.17.0",
|
|
@@ -20,13 +17,11 @@
|
|
|
20
17
|
"eslint": "^8.57.1",
|
|
21
18
|
"eslint-import-resolver-typescript": "^4.4.4",
|
|
22
19
|
"rimraf": "^6.0.1",
|
|
23
|
-
"semantic-release": "^19.0.5",
|
|
24
|
-
"semantic-release-monorepo": "7.0.5",
|
|
25
20
|
"style-dictionary": "^5.0.1",
|
|
26
21
|
"stylelint": "^16.23.0",
|
|
27
22
|
"typescript": "^5.8.3",
|
|
28
|
-
"@synergy-design-system/
|
|
29
|
-
"@synergy-design-system/
|
|
23
|
+
"@synergy-design-system/eslint-config-syn": "0.1.0",
|
|
24
|
+
"@synergy-design-system/stylelint-config-syn": "0.1.0"
|
|
30
25
|
},
|
|
31
26
|
"exports": {
|
|
32
27
|
".": {
|
|
@@ -60,60 +55,9 @@
|
|
|
60
55
|
"url": "https://github.com/synergy-design-system/synergy-design-system.git",
|
|
61
56
|
"directory": "packages/tokens"
|
|
62
57
|
},
|
|
63
|
-
"release": {
|
|
64
|
-
"branches": [
|
|
65
|
-
"main",
|
|
66
|
-
{
|
|
67
|
-
"name": "beta",
|
|
68
|
-
"prerelease": true
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
"name": "alpha",
|
|
72
|
-
"prerelease": true
|
|
73
|
-
}
|
|
74
|
-
],
|
|
75
|
-
"plugins": [
|
|
76
|
-
"@semantic-release/commit-analyzer",
|
|
77
|
-
"@semantic-release/release-notes-generator",
|
|
78
|
-
[
|
|
79
|
-
"@semantic-release/changelog",
|
|
80
|
-
{
|
|
81
|
-
"changelogFile": "CHANGELOG.md"
|
|
82
|
-
}
|
|
83
|
-
],
|
|
84
|
-
[
|
|
85
|
-
"@semantic-release/exec",
|
|
86
|
-
{
|
|
87
|
-
"prepareCmd": "pnpm build"
|
|
88
|
-
}
|
|
89
|
-
],
|
|
90
|
-
[
|
|
91
|
-
"@semantic-release/npm",
|
|
92
|
-
{
|
|
93
|
-
"npmPublish": false
|
|
94
|
-
}
|
|
95
|
-
],
|
|
96
|
-
[
|
|
97
|
-
"@semantic-release/git",
|
|
98
|
-
{
|
|
99
|
-
"message": "chore(release/tokens): ${nextRelease.version} [skip actions]\n\n${nextRelease.notes}",
|
|
100
|
-
"assets": [
|
|
101
|
-
"CHANGELOG.md",
|
|
102
|
-
"package.json"
|
|
103
|
-
]
|
|
104
|
-
}
|
|
105
|
-
],
|
|
106
|
-
[
|
|
107
|
-
"@semantic-release/github",
|
|
108
|
-
{
|
|
109
|
-
"successComment": false
|
|
110
|
-
}
|
|
111
|
-
]
|
|
112
|
-
]
|
|
113
|
-
},
|
|
114
58
|
"type": "module",
|
|
115
59
|
"types": "./dist/js/index.d.ts",
|
|
116
|
-
"version": "2.
|
|
60
|
+
"version": "2.39.0",
|
|
117
61
|
"scripts": {
|
|
118
62
|
"build": "pnpm clean && node scripts/build.js",
|
|
119
63
|
"build:all": "dotenvx -q run pnpm build:_all",
|
|
@@ -132,8 +76,6 @@
|
|
|
132
76
|
"format.eslint": "pnpm lint:js --fix",
|
|
133
77
|
"start": "pnpm build",
|
|
134
78
|
"compare": "pnpm build && node test/test-css-variables.js",
|
|
135
|
-
"test": "pnpm compare"
|
|
136
|
-
"release": "semantic-release --tagFormat 'tokens/${version}' -e semantic-release-monorepo",
|
|
137
|
-
"release.dry": "semantic-release --dry-run --tagFormat 'tokens/${version}' -e semantic-release-monorepo"
|
|
79
|
+
"test": "pnpm compare"
|
|
138
80
|
}
|
|
139
81
|
}
|
|
@@ -742,6 +742,10 @@
|
|
|
742
742
|
"type": "color",
|
|
743
743
|
"value": "{color.neutral.700}"
|
|
744
744
|
},
|
|
745
|
+
"color-active": {
|
|
746
|
+
"type": "color",
|
|
747
|
+
"value": "{color.neutral.1000}"
|
|
748
|
+
},
|
|
745
749
|
"color-disabled": {
|
|
746
750
|
"type": "color",
|
|
747
751
|
"value": "{color.neutral.700}"
|
|
@@ -887,6 +891,10 @@
|
|
|
887
891
|
"type": "color",
|
|
888
892
|
"value": "{color.neutral.600}"
|
|
889
893
|
},
|
|
894
|
+
"color-active": {
|
|
895
|
+
"type": "color",
|
|
896
|
+
"value": "{color.neutral.900}"
|
|
897
|
+
},
|
|
890
898
|
"color-hover": {
|
|
891
899
|
"type": "color",
|
|
892
900
|
"value": "{color.neutral.800}"
|
|
@@ -928,18 +936,6 @@
|
|
|
928
936
|
}
|
|
929
937
|
},
|
|
930
938
|
"readonly": {
|
|
931
|
-
"color": {
|
|
932
|
-
"type": "color",
|
|
933
|
-
"value": "{color.neutral.800}"
|
|
934
|
-
},
|
|
935
|
-
"color-disabled": {
|
|
936
|
-
"type": "color",
|
|
937
|
-
"value": "{color.neutral.800}"
|
|
938
|
-
},
|
|
939
|
-
"color-focus": {
|
|
940
|
-
"type": "color",
|
|
941
|
-
"value": "{color.neutral.950}"
|
|
942
|
-
},
|
|
943
939
|
"color-hover": {
|
|
944
940
|
"type": "color",
|
|
945
941
|
"value": "{color.neutral.950}"
|
|
@@ -948,19 +944,19 @@
|
|
|
948
944
|
"readonly-background": {
|
|
949
945
|
"color": {
|
|
950
946
|
"type": "color",
|
|
951
|
-
"value": "{color.neutral.
|
|
947
|
+
"value": "{color.neutral.300}"
|
|
952
948
|
},
|
|
953
949
|
"color-disabled": {
|
|
954
950
|
"type": "color",
|
|
955
|
-
"value": "{color.neutral.
|
|
951
|
+
"value": "{color.neutral.300}"
|
|
956
952
|
},
|
|
957
953
|
"color-focus": {
|
|
958
954
|
"type": "color",
|
|
959
|
-
"value": "{color.neutral.
|
|
955
|
+
"value": "{color.neutral.300}"
|
|
960
956
|
},
|
|
961
957
|
"color-hover": {
|
|
962
958
|
"type": "color",
|
|
963
|
-
"value": "{color.neutral.
|
|
959
|
+
"value": "{color.neutral.300}"
|
|
964
960
|
}
|
|
965
961
|
},
|
|
966
962
|
"required": {
|
|
@@ -742,6 +742,10 @@
|
|
|
742
742
|
"type": "color",
|
|
743
743
|
"value": "{color.neutral.700}"
|
|
744
744
|
},
|
|
745
|
+
"color-active": {
|
|
746
|
+
"type": "color",
|
|
747
|
+
"value": "{color.neutral.1000}"
|
|
748
|
+
},
|
|
745
749
|
"color-disabled": {
|
|
746
750
|
"type": "color",
|
|
747
751
|
"value": "{color.neutral.700}"
|
|
@@ -887,6 +891,10 @@
|
|
|
887
891
|
"type": "color",
|
|
888
892
|
"value": "{color.neutral.600}"
|
|
889
893
|
},
|
|
894
|
+
"color-active": {
|
|
895
|
+
"type": "color",
|
|
896
|
+
"value": "{color.neutral.900}"
|
|
897
|
+
},
|
|
890
898
|
"color-hover": {
|
|
891
899
|
"type": "color",
|
|
892
900
|
"value": "{color.neutral.800}"
|
|
@@ -928,18 +936,6 @@
|
|
|
928
936
|
}
|
|
929
937
|
},
|
|
930
938
|
"readonly": {
|
|
931
|
-
"color": {
|
|
932
|
-
"type": "color",
|
|
933
|
-
"value": "{color.neutral.800}"
|
|
934
|
-
},
|
|
935
|
-
"color-disabled": {
|
|
936
|
-
"type": "color",
|
|
937
|
-
"value": "{color.neutral.800}"
|
|
938
|
-
},
|
|
939
|
-
"color-focus": {
|
|
940
|
-
"type": "color",
|
|
941
|
-
"value": "{color.neutral.950}"
|
|
942
|
-
},
|
|
943
939
|
"color-hover": {
|
|
944
940
|
"type": "color",
|
|
945
941
|
"value": "{color.neutral.950}"
|
|
@@ -948,19 +944,19 @@
|
|
|
948
944
|
"readonly-background": {
|
|
949
945
|
"color": {
|
|
950
946
|
"type": "color",
|
|
951
|
-
"value": "{color.neutral.
|
|
947
|
+
"value": "{color.neutral.300}"
|
|
952
948
|
},
|
|
953
949
|
"color-disabled": {
|
|
954
950
|
"type": "color",
|
|
955
|
-
"value": "{color.neutral.
|
|
951
|
+
"value": "{color.neutral.300}"
|
|
956
952
|
},
|
|
957
953
|
"color-focus": {
|
|
958
954
|
"type": "color",
|
|
959
|
-
"value": "{color.neutral.
|
|
955
|
+
"value": "{color.neutral.300}"
|
|
960
956
|
},
|
|
961
957
|
"color-hover": {
|
|
962
958
|
"type": "color",
|
|
963
|
-
"value": "{color.neutral.
|
|
959
|
+
"value": "{color.neutral.300}"
|
|
964
960
|
}
|
|
965
961
|
},
|
|
966
962
|
"required": {
|