@esri/calcite-design-tokens 3.1.0-next.1 → 3.1.0-next.3

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 (18) hide show
  1. package/dist/css/dark.css +3 -3
  2. package/dist/css/index.css +15 -15
  3. package/dist/css/light.css +3 -3
  4. package/dist/docs/core.json +1 -1
  5. package/dist/docs/dark.json +4 -4
  6. package/dist/docs/global.json +4 -4
  7. package/dist/docs/light.json +4 -4
  8. package/dist/docs/semantic.json +1 -1
  9. package/dist/es6/dark.js +3 -3
  10. package/dist/es6/global.js +5 -5
  11. package/dist/es6/light.js +3 -3
  12. package/dist/js/dark.js +6 -6
  13. package/dist/js/global.js +9 -9
  14. package/dist/js/light.js +6 -6
  15. package/dist/scss/dark.scss +3 -3
  16. package/dist/scss/index.scss +6 -6
  17. package/dist/scss/light.scss +3 -3
  18. package/package.json +5 -2
package/dist/css/dark.css CHANGED
@@ -27,9 +27,9 @@
27
27
  --calcite-color-status-success: #36da43;
28
28
  --calcite-color-status-success-hover: #3bed52;
29
29
  --calcite-color-status-success-press: #00b81b;
30
- --calcite-color-status-warning: #ffc900;
31
- --calcite-color-status-warning-hover: #ffee33;
32
- --calcite-color-status-warning-press: #f5d000;
30
+ --calcite-color-status-warning: #f89927;
31
+ --calcite-color-status-warning-hover: #ffb54d;
32
+ --calcite-color-status-warning-press: #ff9500;
33
33
  --calcite-color-status-danger: #fe583e;
34
34
  --calcite-color-status-danger-hover: #ff0015;
35
35
  --calcite-color-status-danger-press: #d90012;
package/dist/css/index.css CHANGED
@@ -23,9 +23,9 @@
23
23
  --calcite-color-status-danger-press: #7c1d13;
24
24
  --calcite-color-status-danger-hover: #a82b1e;
25
25
  --calcite-color-status-danger: #d83020;
26
- --calcite-color-status-warning-press: #bfa200;
27
- --calcite-color-status-warning-hover: #d9bc00;
28
- --calcite-color-status-warning: #edd317;
26
+ --calcite-color-status-warning-press: #9a5b10;
27
+ --calcite-color-status-warning-hover: #d17300;
28
+ --calcite-color-status-warning: #f89927;
29
29
  --calcite-color-status-success-press: #1a6324;
30
30
  --calcite-color-status-success-hover: #288835;
31
31
  --calcite-color-status-success: #35ac46;
@@ -69,9 +69,9 @@
69
69
  --calcite-color-status-danger-press: #7c1d13;
70
70
  --calcite-color-status-danger-hover: #a82b1e;
71
71
  --calcite-color-status-danger: #d83020;
72
- --calcite-color-status-warning-press: #bfa200;
73
- --calcite-color-status-warning-hover: #d9bc00;
74
- --calcite-color-status-warning: #edd317;
72
+ --calcite-color-status-warning-press: #9a5b10;
73
+ --calcite-color-status-warning-hover: #d17300;
74
+ --calcite-color-status-warning: #f89927;
75
75
  --calcite-color-status-success-press: #1a6324;
76
76
  --calcite-color-status-success-hover: #288835;
77
77
  --calcite-color-status-success: #35ac46;
@@ -117,9 +117,9 @@
117
117
  --calcite-color-status-danger-press: #d90012;
118
118
  --calcite-color-status-danger-hover: #ff0015;
119
119
  --calcite-color-status-danger: #fe583e;
120
- --calcite-color-status-warning-press: #f5d000;
121
- --calcite-color-status-warning-hover: #ffee33;
122
- --calcite-color-status-warning: #ffc900;
120
+ --calcite-color-status-warning-press: #ff9500;
121
+ --calcite-color-status-warning-hover: #ffb54d;
122
+ --calcite-color-status-warning: #f89927;
123
123
  --calcite-color-status-success-press: #00b81b;
124
124
  --calcite-color-status-success-hover: #3bed52;
125
125
  --calcite-color-status-success: #36da43;
@@ -162,9 +162,9 @@
162
162
  --calcite-color-status-danger-press: #7c1d13;
163
163
  --calcite-color-status-danger-hover: #a82b1e;
164
164
  --calcite-color-status-danger: #d83020;
165
- --calcite-color-status-warning-press: #bfa200;
166
- --calcite-color-status-warning-hover: #d9bc00;
167
- --calcite-color-status-warning: #edd317;
165
+ --calcite-color-status-warning-press: #9a5b10;
166
+ --calcite-color-status-warning-hover: #d17300;
167
+ --calcite-color-status-warning: #f89927;
168
168
  --calcite-color-status-success-press: #1a6324;
169
169
  --calcite-color-status-success-hover: #288835;
170
170
  --calcite-color-status-success: #35ac46;
@@ -208,9 +208,9 @@
208
208
  --calcite-color-status-danger-press: #d90012;
209
209
  --calcite-color-status-danger-hover: #ff0015;
210
210
  --calcite-color-status-danger: #fe583e;
211
- --calcite-color-status-warning-press: #f5d000;
212
- --calcite-color-status-warning-hover: #ffee33;
213
- --calcite-color-status-warning: #ffc900;
211
+ --calcite-color-status-warning-press: #ff9500;
212
+ --calcite-color-status-warning-hover: #ffb54d;
213
+ --calcite-color-status-warning: #f89927;
214
214
  --calcite-color-status-success-press: #00b81b;
215
215
  --calcite-color-status-success-hover: #3bed52;
216
216
  --calcite-color-status-success: #36da43;
package/dist/css/light.css CHANGED
@@ -27,9 +27,9 @@
27
27
  --calcite-color-status-success: #35ac46;
28
28
  --calcite-color-status-success-hover: #288835;
29
29
  --calcite-color-status-success-press: #1a6324;
30
- --calcite-color-status-warning: #edd317;
31
- --calcite-color-status-warning-hover: #d9bc00;
32
- --calcite-color-status-warning-press: #bfa200;
30
+ --calcite-color-status-warning: #f89927;
31
+ --calcite-color-status-warning-hover: #d17300;
32
+ --calcite-color-status-warning-press: #9a5b10;
33
33
  --calcite-color-status-danger: #d83020;
34
34
  --calcite-color-status-danger-hover: #a82b1e;
35
35
  --calcite-color-status-danger-press: #7c1d13;
package/dist/docs/core.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1745007323707,
2
+ "timestamp": 1745285541860,
3
3
  "tokens": [
4
4
  {
5
5
  "value": "#ffffff",
package/dist/docs/dark.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1745007320254,
2
+ "timestamp": 1745285539375,
3
3
  "tokens": [
4
4
  {
5
5
  "value": "#363636",
@@ -638,7 +638,7 @@
638
638
  "key": "{semantic.color.status.success.press}"
639
639
  },
640
640
  {
641
- "value": "#ffc900",
641
+ "value": "#f89927",
642
642
  "type": "color",
643
643
  "attributes": {
644
644
  "category": "color",
@@ -666,7 +666,7 @@
666
666
  "key": "{semantic.color.status.warning.default}"
667
667
  },
668
668
  {
669
- "value": "#ffee33",
669
+ "value": "#ffb54d",
670
670
  "type": "color",
671
671
  "attributes": {
672
672
  "category": "color",
@@ -694,7 +694,7 @@
694
694
  "key": "{semantic.color.status.warning.hover}"
695
695
  },
696
696
  {
697
- "value": "#f5d000",
697
+ "value": "#ff9500",
698
698
  "type": "color",
699
699
  "category": "color",
700
700
  "filePath": "src/tokens/semantic/color/dark.json",
package/dist/docs/global.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1745007323287,
2
+ "timestamp": 1745285541594,
3
3
  "tokens": [
4
4
  {
5
5
  "value": "{\"light\":\"#f7f7f7\",\"dark\":\"#363636\"}",
@@ -637,7 +637,7 @@
637
637
  "key": "{semantic.color.status.success.press}"
638
638
  },
639
639
  {
640
- "value": "{\"light\":\"#edd317\",\"dark\":\"#ffc900\"}",
640
+ "value": "{\"light\":\"#f89927\",\"dark\":\"#f89927\"}",
641
641
  "type": "color",
642
642
  "attributes": {
643
643
  "category": "color",
@@ -665,7 +665,7 @@
665
665
  "key": "{semantic.color.status.warning.default}"
666
666
  },
667
667
  {
668
- "value": "{\"light\":\"#d9bc00\",\"dark\":\"#ffee33\"}",
668
+ "value": "{\"light\":\"#d17300\",\"dark\":\"#ffb54d\"}",
669
669
  "type": "color",
670
670
  "attributes": {
671
671
  "category": "color",
@@ -693,7 +693,7 @@
693
693
  "key": "{semantic.color.status.warning.hover}"
694
694
  },
695
695
  {
696
- "value": "{\"light\":\"#bfa200\",\"dark\":\"#f5d000\"}",
696
+ "value": "{\"light\":\"#9a5b10\",\"dark\":\"#ff9500\"}",
697
697
  "type": "color",
698
698
  "attributes": {
699
699
  "category": "color",
package/dist/docs/light.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1745007321412,
2
+ "timestamp": 1745285540295,
3
3
  "tokens": [
4
4
  {
5
5
  "value": "#f7f7f7",
@@ -637,7 +637,7 @@
637
637
  "key": "{semantic.color.status.success.press}"
638
638
  },
639
639
  {
640
- "value": "#edd317",
640
+ "value": "#f89927",
641
641
  "type": "color",
642
642
  "attributes": {
643
643
  "category": "color",
@@ -665,7 +665,7 @@
665
665
  "key": "{semantic.color.status.warning.default}"
666
666
  },
667
667
  {
668
- "value": "#d9bc00",
668
+ "value": "#d17300",
669
669
  "type": "color",
670
670
  "attributes": {
671
671
  "category": "color",
@@ -693,7 +693,7 @@
693
693
  "key": "{semantic.color.status.warning.hover}"
694
694
  },
695
695
  {
696
- "value": "#bfa200",
696
+ "value": "#9a5b10",
697
697
  "type": "color",
698
698
  "attributes": {
699
699
  "category": "color",
package/dist/docs/semantic.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1745007323560,
2
+ "timestamp": 1745285541769,
3
3
  "tokens": [
4
4
  {
5
5
  "value": "0",
package/dist/es6/dark.js CHANGED
@@ -26,9 +26,9 @@ export const calciteColorStatusInfoPress = "#009af2";
26
26
  export const calciteColorStatusSuccess = "#36da43";
27
27
  export const calciteColorStatusSuccessHover = "#3bed52";
28
28
  export const calciteColorStatusSuccessPress = "#00b81b";
29
- export const calciteColorStatusWarning = "#ffc900";
30
- export const calciteColorStatusWarningHover = "#ffee33";
31
- export const calciteColorStatusWarningPress = "#f5d000";
29
+ export const calciteColorStatusWarning = "#f89927";
30
+ export const calciteColorStatusWarningHover = "#ffb54d";
31
+ export const calciteColorStatusWarningPress = "#ff9500";
32
32
  export const calciteColorStatusDanger = "#fe583e";
33
33
  export const calciteColorStatusDangerHover = "#ff0015";
34
34
  export const calciteColorStatusDangerPress = "#d90012";
package/dist/es6/global.js CHANGED
@@ -66,14 +66,14 @@ export const calciteColorStatusSuccessPress = {
66
66
  light: "#1a6324",
67
67
  dark: "#00b81b",
68
68
  };
69
- export const calciteColorStatusWarning = { light: "#edd317", dark: "#ffc900" };
69
+ export const calciteColorStatusWarning = { light: "#f89927", dark: "#f89927" };
70
70
  export const calciteColorStatusWarningHover = {
71
- light: "#d9bc00",
72
- dark: "#ffee33",
71
+ light: "#d17300",
72
+ dark: "#ffb54d",
73
73
  };
74
74
  export const calciteColorStatusWarningPress = {
75
- light: "#bfa200",
76
- dark: "#f5d000",
75
+ light: "#9a5b10",
76
+ dark: "#ff9500",
77
77
  };
78
78
  export const calciteColorStatusDanger = { light: "#d83020", dark: "#fe583e" };
79
79
  export const calciteColorStatusDangerHover = {
package/dist/es6/light.js CHANGED
@@ -26,9 +26,9 @@ export const calciteColorStatusInfoPress = "#00304d";
26
26
  export const calciteColorStatusSuccess = "#35ac46";
27
27
  export const calciteColorStatusSuccessHover = "#288835";
28
28
  export const calciteColorStatusSuccessPress = "#1a6324";
29
- export const calciteColorStatusWarning = "#edd317";
30
- export const calciteColorStatusWarningHover = "#d9bc00";
31
- export const calciteColorStatusWarningPress = "#bfa200";
29
+ export const calciteColorStatusWarning = "#f89927";
30
+ export const calciteColorStatusWarningHover = "#d17300";
31
+ export const calciteColorStatusWarningPress = "#9a5b10";
32
32
  export const calciteColorStatusDanger = "#d83020";
33
33
  export const calciteColorStatusDangerHover = "#a82b1e";
34
34
  export const calciteColorStatusDangerPress = "#7c1d13";
package/dist/js/dark.js CHANGED
@@ -822,7 +822,7 @@ export default {
822
822
  },
823
823
  warning: {
824
824
  default: {
825
- value: "#ffc900",
825
+ value: "#f89927",
826
826
  type: "color",
827
827
  attributes: {
828
828
  category: "color",
@@ -846,7 +846,7 @@ export default {
846
846
  filePath: "src/tokens/semantic/color/dark.json",
847
847
  isSource: true,
848
848
  original: {
849
- value: "{core.color.dark.yellow.d-yy-420}",
849
+ value: "{core.color.high-saturation.orange-yellow.h-oy-060}",
850
850
  type: "color",
851
851
  attributes: {
852
852
  category: "color",
@@ -857,7 +857,7 @@ export default {
857
857
  key: "{semantic.color.status.warning.default}",
858
858
  },
859
859
  hover: {
860
- value: "#ffee33",
860
+ value: "#ffb54d",
861
861
  type: "color",
862
862
  attributes: {
863
863
  category: "color",
@@ -881,7 +881,7 @@ export default {
881
881
  filePath: "src/tokens/semantic/color/dark.json",
882
882
  isSource: true,
883
883
  original: {
884
- value: "{core.color.vibrant.yellow.v-yy-140}",
884
+ value: "{core.color.vibrant.orange-yellow.v-oy-120}",
885
885
  type: "color",
886
886
  attributes: {
887
887
  category: "color",
@@ -892,13 +892,13 @@ export default {
892
892
  key: "{semantic.color.status.warning.hover}",
893
893
  },
894
894
  press: {
895
- value: "#f5d000",
895
+ value: "#ff9500",
896
896
  type: "color",
897
897
  category: "color",
898
898
  filePath: "src/tokens/semantic/color/dark.json",
899
899
  isSource: true,
900
900
  original: {
901
- value: "{core.color.vibrant.yellow.v-yy-160}",
901
+ value: "{core.color.vibrant.orange-yellow.v-oy-140}",
902
902
  type: "color",
903
903
  category: "color",
904
904
  },
package/dist/js/global.js CHANGED
@@ -892,8 +892,8 @@ export default {
892
892
  warning: {
893
893
  default: {
894
894
  value: {
895
- light: "#edd317",
896
- dark: "#ffc900",
895
+ light: "#f89927",
896
+ dark: "#f89927",
897
897
  },
898
898
  type: "color",
899
899
  attributes: {
@@ -918,7 +918,7 @@ export default {
918
918
  filePath: "src/tokens/semantic/color/light.json",
919
919
  isSource: false,
920
920
  original: {
921
- value: "{core.color.high-saturation.yellow.h-yy-060}",
921
+ value: "{core.color.high-saturation.orange-yellow.h-oy-060}",
922
922
  type: "color",
923
923
  attributes: {
924
924
  category: "color",
@@ -930,8 +930,8 @@ export default {
930
930
  },
931
931
  hover: {
932
932
  value: {
933
- light: "#d9bc00",
934
- dark: "#ffee33",
933
+ light: "#d17300",
934
+ dark: "#ffb54d",
935
935
  },
936
936
  type: "color",
937
937
  attributes: {
@@ -956,7 +956,7 @@ export default {
956
956
  filePath: "src/tokens/semantic/color/light.json",
957
957
  isSource: false,
958
958
  original: {
959
- value: "{core.color.high-saturation.yellow.h-yy-070}",
959
+ value: "{core.color.vibrant.orange-yellow.v-oy-180}",
960
960
  type: "color",
961
961
  attributes: {
962
962
  category: "color",
@@ -968,8 +968,8 @@ export default {
968
968
  },
969
969
  press: {
970
970
  value: {
971
- light: "#bfa200",
972
- dark: "#f5d000",
971
+ light: "#9a5b10",
972
+ dark: "#ff9500",
973
973
  },
974
974
  type: "color",
975
975
  attributes: {
@@ -994,7 +994,7 @@ export default {
994
994
  filePath: "src/tokens/semantic/color/light.json",
995
995
  isSource: false,
996
996
  original: {
997
- value: "{core.color.high-saturation.yellow.h-yy-080}",
997
+ value: "{core.color.high-saturation.orange-yellow.h-oy-080}",
998
998
  type: "color",
999
999
  attributes: {
1000
1000
  category: "color",
package/dist/js/light.js CHANGED
@@ -824,7 +824,7 @@ export default {
824
824
  },
825
825
  warning: {
826
826
  default: {
827
- value: "#edd317",
827
+ value: "#f89927",
828
828
  type: "color",
829
829
  attributes: {
830
830
  category: "color",
@@ -848,7 +848,7 @@ export default {
848
848
  filePath: "src/tokens/semantic/color/light.json",
849
849
  isSource: true,
850
850
  original: {
851
- value: "{core.color.high-saturation.yellow.h-yy-060}",
851
+ value: "{core.color.high-saturation.orange-yellow.h-oy-060}",
852
852
  type: "color",
853
853
  attributes: {
854
854
  category: "color",
@@ -859,7 +859,7 @@ export default {
859
859
  key: "{semantic.color.status.warning.default}",
860
860
  },
861
861
  hover: {
862
- value: "#d9bc00",
862
+ value: "#d17300",
863
863
  type: "color",
864
864
  attributes: {
865
865
  category: "color",
@@ -883,7 +883,7 @@ export default {
883
883
  filePath: "src/tokens/semantic/color/light.json",
884
884
  isSource: true,
885
885
  original: {
886
- value: "{core.color.high-saturation.yellow.h-yy-070}",
886
+ value: "{core.color.vibrant.orange-yellow.v-oy-180}",
887
887
  type: "color",
888
888
  attributes: {
889
889
  category: "color",
@@ -894,7 +894,7 @@ export default {
894
894
  key: "{semantic.color.status.warning.hover}",
895
895
  },
896
896
  press: {
897
- value: "#bfa200",
897
+ value: "#9a5b10",
898
898
  type: "color",
899
899
  attributes: {
900
900
  category: "color",
@@ -918,7 +918,7 @@ export default {
918
918
  filePath: "src/tokens/semantic/color/light.json",
919
919
  isSource: true,
920
920
  original: {
921
- value: "{core.color.high-saturation.yellow.h-yy-080}",
921
+ value: "{core.color.high-saturation.orange-yellow.h-oy-080}",
922
922
  type: "color",
923
923
  attributes: {
924
924
  category: "color",
package/dist/scss/dark.scss CHANGED
@@ -25,9 +25,9 @@ $calcite-color-status-info-press: #009af2;
25
25
  $calcite-color-status-success: #36da43;
26
26
  $calcite-color-status-success-hover: #3bed52;
27
27
  $calcite-color-status-success-press: #00b81b;
28
- $calcite-color-status-warning: #ffc900;
29
- $calcite-color-status-warning-hover: #ffee33;
30
- $calcite-color-status-warning-press: #f5d000;
28
+ $calcite-color-status-warning: #f89927;
29
+ $calcite-color-status-warning-hover: #ffb54d;
30
+ $calcite-color-status-warning-press: #ff9500;
31
31
  $calcite-color-status-danger: #fe583e;
32
32
  $calcite-color-status-danger-hover: #ff0015;
33
33
  $calcite-color-status-danger-press: #d90012;
package/dist/scss/index.scss CHANGED
@@ -24,9 +24,9 @@
24
24
  --calcite-color-status-danger-press: #7c1d13;
25
25
  --calcite-color-status-danger-hover: #a82b1e;
26
26
  --calcite-color-status-danger: #d83020;
27
- --calcite-color-status-warning-press: #bfa200;
28
- --calcite-color-status-warning-hover: #d9bc00;
29
- --calcite-color-status-warning: #edd317;
27
+ --calcite-color-status-warning-press: #9a5b10;
28
+ --calcite-color-status-warning-hover: #d17300;
29
+ --calcite-color-status-warning: #f89927;
30
30
  --calcite-color-status-success-press: #1a6324;
31
31
  --calcite-color-status-success-hover: #288835;
32
32
  --calcite-color-status-success: #35ac46;
@@ -70,9 +70,9 @@
70
70
  --calcite-color-status-danger-press: #d90012;
71
71
  --calcite-color-status-danger-hover: #ff0015;
72
72
  --calcite-color-status-danger: #fe583e;
73
- --calcite-color-status-warning-press: #f5d000;
74
- --calcite-color-status-warning-hover: #ffee33;
75
- --calcite-color-status-warning: #ffc900;
73
+ --calcite-color-status-warning-press: #ff9500;
74
+ --calcite-color-status-warning-hover: #ffb54d;
75
+ --calcite-color-status-warning: #f89927;
76
76
  --calcite-color-status-success-press: #00b81b;
77
77
  --calcite-color-status-success-hover: #3bed52;
78
78
  --calcite-color-status-success: #36da43;
package/dist/scss/light.scss CHANGED
@@ -25,9 +25,9 @@ $calcite-color-status-info-press: #00304d;
25
25
  $calcite-color-status-success: #35ac46;
26
26
  $calcite-color-status-success-hover: #288835;
27
27
  $calcite-color-status-success-press: #1a6324;
28
- $calcite-color-status-warning: #edd317;
29
- $calcite-color-status-warning-hover: #d9bc00;
30
- $calcite-color-status-warning-press: #bfa200;
28
+ $calcite-color-status-warning: #f89927;
29
+ $calcite-color-status-warning-hover: #d17300;
30
+ $calcite-color-status-warning-press: #9a5b10;
31
31
  $calcite-color-status-danger: #d83020;
32
32
  $calcite-color-status-danger-hover: #a82b1e;
33
33
  $calcite-color-status-danger-press: #7c1d13;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esri/calcite-design-tokens",
3
- "version": "3.1.0-next.1",
3
+ "version": "3.1.0-next.3",
4
4
  "description": "Esri's Calcite Design System Tokens",
5
5
  "keywords": [
6
6
  "Calcite",
@@ -42,5 +42,8 @@
42
42
  "volta": {
43
43
  "extends": "../../package.json"
44
44
  },
45
- "gitHead": "67b869e28a4b9ed11656bcd364c9e9038d015c4e"
45
+ "devDependencies": {
46
+ "vitest": "2.1.9"
47
+ },
48
+ "gitHead": "836aa0e1986631ac13ed5d19da3ffd0bd0b72b87"
46
49
  }