@primer/primitives 11.4.0 → 11.4.1-rc.14fb4bb1
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/DESIGN_TOKENS_GUIDE.md +185 -0
- package/DESIGN_TOKENS_SPEC.md +565 -0
- package/dist/build/formats/jsonFigma.js +8 -1
- package/dist/build/formats/markdownLlmGuidelines.d.ts +7 -6
- package/dist/build/formats/markdownLlmGuidelines.js +1034 -60
- package/dist/build/schemas/borderToken.d.ts +61 -5
- package/dist/build/schemas/borderToken.js +2 -1
- package/dist/build/schemas/colorToken.d.ts +639 -30
- package/dist/build/schemas/colorToken.js +3 -2
- package/dist/build/schemas/colorW3cValue.d.ts +28 -0
- package/dist/build/schemas/colorW3cValue.js +42 -0
- package/dist/build/schemas/cubicBezierToken.d.ts +1 -1
- package/dist/build/schemas/dimensionToken.d.ts +9 -2
- package/dist/build/schemas/dimensionValue.d.ts +12 -1
- package/dist/build/schemas/dimensionValue.js +10 -13
- package/dist/build/schemas/durationToken.d.ts +8 -2
- package/dist/build/schemas/durationValue.d.ts +11 -1
- package/dist/build/schemas/durationValue.js +13 -3
- package/dist/build/schemas/fontFamilyToken.d.ts +1 -1
- package/dist/build/schemas/fontWeightToken.d.ts +1 -1
- package/dist/build/schemas/gradientToken.d.ts +23 -2
- package/dist/build/schemas/gradientToken.js +2 -1
- package/dist/build/schemas/numberToken.d.ts +1 -1
- package/dist/build/schemas/shadowToken.d.ts +1751 -127
- package/dist/build/schemas/shadowToken.js +8 -2
- package/dist/build/schemas/stringToken.d.ts +1 -1
- package/dist/build/schemas/stringToken.js +1 -1
- package/dist/build/schemas/tokenType.d.ts +1 -1
- package/dist/build/schemas/transitionToken.d.ts +15 -3
- package/dist/build/schemas/typographyToken.d.ts +19 -5
- package/dist/build/schemas/typographyToken.js +1 -1
- package/dist/build/schemas/validTokenType.d.ts +1 -1
- package/dist/build/schemas/validTokenType.js +1 -1
- package/dist/build/schemas/viewportRangeToken.d.ts +1 -1
- package/dist/build/transformers/borderToCss.js +19 -1
- package/dist/build/transformers/colorAlphaToCss.js +6 -3
- package/dist/build/transformers/colorToHex.js +5 -2
- package/dist/build/transformers/colorToRgbAlpha.js +5 -2
- package/dist/build/transformers/colorToRgbaFloat.js +5 -0
- package/dist/build/transformers/dimensionToPixelUnitless.d.ts +3 -2
- package/dist/build/transformers/dimensionToPixelUnitless.js +22 -26
- package/dist/build/transformers/dimensionToRem.d.ts +2 -1
- package/dist/build/transformers/dimensionToRem.js +21 -22
- package/dist/build/transformers/dimensionToRemPxArray.d.ts +2 -1
- package/dist/build/transformers/dimensionToRemPxArray.js +21 -22
- package/dist/build/transformers/durationToCss.d.ts +2 -1
- package/dist/build/transformers/durationToCss.js +18 -11
- package/dist/build/transformers/gradientToCss.js +2 -1
- package/dist/build/transformers/shadowToCss.js +15 -1
- package/dist/build/transformers/utilities/normalizeColorValue.d.ts +23 -0
- package/dist/build/transformers/utilities/normalizeColorValue.js +74 -0
- package/dist/build/transformers/utilities/parseDimension.d.ts +12 -0
- package/dist/build/transformers/utilities/parseDimension.js +31 -0
- package/dist/build/types/borderTokenValue.d.ts +5 -2
- package/dist/build/types/dimensionTokenValue.d.ts +9 -0
- package/dist/build/types/shadowTokenValue.d.ts +8 -5
- package/dist/css/functional/themes/dark-colorblind-high-contrast.css +32 -28
- package/dist/css/functional/themes/dark-colorblind.css +32 -28
- package/dist/css/functional/themes/dark-dimmed-high-contrast.css +32 -28
- package/dist/css/functional/themes/dark-dimmed.css +32 -28
- package/dist/css/functional/themes/dark-high-contrast.css +32 -28
- package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +32 -28
- package/dist/css/functional/themes/dark-tritanopia.css +32 -28
- package/dist/css/functional/themes/dark.css +32 -28
- package/dist/css/functional/themes/light-colorblind-high-contrast.css +32 -28
- package/dist/css/functional/themes/light-colorblind.css +32 -28
- package/dist/css/functional/themes/light-high-contrast.css +32 -28
- package/dist/css/functional/themes/light-tritanopia-high-contrast.css +32 -28
- package/dist/css/functional/themes/light-tritanopia.css +32 -28
- package/dist/css/functional/themes/light.css +32 -28
- package/dist/css/primitives.css +4 -0
- package/dist/docs/base/motion/motion.json +96 -24
- package/dist/docs/base/size/size.json +76 -19
- package/dist/docs/base/typography/typography.json +24 -6
- package/dist/docs/functional/size/border.json +26 -11
- package/dist/docs/functional/size/breakpoints.json +24 -6
- package/dist/docs/functional/size/radius.json +16 -4
- package/dist/docs/functional/size/size.json +60 -15
- package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +2629 -346
- package/dist/docs/functional/themes/dark-colorblind.json +2629 -346
- package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +2629 -346
- package/dist/docs/functional/themes/dark-dimmed.json +2629 -346
- package/dist/docs/functional/themes/dark-high-contrast.json +2629 -346
- package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +2629 -346
- package/dist/docs/functional/themes/dark-tritanopia.json +2629 -346
- package/dist/docs/functional/themes/dark.json +2629 -346
- package/dist/docs/functional/themes/light-colorblind-high-contrast.json +2635 -352
- package/dist/docs/functional/themes/light-colorblind.json +2632 -349
- package/dist/docs/functional/themes/light-high-contrast.json +2635 -352
- package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +2635 -352
- package/dist/docs/functional/themes/light-tritanopia.json +2632 -349
- package/dist/docs/functional/themes/light.json +2632 -349
- package/dist/docs/functional/typography/typography.json +8 -2
- package/dist/fallbacks/base/motion/motion.json +48 -12
- package/dist/figma/themes/light-colorblind.json +4 -4
- package/dist/figma/themes/light-high-contrast.json +4 -4
- package/dist/figma/themes/light-tritanopia.json +4 -4
- package/dist/figma/themes/light.json +4 -4
- package/dist/internalCss/dark-colorblind-high-contrast.css +28 -28
- package/dist/internalCss/dark-colorblind.css +28 -28
- package/dist/internalCss/dark-dimmed-high-contrast.css +28 -28
- package/dist/internalCss/dark-dimmed.css +28 -28
- package/dist/internalCss/dark-high-contrast.css +28 -28
- package/dist/internalCss/dark-tritanopia-high-contrast.css +28 -28
- package/dist/internalCss/dark-tritanopia.css +28 -28
- package/dist/internalCss/dark.css +28 -28
- package/dist/internalCss/light-colorblind-high-contrast.css +28 -28
- package/dist/internalCss/light-colorblind.css +28 -28
- package/dist/internalCss/light-high-contrast.css +28 -28
- package/dist/internalCss/light-tritanopia-high-contrast.css +28 -28
- package/dist/internalCss/light-tritanopia.css +28 -28
- package/dist/internalCss/light.css +28 -28
- package/dist/styleLint/base/motion/motion.json +96 -24
- package/dist/styleLint/base/size/size.json +76 -19
- package/dist/styleLint/base/typography/typography.json +30 -12
- package/dist/styleLint/functional/size/border.json +27 -12
- package/dist/styleLint/functional/size/breakpoints.json +24 -6
- package/dist/styleLint/functional/size/radius.json +17 -5
- package/dist/styleLint/functional/size/size-coarse.json +3 -3
- package/dist/styleLint/functional/size/size-fine.json +3 -3
- package/dist/styleLint/functional/size/size.json +111 -66
- package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +2757 -366
- package/dist/styleLint/functional/themes/dark-colorblind.json +2757 -366
- package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +2757 -366
- package/dist/styleLint/functional/themes/dark-dimmed.json +2757 -366
- package/dist/styleLint/functional/themes/dark-high-contrast.json +2757 -366
- package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +2757 -366
- package/dist/styleLint/functional/themes/dark-tritanopia.json +2757 -366
- package/dist/styleLint/functional/themes/dark.json +2757 -366
- package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +2763 -372
- package/dist/styleLint/functional/themes/light-colorblind.json +2760 -369
- package/dist/styleLint/functional/themes/light-high-contrast.json +2763 -372
- package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +2763 -372
- package/dist/styleLint/functional/themes/light-tritanopia.json +2760 -369
- package/dist/styleLint/functional/themes/light.json +2760 -369
- package/dist/styleLint/functional/typography/typography.json +28 -22
- package/package.json +9 -7
- package/src/tokens/base/motion/timing.json5 +12 -12
- package/src/tokens/base/size/size.json5 +194 -194
- package/src/tokens/base/typography/typography.json5 +6 -6
- package/src/tokens/component/avatar.json5 +72 -44
- package/src/tokens/component/button.json5 +1545 -1193
- package/src/tokens/functional/border/border.json5 +4 -1
- package/src/tokens/functional/color/bgColor.json5 +8 -0
- package/src/tokens/functional/color/display.json5 +7 -0
- package/src/tokens/functional/color/fgColor.json5 +8 -0
- package/src/tokens/functional/color/syntax.json5 +14 -0
- package/src/tokens/functional/shadow/shadow.json5 +1254 -163
- package/src/tokens/functional/size/border.json5 +8 -8
- package/src/tokens/functional/size/breakpoints.json5 +6 -6
- package/src/tokens/functional/size/radius.json5 +4 -4
- package/src/tokens/functional/size/size.json5 +15 -15
- package/src/tokens/functional/typography/typography.json5 +8 -4
- package/dist/build/parsers/index.d.ts +0 -1
- package/dist/build/parsers/index.js +0 -1
- package/dist/build/parsers/w3cJsonParser.d.ts +0 -6
- package/dist/build/parsers/w3cJsonParser.js +0 -25
- package/dist/removed/testing.json5 +0 -4
- package/guidelines/color.llm.md +0 -16
- package/guidelines/guidelines.llm.md +0 -34
- package/guidelines/motion.llm.md +0 -41
- package/guidelines/spacing.llm.md +0 -20
- package/guidelines/typography.llm.md +0 -14
- package/src/tokens/removed/testing.json5 +0 -4
- package/token-guidelines.llm.md +0 -695
|
@@ -1,6 +1,27 @@
|
|
|
1
1
|
import { z } from 'zod';
|
|
2
2
|
export declare const borderValue: z.ZodObject<{
|
|
3
|
-
color: z.ZodUnion<readonly [z.ZodString, z.
|
|
3
|
+
color: z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
|
|
4
|
+
colorSpace: z.ZodEnum<{
|
|
5
|
+
"display-p3": "display-p3";
|
|
6
|
+
srgb: "srgb";
|
|
7
|
+
rec2020: "rec2020";
|
|
8
|
+
"srgb-linear": "srgb-linear";
|
|
9
|
+
hsl: "hsl";
|
|
10
|
+
hwb: "hwb";
|
|
11
|
+
lab: "lab";
|
|
12
|
+
lch: "lch";
|
|
13
|
+
oklab: "oklab";
|
|
14
|
+
oklch: "oklch";
|
|
15
|
+
"a98-rgb": "a98-rgb";
|
|
16
|
+
"prophoto-rgb": "prophoto-rgb";
|
|
17
|
+
xyz: "xyz";
|
|
18
|
+
"xyz-d50": "xyz-d50";
|
|
19
|
+
"xyz-d65": "xyz-d65";
|
|
20
|
+
}>;
|
|
21
|
+
components: z.ZodTuple<[z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"none">]>, z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"none">]>, z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"none">]>], null>;
|
|
22
|
+
alpha: z.ZodOptional<z.ZodNumber>;
|
|
23
|
+
hex: z.ZodOptional<z.ZodString>;
|
|
24
|
+
}, z.core.$strict>, z.ZodString]>;
|
|
4
25
|
style: z.ZodEnum<{
|
|
5
26
|
inset: "inset";
|
|
6
27
|
solid: "solid";
|
|
@@ -11,13 +32,41 @@ export declare const borderValue: z.ZodObject<{
|
|
|
11
32
|
ridge: "ridge";
|
|
12
33
|
outset: "outset";
|
|
13
34
|
}>;
|
|
14
|
-
width: z.ZodUnion<readonly [z.
|
|
35
|
+
width: z.ZodUnion<readonly [z.ZodObject<{
|
|
36
|
+
value: z.ZodNumber;
|
|
37
|
+
unit: z.ZodEnum<{
|
|
38
|
+
em: "em";
|
|
39
|
+
px: "px";
|
|
40
|
+
rem: "rem";
|
|
41
|
+
}>;
|
|
42
|
+
}, z.core.$strict>, z.ZodString]>;
|
|
15
43
|
}, z.core.$strip>;
|
|
16
44
|
export declare const borderToken: z.ZodObject<{
|
|
17
45
|
$description: z.ZodOptional<z.ZodString>;
|
|
18
46
|
$deprecated: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodBoolean]>>;
|
|
19
47
|
$value: z.ZodUnion<readonly [z.ZodObject<{
|
|
20
|
-
color: z.ZodUnion<readonly [z.ZodString, z.
|
|
48
|
+
color: z.ZodUnion<readonly [z.ZodString, z.ZodObject<{
|
|
49
|
+
colorSpace: z.ZodEnum<{
|
|
50
|
+
"display-p3": "display-p3";
|
|
51
|
+
srgb: "srgb";
|
|
52
|
+
rec2020: "rec2020";
|
|
53
|
+
"srgb-linear": "srgb-linear";
|
|
54
|
+
hsl: "hsl";
|
|
55
|
+
hwb: "hwb";
|
|
56
|
+
lab: "lab";
|
|
57
|
+
lch: "lch";
|
|
58
|
+
oklab: "oklab";
|
|
59
|
+
oklch: "oklch";
|
|
60
|
+
"a98-rgb": "a98-rgb";
|
|
61
|
+
"prophoto-rgb": "prophoto-rgb";
|
|
62
|
+
xyz: "xyz";
|
|
63
|
+
"xyz-d50": "xyz-d50";
|
|
64
|
+
"xyz-d65": "xyz-d65";
|
|
65
|
+
}>;
|
|
66
|
+
components: z.ZodTuple<[z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"none">]>, z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"none">]>, z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"none">]>], null>;
|
|
67
|
+
alpha: z.ZodOptional<z.ZodNumber>;
|
|
68
|
+
hex: z.ZodOptional<z.ZodString>;
|
|
69
|
+
}, z.core.$strict>, z.ZodString]>;
|
|
21
70
|
style: z.ZodEnum<{
|
|
22
71
|
inset: "inset";
|
|
23
72
|
solid: "solid";
|
|
@@ -28,9 +77,16 @@ export declare const borderToken: z.ZodObject<{
|
|
|
28
77
|
ridge: "ridge";
|
|
29
78
|
outset: "outset";
|
|
30
79
|
}>;
|
|
31
|
-
width: z.ZodUnion<readonly [z.
|
|
80
|
+
width: z.ZodUnion<readonly [z.ZodObject<{
|
|
81
|
+
value: z.ZodNumber;
|
|
82
|
+
unit: z.ZodEnum<{
|
|
83
|
+
em: "em";
|
|
84
|
+
px: "px";
|
|
85
|
+
rem: "rem";
|
|
86
|
+
}>;
|
|
87
|
+
}, z.core.$strict>, z.ZodString]>;
|
|
32
88
|
}, z.core.$strip>, z.ZodString]>;
|
|
33
|
-
$type: z.ZodLiteral<"
|
|
89
|
+
$type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "duration" | "dimension" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
|
|
34
90
|
$extensions: z.ZodOptional<z.ZodObject<{
|
|
35
91
|
'org.primer.llm': z.ZodOptional<z.ZodObject<{
|
|
36
92
|
usage: z.ZodOptional<z.ZodArray<z.ZodString>>;
|
|
@@ -2,11 +2,12 @@ import { z } from 'zod';
|
|
|
2
2
|
import { baseToken } from './baseToken.js';
|
|
3
3
|
import { referenceValue } from './referenceValue.js';
|
|
4
4
|
import { colorHexValue } from './colorHexValue.js';
|
|
5
|
+
import { colorW3cValue } from './colorW3cValue.js';
|
|
5
6
|
import { dimensionValue } from './dimensionValue.js';
|
|
6
7
|
import { tokenType } from './tokenType.js';
|
|
7
8
|
import { llmExtension } from './llmExtension.js';
|
|
8
9
|
export const borderValue = z.object({
|
|
9
|
-
color: z.union([colorHexValue, referenceValue]),
|
|
10
|
+
color: z.union([colorHexValue, colorW3cValue, referenceValue]),
|
|
10
11
|
style: z.enum(['solid', 'dashed', 'dotted', 'double', 'groove', 'ridge', 'outset', 'inset']),
|
|
11
12
|
width: z.union([dimensionValue, referenceValue]),
|
|
12
13
|
});
|