@wistia/ui 0.0.11 → 0.0.12

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 (5) hide show
  1. package/dist/index.cjs +42 -1
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.mjs +42 -1
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  /*
3
- * @license @wistia/ui v0.0.11
3
+ * @license @wistia/ui v0.0.12
4
4
  *
5
5
  * Copyright (c) 2024-2024, Wistia, Inc. and its affiliates.
6
6
  *
@@ -813,6 +813,9 @@ var colorAliasTokens = import_styled_components4.css`
813
813
  --color-border: var(--gray-6);
814
814
  --color-border-hover: var(--gray-8);
815
815
  --color-border-active: var(--gray-9);
816
+ --color-border-secondary: var(--gray-8);
817
+ --color-border-secondary-hover: var(--gray-10);
818
+ --color-border-secondary-active: var(--gray-11);
816
819
  --color-icon: var(--gray-11);
817
820
  --color-icon-on-fill: var(--gray-contrast);
818
821
  --color-text: var(--gray-12);
@@ -837,6 +840,9 @@ var colorAliasTokens = import_styled_components4.css`
837
840
  --color-border-error: var(--error-6);
838
841
  --color-border-hover-errror: var(--error-8);
839
842
  --color-border-active-error: var(--error-9);
843
+ --color-border-secondary-error: var(--error-8);
844
+ --color-border-secondary-hover-error: var(--error-10);
845
+ --color-border-secondary-active-error: var(--error-11);
840
846
  --color-icon-error: var(--error-11);
841
847
  --color-icon-on-fill-error: var(--error-contrast);
842
848
  --color-text-error: var(--error-11);
@@ -859,6 +865,9 @@ var colorAliasTokens = import_styled_components4.css`
859
865
  --color-border-info: var(--blue-6);
860
866
  --color-border-hover-info: var(--blue-8);
861
867
  --color-border-active-info: var(--blue-9);
868
+ --color-border-secondary-info: var(--blue-8);
869
+ --color-border-secondary-hover-info: var(--blue-10);
870
+ --color-border-secondary-active-info: var(--blue-11);
862
871
  --color-icon-info: var(--blue-11);
863
872
  --color-icon-on-fill-info: var(--blue-contrast);
864
873
  --color-text-high-contrast-info: var(--blue-12);
@@ -881,6 +890,9 @@ var colorAliasTokens = import_styled_components4.css`
881
890
  --color-border-success: var(--success-6);
882
891
  --color-border-hover-success: var(--success-8);
883
892
  --color-border-active-success: var(--success-9);
893
+ --color-border-secondary-success: var(--success-8);
894
+ --color-border-secondary-hover-success: var(--success-10);
895
+ --color-border-secondary-active-success: var(--success-11);
884
896
  --color-icon-on-fill-success: var(--success-contrast);
885
897
  --color-icon-success: var(--success-11);
886
898
  --color-text-high-contrast-success: var(--success-12);
@@ -903,6 +915,9 @@ var colorAliasTokens = import_styled_components4.css`
903
915
  --color-border-warning: var(--warning-6);
904
916
  --color-border-hover-warning: var(--warning-8);
905
917
  --color-border-active-warning: var(--warning-9);
918
+ --color-border-secondary-warning: var(--warning-8);
919
+ --color-border-secondary-hover-warning: var(--warning-10);
920
+ --color-border-secondary-active-warning: var(--warning-11);
906
921
  --color-icon-on-fill-warning: var(--warning-contrast);
907
922
  --color-icon-warning: var(--warning-11);
908
923
  --color-text-high-contrast-warning: var(--warning-12);
@@ -927,6 +942,9 @@ var colorAliasTokens = import_styled_components4.css`
927
942
  --color-border-blue: var(--blue-6);
928
943
  --color-border-hover-blue: var(--blue-8);
929
944
  --color-border-active-blue: var(--blue-9);
945
+ --color-border-secondary-blue: var(--blue-8);
946
+ --color-border-secondary-hover-blue: var(--blue-10);
947
+ --color-border-secondary-active-blue: var(--blue-11);
930
948
  --color-icon-blue: var(--blue-11);
931
949
  --color-icon-on-fill-blue: var(--blue-contrast);
932
950
  --color-text-blue: var(--blue-11);
@@ -949,6 +967,9 @@ var colorAliasTokens = import_styled_components4.css`
949
967
  --color-border-green: var(--green-6);
950
968
  --color-border-hover-green: var(--green-8);
951
969
  --color-border-active-green: var(--green-9);
970
+ --color-border-secondary-green: var(--green-8);
971
+ --color-border-secondary-hover-green: var(--green-10);
972
+ --color-border-secondary-active-green: var(--green-11);
952
973
  --color-icon-green: var(--green-11);
953
974
  --color-icon-on-fill-green: var(--green-contrast);
954
975
  --color-text-green: var(--green-11);
@@ -971,6 +992,9 @@ var colorAliasTokens = import_styled_components4.css`
971
992
  --color-border-orange: var(--orange-6);
972
993
  --color-border-hover-orange: var(--orange-8);
973
994
  --color-border-active-orange: var(--orange-9);
995
+ --color-border-secondary-orange: var(--orange-8);
996
+ --color-border-secondary-hover-orange: var(--orange-10);
997
+ --color-border-secondary-active-orange: var(--orange-11);
974
998
  --color-icon-on-fill-orange: var(--orange-contrast);
975
999
  --color-icon-orange: var(--orange-11);
976
1000
  --color-text-high-contrast-orange: var(--orange-12);
@@ -993,6 +1017,9 @@ var colorAliasTokens = import_styled_components4.css`
993
1017
  --color-border-pink: var(--pink-6);
994
1018
  --color-border-hover-pink: var(--pink-8);
995
1019
  --color-border-active-pink: var(--pink-9);
1020
+ --color-border-secondary-pink: var(--pink-8);
1021
+ --color-border-secondary-hover-pink: var(--pink-10);
1022
+ --color-border-secondary-active-pink: var(--pink-11);
996
1023
  --color-icon-on-fill-pink: var(--pink-contrast);
997
1024
  --color-icon-pink: var(--pink-11);
998
1025
  --color-text-high-contrast-pink: var(--pink-12);
@@ -1015,6 +1042,9 @@ var colorAliasTokens = import_styled_components4.css`
1015
1042
  --color-border-purple: var(--purple-6);
1016
1043
  --color-border-hover-purple: var(--purple-8);
1017
1044
  --color-border-active-purple: var(--purple-9);
1045
+ --color-border-secondary-purple: var(--purple-8);
1046
+ --color-border-secondary-hover-purple: var(--purple-10);
1047
+ --color-border-secondary-active-purple: var(--purple-11);
1018
1048
  --color-icon-on-fill-purple: var(--purple-contrast);
1019
1049
  --color-icon-purple: var(--purple-11);
1020
1050
  --color-text-high-contrast-purple: var(--purple-12);
@@ -1037,6 +1067,9 @@ var colorAliasTokens = import_styled_components4.css`
1037
1067
  --color-border-yellow: var(--yellow-6);
1038
1068
  --color-border-hover-yellow: var(--yellow-8);
1039
1069
  --color-border-active-yellow: var(--yellow-9);
1070
+ --color-border-secondary-yellow: var(--yellow-8);
1071
+ --color-border-secondary-hover-yellow: var(--yellow-10);
1072
+ --color-border-secondary-active-yellow: var(--yellow-11);
1040
1073
  --color-icon-on-fill-yellow: var(--yellow-contrast);
1041
1074
  --color-icon-yellow: var(--yellow-11);
1042
1075
  --color-text-high-contrast-yellow: var(--yellow-12);
@@ -1483,6 +1516,9 @@ var colorSchemeSchema = [
1483
1516
  { token: "border", step: "6" },
1484
1517
  { token: "border-hover", step: "8" },
1485
1518
  { token: "border-active", step: "9" },
1519
+ { token: "border-secondary", step: "8" },
1520
+ { token: "border-secondary-hover", step: "10" },
1521
+ { token: "border-secondary-active", step: "11" },
1486
1522
  { token: "icon", step: "11" },
1487
1523
  { token: "icon-on-fill", step: "contrast" }
1488
1524
  ];
@@ -1502,6 +1538,11 @@ var defaultScheme = import_styled_components10.css`
1502
1538
  --color-text-secondary: var(--gray-11);
1503
1539
  --color-text-on-fill: var(--gray-contrast);
1504
1540
  --color-border: var(--gray-6);
1541
+ --color-border-hover: var(--gray-8);
1542
+ --color-border-active: var(--gray-9);
1543
+ --color-border-secondary: var(--gray-8);
1544
+ --color-border-secondary-hover: var(--gray-10);
1545
+ --color-border-secondary-active: var(--gray-11);
1505
1546
  --color-icon: var(--gray-11);
1506
1547
  --color-icon-on-fill: var(--gray-contrast);
1507
1548
  `;