@primer/brand-primitives 0.18.0-rc.d7f5d57 → 0.18.0-rc.fbacfd9
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/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 +3 -3
- package/lib/design-tokens/css/tokens/functional/components/label/colors.css +3 -3
- 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 +2 -5
- package/lib/design-tokens/css/tokens/functional/components/river/river.css +23 -0
- 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/card/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/card/colors.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/footer/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.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/image/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/label/colors.js +5 -5
- package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +16 -76
- package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +93 -0
- 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/card/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/card/colors.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/footer/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/image/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/label/colors.js +3 -3
- package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/base.js +3 -6
- package/lib/design-tokens/js/tokens/functional/components/river/river.js +7 -0
- 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/card/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.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/footer/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.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/image/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/image/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/label/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +3 -3
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +3 -14
- package/lib/design-tokens/ts/tokens/functional/components/river/base.js +3 -14
- package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +16 -0
- package/lib/design-tokens/ts/tokens/functional/components/river/river.js +15 -0
- 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/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 15 May 2023 14:21:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root,
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
--brand-Label-color-blue-purple-end: var(--base-color-scale-purple-5);
|
|
12
12
|
--brand-Label-color-coral: var(--base-color-scale-coral-5);
|
|
13
13
|
--brand-Label-color-green: var(--base-color-scale-green-5);
|
|
14
|
-
--brand-Label-color-green-blue-start: var(--base-color-scale-green-
|
|
14
|
+
--brand-Label-color-green-blue-start: var(--base-color-scale-green-5);
|
|
15
15
|
--brand-Label-color-green-blue-end: var(--base-color-scale-blue-5);
|
|
16
16
|
--brand-Label-color-gray: var(--base-color-scale-gray-6);
|
|
17
17
|
--brand-Label-color-indigo: var(--base-color-scale-indigo-5);
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
--brand-Label-color-purple-red-start: var(--base-color-scale-purple-5);
|
|
26
26
|
--brand-Label-color-purple-red-end: var(--base-color-scale-red-5);
|
|
27
27
|
--brand-Label-color-red: var(--base-color-scale-red-5);
|
|
28
|
-
--brand-Label-color-red-orange-start: var(--base-color-scale-red-
|
|
28
|
+
--brand-Label-color-red-orange-start: var(--base-color-scale-red-5);
|
|
29
29
|
--brand-Label-color-red-orange-end: var(--base-color-scale-orange-5);
|
|
30
30
|
--brand-Label-color-teal: var(--base-color-scale-teal-5);
|
|
31
31
|
--brand-Label-color-yellow: var(--base-color-scale-yellow-5);
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 15 May 2023 14:21:26 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
7
7
|
--brand-Label-color-yellow: var(--base-color-scale-yellow-5);
|
|
8
8
|
--brand-Label-color-teal: var(--base-color-scale-teal-5);
|
|
9
9
|
--brand-Label-color-red-orange-end: var(--base-color-scale-orange-5);
|
|
10
|
-
--brand-Label-color-red-orange-start: var(--base-color-scale-red-
|
|
10
|
+
--brand-Label-color-red-orange-start: var(--base-color-scale-red-5);
|
|
11
11
|
--brand-Label-color-red: var(--base-color-scale-red-5);
|
|
12
12
|
--brand-Label-color-purple-red-end: var(--base-color-scale-red-5);
|
|
13
13
|
--brand-Label-color-purple-red-start: var(--base-color-scale-purple-5);
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
--brand-Label-color-indigo: var(--base-color-scale-indigo-5);
|
|
22
22
|
--brand-Label-color-gray: var(--base-color-scale-gray-6);
|
|
23
23
|
--brand-Label-color-green-blue-end: var(--base-color-scale-blue-5);
|
|
24
|
-
--brand-Label-color-green-blue-start: var(--base-color-scale-green-
|
|
24
|
+
--brand-Label-color-green-blue-start: var(--base-color-scale-green-5);
|
|
25
25
|
--brand-Label-color-green: var(--base-color-scale-green-5);
|
|
26
26
|
--brand-Label-color-coral: var(--base-color-scale-coral-5);
|
|
27
27
|
--brand-Label-color-blue-purple-end: var(--base-color-scale-purple-5);
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 15 May 2023 14:21:26 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
7
|
-
--brand-River-gap-heading-bottom: var(--base-size-8);
|
|
8
|
-
--brand-River-gap-column-large: var(--base-size-48);
|
|
9
|
-
--brand-River-gap-column-medium: var(--base-size-32);
|
|
10
7
|
--brand-River-visual-shadow: 0px 100px 80px rgba(0, 0, 0, 0.0174624), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0235573), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0282784), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.0339075), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.04317), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.07);
|
|
11
|
-
--brand-River-
|
|
8
|
+
--brand-River-heading-margin: var(--base-size-8);
|
|
12
9
|
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Mon, 15 May 2023 14:21:27 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
:root {
|
|
7
|
+
--brand-River-spacing-outer: var(--base-size-28);
|
|
8
|
+
--brand-River-spacing-inner: var(--base-size-24);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
@media (min-width: 768px) {
|
|
12
|
+
:root {
|
|
13
|
+
--brand-River-spacing-outer: var(--base-size-36);
|
|
14
|
+
--brand-River-spacing-inner: var(--base-size-36);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@media (min-width: 1280px) {
|
|
19
|
+
:root {
|
|
20
|
+
--brand-River-spacing-outer: var(--base-size-48);
|
|
21
|
+
--brand-River-spacing-inner: var(--base-size-48);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 15 May 2023 14:21:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -121,12 +121,12 @@ module.exports = {
|
|
|
121
121
|
},
|
|
122
122
|
"green-blue": {
|
|
123
123
|
"start": {
|
|
124
|
-
"value": "var(--base-color-scale-green-
|
|
124
|
+
"value": "var(--base-color-scale-green-5)",
|
|
125
125
|
"dark": "var(--base-color-scale-green-2)",
|
|
126
126
|
"filePath": "tokens/functional/components/label/colors.json",
|
|
127
127
|
"isSource": true,
|
|
128
128
|
"original": {
|
|
129
|
-
"value": "var(--base-color-scale-green-
|
|
129
|
+
"value": "var(--base-color-scale-green-5)",
|
|
130
130
|
"dark": "var(--base-color-scale-green-2)"
|
|
131
131
|
},
|
|
132
132
|
"name": "start",
|
|
@@ -385,12 +385,12 @@ module.exports = {
|
|
|
385
385
|
},
|
|
386
386
|
"red-orange": {
|
|
387
387
|
"start": {
|
|
388
|
-
"value": "var(--base-color-scale-red-
|
|
388
|
+
"value": "var(--base-color-scale-red-5)",
|
|
389
389
|
"dark": "var(--base-color-scale-red-2)",
|
|
390
390
|
"filePath": "tokens/functional/components/label/colors.json",
|
|
391
391
|
"isSource": true,
|
|
392
392
|
"original": {
|
|
393
|
-
"value": "var(--base-color-scale-red-
|
|
393
|
+
"value": "var(--base-color-scale-red-5)",
|
|
394
394
|
"dark": "var(--base-color-scale-red-2)"
|
|
395
395
|
},
|
|
396
396
|
"name": "start",
|