@neovici/cosmoz-tokens 4.9.0 → 4.9.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neovici/cosmoz-tokens",
3
- "version": "4.9.0",
3
+ "version": "4.9.1",
4
4
  "description": "Design tokens for Cosmoz web components based on Untitled UI",
5
5
  "keywords": [
6
6
  "design-tokens",
@@ -43,19 +43,19 @@
43
43
  --cz-color-lavender-900: rgb(54 46 80); /* derived */
44
44
  --cz-color-lavender-950: rgb(36 32 52); /* derived */
45
45
 
46
- /* Gray colors — graphite, tinted toward lavender. Core: all but 25, 100, 800 */
46
+ /* Gray colors — graphite, tinted toward lavender; 500–950 lean cool. Core: all but 25, 100, 800 */
47
47
  --cz-color-gray-25: rgb(251 250 251); /* derived */
48
48
  --cz-color-gray-50: rgb(247 246 248);
49
49
  --cz-color-gray-100: rgb(240 239 242); /* derived */
50
50
  --cz-color-gray-200: rgb(227 226 231);
51
51
  --cz-color-gray-300: rgb(209 208 215);
52
52
  --cz-color-gray-400: rgb(161 160 168);
53
- --cz-color-gray-500: rgb(116 115 123);
54
- --cz-color-gray-600: rgb(88 87 94);
55
- --cz-color-gray-700: rgb(66 65 72);
56
- --cz-color-gray-800: rgb(45 44 50); /* derived */
57
- --cz-color-gray-900: rgb(25 25 29);
58
- --cz-color-gray-950: rgb(14 14 17);
53
+ --cz-color-gray-500: rgb(113 116 126);
54
+ --cz-color-gray-600: rgb(85 88 97);
55
+ --cz-color-gray-700: rgb(60 62 71);
56
+ --cz-color-gray-800: rgb(38 40 47); /* derived */
57
+ --cz-color-gray-900: rgb(20 21 26);
58
+ --cz-color-gray-950: rgb(10 11 14);
59
59
 
60
60
  /* Error colors. Core: 50, 300, 500, 700 */
61
61
  --cz-color-error-25: rgb(255 248 247); /* derived */
package/src/semantic.css CHANGED
@@ -120,7 +120,7 @@
120
120
  */
121
121
  --cz-color-bg-primary: light-dark(
122
122
  var(--cz-color-white),
123
- var(--cz-color-gray-900)
123
+ var(--cz-color-gray-950)
124
124
  );
125
125
  --cz-color-bg-primary-hover: light-dark(
126
126
  var(--cz-color-gray-50),
@@ -132,15 +132,15 @@
132
132
  );
133
133
  --cz-color-bg-secondary: light-dark(
134
134
  var(--cz-color-gray-50),
135
- var(--cz-color-gray-950)
135
+ var(--cz-color-gray-900)
136
136
  );
137
137
  --cz-color-bg-secondary-hover: light-dark(
138
138
  var(--cz-color-gray-100),
139
- var(--cz-color-gray-900)
139
+ var(--cz-color-gray-800)
140
140
  );
141
141
  --cz-color-bg-secondary-subtle: light-dark(
142
142
  var(--cz-color-gray-25),
143
- var(--cz-color-gray-950)
143
+ var(--cz-color-gray-900)
144
144
  );
145
145
  --cz-color-bg-tertiary: light-dark(
146
146
  var(--cz-color-gray-100),