@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.
- package/lib/Button/Button.d.ts +6 -2
- package/lib/css/main.css +69 -26
- package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
- package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
- package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +9 -3
- package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/control/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
- package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/control/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/control/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
- package/lib/forms/Checkbox/Checkbox.d.ts +1 -1
- package/lib/forms/Radio/Radio.d.ts +1 -1
- package/lib/forms/Select/Select.d.ts +1 -1
- package/lib/forms/TextInput/TextInput.d.ts +1 -1
- package/lib/forms/Textarea/Textarea.d.ts +1 -1
- package/lib/index.js +1 -1
- package/package.json +1 -1
package/lib/Button/Button.d.ts
CHANGED
|
@@ -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?:
|
|
7
|
-
size?:
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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:
|
|
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:
|
|
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:
|
|
1120
|
-
box-shadow: var(--brand-
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
3710
|
+
* Generated on Thu, 17 Nov 2022 13:45:07 GMT
|
|
3668
3711
|
*/
|
|
3669
3712
|
|
|
3670
3713
|
:root,
|
|
@@ -1,21 +1,27 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
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:
|
|
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:
|
|
26
|
+
--brand-Button-shadow-focus: var(--brand-color-focus);
|
|
21
27
|
}
|