@salt-ds/theme 0.0.0-snapshot-20230517152535 → 0.0.0-snapshot-20230623164123

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 (3) hide show
  1. package/css/theme.css +13 -8
  2. package/index.css +13 -8
  3. package/package.json +3 -2
package/css/theme.css CHANGED
@@ -253,18 +253,18 @@
253
253
 
254
254
  /* css/foundations/delay.css */
255
255
  .salt-theme {
256
- --salt-delay-instant: 100;
257
- --salt-delay-perceptible: 300;
258
- --salt-delay-notable: 1000;
259
- --salt-delay-cutoff: 10000;
256
+ --salt-delay-instant: 100ms;
257
+ --salt-delay-perceptible: 300ms;
258
+ --salt-delay-notable: 1000ms;
259
+ --salt-delay-cutoff: 10000ms;
260
260
  }
261
261
 
262
262
  /* css/foundations/duration.css */
263
263
  .salt-theme {
264
- --salt-duration-instant: 100;
265
- --salt-duration-perceptible: 300;
266
- --salt-duration-notable: 1000;
267
- --salt-duration-cutoff: 10000;
264
+ --salt-duration-instant: 100ms;
265
+ --salt-duration-perceptible: 300ms;
266
+ --salt-duration-notable: 1000ms;
267
+ --salt-duration-cutoff: 10000ms;
268
268
  }
269
269
 
270
270
  /* css/foundations/fade.css */
@@ -300,6 +300,7 @@
300
300
  --salt-color-red-500-fade-border: rgba(227, 43, 22, var(--salt-palette-opacity-border));
301
301
  --salt-color-gray-90-fade-border-readonly: rgba(132, 135, 142, var(--salt-palette-opacity-border-readonly));
302
302
  --salt-color-gray-200-fade-border-readonly: rgba(97, 101, 110, var(--salt-palette-opacity-border-readonly));
303
+ --salt-color-blue-30-fade-background: rgba(164, 213, 244, var(--salt-palette-opacity-background));
303
304
  --salt-color-blue-500-fade-background: rgba(38, 112, 169, var(--salt-palette-opacity-background));
304
305
  --salt-color-blue-600-fade-background: rgba(21, 92, 147, var(--salt-palette-opacity-background));
305
306
  --salt-color-blue-700-fade-background: rgba(0, 71, 123, var(--salt-palette-opacity-background));
@@ -541,6 +542,7 @@
541
542
  --salt-palette-interact-background-hover: var(--salt-color-blue-10);
542
543
  --salt-palette-interact-background-active: var(--salt-color-blue-30);
543
544
  --salt-palette-interact-background-disabled: transparent;
545
+ --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-30-fade-background);
544
546
  --salt-palette-interact-border: var(--salt-color-gray-200);
545
547
  --salt-palette-interact-border-active: var(--salt-color-blue-600);
546
548
  --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-600-fade-fill);
@@ -663,6 +665,7 @@
663
665
  --salt-palette-interact-background-blurSelected: var(--salt-color-gray-600);
664
666
  --salt-palette-interact-background-hover: var(--salt-color-blue-800);
665
667
  --salt-palette-interact-background-disabled: transparent;
668
+ --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-700-fade-background);
666
669
  --salt-palette-interact-border: var(--salt-color-gray-90);
667
670
  --salt-palette-interact-border-active: var(--salt-color-blue-100);
668
671
  --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-100-fade-fill);
@@ -1036,6 +1039,7 @@
1036
1039
  --salt-selectable-cursor-selected: pointer;
1037
1040
  --salt-selectable-cursor-blurSelected: pointer;
1038
1041
  --salt-selectable-cursor-disabled: not-allowed;
1042
+ --salt-selectable-cursor-readonly: not-allowed;
1039
1043
  --salt-selectable-borderStyle: solid;
1040
1044
  --salt-selectable-borderStyle-hover: solid;
1041
1045
  --salt-selectable-borderStyle-selected: solid;
@@ -1055,6 +1059,7 @@
1055
1059
  --salt-selectable-background-selected: var(--salt-palette-interact-background-active);
1056
1060
  --salt-selectable-background-blurSelected: var(--salt-palette-interact-background-blurSelected);
1057
1061
  --salt-selectable-background-disabled: var(--salt-palette-interact-background-disabled);
1062
+ --salt-selectable-background-selectedDisabled: var(--salt-palette-interact-background-activeDisabled);
1058
1063
  --salt-selectable-cta-foreground-hover: var(--salt-palette-interact-cta-foreground-hover);
1059
1064
  --salt-selectable-cta-foreground-selected: var(--salt-palette-interact-cta-foreground-active);
1060
1065
  --salt-selectable-cta-foreground-selectedDisabled: var(--salt-palette-interact-cta-foreground-activeDisabled);
package/index.css CHANGED
@@ -287,18 +287,18 @@
287
287
 
288
288
  /* css/foundations/delay.css */
289
289
  .salt-theme {
290
- --salt-delay-instant: 100;
291
- --salt-delay-perceptible: 300;
292
- --salt-delay-notable: 1000;
293
- --salt-delay-cutoff: 10000;
290
+ --salt-delay-instant: 100ms;
291
+ --salt-delay-perceptible: 300ms;
292
+ --salt-delay-notable: 1000ms;
293
+ --salt-delay-cutoff: 10000ms;
294
294
  }
295
295
 
296
296
  /* css/foundations/duration.css */
297
297
  .salt-theme {
298
- --salt-duration-instant: 100;
299
- --salt-duration-perceptible: 300;
300
- --salt-duration-notable: 1000;
301
- --salt-duration-cutoff: 10000;
298
+ --salt-duration-instant: 100ms;
299
+ --salt-duration-perceptible: 300ms;
300
+ --salt-duration-notable: 1000ms;
301
+ --salt-duration-cutoff: 10000ms;
302
302
  }
303
303
 
304
304
  /* css/foundations/fade.css */
@@ -334,6 +334,7 @@
334
334
  --salt-color-red-500-fade-border: rgba(227, 43, 22, var(--salt-palette-opacity-border));
335
335
  --salt-color-gray-90-fade-border-readonly: rgba(132, 135, 142, var(--salt-palette-opacity-border-readonly));
336
336
  --salt-color-gray-200-fade-border-readonly: rgba(97, 101, 110, var(--salt-palette-opacity-border-readonly));
337
+ --salt-color-blue-30-fade-background: rgba(164, 213, 244, var(--salt-palette-opacity-background));
337
338
  --salt-color-blue-500-fade-background: rgba(38, 112, 169, var(--salt-palette-opacity-background));
338
339
  --salt-color-blue-600-fade-background: rgba(21, 92, 147, var(--salt-palette-opacity-background));
339
340
  --salt-color-blue-700-fade-background: rgba(0, 71, 123, var(--salt-palette-opacity-background));
@@ -575,6 +576,7 @@
575
576
  --salt-palette-interact-background-hover: var(--salt-color-blue-10);
576
577
  --salt-palette-interact-background-active: var(--salt-color-blue-30);
577
578
  --salt-palette-interact-background-disabled: transparent;
579
+ --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-30-fade-background);
578
580
  --salt-palette-interact-border: var(--salt-color-gray-200);
579
581
  --salt-palette-interact-border-active: var(--salt-color-blue-600);
580
582
  --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-600-fade-fill);
@@ -697,6 +699,7 @@
697
699
  --salt-palette-interact-background-blurSelected: var(--salt-color-gray-600);
698
700
  --salt-palette-interact-background-hover: var(--salt-color-blue-800);
699
701
  --salt-palette-interact-background-disabled: transparent;
702
+ --salt-palette-interact-background-activeDisabled: var(--salt-color-blue-700-fade-background);
700
703
  --salt-palette-interact-border: var(--salt-color-gray-90);
701
704
  --salt-palette-interact-border-active: var(--salt-color-blue-100);
702
705
  --salt-palette-interact-border-activeDisabled: var(--salt-color-blue-100-fade-fill);
@@ -1070,6 +1073,7 @@
1070
1073
  --salt-selectable-cursor-selected: pointer;
1071
1074
  --salt-selectable-cursor-blurSelected: pointer;
1072
1075
  --salt-selectable-cursor-disabled: not-allowed;
1076
+ --salt-selectable-cursor-readonly: not-allowed;
1073
1077
  --salt-selectable-borderStyle: solid;
1074
1078
  --salt-selectable-borderStyle-hover: solid;
1075
1079
  --salt-selectable-borderStyle-selected: solid;
@@ -1089,6 +1093,7 @@
1089
1093
  --salt-selectable-background-selected: var(--salt-palette-interact-background-active);
1090
1094
  --salt-selectable-background-blurSelected: var(--salt-palette-interact-background-blurSelected);
1091
1095
  --salt-selectable-background-disabled: var(--salt-palette-interact-background-disabled);
1096
+ --salt-selectable-background-selectedDisabled: var(--salt-palette-interact-background-activeDisabled);
1092
1097
  --salt-selectable-cta-foreground-hover: var(--salt-palette-interact-cta-foreground-hover);
1093
1098
  --salt-selectable-cta-foreground-selected: var(--salt-palette-interact-cta-foreground-active);
1094
1099
  --salt-selectable-cta-foreground-selectedDisabled: var(--salt-palette-interact-cta-foreground-activeDisabled);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salt-ds/theme",
3
- "version": "0.0.0-snapshot-20230517152535",
3
+ "version": "0.0.0-snapshot-20230623164123",
4
4
  "license": "Apache-2.0",
5
5
  "style": "index.css",
6
6
  "files": [
@@ -11,6 +11,7 @@
11
11
  "build": "yarn node ./scripts/build.mjs"
12
12
  },
13
13
  "publishConfig": {
14
- "directory": "../../dist/salt-ds-theme"
14
+ "directory": "../../dist/salt-ds-theme",
15
+ "provenance": true
15
16
  }
16
17
  }