@czi-sds/components 22.2.0 → 22.3.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 +120 -24
  2. package/dist/index.cjs.js +1003 -407
  3. package/dist/index.esm.d.ts +120 -24
  4. package/dist/index.esm.js +999 -410
  5. package/dist/tailwind.json +18 -18
  6. package/dist/tsconfig.tsbuildinfo +1 -1
  7. package/dist/variables.css +18 -18
  8. package/dist/variables.scss +18 -18
  9. package/package.json +2 -2
package/dist/variables.css CHANGED
@@ -96,16 +96,16 @@
96
96
  --sds-color-semantic-base-background-secondary: #f3f3f3;
97
97
  --sds-color-semantic-base-background-secondary-inverse: #3b3b3b;
98
98
  --sds-color-semantic-base-background-tertiary: #dfdfdf;
99
- --sds-color-semantic-base-border: #6c6c6c;
100
- --sds-color-semantic-base-border-disabled: #c3c3c3;
101
- --sds-color-semantic-base-border-disabled-inverse: #6c6c6c;
102
- --sds-color-semantic-base-border-hover: #000000;
103
- --sds-color-semantic-base-border-hover-inverse: #ffffff;
104
- --sds-color-semantic-base-border-inverse: #c3c3c3;
99
+ --sds-color-semantic-base-border-primary: #6c6c6c;
100
+ --sds-color-semantic-base-border-primary-disabled: #c3c3c3;
101
+ --sds-color-semantic-base-border-primary-disabled-inverse: #6c6c6c;
102
+ --sds-color-semantic-base-border-primary-hover: #000000;
103
+ --sds-color-semantic-base-border-primary-hover-inverse: #ffffff;
104
+ --sds-color-semantic-base-border-primary-inverse: #c3c3c3;
105
105
  --sds-color-semantic-base-border-on-fill: #ffffff;
106
- --sds-color-semantic-base-border-pressed: #000000;
107
- --sds-color-semantic-base-border-pressed-inverse: #ffffff;
108
- --sds-color-semantic-base-border-table: #c3c3c3;
106
+ --sds-color-semantic-base-border-primary-pressed: #000000;
107
+ --sds-color-semantic-base-border-primary-pressed-inverse: #ffffff;
108
+ --sds-color-semantic-base-border-secondary: #c3c3c3;
109
109
  --sds-color-semantic-base-divider: #dfdfdf;
110
110
  --sds-color-semantic-base-divider-inverse: #6c6c6c;
111
111
  --sds-color-semantic-base-fill-disabled: #dfdfdf;
@@ -481,16 +481,16 @@
481
481
  --sds-color-semantic-base-background-secondary: #333333;
482
482
  --sds-color-semantic-base-background-secondary-inverse: #ededed;
483
483
  --sds-color-semantic-base-background-tertiary: #494949;
484
- --sds-color-semantic-base-border: #cdcdcd;
485
- --sds-color-semantic-base-border-disabled: #696969;
486
- --sds-color-semantic-base-border-disabled-inverse: #cdcdcd;
487
- --sds-color-semantic-base-border-hover: #ffffff;
488
- --sds-color-semantic-base-border-hover-inverse: #000000;
489
- --sds-color-semantic-base-border-inverse: #696969;
484
+ --sds-color-semantic-base-border-primary: #cdcdcd;
485
+ --sds-color-semantic-base-border-primary-disabled: #696969;
486
+ --sds-color-semantic-base-border-primary-disabled-inverse: #cdcdcd;
487
+ --sds-color-semantic-base-border-primary-hover: #ffffff;
488
+ --sds-color-semantic-base-border-primary-hover-inverse: #000000;
489
+ --sds-color-semantic-base-border-primary-inverse: #696969;
490
490
  --sds-color-semantic-base-border-on-fill: #000000;
491
- --sds-color-semantic-base-border-pressed: #ffffff;
492
- --sds-color-semantic-base-border-pressed-inverse: #000000;
493
- --sds-color-semantic-base-border-table: #696969;
491
+ --sds-color-semantic-base-border-primary-pressed: #ffffff;
492
+ --sds-color-semantic-base-border-primary-pressed-inverse: #000000;
493
+ --sds-color-semantic-base-border-secondary: #696969;
494
494
  --sds-color-semantic-base-divider: #494949;
495
495
  --sds-color-semantic-base-divider-inverse: #cdcdcd;
496
496
  --sds-color-semantic-base-fill-disabled: #494949;
package/dist/variables.scss CHANGED
@@ -187,26 +187,26 @@ $sds-color-semantic-base-background-secondary-inverse: #3b3b3b;
187
187
  $sds-color-semantic-base-background-secondary-inverse-dark: #ededed;
188
188
  $sds-color-semantic-base-background-tertiary: #dfdfdf;
189
189
  $sds-color-semantic-base-background-tertiary-dark: #494949;
190
- $sds-color-semantic-base-border: #6c6c6c;
191
- $sds-color-semantic-base-border-dark: #cdcdcd;
192
- $sds-color-semantic-base-border-disabled: #c3c3c3;
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;
196
- $sds-color-semantic-base-border-hover: #000000;
197
- $sds-color-semantic-base-border-hover-dark: #ffffff;
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;
190
+ $sds-color-semantic-base-border-primary: #6c6c6c;
191
+ $sds-color-semantic-base-border-primary-dark: #cdcdcd;
192
+ $sds-color-semantic-base-border-primary-disabled: #c3c3c3;
193
+ $sds-color-semantic-base-border-primary-disabled-dark: #696969;
194
+ $sds-color-semantic-base-border-primary-disabled-inverse: #6c6c6c;
195
+ $sds-color-semantic-base-border-primary-disabled-inverse-dark: #cdcdcd;
196
+ $sds-color-semantic-base-border-primary-hover: #000000;
197
+ $sds-color-semantic-base-border-primary-hover-dark: #ffffff;
198
+ $sds-color-semantic-base-border-primary-hover-inverse: #ffffff;
199
+ $sds-color-semantic-base-border-primary-hover-inverse-dark: #000000;
200
+ $sds-color-semantic-base-border-primary-inverse: #c3c3c3;
201
+ $sds-color-semantic-base-border-primary-inverse-dark: #696969;
202
202
  $sds-color-semantic-base-border-on-fill: #ffffff;
203
203
  $sds-color-semantic-base-border-on-fill-dark: #000000;
204
- $sds-color-semantic-base-border-pressed: #000000;
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;
208
- $sds-color-semantic-base-border-table: #c3c3c3;
209
- $sds-color-semantic-base-border-table-dark: #696969;
204
+ $sds-color-semantic-base-border-primary-pressed: #000000;
205
+ $sds-color-semantic-base-border-primary-pressed-dark: #ffffff;
206
+ $sds-color-semantic-base-border-primary-pressed-inverse: #ffffff;
207
+ $sds-color-semantic-base-border-primary-pressed-inverse-dark: #000000;
208
+ $sds-color-semantic-base-border-secondary: #c3c3c3;
209
+ $sds-color-semantic-base-border-secondary-dark: #696969;
210
210
  $sds-color-semantic-base-divider: #dfdfdf;
211
211
  $sds-color-semantic-base-divider-dark: #494949;
212
212
  $sds-color-semantic-base-divider-inverse: #6c6c6c;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@czi-sds/components",
3
- "version": "22.2.0",
3
+ "version": "22.3.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": "131b910d4f4d29a3ce2b645102b685cf6cce50c1"
72
+ "gitHead": "e6546a322af81d28eb4e5e7b4d8e71a4ae4f0087"
73
73
  }