@primer/primitives 7.15.4 → 7.15.5-rc.2aa7771
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/dist/css/base/size/size.css +19 -0
- package/dist/css/base/typography/typography.css +6 -0
- package/dist/css/functional/motion/motion.css +5 -0
- package/dist/css/functional/size/border.css +14 -0
- package/dist/css/functional/size/breakpoints.css +8 -0
- package/dist/css/functional/size/size-coarse.css +7 -0
- package/dist/css/functional/size/size-fine.css +7 -0
- package/dist/css/functional/size/size.css +73 -0
- package/dist/css/functional/size/viewport.css +6 -0
- package/dist/css/functional/themes/dark-colorblind.css +841 -0
- package/dist/css/functional/themes/dark-dimmed.css +841 -0
- package/dist/css/functional/themes/dark-high-contrast.css +841 -0
- package/dist/css/functional/themes/dark-tritanopia.css +841 -0
- package/dist/css/functional/themes/dark.css +841 -0
- package/dist/css/functional/themes/light-colorblind.css +841 -0
- package/dist/css/functional/themes/light-high-contrast.css +841 -0
- package/dist/css/functional/themes/light-tritanopia.css +841 -0
- package/dist/css/functional/themes/light.css +841 -0
- package/dist/css/functional/typography/typography.css +47 -0
- package/dist/docs/base/size/size.json +427 -0
- package/dist/docs/base/typography/typography.json +54 -0
- package/dist/docs/functional/motion/motion.json +47 -0
- package/dist/docs/functional/size/border.json +234 -0
- package/dist/docs/functional/size/breakpoints.json +152 -0
- package/dist/docs/functional/size/size-coarse.json +41 -0
- package/dist/docs/functional/size/size-fine.json +41 -0
- package/dist/docs/functional/size/size.json +1813 -0
- package/dist/docs/functional/size/viewport.json +80 -0
- package/dist/docs/functional/themes/dark-colorblind.json +11230 -0
- package/dist/docs/functional/themes/dark-dimmed.json +11234 -0
- package/dist/docs/functional/themes/dark-high-contrast.json +11252 -0
- package/dist/docs/functional/themes/dark-tritanopia.json +11236 -0
- package/dist/docs/functional/themes/dark.json +11234 -0
- package/dist/docs/functional/themes/light-colorblind.json +11182 -0
- package/dist/docs/functional/themes/light-high-contrast.json +11184 -0
- package/dist/docs/functional/themes/light-tritanopia.json +11174 -0
- package/dist/docs/functional/themes/light.json +11172 -0
- package/dist/docs/functional/typography/typography.json +663 -0
- package/dist/fallbacks/base/size/size.json +19 -0
- package/dist/fallbacks/base/typography/typography.json +6 -0
- package/dist/fallbacks/functional/motion/motion.json +5 -0
- package/dist/fallbacks/functional/size/border.json +14 -0
- package/dist/fallbacks/functional/size/breakpoints.json +8 -0
- package/dist/fallbacks/functional/size/size-coarse.json +5 -0
- package/dist/fallbacks/functional/size/size-fine.json +5 -0
- package/dist/fallbacks/functional/size/size.json +73 -0
- package/dist/fallbacks/functional/size/viewport.json +8 -0
- package/dist/fallbacks/functional/typography/typography.json +47 -0
- package/dist/figma/dimension/dimension.json +1058 -0
- package/dist/figma/figma.json +64 -0
- package/dist/figma/scales/dark.json +1398 -0
- package/dist/figma/scales/light.json +1398 -0
- package/dist/figma/themes/dark.json +5180 -0
- package/dist/figma/themes/light.json +5150 -0
- package/dist/removed/color.json +421 -0
- package/dist/scss/base/size/size.scss +17 -0
- package/dist/scss/base/typography/typography.scss +4 -0
- package/dist/scss/functional/motion/motion.scss +3 -0
- package/dist/scss/functional/size/border.scss +12 -0
- package/dist/scss/functional/size/breakpoints.scss +6 -0
- package/dist/scss/functional/size/size-coarse.scss +3 -0
- package/dist/scss/functional/size/size-fine.scss +3 -0
- package/dist/scss/functional/size/size.scss +71 -0
- package/dist/scss/functional/size/viewport.scss +6 -0
- package/dist/scss/functional/themes/dark-colorblind.scss +417 -0
- package/dist/scss/functional/themes/dark-dimmed.scss +417 -0
- package/dist/scss/functional/themes/dark-high-contrast.scss +417 -0
- package/dist/scss/functional/themes/dark-tritanopia.scss +417 -0
- package/dist/scss/functional/themes/dark.scss +417 -0
- package/dist/scss/functional/themes/light-colorblind.scss +417 -0
- package/dist/scss/functional/themes/light-high-contrast.scss +417 -0
- package/dist/scss/functional/themes/light-tritanopia.scss +417 -0
- package/dist/scss/functional/themes/light.scss +417 -0
- package/dist/scss/functional/typography/typography.scss +45 -0
- package/package.json +1 -1
- package/tokens-next-private/css/functional/themes/dark-colorblind.css +4 -4
- package/tokens-next-private/css/functional/themes/dark-dimmed.css +4 -4
- package/tokens-next-private/css/functional/themes/dark-high-contrast.css +2 -2
- package/tokens-next-private/css/functional/themes/dark-tritanopia.css +4 -4
- package/tokens-next-private/css/functional/themes/dark.css +4 -4
- package/tokens-next-private/css/functional/themes/light-colorblind.css +2 -2
- package/tokens-next-private/css/functional/themes/light-tritanopia.css +2 -2
- package/tokens-next-private/css/functional/themes/light.css +2 -2
- package/tokens-next-private/docs/functional/themes/dark-colorblind.json +4 -4
- package/tokens-next-private/docs/functional/themes/dark-dimmed.json +4 -4
- package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +2 -2
- package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +4 -4
- package/tokens-next-private/docs/functional/themes/dark.json +4 -4
- package/tokens-next-private/docs/functional/themes/light-colorblind.json +3 -3
- package/tokens-next-private/docs/functional/themes/light-tritanopia.json +3 -3
- package/tokens-next-private/docs/functional/themes/light.json +3 -3
- package/tokens-next-private/figma/themes/dark.json +3 -3
- package/tokens-next-private/figma/themes/light.json +2 -2
- package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +2 -2
- package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +2 -2
- package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +1 -1
- package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +2 -2
- package/tokens-next-private/scss/functional/themes/dark.scss +2 -2
- package/tokens-next-private/scss/functional/themes/light-colorblind.scss +1 -1
- package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +1 -1
- package/tokens-next-private/scss/functional/themes/light.scss +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
|
@@ -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": "0.1875rem",
|
|
9
|
+
"--borderRadius-medium": "0.375rem",
|
|
10
|
+
"--borderRadius-large": "0.75rem",
|
|
11
|
+
"--borderRadius-full": "624.9375rem",
|
|
12
|
+
"--outline-focus-offset": "-0.125rem",
|
|
13
|
+
"--outline-focus-width": "0.125rem"
|
|
14
|
+
}
|
|
@@ -0,0 +1,73 @@
|
|
|
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": "0.125rem",
|
|
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": "0.25rem",
|
|
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": "0.375rem",
|
|
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": "0.625rem",
|
|
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": "0.875rem",
|
|
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
|
+
"--space-xxsmall": "0.125rem",
|
|
44
|
+
"--space-xsmall": "0.25rem",
|
|
45
|
+
"--space-small": "0.375rem",
|
|
46
|
+
"--space-medium": "0.5rem",
|
|
47
|
+
"--space-large": "0.75rem",
|
|
48
|
+
"--space-xlarge": "1rem",
|
|
49
|
+
"--spinner-strokeWidth-default": "0.125rem",
|
|
50
|
+
"--spinner-size-small": "1rem",
|
|
51
|
+
"--spinner-size-medium": "2rem",
|
|
52
|
+
"--spinner-size-large": "4rem",
|
|
53
|
+
"--stack-padding-condensed": "0.5rem",
|
|
54
|
+
"--stack-padding-normal": "1rem",
|
|
55
|
+
"--stack-padding-spacious": "1.5rem",
|
|
56
|
+
"--stack-gap-condensed": "0.5rem",
|
|
57
|
+
"--stack-gap-normal": "1rem",
|
|
58
|
+
"--stack-gap-spacious": "1.5rem",
|
|
59
|
+
"--overlay-width-xsmall": "12rem",
|
|
60
|
+
"--overlay-width-small": "20rem",
|
|
61
|
+
"--overlay-width-medium": "30rem",
|
|
62
|
+
"--overlay-width-large": "40rem",
|
|
63
|
+
"--overlay-width-xlarge": "60rem",
|
|
64
|
+
"--overlay-height-small": "16rem",
|
|
65
|
+
"--overlay-height-medium": "20rem",
|
|
66
|
+
"--overlay-height-large": "27rem",
|
|
67
|
+
"--overlay-height-xlarge": "37.5rem",
|
|
68
|
+
"--overlay-padding-normal": "1rem",
|
|
69
|
+
"--overlay-padding-condensed": "0.5rem",
|
|
70
|
+
"--overlay-paddingBlock-condensed": "0.25rem",
|
|
71
|
+
"--overlay-paddingBlock-normal": "0.75rem",
|
|
72
|
+
"--overlay-borderRadius": "0.375rem"
|
|
73
|
+
}
|
|
@@ -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: 87.5rem)",
|
|
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": 1.4,
|
|
8
|
+
"--text-display-weight": 500,
|
|
9
|
+
"--text-display-shorthand": "500 2.5rem/1.4 -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": 1.5,
|
|
14
|
+
"--text-title-lineHeight-medium": 1.6,
|
|
15
|
+
"--text-title-lineHeight-small": 1.5,
|
|
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/1.5 -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/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
21
|
+
"--text-title-shorthand-small": "600 1rem/1.5 -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": 1.6,
|
|
24
|
+
"--text-subtitle-weight": 400,
|
|
25
|
+
"--text-subtitle-shorthand": "400 1.25rem/1.6 -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": 1.5,
|
|
30
|
+
"--text-body-lineHeight-medium": 1.4285,
|
|
31
|
+
"--text-body-lineHeight-small": 1.6666,
|
|
32
|
+
"--text-body-weight": 400,
|
|
33
|
+
"--text-body-shorthand-large": "400 1rem/1.5 -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/1.4285 -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/1.6666 -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": 1.3333,
|
|
38
|
+
"--text-caption-weight": 400,
|
|
39
|
+
"--text-caption-shorthand": "400 0.75rem/1.3333 -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": 1.5385,
|
|
42
|
+
"--text-codeBlock-weight": 400,
|
|
43
|
+
"--text-codeBlock-shorthand": "400 0.8125rem/1.5385 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
|
+
}
|