@primer/primitives 7.11.10 → 7.11.11
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/package.json +1 -1
- package/tokens-next-private/fallbacks/base/size/size.json +19 -0
- package/tokens-next-private/fallbacks/base/typography/typography.json +6 -0
- package/tokens-next-private/fallbacks/functional/size/border.json +14 -0
- package/tokens-next-private/fallbacks/functional/size/breakpoints.json +8 -0
- package/tokens-next-private/fallbacks/functional/size/size-coarse.json +5 -0
- package/tokens-next-private/fallbacks/functional/size/size-fine.json +5 -0
- package/tokens-next-private/fallbacks/functional/size/size.json +49 -0
- package/tokens-next-private/fallbacks/functional/size/viewport.json +8 -0
- package/tokens-next-private/fallbacks/functional/typography/typography.json +47 -0
- package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +1 -1
- package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +1 -1
- package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +1 -1
- package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +1 -1
- package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
- package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/package.json
CHANGED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
{
|
|
2
|
+
"--base-size-4": "0.25rem",
|
|
3
|
+
"--base-size-8": "0.5rem",
|
|
4
|
+
"--base-size-12": "0.75rem",
|
|
5
|
+
"--base-size-16": "1rem",
|
|
6
|
+
"--base-size-20": "1.25rem",
|
|
7
|
+
"--base-size-24": "1.5rem",
|
|
8
|
+
"--base-size-28": "1.75rem",
|
|
9
|
+
"--base-size-32": "2rem",
|
|
10
|
+
"--base-size-36": "2.25rem",
|
|
11
|
+
"--base-size-40": "2.5rem",
|
|
12
|
+
"--base-size-44": "2.75rem",
|
|
13
|
+
"--base-size-48": "3rem",
|
|
14
|
+
"--base-size-64": "4rem",
|
|
15
|
+
"--base-size-80": "5rem",
|
|
16
|
+
"--base-size-96": "6rem",
|
|
17
|
+
"--base-size-112": "7rem",
|
|
18
|
+
"--base-size-128": "8rem"
|
|
19
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
{
|
|
2
|
+
"--boxShadow-thin": "inset 0 0 0 max(1px, 0.0625rem)",
|
|
3
|
+
"--boxShadow-thick": "inset 0 0 0 max(2px, 0.125rem)",
|
|
4
|
+
"--boxShadow-thicker": "inset 0 0 0 max(4px, 0.25rem)",
|
|
5
|
+
"--borderWidth-thin": "max(1px, 0.0625rem)",
|
|
6
|
+
"--borderWidth-thick": "max(2px, 0.125rem)",
|
|
7
|
+
"--borderWidth-thicker": "max(4px, 0.25rem)",
|
|
8
|
+
"--borderRadius-small": "3px",
|
|
9
|
+
"--borderRadius-medium": "6px",
|
|
10
|
+
"--borderRadius-large": "12px",
|
|
11
|
+
"--borderRadius-full": "100vh",
|
|
12
|
+
"--outline-focus-offset": "-0.125rem",
|
|
13
|
+
"--outline-focus-width": "0.125rem"
|
|
14
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
{
|
|
2
|
+
"--control-minTarget-fine": "1rem",
|
|
3
|
+
"--control-minTarget-coarse": "2.75rem",
|
|
4
|
+
"--control-xsmall-size": "1.5rem",
|
|
5
|
+
"--control-xsmall-lineBoxHeight": "1.25rem",
|
|
6
|
+
"--control-xsmall-paddingBlock": "calc((1.5rem - 1.25rem) / 2)",
|
|
7
|
+
"--control-xsmall-paddingInline-condensed": "0.25rem",
|
|
8
|
+
"--control-xsmall-paddingInline-normal": "0.5rem",
|
|
9
|
+
"--control-xsmall-paddingInline-spacious": "0.75rem",
|
|
10
|
+
"--control-xsmall-gap": "0.25rem",
|
|
11
|
+
"--control-small-size": "1.75rem",
|
|
12
|
+
"--control-small-lineBoxHeight": "1.25rem",
|
|
13
|
+
"--control-small-paddingBlock": "calc((1.75rem - 1.25rem) / 2)",
|
|
14
|
+
"--control-small-paddingInline-condensed": "0.5rem",
|
|
15
|
+
"--control-small-paddingInline-normal": "0.75rem",
|
|
16
|
+
"--control-small-gap": "0.25rem",
|
|
17
|
+
"--control-medium-size": "2rem",
|
|
18
|
+
"--control-medium-lineBoxHeight": "1.25rem",
|
|
19
|
+
"--control-medium-paddingBlock": "calc((2rem - 1.25rem) / 2)",
|
|
20
|
+
"--control-medium-paddingInline-condensed": "0.5rem",
|
|
21
|
+
"--control-medium-paddingInline-normal": "0.75rem",
|
|
22
|
+
"--control-medium-paddingInline-spacious": "1rem",
|
|
23
|
+
"--control-medium-gap": "0.5rem",
|
|
24
|
+
"--control-large-size": "2.5rem",
|
|
25
|
+
"--control-large-lineBoxHeight": "1.25rem",
|
|
26
|
+
"--control-large-paddingBlock": "calc((2.5rem - 1.25rem) / 2)",
|
|
27
|
+
"--control-large-paddingInline-normal": "0.75rem",
|
|
28
|
+
"--control-large-paddingInline-spacious": "1rem",
|
|
29
|
+
"--control-large-gap": "0.5rem",
|
|
30
|
+
"--control-xlarge-size": "3rem",
|
|
31
|
+
"--control-xlarge-lineBoxHeight": "1.25rem",
|
|
32
|
+
"--control-xlarge-paddingBlock": "calc((3rem - 1.25rem) / 2)",
|
|
33
|
+
"--control-xlarge-paddingInline-normal": "0.75rem",
|
|
34
|
+
"--control-xlarge-paddingInline-spacious": "1rem",
|
|
35
|
+
"--control-xlarge-gap": "0.5rem",
|
|
36
|
+
"--controlStack-small-gap-condensed": "0.5rem",
|
|
37
|
+
"--controlStack-small-gap-spacious": "1rem",
|
|
38
|
+
"--controlStack-medium-gap-condensed": "0.5rem",
|
|
39
|
+
"--controlStack-medium-gap-spacious": "0.75rem",
|
|
40
|
+
"--controlStack-large-gap-auto": "0.5rem",
|
|
41
|
+
"--controlStack-large-gap-condensed": "0.5rem",
|
|
42
|
+
"--controlStack-large-gap-spacious": "0.75rem",
|
|
43
|
+
"--stack-padding-condensed": "0.5rem",
|
|
44
|
+
"--stack-padding-normal": "1rem",
|
|
45
|
+
"--stack-padding-spacious": "1.5rem",
|
|
46
|
+
"--stack-gap-condensed": "0.5rem",
|
|
47
|
+
"--stack-gap-normal": "1rem",
|
|
48
|
+
"--stack-gap-spacious": "1.5rem"
|
|
49
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
{
|
|
2
|
+
"--viewportRange-narrow": "(max-width: calc(48rem - 0.02px))",
|
|
3
|
+
"--viewportRange-narrowLandscape": "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))",
|
|
4
|
+
"--viewportRange-regular": "(min-width: 48rem)",
|
|
5
|
+
"--viewportRange-wide": "(min-width: 90rem)",
|
|
6
|
+
"--viewportRange-portrait": "(orientation: portrait)",
|
|
7
|
+
"--viewportRange-landscape": "(orientation: landscape)"
|
|
8
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
{
|
|
2
|
+
"--fontStack-system": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
3
|
+
"--fontStack-sansSerif": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
4
|
+
"--fontStack-monospace": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
|
|
5
|
+
"--text-display-lineBoxHeight": "3.5rem",
|
|
6
|
+
"--text-display-size": "2.5rem",
|
|
7
|
+
"--text-display-lineHeight": "calc(56/40)",
|
|
8
|
+
"--text-display-weight": 500,
|
|
9
|
+
"--text-display-shorthand": "500 2.5rem/calc(56/40) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
10
|
+
"--text-title-size-large": "2rem",
|
|
11
|
+
"--text-title-size-medium": "1.25rem",
|
|
12
|
+
"--text-title-size-small": "1rem",
|
|
13
|
+
"--text-title-lineHeight-large": "calc(48/32)",
|
|
14
|
+
"--text-title-lineHeight-medium": "calc(32/20)",
|
|
15
|
+
"--text-title-lineHeight-small": "calc(24/16)",
|
|
16
|
+
"--text-title-weight-large": 600,
|
|
17
|
+
"--text-title-weight-medium": 600,
|
|
18
|
+
"--text-title-weight-small": 600,
|
|
19
|
+
"--text-title-shorthand-large": "600 2rem/calc(48/32) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
20
|
+
"--text-title-shorthand-medium": "600 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
21
|
+
"--text-title-shorthand-small": "600 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
22
|
+
"--text-subtitle-size": "1.25rem",
|
|
23
|
+
"--text-subtitle-lineHeight": "calc(32/20)",
|
|
24
|
+
"--text-subtitle-weight": 400,
|
|
25
|
+
"--text-subtitle-shorthand": "400 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
26
|
+
"--text-body-size-large": "1rem",
|
|
27
|
+
"--text-body-size-medium": "0.875rem",
|
|
28
|
+
"--text-body-size-small": "0.75rem",
|
|
29
|
+
"--text-body-lineHeight-large": "calc(24/16)",
|
|
30
|
+
"--text-body-lineHeight-medium": "calc(20/14)",
|
|
31
|
+
"--text-body-lineHeight-small": "calc(20/12)",
|
|
32
|
+
"--text-body-weight": 400,
|
|
33
|
+
"--text-body-shorthand-large": "400 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
34
|
+
"--text-body-shorthand-medium": "400 0.875rem/calc(20/14) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
35
|
+
"--text-body-shorthand-small": "400 0.75rem/calc(20/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
36
|
+
"--text-caption-size": "0.75rem",
|
|
37
|
+
"--text-caption-lineHeight": "calc(16/12)",
|
|
38
|
+
"--text-caption-weight": 400,
|
|
39
|
+
"--text-caption-shorthand": "400 0.75rem/calc(16/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
40
|
+
"--text-codeBlock-size": "0.8125rem",
|
|
41
|
+
"--text-codeBlock-lineHeight": "calc(20/13)",
|
|
42
|
+
"--text-codeBlock-weight": 400,
|
|
43
|
+
"--text-codeBlock-shorthand": "400 0.8125rem/calc(20/13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
|
|
44
|
+
"--text-codeInline-size": "0.9285em",
|
|
45
|
+
"--text-codeInline-weight": 400,
|
|
46
|
+
"--text-codeInline-shorthand": "400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
|
|
47
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 30 May 2023 22:21:30 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const PrimerFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
|