@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.mjs 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
  *
@@ -750,6 +750,9 @@ var colorAliasTokens = css4`
750
750
  --color-border: var(--gray-6);
751
751
  --color-border-hover: var(--gray-8);
752
752
  --color-border-active: var(--gray-9);
753
+ --color-border-secondary: var(--gray-8);
754
+ --color-border-secondary-hover: var(--gray-10);
755
+ --color-border-secondary-active: var(--gray-11);
753
756
  --color-icon: var(--gray-11);
754
757
  --color-icon-on-fill: var(--gray-contrast);
755
758
  --color-text: var(--gray-12);
@@ -774,6 +777,9 @@ var colorAliasTokens = css4`
774
777
  --color-border-error: var(--error-6);
775
778
  --color-border-hover-errror: var(--error-8);
776
779
  --color-border-active-error: var(--error-9);
780
+ --color-border-secondary-error: var(--error-8);
781
+ --color-border-secondary-hover-error: var(--error-10);
782
+ --color-border-secondary-active-error: var(--error-11);
777
783
  --color-icon-error: var(--error-11);
778
784
  --color-icon-on-fill-error: var(--error-contrast);
779
785
  --color-text-error: var(--error-11);
@@ -796,6 +802,9 @@ var colorAliasTokens = css4`
796
802
  --color-border-info: var(--blue-6);
797
803
  --color-border-hover-info: var(--blue-8);
798
804
  --color-border-active-info: var(--blue-9);
805
+ --color-border-secondary-info: var(--blue-8);
806
+ --color-border-secondary-hover-info: var(--blue-10);
807
+ --color-border-secondary-active-info: var(--blue-11);
799
808
  --color-icon-info: var(--blue-11);
800
809
  --color-icon-on-fill-info: var(--blue-contrast);
801
810
  --color-text-high-contrast-info: var(--blue-12);
@@ -818,6 +827,9 @@ var colorAliasTokens = css4`
818
827
  --color-border-success: var(--success-6);
819
828
  --color-border-hover-success: var(--success-8);
820
829
  --color-border-active-success: var(--success-9);
830
+ --color-border-secondary-success: var(--success-8);
831
+ --color-border-secondary-hover-success: var(--success-10);
832
+ --color-border-secondary-active-success: var(--success-11);
821
833
  --color-icon-on-fill-success: var(--success-contrast);
822
834
  --color-icon-success: var(--success-11);
823
835
  --color-text-high-contrast-success: var(--success-12);
@@ -840,6 +852,9 @@ var colorAliasTokens = css4`
840
852
  --color-border-warning: var(--warning-6);
841
853
  --color-border-hover-warning: var(--warning-8);
842
854
  --color-border-active-warning: var(--warning-9);
855
+ --color-border-secondary-warning: var(--warning-8);
856
+ --color-border-secondary-hover-warning: var(--warning-10);
857
+ --color-border-secondary-active-warning: var(--warning-11);
843
858
  --color-icon-on-fill-warning: var(--warning-contrast);
844
859
  --color-icon-warning: var(--warning-11);
845
860
  --color-text-high-contrast-warning: var(--warning-12);
@@ -864,6 +879,9 @@ var colorAliasTokens = css4`
864
879
  --color-border-blue: var(--blue-6);
865
880
  --color-border-hover-blue: var(--blue-8);
866
881
  --color-border-active-blue: var(--blue-9);
882
+ --color-border-secondary-blue: var(--blue-8);
883
+ --color-border-secondary-hover-blue: var(--blue-10);
884
+ --color-border-secondary-active-blue: var(--blue-11);
867
885
  --color-icon-blue: var(--blue-11);
868
886
  --color-icon-on-fill-blue: var(--blue-contrast);
869
887
  --color-text-blue: var(--blue-11);
@@ -886,6 +904,9 @@ var colorAliasTokens = css4`
886
904
  --color-border-green: var(--green-6);
887
905
  --color-border-hover-green: var(--green-8);
888
906
  --color-border-active-green: var(--green-9);
907
+ --color-border-secondary-green: var(--green-8);
908
+ --color-border-secondary-hover-green: var(--green-10);
909
+ --color-border-secondary-active-green: var(--green-11);
889
910
  --color-icon-green: var(--green-11);
890
911
  --color-icon-on-fill-green: var(--green-contrast);
891
912
  --color-text-green: var(--green-11);
@@ -908,6 +929,9 @@ var colorAliasTokens = css4`
908
929
  --color-border-orange: var(--orange-6);
909
930
  --color-border-hover-orange: var(--orange-8);
910
931
  --color-border-active-orange: var(--orange-9);
932
+ --color-border-secondary-orange: var(--orange-8);
933
+ --color-border-secondary-hover-orange: var(--orange-10);
934
+ --color-border-secondary-active-orange: var(--orange-11);
911
935
  --color-icon-on-fill-orange: var(--orange-contrast);
912
936
  --color-icon-orange: var(--orange-11);
913
937
  --color-text-high-contrast-orange: var(--orange-12);
@@ -930,6 +954,9 @@ var colorAliasTokens = css4`
930
954
  --color-border-pink: var(--pink-6);
931
955
  --color-border-hover-pink: var(--pink-8);
932
956
  --color-border-active-pink: var(--pink-9);
957
+ --color-border-secondary-pink: var(--pink-8);
958
+ --color-border-secondary-hover-pink: var(--pink-10);
959
+ --color-border-secondary-active-pink: var(--pink-11);
933
960
  --color-icon-on-fill-pink: var(--pink-contrast);
934
961
  --color-icon-pink: var(--pink-11);
935
962
  --color-text-high-contrast-pink: var(--pink-12);
@@ -952,6 +979,9 @@ var colorAliasTokens = css4`
952
979
  --color-border-purple: var(--purple-6);
953
980
  --color-border-hover-purple: var(--purple-8);
954
981
  --color-border-active-purple: var(--purple-9);
982
+ --color-border-secondary-purple: var(--purple-8);
983
+ --color-border-secondary-hover-purple: var(--purple-10);
984
+ --color-border-secondary-active-purple: var(--purple-11);
955
985
  --color-icon-on-fill-purple: var(--purple-contrast);
956
986
  --color-icon-purple: var(--purple-11);
957
987
  --color-text-high-contrast-purple: var(--purple-12);
@@ -974,6 +1004,9 @@ var colorAliasTokens = css4`
974
1004
  --color-border-yellow: var(--yellow-6);
975
1005
  --color-border-hover-yellow: var(--yellow-8);
976
1006
  --color-border-active-yellow: var(--yellow-9);
1007
+ --color-border-secondary-yellow: var(--yellow-8);
1008
+ --color-border-secondary-hover-yellow: var(--yellow-10);
1009
+ --color-border-secondary-active-yellow: var(--yellow-11);
977
1010
  --color-icon-on-fill-yellow: var(--yellow-contrast);
978
1011
  --color-icon-yellow: var(--yellow-11);
979
1012
  --color-text-high-contrast-yellow: var(--yellow-12);
@@ -1420,6 +1453,9 @@ var colorSchemeSchema = [
1420
1453
  { token: "border", step: "6" },
1421
1454
  { token: "border-hover", step: "8" },
1422
1455
  { token: "border-active", step: "9" },
1456
+ { token: "border-secondary", step: "8" },
1457
+ { token: "border-secondary-hover", step: "10" },
1458
+ { token: "border-secondary-active", step: "11" },
1423
1459
  { token: "icon", step: "11" },
1424
1460
  { token: "icon-on-fill", step: "contrast" }
1425
1461
  ];
@@ -1439,6 +1475,11 @@ var defaultScheme = css9`
1439
1475
  --color-text-secondary: var(--gray-11);
1440
1476
  --color-text-on-fill: var(--gray-contrast);
1441
1477
  --color-border: var(--gray-6);
1478
+ --color-border-hover: var(--gray-8);
1479
+ --color-border-active: var(--gray-9);
1480
+ --color-border-secondary: var(--gray-8);
1481
+ --color-border-secondary-hover: var(--gray-10);
1482
+ --color-border-secondary-active: var(--gray-11);
1442
1483
  --color-icon: var(--gray-11);
1443
1484
  --color-icon-on-fill: var(--gray-contrast);
1444
1485
  `;