@primer/react-brand 0.5.3-rc.95ca833 → 0.6.0-rc.e989738
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/fonts → fonts}/alliance-1.woff2 +0 -0
- package/{lib/fonts → fonts}/alliance-2.woff2 +0 -0
- package/{lib/fonts → fonts}/fonts.css +0 -0
- package/lib/Button/Button.d.ts +2 -2
- package/lib/ButtonGroup/ButtonGroup.d.ts +15 -0
- package/lib/ButtonGroup/ButtonGroup.visual.spec.d.ts +1 -0
- package/lib/ButtonGroup/index.d.ts +1 -0
- package/lib/css/main.css +38 -18
- 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 +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/Select/Select.d.ts +1 -1
- package/lib/forms/TextInput/TextInput.d.ts +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.js +1 -1
- package/package.json +2 -5
|
File without changes
|
|
File without changes
|
|
File without changes
|
package/lib/Button/Button.d.ts
CHANGED
|
@@ -3,13 +3,13 @@ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/compone
|
|
|
3
3
|
import type { BaseProps } from '../component-helpers';
|
|
4
4
|
export declare type ButtonProps<C extends React.ElementType> = BaseProps<C> & {
|
|
5
5
|
as?: C;
|
|
6
|
-
variant?: 'primary' | 'secondary';
|
|
6
|
+
variant?: 'primary' | 'secondary' | 'subtle';
|
|
7
7
|
size?: 'medium' | 'large';
|
|
8
8
|
hasArrow?: boolean;
|
|
9
9
|
} & React.ComponentPropsWithoutRef<C>;
|
|
10
10
|
export declare const Button: React.ForwardRefExoticComponent<Pick<BaseProps<React.ElementType<any>> & {
|
|
11
11
|
as?: React.ElementType<any> | undefined;
|
|
12
|
-
variant?: "primary" | "secondary" | undefined;
|
|
12
|
+
variant?: "primary" | "secondary" | "subtle" | undefined;
|
|
13
13
|
size?: "medium" | "large" | undefined;
|
|
14
14
|
hasArrow?: boolean | undefined;
|
|
15
15
|
} & Pick<any, string | number | symbol>, string | number | symbol> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { BaseProps } from '../component-helpers';
|
|
3
|
+
import { ButtonProps } from '../Button';
|
|
4
|
+
declare type PrimerBrandButtonType = React.ReactElement<ButtonProps<React.ElementType<'button' | 'a'>>>;
|
|
5
|
+
export declare type ButtonGroupProps = BaseProps<HTMLDivElement> & {
|
|
6
|
+
children: PrimerBrandButtonType[] | PrimerBrandButtonType;
|
|
7
|
+
buttonSize?: ButtonProps<'button' | 'a'>['size'];
|
|
8
|
+
buttonsAs?: React.ElementType;
|
|
9
|
+
};
|
|
10
|
+
export declare const ButtonGroup: React.ForwardRefExoticComponent<Pick<BaseProps<HTMLDivElement> & {
|
|
11
|
+
children: PrimerBrandButtonType[] | PrimerBrandButtonType;
|
|
12
|
+
buttonSize?: ButtonProps<'button' | 'a'>['size'];
|
|
13
|
+
buttonsAs?: React.ElementType<any> | undefined;
|
|
14
|
+
}, "children" | "className" | "id" | "buttonSize" | "buttonsAs"> & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ButtonGroup';
|
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, 03 Nov 2022 12:29:40 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, 03 Nov 2022 12:29:39 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, 03 Nov 2022 12:29:39 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, 03 Nov 2022 12:29:39 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, 03 Nov 2022 12:29:39 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, 03 Nov 2022 12:29:39 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, 03 Nov 2022 12:29:40 GMT
|
|
884
884
|
*/
|
|
885
885
|
|
|
886
886
|
:root,
|
|
@@ -1076,7 +1076,7 @@ select {
|
|
|
1076
1076
|
|
|
1077
1077
|
/**
|
|
1078
1078
|
* Do not edit directly
|
|
1079
|
-
* Generated on
|
|
1079
|
+
* Generated on Thu, 03 Nov 2022 12:29:40 GMT
|
|
1080
1080
|
*/
|
|
1081
1081
|
|
|
1082
1082
|
:root,
|
|
@@ -1152,6 +1152,15 @@ select {
|
|
|
1152
1152
|
box-shadow: inset 0 0 0 2px var(--brand-color-neutral-emphasisPlus);
|
|
1153
1153
|
}
|
|
1154
1154
|
|
|
1155
|
+
.Primer_Brand__Button-module__Button--subtle___UMmi9 {
|
|
1156
|
+
color: var(--brand-color-text-default);
|
|
1157
|
+
transition: box-shadow 200ms;
|
|
1158
|
+
}
|
|
1159
|
+
|
|
1160
|
+
.Primer_Brand__Button-module__Button--subtle___UMmi9:hover {
|
|
1161
|
+
box-shadow: inset 0 0 0 2px var(--brand-color-neutral-emphasisPlus);
|
|
1162
|
+
}
|
|
1163
|
+
|
|
1155
1164
|
.Primer_Brand__Button-module__Button--size-medium___EyCyw {
|
|
1156
1165
|
padding: var(--base-size-16) var(--base-size-24);
|
|
1157
1166
|
}
|
|
@@ -1214,7 +1223,7 @@ select {
|
|
|
1214
1223
|
|
|
1215
1224
|
/**
|
|
1216
1225
|
* Do not edit directly
|
|
1217
|
-
* Generated on
|
|
1226
|
+
* Generated on Thu, 03 Nov 2022 12:29:39 GMT
|
|
1218
1227
|
*/
|
|
1219
1228
|
|
|
1220
1229
|
:root {
|
|
@@ -1222,9 +1231,20 @@ select {
|
|
|
1222
1231
|
--brand-Hero-narrow-padding: var(--base-size-96) 0;
|
|
1223
1232
|
}
|
|
1224
1233
|
|
|
1234
|
+
.Primer_Brand__ButtonGroup-module__ButtonGroup___QQSsj {
|
|
1235
|
+
display: inline-flex;
|
|
1236
|
+
gap: var(--base-size-8);
|
|
1237
|
+
flex-direction: row;
|
|
1238
|
+
flex-wrap: wrap;
|
|
1239
|
+
}
|
|
1240
|
+
|
|
1241
|
+
.Primer_Brand__ButtonGroup-module__ButtonGroup___QQSsj > * {
|
|
1242
|
+
flex-grow: 1;
|
|
1243
|
+
}
|
|
1244
|
+
|
|
1225
1245
|
/**
|
|
1226
1246
|
* Do not edit directly
|
|
1227
|
-
* Generated on
|
|
1247
|
+
* Generated on Thu, 03 Nov 2022 12:29:39 GMT
|
|
1228
1248
|
*/
|
|
1229
1249
|
|
|
1230
1250
|
:root {
|
|
@@ -2010,7 +2030,7 @@ select {
|
|
|
2010
2030
|
|
|
2011
2031
|
/**
|
|
2012
2032
|
* Do not edit directly
|
|
2013
|
-
* Generated on
|
|
2033
|
+
* Generated on Thu, 03 Nov 2022 12:29:40 GMT
|
|
2014
2034
|
*/
|
|
2015
2035
|
|
|
2016
2036
|
:root,
|
|
@@ -2038,7 +2058,7 @@ select {
|
|
|
2038
2058
|
|
|
2039
2059
|
/**
|
|
2040
2060
|
* Do not edit directly
|
|
2041
|
-
* Generated on
|
|
2061
|
+
* Generated on Thu, 03 Nov 2022 12:29:40 GMT
|
|
2042
2062
|
*/
|
|
2043
2063
|
|
|
2044
2064
|
:root,
|
|
@@ -2143,7 +2163,7 @@ select {
|
|
|
2143
2163
|
|
|
2144
2164
|
/**
|
|
2145
2165
|
* Do not edit directly
|
|
2146
|
-
* Generated on
|
|
2166
|
+
* Generated on Thu, 03 Nov 2022 12:29:40 GMT
|
|
2147
2167
|
*/
|
|
2148
2168
|
|
|
2149
2169
|
:root,
|
|
@@ -2285,7 +2305,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2285
2305
|
|
|
2286
2306
|
/**
|
|
2287
2307
|
* Do not edit directly
|
|
2288
|
-
* Generated on
|
|
2308
|
+
* Generated on Thu, 03 Nov 2022 12:29:39 GMT
|
|
2289
2309
|
*/
|
|
2290
2310
|
|
|
2291
2311
|
:root {
|
|
@@ -2295,7 +2315,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2295
2315
|
|
|
2296
2316
|
/**
|
|
2297
2317
|
* Do not edit directly
|
|
2298
|
-
* Generated on
|
|
2318
|
+
* Generated on Thu, 03 Nov 2022 12:29:40 GMT
|
|
2299
2319
|
*/
|
|
2300
2320
|
|
|
2301
2321
|
:root,
|
|
@@ -2365,7 +2385,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2365
2385
|
|
|
2366
2386
|
/**
|
|
2367
2387
|
* Do not edit directly
|
|
2368
|
-
* Generated on
|
|
2388
|
+
* Generated on Thu, 03 Nov 2022 12:29:39 GMT
|
|
2369
2389
|
*/
|
|
2370
2390
|
|
|
2371
2391
|
:root {
|
|
@@ -2384,7 +2404,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2384
2404
|
|
|
2385
2405
|
/**
|
|
2386
2406
|
* Do not edit directly
|
|
2387
|
-
* Generated on
|
|
2407
|
+
* Generated on Thu, 03 Nov 2022 12:29:40 GMT
|
|
2388
2408
|
*/
|
|
2389
2409
|
|
|
2390
2410
|
:root,
|
|
@@ -3061,7 +3081,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
3061
3081
|
|
|
3062
3082
|
/**
|
|
3063
3083
|
* Do not edit directly
|
|
3064
|
-
* Generated on
|
|
3084
|
+
* Generated on Thu, 03 Nov 2022 12:29:39 GMT
|
|
3065
3085
|
*/
|
|
3066
3086
|
|
|
3067
3087
|
:root {
|