@primer/react-brand 0.5.3 → 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/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 +29 -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 +1 -1
|
@@ -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 Thu,
|
|
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 Thu,
|
|
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 Thu,
|
|
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 Thu,
|
|
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 Thu,
|
|
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 Thu,
|
|
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 Thu,
|
|
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 Thu,
|
|
1079
|
+
* Generated on Thu, 03 Nov 2022 12:29:40 GMT
|
|
1080
1080
|
*/
|
|
1081
1081
|
|
|
1082
1082
|
:root,
|
|
@@ -1223,7 +1223,7 @@ select {
|
|
|
1223
1223
|
|
|
1224
1224
|
/**
|
|
1225
1225
|
* Do not edit directly
|
|
1226
|
-
* Generated on Thu,
|
|
1226
|
+
* Generated on Thu, 03 Nov 2022 12:29:39 GMT
|
|
1227
1227
|
*/
|
|
1228
1228
|
|
|
1229
1229
|
:root {
|
|
@@ -1231,9 +1231,20 @@ select {
|
|
|
1231
1231
|
--brand-Hero-narrow-padding: var(--base-size-96) 0;
|
|
1232
1232
|
}
|
|
1233
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
|
+
|
|
1234
1245
|
/**
|
|
1235
1246
|
* Do not edit directly
|
|
1236
|
-
* Generated on Thu,
|
|
1247
|
+
* Generated on Thu, 03 Nov 2022 12:29:39 GMT
|
|
1237
1248
|
*/
|
|
1238
1249
|
|
|
1239
1250
|
:root {
|
|
@@ -2019,7 +2030,7 @@ select {
|
|
|
2019
2030
|
|
|
2020
2031
|
/**
|
|
2021
2032
|
* Do not edit directly
|
|
2022
|
-
* Generated on Thu,
|
|
2033
|
+
* Generated on Thu, 03 Nov 2022 12:29:40 GMT
|
|
2023
2034
|
*/
|
|
2024
2035
|
|
|
2025
2036
|
:root,
|
|
@@ -2047,7 +2058,7 @@ select {
|
|
|
2047
2058
|
|
|
2048
2059
|
/**
|
|
2049
2060
|
* Do not edit directly
|
|
2050
|
-
* Generated on Thu,
|
|
2061
|
+
* Generated on Thu, 03 Nov 2022 12:29:40 GMT
|
|
2051
2062
|
*/
|
|
2052
2063
|
|
|
2053
2064
|
:root,
|
|
@@ -2152,7 +2163,7 @@ select {
|
|
|
2152
2163
|
|
|
2153
2164
|
/**
|
|
2154
2165
|
* Do not edit directly
|
|
2155
|
-
* Generated on Thu,
|
|
2166
|
+
* Generated on Thu, 03 Nov 2022 12:29:40 GMT
|
|
2156
2167
|
*/
|
|
2157
2168
|
|
|
2158
2169
|
:root,
|
|
@@ -2294,7 +2305,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2294
2305
|
|
|
2295
2306
|
/**
|
|
2296
2307
|
* Do not edit directly
|
|
2297
|
-
* Generated on Thu,
|
|
2308
|
+
* Generated on Thu, 03 Nov 2022 12:29:39 GMT
|
|
2298
2309
|
*/
|
|
2299
2310
|
|
|
2300
2311
|
:root {
|
|
@@ -2304,7 +2315,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2304
2315
|
|
|
2305
2316
|
/**
|
|
2306
2317
|
* Do not edit directly
|
|
2307
|
-
* Generated on Thu,
|
|
2318
|
+
* Generated on Thu, 03 Nov 2022 12:29:40 GMT
|
|
2308
2319
|
*/
|
|
2309
2320
|
|
|
2310
2321
|
:root,
|
|
@@ -2374,7 +2385,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2374
2385
|
|
|
2375
2386
|
/**
|
|
2376
2387
|
* Do not edit directly
|
|
2377
|
-
* Generated on Thu,
|
|
2388
|
+
* Generated on Thu, 03 Nov 2022 12:29:39 GMT
|
|
2378
2389
|
*/
|
|
2379
2390
|
|
|
2380
2391
|
:root {
|
|
@@ -2393,7 +2404,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2393
2404
|
|
|
2394
2405
|
/**
|
|
2395
2406
|
* Do not edit directly
|
|
2396
|
-
* Generated on Thu,
|
|
2407
|
+
* Generated on Thu, 03 Nov 2022 12:29:40 GMT
|
|
2397
2408
|
*/
|
|
2398
2409
|
|
|
2399
2410
|
:root,
|
|
@@ -3070,7 +3081,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
3070
3081
|
|
|
3071
3082
|
/**
|
|
3072
3083
|
* Do not edit directly
|
|
3073
|
-
* Generated on Thu,
|
|
3084
|
+
* Generated on Thu, 03 Nov 2022 12:29:39 GMT
|
|
3074
3085
|
*/
|
|
3075
3086
|
|
|
3076
3087
|
:root {
|