@synergy-design-system/tokens 1.0.0-main.4 → 1.0.0-main.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 (4) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/css/dark.css +26 -15
  3. package/dist/css/light.css +26 -15
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ # [@synergy-design-system/tokens-v1.0.0-main.5](https://github.com/SickDesignSystem/synergy/compare/tokens/1.0.0-main.4...tokens/1.0.0-main.5) (2023-11-07)
2
+
3
+
4
+ ### Features
5
+
6
+ * ✨ clearable-color ([#106](https://github.com/SickDesignSystem/synergy/issues/106)) ([13cc5ec](https://github.com/SickDesignSystem/synergy/commit/13cc5ecd0a9f4776dae711c78a3d9e40a0d930e8))
7
+
1
8
  # [@synergy-design-system/tokens-v1.0.0-main.4](https://github.com/SickDesignSystem/synergy/compare/tokens/1.0.0-main.3...tokens/1.0.0-main.4) (2023-11-02)
2
9
 
3
10
 
package/dist/css/dark.css CHANGED
@@ -1,8 +1,8 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 1.0.0-main.3
2
+ * @synergy-design-system/tokens version 1.0.0-main.4
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly
5
- * Generated on Thu, 02 Nov 2023 15:24:29 GMT
5
+ * Generated on Tue, 07 Nov 2023 08:20:27 GMT
6
6
  */
7
7
 
8
8
  :root { --syn-font-size-2x-small: 10px;
@@ -81,6 +81,9 @@
81
81
  --syn-input-icon-color: var(--syn-color-neutral-800);
82
82
  --syn-input-icon-color-hover: var(--syn-color-neutral-800);
83
83
  --syn-input-icon-color-focus: var(--syn-color-neutral-800);
84
+ --syn-input-icon-icon-clearable-color: var(--syn-color-gray-500);
85
+ --syn-input-icon-icon-clearable-color-hover: var(--syn-color-gray-500);
86
+ --syn-input-icon-icon-clearable-color-focus: var(--syn-color-gray-500);
84
87
  --syn-input-placeholder-color: var(--syn-color-neutral-500);
85
88
  --syn-input-placeholder-color-disabled: var(--syn-color-neutral-500);
86
89
  --syn-input-required-content: "*";
@@ -96,25 +99,25 @@
96
99
  --syn-input-focus-ring-offset: 0;
97
100
  --syn-input-focus-ring-error: var(--syn-color-error-400);
98
101
  --syn-input-disabled-opacity: 0.5;
99
- --syn-input-filled-background-color: var(--syn-color-neutral-50);
100
- --syn-input-filled-background-color-hover: var(--syn-color-neutral-50);
101
- --syn-input-filled-background-color-focus: var(--syn-color-neutral-50);
102
- --syn-input-filled-background-color-disabled: var(--syn-color-neutral-50);
102
+ --syn-input-readonly-background-color: var(--syn-color-neutral-50);
103
+ --syn-input-readonly-background-color-hover: var(--syn-color-neutral-50);
104
+ --syn-input-readonly-background-color-focus: var(--syn-color-neutral-50);
105
+ --syn-input-readonly-background-color-disabled: var(--syn-color-neutral-50);
106
+ --syn-input-help-text-color: var(--syn-color-neutral-800);
107
+ --syn-input-help-text-color-error: var(--syn-color-error-700);
103
108
  --syn-input-help-text-font-size-small: var(--syn-font-size-x-small);
104
109
  --syn-input-help-text-font-size-medium: var(--syn-font-size-small);
105
110
  --syn-input-help-text-font-size-large: var(--syn-font-size-medium);
106
- --syn-input-help-text-color: var(--syn-color-neutral-800);
107
- --syn-input-help-text-color-error: var(--syn-color-error-700);
108
- --syn-input-font-size-small: var(--syn-font-size-small);
109
- --syn-input-font-size-medium: var(--syn-font-size-medium);
110
- --syn-input-font-size-large: var(--syn-font-size-large);
111
111
  --syn-input-height-small: var(--syn-spacing-x-large);
112
112
  --syn-input-height-medium: var(--syn-spacing-2x-large);
113
113
  --syn-input-height-large: var(--syn-spacing-3x-large);
114
- --syn-input-filled-color: var(--syn-color-neutral-800);
115
- --syn-input-filled-color-disabled: var(--syn-color-neutral-800);
116
- --syn-input-filled-color-hover: var(--syn-color-neutral-950);
117
- --syn-input-filled-color-focus: var(--syn-color-neutral-950);
114
+ --syn-input-readonly-color: var(--syn-color-neutral-800);
115
+ --syn-input-readonly-color-disabled: var(--syn-color-neutral-800);
116
+ --syn-input-readonly-color-hover: var(--syn-color-neutral-950);
117
+ --syn-input-readonly-color-focus: var(--syn-color-neutral-950);
118
+ --syn-input-font-size-small: var(--syn-font-size-small);
119
+ --syn-input-font-size-medium: var(--syn-font-size-medium);
120
+ --syn-input-font-size-large: var(--syn-font-size-large);
118
121
  --syn-color-primary-50: #072E4A;
119
122
  --syn-color-primary-100: #0B486F;
120
123
  --syn-color-primary-200: #065786;
@@ -215,6 +218,14 @@
215
218
  --syn-input-font-family: var(--syn-font-sans);
216
219
  --syn-input-font-weight: var(--syn-font-weight-normal);
217
220
  --syn-input-letter-spacing: var(--syn-letter-spacing-normal);
221
+ --syn-input-filled-background-color: var(--syn-color-neutral-100);
222
+ --syn-input-filled-background-color-hover: var(--syn-color-neutral-100);
223
+ --syn-input-filled-background-color-focus: var(--syn-color-neutral-100);
224
+ --syn-input-filled-background-color-disabled: var(--syn-color-neutral-100);
225
+ --syn-input-filled-color: var(--syn-color-neutral-800);
226
+ --syn-input-filled-color-hover: var(--syn-color-neutral-800);
227
+ --syn-input-filled-color-focus: var(--syn-color-neutral-700);
228
+ --syn-input-filled-color-disabled: var(--syn-color-neutral-800);
218
229
  --syn-toggle-size-small: 0.875rem;
219
230
  --syn-toggle-size-medium: 1.125rem;
220
231
  --syn-toggle-size-large: 1.375rem;
package/dist/css/light.css CHANGED
@@ -1,8 +1,8 @@
1
1
  /**
2
- * @synergy-design-system/tokens version 1.0.0-main.3
2
+ * @synergy-design-system/tokens version 1.0.0-main.4
3
3
  * SICK Global UX Foundation
4
4
  * Do not edit directly
5
- * Generated on Thu, 02 Nov 2023 15:24:29 GMT
5
+ * Generated on Tue, 07 Nov 2023 08:20:27 GMT
6
6
  */
7
7
 
8
8
  :root { --syn-font-size-2x-small: 10px;
@@ -81,6 +81,9 @@
81
81
  --syn-input-icon-color: var(--syn-color-neutral-800);
82
82
  --syn-input-icon-color-hover: var(--syn-color-neutral-800);
83
83
  --syn-input-icon-color-focus: var(--syn-color-neutral-800);
84
+ --syn-input-icon-icon-clearable-color: var(--syn-color-gray-500);
85
+ --syn-input-icon-icon-clearable-color-hover: var(--syn-color-gray-500);
86
+ --syn-input-icon-icon-clearable-color-focus: var(--syn-color-gray-500);
84
87
  --syn-input-placeholder-color: var(--syn-color-neutral-500);
85
88
  --syn-input-placeholder-color-disabled: var(--syn-color-neutral-500);
86
89
  --syn-input-required-content: "*";
@@ -96,25 +99,25 @@
96
99
  --syn-input-focus-ring-offset: 0;
97
100
  --syn-input-focus-ring-error: var(--syn-color-error-400);
98
101
  --syn-input-disabled-opacity: 0.5;
99
- --syn-input-filled-background-color: var(--syn-color-neutral-50);
100
- --syn-input-filled-background-color-hover: var(--syn-color-neutral-50);
101
- --syn-input-filled-background-color-focus: var(--syn-color-neutral-50);
102
- --syn-input-filled-background-color-disabled: var(--syn-color-neutral-50);
102
+ --syn-input-readonly-background-color: var(--syn-color-neutral-50);
103
+ --syn-input-readonly-background-color-hover: var(--syn-color-neutral-50);
104
+ --syn-input-readonly-background-color-focus: var(--syn-color-neutral-50);
105
+ --syn-input-readonly-background-color-disabled: var(--syn-color-neutral-50);
106
+ --syn-input-help-text-color: var(--syn-color-neutral-800);
107
+ --syn-input-help-text-color-error: var(--syn-color-error-700);
103
108
  --syn-input-help-text-font-size-small: var(--syn-font-size-x-small);
104
109
  --syn-input-help-text-font-size-medium: var(--syn-font-size-small);
105
110
  --syn-input-help-text-font-size-large: var(--syn-font-size-medium);
106
- --syn-input-help-text-color: var(--syn-color-neutral-800);
107
- --syn-input-help-text-color-error: var(--syn-color-error-700);
108
- --syn-input-font-size-small: var(--syn-font-size-small);
109
- --syn-input-font-size-medium: var(--syn-font-size-medium);
110
- --syn-input-font-size-large: var(--syn-font-size-large);
111
111
  --syn-input-height-small: var(--syn-spacing-x-large);
112
112
  --syn-input-height-medium: var(--syn-spacing-2x-large);
113
113
  --syn-input-height-large: var(--syn-spacing-3x-large);
114
- --syn-input-filled-color: var(--syn-color-neutral-800);
115
- --syn-input-filled-color-disabled: var(--syn-color-neutral-800);
116
- --syn-input-filled-color-hover: var(--syn-color-neutral-950);
117
- --syn-input-filled-color-focus: var(--syn-color-neutral-950);
114
+ --syn-input-readonly-color: var(--syn-color-neutral-800);
115
+ --syn-input-readonly-color-disabled: var(--syn-color-neutral-800);
116
+ --syn-input-readonly-color-hover: var(--syn-color-neutral-950);
117
+ --syn-input-readonly-color-focus: var(--syn-color-neutral-950);
118
+ --syn-input-font-size-small: var(--syn-font-size-small);
119
+ --syn-input-font-size-medium: var(--syn-font-size-medium);
120
+ --syn-input-font-size-large: var(--syn-font-size-large);
118
121
  --syn-color-primary-50: #f0f9ff;
119
122
  --syn-color-primary-100: #e0f1FE;
120
123
  --syn-color-primary-200: #b9e5fe;
@@ -215,6 +218,14 @@
215
218
  --syn-input-font-family: var(--syn-font-sans);
216
219
  --syn-input-font-weight: var(--syn-font-weight-normal);
217
220
  --syn-input-letter-spacing: var(--syn-letter-spacing-normal);
221
+ --syn-input-filled-background-color: var(--syn-color-neutral-100);
222
+ --syn-input-filled-background-color-hover: var(--syn-color-neutral-100);
223
+ --syn-input-filled-background-color-focus: var(--syn-color-neutral-100);
224
+ --syn-input-filled-background-color-disabled: var(--syn-color-neutral-100);
225
+ --syn-input-filled-color: var(--syn-color-neutral-800);
226
+ --syn-input-filled-color-hover: var(--syn-color-neutral-800);
227
+ --syn-input-filled-color-focus: var(--syn-color-neutral-700);
228
+ --syn-input-filled-color-disabled: var(--syn-color-neutral-800);
218
229
  --syn-toggle-size-small: 0.875rem;
219
230
  --syn-toggle-size-medium: 1.125rem;
220
231
  --syn-toggle-size-large: 1.375rem;
package/package.json CHANGED
@@ -93,7 +93,7 @@
93
93
  ]
94
94
  },
95
95
  "type": "module",
96
- "version": "1.0.0-main.4",
96
+ "version": "1.0.0-main.5",
97
97
  "scripts": {
98
98
  "build": "pnpm clean && node scripts/build.js",
99
99
  "clean": "rimraf build",