@czi-sds/components 22.1.1 → 22.2.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.
Files changed (9) hide show
  1. package/dist/index.cjs.d.ts +148 -84
  2. package/dist/index.cjs.js +7139 -672
  3. package/dist/index.esm.d.ts +148 -84
  4. package/dist/index.esm.js +7278 -812
  5. package/dist/tailwind.json +16 -2
  6. package/dist/tsconfig.tsbuildinfo +1 -1
  7. package/dist/variables.css +16 -2
  8. package/dist/variables.scss +16 -2
  9. package/package.json +2 -2
package/dist/variables.css CHANGED
@@ -98,9 +98,13 @@
98
98
  --sds-color-semantic-base-background-tertiary: #dfdfdf;
99
99
  --sds-color-semantic-base-border: #6c6c6c;
100
100
  --sds-color-semantic-base-border-disabled: #c3c3c3;
101
+ --sds-color-semantic-base-border-disabled-inverse: #6c6c6c;
101
102
  --sds-color-semantic-base-border-hover: #000000;
102
- --sds-color-semantic-base-border-inverse: #ffffff;
103
+ --sds-color-semantic-base-border-hover-inverse: #ffffff;
104
+ --sds-color-semantic-base-border-inverse: #c3c3c3;
105
+ --sds-color-semantic-base-border-on-fill: #ffffff;
103
106
  --sds-color-semantic-base-border-pressed: #000000;
107
+ --sds-color-semantic-base-border-pressed-inverse: #ffffff;
104
108
  --sds-color-semantic-base-border-table: #c3c3c3;
105
109
  --sds-color-semantic-base-divider: #dfdfdf;
106
110
  --sds-color-semantic-base-divider-inverse: #6c6c6c;
@@ -111,15 +115,18 @@
111
115
  --sds-color-semantic-base-fill-primary: #ffffff;
112
116
  --sds-color-semantic-base-fill-selected: #000000;
113
117
  --sds-color-semantic-base-ornament-disabled: #c3c3c3;
118
+ --sds-color-semantic-base-ornament-disabled-inverse: #6c6c6c;
114
119
  --sds-color-semantic-base-ornament-on-fill: #ffffff;
115
120
  --sds-color-semantic-base-ornament-primary: #000000;
116
121
  --sds-color-semantic-base-ornament-primary-inverse: #ffffff;
117
122
  --sds-color-semantic-base-ornament-secondary: #6c6c6c;
123
+ --sds-color-semantic-base-ornament-secondary-inverse: #c3c3c3;
118
124
  --sds-color-semantic-base-ornament-secondary-hover: #000000;
119
125
  --sds-color-semantic-base-ornament-secondary-pressed: #000000;
120
126
  --sds-color-semantic-base-surface: #ffffff;
121
127
  --sds-color-semantic-base-surface-inverse: #000000;
122
128
  --sds-color-semantic-base-text-disabled: #c3c3c3;
129
+ --sds-color-semantic-base-text-disabled-inverse: #6c6c6c;
123
130
  --sds-color-semantic-base-text-primary: #000000;
124
131
  --sds-color-semantic-base-text-primary-inverse: #ffffff;
125
132
  --sds-color-semantic-base-text-secondary: #6c6c6c;
@@ -476,9 +483,13 @@
476
483
  --sds-color-semantic-base-background-tertiary: #494949;
477
484
  --sds-color-semantic-base-border: #cdcdcd;
478
485
  --sds-color-semantic-base-border-disabled: #696969;
486
+ --sds-color-semantic-base-border-disabled-inverse: #cdcdcd;
479
487
  --sds-color-semantic-base-border-hover: #ffffff;
480
- --sds-color-semantic-base-border-inverse: #000000;
488
+ --sds-color-semantic-base-border-hover-inverse: #000000;
489
+ --sds-color-semantic-base-border-inverse: #696969;
490
+ --sds-color-semantic-base-border-on-fill: #000000;
481
491
  --sds-color-semantic-base-border-pressed: #ffffff;
492
+ --sds-color-semantic-base-border-pressed-inverse: #000000;
482
493
  --sds-color-semantic-base-border-table: #696969;
483
494
  --sds-color-semantic-base-divider: #494949;
484
495
  --sds-color-semantic-base-divider-inverse: #cdcdcd;
@@ -489,15 +500,18 @@
489
500
  --sds-color-semantic-base-fill-primary: #000000;
490
501
  --sds-color-semantic-base-fill-selected: #ffffff;
491
502
  --sds-color-semantic-base-ornament-disabled: #696969;
503
+ --sds-color-semantic-base-ornament-disabled-inverse: #cdcdcd;
492
504
  --sds-color-semantic-base-ornament-on-fill: #000000;
493
505
  --sds-color-semantic-base-ornament-primary: #ffffff;
494
506
  --sds-color-semantic-base-ornament-primary-inverse: #000000;
495
507
  --sds-color-semantic-base-ornament-secondary: #cdcdcd;
508
+ --sds-color-semantic-base-ornament-secondary-inverse: #696969;
496
509
  --sds-color-semantic-base-ornament-secondary-hover: #ffffff;
497
510
  --sds-color-semantic-base-ornament-secondary-pressed: #ffffff;
498
511
  --sds-color-semantic-base-surface: #000000;
499
512
  --sds-color-semantic-base-surface-inverse: #ffffff;
500
513
  --sds-color-semantic-base-text-disabled: #696969;
514
+ --sds-color-semantic-base-text-disabled-inverse: #cdcdcd;
501
515
  --sds-color-semantic-base-text-primary: #ffffff;
502
516
  --sds-color-semantic-base-text-primary-inverse: #000000;
503
517
  --sds-color-semantic-base-text-secondary: #cdcdcd;
package/dist/variables.scss CHANGED
@@ -191,12 +191,20 @@ $sds-color-semantic-base-border: #6c6c6c;
191
191
  $sds-color-semantic-base-border-dark: #cdcdcd;
192
192
  $sds-color-semantic-base-border-disabled: #c3c3c3;
193
193
  $sds-color-semantic-base-border-disabled-dark: #696969;
194
+ $sds-color-semantic-base-border-disabled-inverse: #6c6c6c;
195
+ $sds-color-semantic-base-border-disabled-inverse-dark: #cdcdcd;
194
196
  $sds-color-semantic-base-border-hover: #000000;
195
197
  $sds-color-semantic-base-border-hover-dark: #ffffff;
196
- $sds-color-semantic-base-border-inverse: #ffffff;
197
- $sds-color-semantic-base-border-inverse-dark: #000000;
198
+ $sds-color-semantic-base-border-hover-inverse: #ffffff;
199
+ $sds-color-semantic-base-border-hover-inverse-dark: #000000;
200
+ $sds-color-semantic-base-border-inverse: #c3c3c3;
201
+ $sds-color-semantic-base-border-inverse-dark: #696969;
202
+ $sds-color-semantic-base-border-on-fill: #ffffff;
203
+ $sds-color-semantic-base-border-on-fill-dark: #000000;
198
204
  $sds-color-semantic-base-border-pressed: #000000;
199
205
  $sds-color-semantic-base-border-pressed-dark: #ffffff;
206
+ $sds-color-semantic-base-border-pressed-inverse: #ffffff;
207
+ $sds-color-semantic-base-border-pressed-inverse-dark: #000000;
200
208
  $sds-color-semantic-base-border-table: #c3c3c3;
201
209
  $sds-color-semantic-base-border-table-dark: #696969;
202
210
  $sds-color-semantic-base-divider: #dfdfdf;
@@ -217,6 +225,8 @@ $sds-color-semantic-base-fill-selected: #000000;
217
225
  $sds-color-semantic-base-fill-selected-dark: #ffffff;
218
226
  $sds-color-semantic-base-ornament-disabled: #c3c3c3;
219
227
  $sds-color-semantic-base-ornament-disabled-dark: #696969;
228
+ $sds-color-semantic-base-ornament-disabled-inverse: #6c6c6c;
229
+ $sds-color-semantic-base-ornament-disabled-inverse-dark: #cdcdcd;
220
230
  $sds-color-semantic-base-ornament-on-fill: #ffffff;
221
231
  $sds-color-semantic-base-ornament-on-fill-dark: #000000;
222
232
  $sds-color-semantic-base-ornament-primary: #000000;
@@ -225,6 +235,8 @@ $sds-color-semantic-base-ornament-primary-inverse: #ffffff;
225
235
  $sds-color-semantic-base-ornament-primary-inverse-dark: #000000;
226
236
  $sds-color-semantic-base-ornament-secondary: #6c6c6c;
227
237
  $sds-color-semantic-base-ornament-secondary-dark: #cdcdcd;
238
+ $sds-color-semantic-base-ornament-secondary-inverse: #c3c3c3;
239
+ $sds-color-semantic-base-ornament-secondary-inverse-dark: #696969;
228
240
  $sds-color-semantic-base-ornament-secondary-hover: #000000;
229
241
  $sds-color-semantic-base-ornament-secondary-hover-dark: #ffffff;
230
242
  $sds-color-semantic-base-ornament-secondary-pressed: #000000;
@@ -235,6 +247,8 @@ $sds-color-semantic-base-surface-inverse: #000000;
235
247
  $sds-color-semantic-base-surface-inverse-dark: #ffffff;
236
248
  $sds-color-semantic-base-text-disabled: #c3c3c3;
237
249
  $sds-color-semantic-base-text-disabled-dark: #696969;
250
+ $sds-color-semantic-base-text-disabled-inverse: #6c6c6c;
251
+ $sds-color-semantic-base-text-disabled-inverse-dark: #cdcdcd;
238
252
  $sds-color-semantic-base-text-primary: #000000;
239
253
  $sds-color-semantic-base-text-primary-dark: #ffffff;
240
254
  $sds-color-semantic-base-text-primary-inverse: #ffffff;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@czi-sds/components",
3
- "version": "22.1.1",
3
+ "version": "22.2.0",
4
4
  "main": "dist/index.cjs.js",
5
5
  "module": "dist/index.esm.js",
6
6
  "types": "dist/index.cjs.d.ts",
@@ -69,5 +69,5 @@
69
69
  "@types/react-dom": "^18.2.18",
70
70
  "style-dictionary": "^4.1.0"
71
71
  },
72
- "gitHead": "ac48b309dc4c1fdc1dda9d7e1394c91e8bf4c867"
72
+ "gitHead": "131b910d4f4d29a3ce2b645102b685cf6cce50c1"
73
73
  }