@salt-ds/theme 1.23.0 → 1.23.2

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/README.md +1 -0
  2. package/css/theme-next.css +20 -8
  3. package/package.json +3 -2
package/README.md ADDED
@@ -0,0 +1 @@
1
+ This is a regular package
package/css/theme-next.css CHANGED
@@ -29,9 +29,15 @@
29
29
  --salt-color-gray-600-40a: rgba(var(--salt-color-gray-600-rgb), 0.4);
30
30
  --salt-color-gray-700-10a: rgba(var(--salt-color-gray-700-rgb), 0.1);
31
31
  --salt-color-gray-700-40a: rgba(var(--salt-color-gray-700-rgb), 0.4);
32
+ --salt-color-green-400-40a: rgba(var(--salt-color-green-400-rgb), 0.4);
32
33
  --salt-color-green-500-40a: rgba(var(--salt-color-green-500-rgb), 0.4);
34
+ --salt-color-green-600-40a: rgba(var(--salt-color-green-600-rgb), 0.4);
35
+ --salt-color-orange-400-40a: rgba(var(--salt-color-orange-400-rgb), 0.4);
33
36
  --salt-color-orange-500-40a: rgba(var(--salt-color-orange-500-rgb), 0.4);
37
+ --salt-color-orange-600-40a: rgba(var(--salt-color-orange-600-rgb), 0.4);
38
+ --salt-color-red-400-40a: rgba(var(--salt-color-red-400-rgb), 0.4);
34
39
  --salt-color-red-500-40a: rgba(var(--salt-color-red-500-rgb), 0.4);
40
+ --salt-color-red-600-40a: rgba(var(--salt-color-red-600-rgb), 0.4);
35
41
  --salt-color-teal-200-40a: rgba(var(--salt-color-teal-200-rgb), 0.4);
36
42
  --salt-color-teal-300-40a: rgba(var(--salt-color-teal-300-rgb), 0.4);
37
43
  --salt-color-teal-400-40a: rgba(var(--salt-color-teal-400-rgb), 0.4);
@@ -598,6 +604,7 @@
598
604
  .salt-theme.salt-theme-next[data-mode=light] {
599
605
  --salt-palette-negative: var(--salt-color-red-500);
600
606
  --salt-palette-negative-strong: var(--salt-color-red-600);
607
+ --salt-palette-negative-strong-disabled: var(--salt-color-red-600-40a);
601
608
  --salt-palette-negative-weak: var(--salt-color-red-100);
602
609
  --salt-palette-negative-action-hover: var(--salt-color-red-600);
603
610
  --salt-palette-negative-action-active: var(--salt-color-red-800);
@@ -606,6 +613,7 @@
606
613
  .salt-theme.salt-theme-next[data-mode=dark] {
607
614
  --salt-palette-negative: var(--salt-color-red-500);
608
615
  --salt-palette-negative-strong: var(--salt-color-red-400);
616
+ --salt-palette-negative-strong-disabled: var(--salt-color-red-400-40a);
609
617
  --salt-palette-negative-weak: var(--salt-color-red-900);
610
618
  --salt-palette-negative-action-hover: var(--salt-color-red-600);
611
619
  --salt-palette-negative-action-active: var(--salt-color-red-800);
@@ -652,6 +660,7 @@
652
660
  .salt-theme.salt-theme-next[data-mode=light] {
653
661
  --salt-palette-positive: var(--salt-color-green-500);
654
662
  --salt-palette-positive-strong: var(--salt-color-green-600);
663
+ --salt-palette-positive-strong-disabled: var(--salt-color-green-600-40a);
655
664
  --salt-palette-positive-weak: var(--salt-color-green-100);
656
665
  --salt-palette-positive-action-hover: var(--salt-color-green-600);
657
666
  --salt-palette-positive-action-active: var(--salt-color-green-800);
@@ -660,6 +669,7 @@
660
669
  .salt-theme.salt-theme-next[data-mode=dark] {
661
670
  --salt-palette-positive: var(--salt-color-green-500);
662
671
  --salt-palette-positive-strong: var(--salt-color-green-400);
672
+ --salt-palette-positive-strong-disabled: var(--salt-color-green-400-40a);
663
673
  --salt-palette-positive-weak: var(--salt-color-green-900);
664
674
  --salt-palette-positive-action-hover: var(--salt-color-green-600);
665
675
  --salt-palette-positive-action-active: var(--salt-color-green-800);
@@ -711,6 +721,7 @@
711
721
  --salt-palette-warning: var(--salt-color-orange-500);
712
722
  --salt-palette-warning-disabled: var(--salt-color-orange-500-40a);
713
723
  --salt-palette-warning-strong: var(--salt-color-orange-600);
724
+ --salt-palette-warning-strong-disabled: var(--salt-color-orange-600-40a);
714
725
  --salt-palette-warning-weak: var(--salt-color-orange-100);
715
726
  --salt-palette-warning-action-hover: var(--salt-color-orange-600);
716
727
  --salt-palette-warning-action-active: var(--salt-color-orange-800);
@@ -719,6 +730,7 @@
719
730
  --salt-palette-warning: var(--salt-color-orange-500);
720
731
  --salt-palette-warning-disabled: var(--salt-color-orange-500-40a);
721
732
  --salt-palette-warning-strong: var(--salt-color-orange-400);
733
+ --salt-palette-warning-strong-disabled: var(--salt-color-orange-400-40a);
722
734
  --salt-palette-warning-weak: var(--salt-color-orange-900);
723
735
  --salt-palette-warning-action-hover: var(--salt-color-orange-600);
724
736
  --salt-palette-warning-action-active: var(--salt-color-orange-800);
@@ -827,7 +839,7 @@
827
839
  --salt-actionable-negative-borderColor-hover: var(--salt-palette-negative);
828
840
  --salt-actionable-negative-borderColor: var(--salt-palette-negative);
829
841
  --salt-actionable-negative-foreground-active: var(--salt-palette-foreground-primary-alt);
830
- --salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-strong disabled);
842
+ --salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-strong-disabled);
831
843
  --salt-actionable-negative-foreground-hover: var(--salt-palette-foreground-primary-alt);
832
844
  --salt-actionable-negative-foreground: var(--salt-palette-negative-strong);
833
845
  --salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-action-active);
@@ -839,7 +851,7 @@
839
851
  --salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-negative);
840
852
  --salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
841
853
  --salt-actionable-negative-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
842
- --salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-strong disabled);
854
+ --salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-strong-disabled);
843
855
  --salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
844
856
  --salt-actionable-negative-subtle-foreground: var(--salt-palette-negative-strong);
845
857
  --salt-actionable-positive-bold-background-active: var(--salt-palette-positive-action-active);
@@ -863,7 +875,7 @@
863
875
  --salt-actionable-positive-borderColor-hover: var(--salt-palette-positive);
864
876
  --salt-actionable-positive-borderColor: var(--salt-palette-positive);
865
877
  --salt-actionable-positive-foreground-active: var(--salt-palette-foreground-primary-alt);
866
- --salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-strong disabled);
878
+ --salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-strong-disabled);
867
879
  --salt-actionable-positive-foreground-hover: var(--salt-palette-foreground-primary-alt);
868
880
  --salt-actionable-positive-foreground: var(--salt-palette-positive-strong);
869
881
  --salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-action-active);
@@ -875,7 +887,7 @@
875
887
  --salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-positive);
876
888
  --salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
877
889
  --salt-actionable-positive-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
878
- --salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-strong disabled);
890
+ --salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-strong-disabled);
879
891
  --salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
880
892
  --salt-actionable-positive-subtle-foreground: var(--salt-palette-positive-strong);
881
893
  --salt-actionable-caution-bold-background-active: var(--salt-palette-warning-action-active);
@@ -899,7 +911,7 @@
899
911
  --salt-actionable-caution-borderColor-hover: var(--salt-palette-warning);
900
912
  --salt-actionable-caution-borderColor: var(--salt-palette-warning);
901
913
  --salt-actionable-caution-foreground-active: var(--salt-palette-foreground-primary-alt);
902
- --salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-strong disabled);
914
+ --salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-strong-disabled);
903
915
  --salt-actionable-caution-foreground-hover: var(--salt-palette-foreground-primary-alt);
904
916
  --salt-actionable-caution-foreground: var(--salt-palette-warning-strong);
905
917
  --salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-action-active);
@@ -911,7 +923,7 @@
911
923
  --salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-warning);
912
924
  --salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
913
925
  --salt-actionable-caution-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
914
- --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-strong disabled);
926
+ --salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-strong-disabled);
915
927
  --salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
916
928
  --salt-actionable-caution-subtle-foreground: var(--salt-palette-warning-strong);
917
929
  }
@@ -1067,8 +1079,8 @@
1067
1079
 
1068
1080
  /* css/characteristics/target-next.css */
1069
1081
  .salt-theme.salt-theme-next {
1070
- --salt-target-background-hover: var(--salt-palette-accent);
1071
- --salt-target-borderColor-hover: var(--salt-palette-accent-weakest);
1082
+ --salt-target-background-hover: var(--salt-palette-accent-weakest);
1083
+ --salt-target-borderColor-hover: var(--salt-palette-accent);
1072
1084
  }
1073
1085
 
1074
1086
  /* css/characteristics/text-next.css */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salt-ds/theme",
3
- "version": "1.23.0",
3
+ "version": "1.23.2",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",
@@ -14,7 +14,8 @@
14
14
  "/css"
15
15
  ],
16
16
  "scripts": {
17
- "build": "yarn node ./scripts/build.mjs"
17
+ "build": "yarn node ./scripts/build.mjs",
18
+ "build:watch": "yarn node ./scripts/build.mjs --watch"
18
19
  },
19
20
  "devDependencies": {
20
21
  "del": "^7.0.0"