@primer/react-brand 0.5.3-rc.95ca833 → 0.5.3
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/css/main.css +27 -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/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>>;
|
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, 20 Oct 2022 09:09:41 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, 20 Oct 2022 09:09:41 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, 20 Oct 2022 09:09:40 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, 20 Oct 2022 09:09:41 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, 20 Oct 2022 09:09:40 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, 20 Oct 2022 09:09:40 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, 20 Oct 2022 09:09:41 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, 20 Oct 2022 09:09:41 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, 20 Oct 2022 09:09:40 GMT
|
|
1218
1227
|
*/
|
|
1219
1228
|
|
|
1220
1229
|
:root {
|
|
@@ -1224,7 +1233,7 @@ select {
|
|
|
1224
1233
|
|
|
1225
1234
|
/**
|
|
1226
1235
|
* Do not edit directly
|
|
1227
|
-
* Generated on
|
|
1236
|
+
* Generated on Thu, 20 Oct 2022 09:09:40 GMT
|
|
1228
1237
|
*/
|
|
1229
1238
|
|
|
1230
1239
|
:root {
|
|
@@ -2010,7 +2019,7 @@ select {
|
|
|
2010
2019
|
|
|
2011
2020
|
/**
|
|
2012
2021
|
* Do not edit directly
|
|
2013
|
-
* Generated on
|
|
2022
|
+
* Generated on Thu, 20 Oct 2022 09:09:41 GMT
|
|
2014
2023
|
*/
|
|
2015
2024
|
|
|
2016
2025
|
:root,
|
|
@@ -2038,7 +2047,7 @@ select {
|
|
|
2038
2047
|
|
|
2039
2048
|
/**
|
|
2040
2049
|
* Do not edit directly
|
|
2041
|
-
* Generated on
|
|
2050
|
+
* Generated on Thu, 20 Oct 2022 09:09:41 GMT
|
|
2042
2051
|
*/
|
|
2043
2052
|
|
|
2044
2053
|
:root,
|
|
@@ -2143,7 +2152,7 @@ select {
|
|
|
2143
2152
|
|
|
2144
2153
|
/**
|
|
2145
2154
|
* Do not edit directly
|
|
2146
|
-
* Generated on
|
|
2155
|
+
* Generated on Thu, 20 Oct 2022 09:09:41 GMT
|
|
2147
2156
|
*/
|
|
2148
2157
|
|
|
2149
2158
|
:root,
|
|
@@ -2285,7 +2294,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2285
2294
|
|
|
2286
2295
|
/**
|
|
2287
2296
|
* Do not edit directly
|
|
2288
|
-
* Generated on
|
|
2297
|
+
* Generated on Thu, 20 Oct 2022 09:09:40 GMT
|
|
2289
2298
|
*/
|
|
2290
2299
|
|
|
2291
2300
|
:root {
|
|
@@ -2295,7 +2304,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2295
2304
|
|
|
2296
2305
|
/**
|
|
2297
2306
|
* Do not edit directly
|
|
2298
|
-
* Generated on
|
|
2307
|
+
* Generated on Thu, 20 Oct 2022 09:09:41 GMT
|
|
2299
2308
|
*/
|
|
2300
2309
|
|
|
2301
2310
|
:root,
|
|
@@ -2365,7 +2374,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2365
2374
|
|
|
2366
2375
|
/**
|
|
2367
2376
|
* Do not edit directly
|
|
2368
|
-
* Generated on
|
|
2377
|
+
* Generated on Thu, 20 Oct 2022 09:09:40 GMT
|
|
2369
2378
|
*/
|
|
2370
2379
|
|
|
2371
2380
|
:root {
|
|
@@ -2384,7 +2393,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2384
2393
|
|
|
2385
2394
|
/**
|
|
2386
2395
|
* Do not edit directly
|
|
2387
|
-
* Generated on
|
|
2396
|
+
* Generated on Thu, 20 Oct 2022 09:09:41 GMT
|
|
2388
2397
|
*/
|
|
2389
2398
|
|
|
2390
2399
|
:root,
|
|
@@ -3061,7 +3070,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
3061
3070
|
|
|
3062
3071
|
/**
|
|
3063
3072
|
* Do not edit directly
|
|
3064
|
-
* Generated on
|
|
3073
|
+
* Generated on Thu, 20 Oct 2022 09:09:40 GMT
|
|
3065
3074
|
*/
|
|
3066
3075
|
|
|
3067
3076
|
:root {
|