@primer/brand-primitives 0.20.0 → 0.20.1-rc.0d58983
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/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/animation/base.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/action-menu/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/anchor-nav/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/card/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
- 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/cta-banner/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/footer/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/image/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/label/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +15 -0
- package/lib/design-tokens/css/tokens/functional/components/link/colors.css +9 -0
- package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pillar/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/river/river.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 +3 -2
- package/lib/design-tokens/css/tokens/functional/size/size-fine.css +3 -2
- 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 +2 -2
- package/lib/design-tokens/js/module/tokens/base/size/size.js +2 -2
- package/lib/design-tokens/js/module/tokens/base/typography/typography.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/animation/base.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/colors/global.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +49 -0
- package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/size/border.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/size/size.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +2 -2
- package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +2 -2
- package/lib/design-tokens/js/tokens/base/colors/color-scales.js +2 -2
- package/lib/design-tokens/js/tokens/base/size/size.js +2 -2
- package/lib/design-tokens/js/tokens/base/typography/typography.js +2 -2
- package/lib/design-tokens/js/tokens/functional/animation/base.js +2 -2
- package/lib/design-tokens/js/tokens/functional/colors/global.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/card/base.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/card/colors.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/control/base.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/faq/base.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/hero/base.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/image/base.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/label/colors.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/link/colors.js +7 -0
- package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/river/base.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/river/river.js +2 -2
- package/lib/design-tokens/js/tokens/functional/size/border.js +2 -2
- package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +2 -2
- package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +2 -2
- package/lib/design-tokens/js/tokens/functional/size/size-fine.js +2 -2
- package/lib/design-tokens/js/tokens/functional/size/size.js +2 -2
- package/lib/design-tokens/js/tokens/functional/size/viewport.js +2 -2
- package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +2 -2
- package/lib/design-tokens/js/tokens/functional/typography/typography.js +2 -2
- package/lib/design-tokens/scss/tokens/base/colors/color-scales.scss +136 -0
- package/lib/design-tokens/scss/tokens/base/size/size.scss +21 -0
- package/lib/design-tokens/scss/tokens/base/typography/typography.scss +11 -0
- package/lib/design-tokens/scss/tokens/functional/animation/base.scss +27 -0
- package/lib/design-tokens/scss/tokens/functional/colors/global.scss +30 -0
- package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +8 -0
- package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +33 -0
- package/lib/design-tokens/scss/tokens/functional/components/control/base.scss +15 -0
- package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +6 -0
- package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +5 -0
- package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +5 -0
- package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +5 -0
- package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +7 -0
- package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +6 -0
- package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +5 -0
- package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +6 -0
- package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +28 -0
- package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +6 -0
- package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +18 -0
- package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +6 -0
- package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +6 -0
- package/lib/design-tokens/scss/tokens/functional/size/border.scss +14 -0
- package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +10 -0
- package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +7 -0
- package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +7 -0
- package/lib/design-tokens/scss/tokens/functional/size/size.scss +49 -0
- package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +10 -0
- package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +8 -0
- package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +62 -0
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +3 -1
- package/lib/design-tokens/ts/tokens/base/size/size.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/base/size/size.js +3 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/base/typography/typography.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/animation/base.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/colors/global.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/card/base.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/control/base.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/image/base.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +18 -0
- package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +17 -0
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/river/base.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/river/river.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/size/border.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/size/size.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/size/viewport.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +3 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/typography/typography.js +3 -1
- package/package.json +4 -4
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Tue, 06 Jun 2023 12:12:23 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
:root,
|
|
7
|
+
[data-color-mode="light"] {
|
|
8
|
+
--brand-Link-color-default: var(--brand-color-text-default);
|
|
9
|
+
--brand-Link-color-accent: var(--base-color-scale-blue-5);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
[data-color-mode="dark"] {
|
|
13
|
+
--brand-Link-color-default: var(--brand-color-text-default);
|
|
14
|
+
--brand-Link-color-accent: var(--base-color-scale-blue-4);
|
|
15
|
+
}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 06 Jun 2023 12:12:22 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
|
|
7
|
+
@media (pointer: coarse) { :root {
|
|
7
8
|
--brand-controlStack-medium-gap-auto: var(--base-size-12);
|
|
8
9
|
--brand-controlStack-small-gap-auto: var(--base-size-16);
|
|
9
10
|
--brand-control-minTarget-auto: var(--base-size-44);
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 06 Jun 2023 12:12:22 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
|
|
7
|
+
@media (pointer: fine) { :root {
|
|
7
8
|
--brand-controlStack-medium-gap-auto: var(--base-size-8);
|
|
8
9
|
--brand-controlStack-small-gap-auto: var(--base-size-8);
|
|
9
10
|
--brand-control-minTarget-auto: var(--base-size-16);
|