@primer/react-brand 0.7.1 → 0.7.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 (107) hide show
  1. package/lib/Button/Button.d.ts +6 -2
  2. package/lib/css/main.css +69 -26
  3. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  4. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  5. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  6. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  7. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  8. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  9. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  10. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +9 -3
  11. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
  12. package/lib/design-tokens/css/tokens/functional/components/control/base.css +1 -1
  13. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  14. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  15. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  22. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  23. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  29. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  30. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  31. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  32. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  33. package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +1 -1
  34. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  35. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  36. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  37. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  38. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  39. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  40. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  41. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  42. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  43. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  44. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  45. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  46. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  47. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  48. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  49. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  50. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  51. package/lib/design-tokens/js/tokens/functional/components/control/base.js +1 -1
  52. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  53. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  54. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  55. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  56. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  57. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  58. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  59. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  60. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  61. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  62. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  63. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  64. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  65. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  66. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  67. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  68. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  69. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  70. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  71. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  72. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  73. package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
  74. package/lib/design-tokens/ts/tokens/functional/components/control/base.js +1 -1
  75. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  76. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  77. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  78. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  79. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  80. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  81. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  82. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  83. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  84. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  85. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  86. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  87. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  88. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  89. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  90. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  91. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  92. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  93. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  94. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  95. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  96. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  97. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  98. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  99. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  100. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  101. package/lib/forms/Checkbox/Checkbox.d.ts +1 -1
  102. package/lib/forms/Radio/Radio.d.ts +1 -1
  103. package/lib/forms/Select/Select.d.ts +1 -1
  104. package/lib/forms/TextInput/TextInput.d.ts +1 -1
  105. package/lib/forms/Textarea/Textarea.d.ts +1 -1
  106. package/lib/index.js +1 -1
  107. package/package.json +1 -1
@@ -1,10 +1,14 @@
1
1
  import React from 'react';
2
2
  import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css';
3
3
  import type { BaseProps } from '../component-helpers';
4
+ export declare const ButtonVariants: readonly ["primary", "secondary", "subtle"];
5
+ export declare const ButtonSizes: readonly ["medium", "large"];
6
+ export declare const defaultButtonVariant: "secondary";
7
+ export declare const defaultButtonSize: "medium";
4
8
  export declare type ButtonProps<C extends React.ElementType> = BaseProps<C> & {
5
9
  as?: C;
6
- variant?: 'primary' | 'secondary' | 'subtle';
7
- size?: 'medium' | 'large';
10
+ variant?: typeof ButtonVariants[number];
11
+ size?: typeof ButtonSizes[number];
8
12
  hasArrow?: boolean;
9
13
  } & React.ComponentPropsWithoutRef<C>;
10
14
  export declare const Button: React.ForwardRefExoticComponent<Pick<BaseProps<React.ElementType<any>> & {
package/lib/css/main.css CHANGED
@@ -89,7 +89,7 @@ select {
89
89
 
90
90
  /**
91
91
  * Do not edit directly
92
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
92
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
93
93
  */
94
94
 
95
95
  :root,
@@ -629,7 +629,7 @@ select {
629
629
 
630
630
  /**
631
631
  * Do not edit directly
632
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
632
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
633
633
  */
634
634
 
635
635
  :root {
@@ -654,7 +654,7 @@ select {
654
654
 
655
655
  /**
656
656
  * Do not edit directly
657
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
657
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
658
658
  */
659
659
 
660
660
  :root {
@@ -669,7 +669,7 @@ select {
669
669
 
670
670
  /**
671
671
  * Do not edit directly
672
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
672
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
673
673
  */
674
674
 
675
675
  :root {
@@ -848,7 +848,7 @@ select {
848
848
 
849
849
  /**
850
850
  * Do not edit directly
851
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
851
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
852
852
  */
853
853
 
854
854
  :root {
@@ -862,7 +862,7 @@ select {
862
862
 
863
863
  /**
864
864
  * Do not edit directly
865
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
865
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
866
866
  */
867
867
 
868
868
  :root {
@@ -880,7 +880,7 @@ select {
880
880
 
881
881
  /**
882
882
  * Do not edit directly
883
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
883
+ * Generated on Thu, 17 Nov 2022 13:45:07 GMT
884
884
  */
885
885
 
886
886
  :root,
@@ -1076,24 +1076,30 @@ select {
1076
1076
 
1077
1077
  /**
1078
1078
  * Do not edit directly
1079
- * Generated on Wed, 09 Nov 2022 14:50:16 GMT
1079
+ * Generated on Thu, 17 Nov 2022 13:45:07 GMT
1080
1080
  */
1081
1081
 
1082
1082
  :root,
1083
1083
  [data-color-mode="light"] {
1084
1084
  --brand-Button-background-base: var(--base-color-scale-black-0);
1085
1085
  --brand-Button-background-overlay: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0) 100%), var(--base-color-scale-black-0);
1086
+ --brand-Button-background-disabled: var(--base-color-scale-gray-4);
1087
+ --brand-Button-fg-primary-disabled: var(--base-color-scale-gray-2);
1088
+ --brand-Button-fg-secondary-disabled: var(--base-color-scale-gray-3);
1086
1089
  --brand-Button-shadow-default: 0 0 0 1px var(--base-color-scale-black-0);
1087
1090
  --brand-Button-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
1088
- --brand-Button-shadow-focus: hsl(var(--base-color-scale-black-0-hsl) / 15%) 0 0 0 4px;
1091
+ --brand-Button-shadow-focus: var(--brand-color-focus);
1089
1092
  }
1090
1093
 
1091
1094
  [data-color-mode="dark"] {
1092
1095
  --brand-Button-background-base: var(--base-color-scale-white-0);
1093
1096
  --brand-Button-background-overlay: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0) 100%), var(--base-color-scale-white-0);
1097
+ --brand-Button-background-disabled: var(--base-color-scale-gray-4);
1098
+ --brand-Button-fg-primary-disabled: var(--base-color-scale-gray-2);
1099
+ --brand-Button-fg-secondary-disabled: var(--base-color-scale-gray-4);
1094
1100
  --brand-Button-shadow-default: 0 0 0 1px var(--base-color-scale-white-0);
1095
1101
  --brand-Button-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
1096
- --brand-Button-shadow-focus: hsl(var(--base-color-scale-white-0-hsl) / 25%) 0 0 0 4px;
1102
+ --brand-Button-shadow-focus: var(--brand-color-focus);
1097
1103
  }
1098
1104
 
1099
1105
  .Primer_Brand__Button-module__Button___lDruK {
@@ -1115,43 +1121,69 @@ select {
1115
1121
  background: none;
1116
1122
  }
1117
1123
 
1118
- .Primer_Brand__Button-module__Button___lDruK:focus {
1119
- outline: 0;
1120
- box-shadow: var(--brand-Button-shadow-focus), var(--brand-Button-shadow-hover);
1124
+ .Primer_Brand__Button-module__Button___lDruK:focus:not(.Primer_Brand__Button-module__Button--disabled___Ba17E) {
1125
+ outline: none;
1126
+ box-shadow: 0 0 0 2px var(--brand-color-canvas-default), 0 0 0 5px var(--brand-color-focus);
1121
1127
  }
1122
1128
 
1123
1129
  .Primer_Brand__Button-module__Button--label___lUBc0 {
1124
1130
  font-weight: var(--base-text-weight-semibold);
1125
1131
  }
1126
1132
 
1133
+ .Primer_Brand__Button-module__Button--label___lUBc0.Primer_Brand__Button-module__Button-label--disabled___ZBpbj {
1134
+ color: var(--brand-Button-fg-primary-disabled);
1135
+ }
1136
+
1127
1137
  .Primer_Brand__Button-module__Button-arrow___SkJXQ {
1128
1138
  margin-left: 4px;
1129
1139
  }
1130
1140
 
1141
+ .Primer_Brand__Button-module__Button--primary___xIC7G .Primer_Brand__Button-module__Button-arrow--disabled____UgPq {
1142
+ color: var(--brand-Button-fg-primary-disabled);
1143
+ }
1144
+
1145
+ .Primer_Brand__Button-module__Button--secondary___akMC2 .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
1146
+ .Primer_Brand__Button-module__Button--subtle___UMmi9 .Primer_Brand__Button-module__Button-arrow--disabled____UgPq {
1147
+ color: var(--brand-Button-fg-secondary-disabled);
1148
+ }
1149
+
1131
1150
  .Primer_Brand__Button-module__Button--primary___xIC7G {
1132
1151
  color: var(--brand-color-text-onEmphasis);
1133
1152
  background-color: var(--brand-Button-background-base);
1134
1153
  background: var(--brand-Button-background-overlay);
1135
1154
  }
1136
1155
 
1137
- .Primer_Brand__Button-module__Button--primary___xIC7G:hover {
1156
+ .Primer_Brand__Button-module__Button--primary___xIC7G:not(.Primer_Brand__Button-module__Button--disabled___Ba17E):hover {
1138
1157
  box-shadow: var(--brand-Button-shadow-hover);
1139
1158
  }
1140
1159
 
1160
+ .Primer_Brand__Button-module__Button--primary___xIC7G.Primer_Brand__Button-module__Button--disabled___Ba17E {
1161
+ background-color: var(--base-color-scale-gray-4);
1162
+ }
1163
+
1141
1164
  .Primer_Brand__Button-module__Button--label-primary___Leisi {
1142
1165
  color: var(--brand-color-text-onEmphasis);
1143
1166
  }
1144
1167
 
1168
+ .Primer_Brand__Button-module__Button--label-primary___Leisi.Primer_Brand__Button-module__Button-label--disabled___ZBpbj {
1169
+ color: var(--brand-Button-fg-primary-disabled);
1170
+ }
1171
+
1145
1172
  .Primer_Brand__Button-module__Button--secondary___akMC2 {
1146
1173
  color: var(--brand-color-text-default);
1147
1174
  box-shadow: inset 0 0 0 1px var(--brand-color-border-default);
1148
1175
  transition: box-shadow 200ms;
1149
1176
  }
1150
1177
 
1151
- .Primer_Brand__Button-module__Button--secondary___akMC2:hover {
1178
+ .Primer_Brand__Button-module__Button--secondary___akMC2:not(.Primer_Brand__Button-module__Button--disabled___Ba17E):hover {
1152
1179
  box-shadow: inset 0 0 0 2px var(--brand-color-neutral-emphasisPlus);
1153
1180
  }
1154
1181
 
1182
+ .Primer_Brand__Button-module__Button--label-secondary___DRJoJ.Primer_Brand__Button-module__Button-label--disabled___ZBpbj,
1183
+ .Primer_Brand__Button-module__Button--label-secondary___DRJoJ.Primer_Brand__Button-module__Button-label--disabled___ZBpbj {
1184
+ color: var(--brand-Button-fg-secondary-disabled);
1185
+ }
1186
+
1155
1187
  .Primer_Brand__Button-module__Button--subtle___UMmi9 {
1156
1188
  color: var(--brand-color-text-default);
1157
1189
  transition: box-shadow 200ms;
@@ -1169,6 +1201,17 @@ select {
1169
1201
  padding: var(--base-size-16) var(--base-size-32);
1170
1202
  }
1171
1203
 
1204
+ .Primer_Brand__Button-module__Button--disabled___Ba17E,
1205
+ .Primer_Brand__Button-module__Button--disabled___Ba17E:hover,
1206
+ .Primer_Brand__Button-module__Button--disabled___Ba17E:focus {
1207
+ cursor: not-allowed;
1208
+ outline: none;
1209
+ }
1210
+
1211
+ .Primer_Brand__Button-module__Button--disabled___Ba17E:not(.Primer_Brand__Button-module__Button--secondary___akMC2) {
1212
+ box-shadow: none;
1213
+ }
1214
+
1172
1215
  .Primer_Brand__Heading-module__Heading___IVpmp {
1173
1216
  color: var(--brand-color-text-default);
1174
1217
  }
@@ -1223,7 +1266,7 @@ select {
1223
1266
 
1224
1267
  /**
1225
1268
  * Do not edit directly
1226
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
1269
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
1227
1270
  */
1228
1271
 
1229
1272
  :root {
@@ -1244,7 +1287,7 @@ select {
1244
1287
 
1245
1288
  /**
1246
1289
  * Do not edit directly
1247
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
1290
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
1248
1291
  */
1249
1292
 
1250
1293
  :root {
@@ -2030,7 +2073,7 @@ select {
2030
2073
 
2031
2074
  /**
2032
2075
  * Do not edit directly
2033
- * Generated on Wed, 09 Nov 2022 14:50:16 GMT
2076
+ * Generated on Thu, 17 Nov 2022 13:45:07 GMT
2034
2077
  */
2035
2078
 
2036
2079
  :root,
@@ -2058,7 +2101,7 @@ select {
2058
2101
 
2059
2102
  /**
2060
2103
  * Do not edit directly
2061
- * Generated on Wed, 09 Nov 2022 14:50:16 GMT
2104
+ * Generated on Thu, 17 Nov 2022 13:45:07 GMT
2062
2105
  */
2063
2106
 
2064
2107
  :root,
@@ -2163,7 +2206,7 @@ select {
2163
2206
 
2164
2207
  /**
2165
2208
  * Do not edit directly
2166
- * Generated on Wed, 09 Nov 2022 14:50:16 GMT
2209
+ * Generated on Thu, 17 Nov 2022 13:45:07 GMT
2167
2210
  */
2168
2211
 
2169
2212
  :root,
@@ -2305,7 +2348,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2305
2348
 
2306
2349
  /**
2307
2350
  * Do not edit directly
2308
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
2351
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
2309
2352
  */
2310
2353
 
2311
2354
  :root {
@@ -2315,7 +2358,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2315
2358
 
2316
2359
  /**
2317
2360
  * Do not edit directly
2318
- * Generated on Wed, 09 Nov 2022 14:50:16 GMT
2361
+ * Generated on Thu, 17 Nov 2022 13:45:07 GMT
2319
2362
  */
2320
2363
 
2321
2364
  :root,
@@ -2385,7 +2428,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2385
2428
 
2386
2429
  /**
2387
2430
  * Do not edit directly
2388
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
2431
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
2389
2432
  */
2390
2433
 
2391
2434
  :root {
@@ -2404,7 +2447,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2404
2447
 
2405
2448
  /**
2406
2449
  * Do not edit directly
2407
- * Generated on Wed, 09 Nov 2022 14:50:16 GMT
2450
+ * Generated on Thu, 17 Nov 2022 13:45:07 GMT
2408
2451
  */
2409
2452
 
2410
2453
  :root,
@@ -3347,7 +3390,7 @@ Fixes safari bug where outline doesn't respect border-radius
3347
3390
 
3348
3391
  /**
3349
3392
  * Do not edit directly
3350
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3393
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
3351
3394
  */
3352
3395
 
3353
3396
  :root {
@@ -3664,7 +3707,7 @@ Fixes safari bug where outline doesn't respect border-radius
3664
3707
 
3665
3708
  /**
3666
3709
  * Do not edit directly
3667
- * Generated on Wed, 09 Nov 2022 14:50:16 GMT
3710
+ * Generated on Thu, 17 Nov 2022 13:45:07 GMT
3668
3711
  */
3669
3712
 
3670
3713
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:07 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:16 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:07 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,21 +1,27 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:16 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:07 GMT
4
4
  */
5
5
 
6
6
  :root,
7
7
  [data-color-mode="light"] {
8
8
  --brand-Button-background-base: var(--base-color-scale-black-0);
9
9
  --brand-Button-background-overlay: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0) 100%), var(--base-color-scale-black-0);
10
+ --brand-Button-background-disabled: var(--base-color-scale-gray-4);
11
+ --brand-Button-fg-primary-disabled: var(--base-color-scale-gray-2);
12
+ --brand-Button-fg-secondary-disabled: var(--base-color-scale-gray-3);
10
13
  --brand-Button-shadow-default: 0 0 0 1px var(--base-color-scale-black-0);
11
14
  --brand-Button-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
12
- --brand-Button-shadow-focus: hsl(var(--base-color-scale-black-0-hsl) / 15%) 0 0 0 4px;
15
+ --brand-Button-shadow-focus: var(--brand-color-focus);
13
16
  }
14
17
 
15
18
  [data-color-mode="dark"] {
16
19
  --brand-Button-background-base: var(--base-color-scale-white-0);
17
20
  --brand-Button-background-overlay: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0) 100%), var(--base-color-scale-white-0);
21
+ --brand-Button-background-disabled: var(--base-color-scale-gray-4);
22
+ --brand-Button-fg-primary-disabled: var(--base-color-scale-gray-2);
23
+ --brand-Button-fg-secondary-disabled: var(--base-color-scale-gray-4);
18
24
  --brand-Button-shadow-default: 0 0 0 1px var(--base-color-scale-white-0);
19
25
  --brand-Button-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
20
- --brand-Button-shadow-focus: hsl(var(--base-color-scale-white-0-hsl) / 25%) 0 0 0 4px;
26
+ --brand-Button-shadow-focus: var(--brand-color-focus);
21
27
  }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:16 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:07 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:16 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:07 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:16 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:07 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:16 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:07 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:16 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:07 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  @media (pointer: coarse) { :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  @media (pointer: fine) { :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 14:50:15 GMT
3
+ * Generated on Thu, 17 Nov 2022 13:45:06 GMT
4
4
  */
5
5
 
6
6
  module.exports = {