@primer/react-brand 0.4.0-rc.dad5972 → 0.4.0
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 +2 -0
- package/lib/css/main.css +24 -17
- 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/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 +2 -2
- package/lib/index.js +1 -1
- package/package.json +1 -1
- package/CHANGELOG.md +0 -198
package/lib/Button/Button.d.ts
CHANGED
|
@@ -4,8 +4,10 @@ import type { BaseProps } from '../component-helpers';
|
|
|
4
4
|
export declare type ButtonProps<C extends React.ElementType> = BaseProps<C> & {
|
|
5
5
|
as?: C;
|
|
6
6
|
variant?: 'primary' | 'secondary';
|
|
7
|
+
size?: 'medium' | 'large';
|
|
7
8
|
} & React.ComponentPropsWithoutRef<C>;
|
|
8
9
|
export declare const Button: React.ForwardRefExoticComponent<Pick<BaseProps<React.ElementType<any>> & {
|
|
9
10
|
as?: React.ElementType<any> | undefined;
|
|
10
11
|
variant?: "primary" | "secondary" | undefined;
|
|
12
|
+
size?: "medium" | "large" | undefined;
|
|
11
13
|
} & Pick<any, string | number | symbol>, string | number | symbol> & React.RefAttributes<HTMLButtonElement>>;
|
package/lib/css/main.css
CHANGED
|
@@ -91,7 +91,7 @@ select {
|
|
|
91
91
|
|
|
92
92
|
/**
|
|
93
93
|
* Do not edit directly
|
|
94
|
-
* Generated on
|
|
94
|
+
* Generated on Thu, 15 Sep 2022 13:18:10 GMT
|
|
95
95
|
*/
|
|
96
96
|
|
|
97
97
|
:root,
|
|
@@ -631,7 +631,7 @@ select {
|
|
|
631
631
|
|
|
632
632
|
/**
|
|
633
633
|
* Do not edit directly
|
|
634
|
-
* Generated on
|
|
634
|
+
* Generated on Thu, 15 Sep 2022 13:18:10 GMT
|
|
635
635
|
*/
|
|
636
636
|
|
|
637
637
|
:root {
|
|
@@ -656,7 +656,7 @@ select {
|
|
|
656
656
|
|
|
657
657
|
/**
|
|
658
658
|
* Do not edit directly
|
|
659
|
-
* Generated on
|
|
659
|
+
* Generated on Thu, 15 Sep 2022 13:18:10 GMT
|
|
660
660
|
*/
|
|
661
661
|
|
|
662
662
|
:root {
|
|
@@ -671,7 +671,7 @@ select {
|
|
|
671
671
|
|
|
672
672
|
/**
|
|
673
673
|
* Do not edit directly
|
|
674
|
-
* Generated on
|
|
674
|
+
* Generated on Thu, 15 Sep 2022 13:18:10 GMT
|
|
675
675
|
*/
|
|
676
676
|
|
|
677
677
|
:root {
|
|
@@ -850,7 +850,7 @@ select {
|
|
|
850
850
|
|
|
851
851
|
/**
|
|
852
852
|
* Do not edit directly
|
|
853
|
-
* Generated on
|
|
853
|
+
* Generated on Thu, 15 Sep 2022 13:18:10 GMT
|
|
854
854
|
*/
|
|
855
855
|
|
|
856
856
|
:root {
|
|
@@ -864,7 +864,7 @@ select {
|
|
|
864
864
|
|
|
865
865
|
/**
|
|
866
866
|
* Do not edit directly
|
|
867
|
-
* Generated on
|
|
867
|
+
* Generated on Thu, 15 Sep 2022 13:18:10 GMT
|
|
868
868
|
*/
|
|
869
869
|
|
|
870
870
|
:root {
|
|
@@ -882,7 +882,7 @@ select {
|
|
|
882
882
|
|
|
883
883
|
/**
|
|
884
884
|
* Do not edit directly
|
|
885
|
-
* Generated on
|
|
885
|
+
* Generated on Thu, 15 Sep 2022 13:18:10 GMT
|
|
886
886
|
*/
|
|
887
887
|
|
|
888
888
|
:root,
|
|
@@ -1078,7 +1078,7 @@ select {
|
|
|
1078
1078
|
|
|
1079
1079
|
/**
|
|
1080
1080
|
* Do not edit directly
|
|
1081
|
-
* Generated on
|
|
1081
|
+
* Generated on Thu, 15 Sep 2022 13:18:11 GMT
|
|
1082
1082
|
*/
|
|
1083
1083
|
|
|
1084
1084
|
:root,
|
|
@@ -1110,7 +1110,6 @@ select {
|
|
|
1110
1110
|
display: inline-flex;
|
|
1111
1111
|
align-items: center;
|
|
1112
1112
|
justify-content: center;
|
|
1113
|
-
padding: 1rem 1.5rem;
|
|
1114
1113
|
transition: box-shadow 0.2s;
|
|
1115
1114
|
text-decoration: none;
|
|
1116
1115
|
border-radius: 6px;
|
|
@@ -1156,6 +1155,14 @@ select {
|
|
|
1156
1155
|
box-shadow: inset 0 0 0 2px var(--brand-color-neutral-emphasisPlus);
|
|
1157
1156
|
}
|
|
1158
1157
|
|
|
1158
|
+
.Primer_Brand__Button-module__Button--size-medium___EyCyw {
|
|
1159
|
+
padding: var(--base-size-16) var(--base-size-24);
|
|
1160
|
+
}
|
|
1161
|
+
|
|
1162
|
+
.Primer_Brand__Button-module__Button--size-large___REN1l {
|
|
1163
|
+
padding: var(--base-size-16) var(--base-size-32);
|
|
1164
|
+
}
|
|
1165
|
+
|
|
1159
1166
|
.Primer_Brand__Heading-module__Heading___IVpmp {
|
|
1160
1167
|
color: var(--brand-color-text-default);
|
|
1161
1168
|
}
|
|
@@ -1210,7 +1217,7 @@ select {
|
|
|
1210
1217
|
|
|
1211
1218
|
/**
|
|
1212
1219
|
* Do not edit directly
|
|
1213
|
-
* Generated on
|
|
1220
|
+
* Generated on Thu, 15 Sep 2022 13:18:10 GMT
|
|
1214
1221
|
*/
|
|
1215
1222
|
|
|
1216
1223
|
:root {
|
|
@@ -1220,7 +1227,7 @@ select {
|
|
|
1220
1227
|
|
|
1221
1228
|
/**
|
|
1222
1229
|
* Do not edit directly
|
|
1223
|
-
* Generated on
|
|
1230
|
+
* Generated on Thu, 15 Sep 2022 13:18:10 GMT
|
|
1224
1231
|
*/
|
|
1225
1232
|
|
|
1226
1233
|
:root {
|
|
@@ -1343,7 +1350,7 @@ select {
|
|
|
1343
1350
|
|
|
1344
1351
|
/**
|
|
1345
1352
|
* Do not edit directly
|
|
1346
|
-
* Generated on
|
|
1353
|
+
* Generated on Thu, 15 Sep 2022 13:18:11 GMT
|
|
1347
1354
|
*/
|
|
1348
1355
|
|
|
1349
1356
|
:root,
|
|
@@ -1448,7 +1455,7 @@ select {
|
|
|
1448
1455
|
|
|
1449
1456
|
/**
|
|
1450
1457
|
* Do not edit directly
|
|
1451
|
-
* Generated on
|
|
1458
|
+
* Generated on Thu, 15 Sep 2022 13:18:11 GMT
|
|
1452
1459
|
*/
|
|
1453
1460
|
|
|
1454
1461
|
:root,
|
|
@@ -1600,7 +1607,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
1600
1607
|
|
|
1601
1608
|
/**
|
|
1602
1609
|
* Do not edit directly
|
|
1603
|
-
* Generated on
|
|
1610
|
+
* Generated on Thu, 15 Sep 2022 13:18:10 GMT
|
|
1604
1611
|
*/
|
|
1605
1612
|
|
|
1606
1613
|
:root {
|
|
@@ -1610,7 +1617,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
1610
1617
|
|
|
1611
1618
|
/**
|
|
1612
1619
|
* Do not edit directly
|
|
1613
|
-
* Generated on
|
|
1620
|
+
* Generated on Thu, 15 Sep 2022 13:18:11 GMT
|
|
1614
1621
|
*/
|
|
1615
1622
|
|
|
1616
1623
|
:root,
|
|
@@ -1680,7 +1687,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
1680
1687
|
|
|
1681
1688
|
/**
|
|
1682
1689
|
* Do not edit directly
|
|
1683
|
-
* Generated on
|
|
1690
|
+
* Generated on Thu, 15 Sep 2022 13:18:10 GMT
|
|
1684
1691
|
*/
|
|
1685
1692
|
|
|
1686
1693
|
:root {
|
|
@@ -1699,7 +1706,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
1699
1706
|
|
|
1700
1707
|
/**
|
|
1701
1708
|
* Do not edit directly
|
|
1702
|
-
* Generated on
|
|
1709
|
+
* Generated on Thu, 15 Sep 2022 13:18:11 GMT
|
|
1703
1710
|
*/
|
|
1704
1711
|
|
|
1705
1712
|
:root,
|