@primer/primitives 11.4.1-rc.d4178e4a → 11.4.1-rc.d536a7e8

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.
Files changed (86) hide show
  1. package/DESIGN_TOKENS_GUIDE.md +4 -4
  2. package/dist/build/schemas/borderToken.d.ts +45 -3
  3. package/dist/build/schemas/borderToken.js +2 -1
  4. package/dist/build/schemas/colorToken.d.ts +639 -30
  5. package/dist/build/schemas/colorToken.js +3 -2
  6. package/dist/build/schemas/colorW3cValue.d.ts +28 -0
  7. package/dist/build/schemas/colorW3cValue.js +42 -0
  8. package/dist/build/schemas/cubicBezierToken.d.ts +1 -1
  9. package/dist/build/schemas/dimensionToken.d.ts +1 -1
  10. package/dist/build/schemas/durationToken.d.ts +1 -1
  11. package/dist/build/schemas/fontFamilyToken.d.ts +1 -1
  12. package/dist/build/schemas/fontWeightToken.d.ts +1 -1
  13. package/dist/build/schemas/gradientToken.d.ts +23 -2
  14. package/dist/build/schemas/gradientToken.js +2 -1
  15. package/dist/build/schemas/numberToken.d.ts +1 -1
  16. package/dist/build/schemas/shadowToken.d.ts +1079 -43
  17. package/dist/build/schemas/shadowToken.js +8 -2
  18. package/dist/build/schemas/stringToken.d.ts +1 -1
  19. package/dist/build/schemas/tokenType.d.ts +1 -1
  20. package/dist/build/schemas/transitionToken.d.ts +1 -1
  21. package/dist/build/schemas/typographyToken.d.ts +1 -1
  22. package/dist/build/schemas/viewportRangeToken.d.ts +1 -1
  23. package/dist/build/transformers/borderToCss.js +3 -1
  24. package/dist/build/transformers/colorAlphaToCss.js +6 -3
  25. package/dist/build/transformers/colorToHex.js +5 -2
  26. package/dist/build/transformers/colorToRgbAlpha.js +5 -2
  27. package/dist/build/transformers/colorToRgbaFloat.js +5 -0
  28. package/dist/build/transformers/gradientToCss.js +2 -1
  29. package/dist/build/transformers/shadowToCss.js +4 -1
  30. package/dist/build/transformers/utilities/normalizeColorValue.d.ts +23 -0
  31. package/dist/build/transformers/utilities/normalizeColorValue.js +74 -0
  32. package/dist/build/types/borderTokenValue.d.ts +2 -1
  33. package/dist/build/types/shadowTokenValue.d.ts +2 -1
  34. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +8 -8
  35. package/dist/css/functional/themes/dark-colorblind.css +8 -8
  36. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +8 -8
  37. package/dist/css/functional/themes/dark-dimmed.css +8 -8
  38. package/dist/css/functional/themes/dark-high-contrast.css +8 -8
  39. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +8 -8
  40. package/dist/css/functional/themes/dark-tritanopia.css +8 -8
  41. package/dist/css/functional/themes/dark.css +8 -8
  42. package/dist/css/functional/themes/light-colorblind.css +6 -6
  43. package/dist/css/functional/themes/light-tritanopia.css +6 -6
  44. package/dist/css/functional/themes/light.css +6 -6
  45. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +1359 -153
  46. package/dist/docs/functional/themes/dark-colorblind.json +1359 -153
  47. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +1359 -153
  48. package/dist/docs/functional/themes/dark-dimmed.json +1359 -153
  49. package/dist/docs/functional/themes/dark-high-contrast.json +1359 -153
  50. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +1359 -153
  51. package/dist/docs/functional/themes/dark-tritanopia.json +1359 -153
  52. package/dist/docs/functional/themes/dark.json +1359 -153
  53. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +1575 -369
  54. package/dist/docs/functional/themes/light-colorblind.json +1701 -495
  55. package/dist/docs/functional/themes/light-high-contrast.json +1575 -369
  56. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +1575 -369
  57. package/dist/docs/functional/themes/light-tritanopia.json +1701 -495
  58. package/dist/docs/functional/themes/light.json +1701 -495
  59. package/dist/internalCss/dark-colorblind-high-contrast.css +8 -8
  60. package/dist/internalCss/dark-colorblind.css +8 -8
  61. package/dist/internalCss/dark-dimmed-high-contrast.css +8 -8
  62. package/dist/internalCss/dark-dimmed.css +8 -8
  63. package/dist/internalCss/dark-high-contrast.css +8 -8
  64. package/dist/internalCss/dark-tritanopia-high-contrast.css +8 -8
  65. package/dist/internalCss/dark-tritanopia.css +8 -8
  66. package/dist/internalCss/dark.css +8 -8
  67. package/dist/internalCss/light-colorblind.css +6 -6
  68. package/dist/internalCss/light-tritanopia.css +6 -6
  69. package/dist/internalCss/light.css +6 -6
  70. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +1359 -153
  71. package/dist/styleLint/functional/themes/dark-colorblind.json +1359 -153
  72. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +1359 -153
  73. package/dist/styleLint/functional/themes/dark-dimmed.json +1359 -153
  74. package/dist/styleLint/functional/themes/dark-high-contrast.json +1359 -153
  75. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +1359 -153
  76. package/dist/styleLint/functional/themes/dark-tritanopia.json +1359 -153
  77. package/dist/styleLint/functional/themes/dark.json +1359 -153
  78. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +1575 -369
  79. package/dist/styleLint/functional/themes/light-colorblind.json +1577 -371
  80. package/dist/styleLint/functional/themes/light-high-contrast.json +1575 -369
  81. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +1575 -369
  82. package/dist/styleLint/functional/themes/light-tritanopia.json +1577 -371
  83. package/dist/styleLint/functional/themes/light.json +1577 -371
  84. package/package.json +4 -3
  85. package/src/tokens/base/size/size.json5 +194 -194
  86. package/src/tokens/functional/shadow/shadow.json5 +576 -0
@@ -35,7 +35,7 @@
35
35
  ```
36
36
  --control-[size]-[property]
37
37
  ├── size: xsmall | small | medium | large | xlarge
38
- └── property: size | paddingInline-[density] | paddingBlock-[density]
38
+ └── property: size | paddingInline-[density] | paddingBlock
39
39
  └── density: condensed | normal | spacious
40
40
  ```
41
41
 
@@ -47,15 +47,15 @@
47
47
  └── size: condensed | normal | spacious
48
48
 
49
49
  --controlStack-[size]-gap-[density]
50
- ├── size: xsmall | small | medium | large | xlarge
51
- └── density: condensed | normal | spacious
50
+ ├── size: small | medium | large
51
+ └── density: condensed | auto | spacious
52
52
  ```
53
53
 
54
54
  ### Typography Tokens
55
55
 
56
56
  ```
57
57
  --text-[role]-shorthand-[size]
58
- ├── role: title | body | subtitle | caption | codeBlock | codeInline
58
+ ├── role: display | title | body | subtitle | caption | codeBlock | codeInline
59
59
  └── size: small | medium | large
60
60
  ```
61
61
 
@@ -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.ZodString]>;
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";
@@ -24,7 +45,28 @@ export declare const borderToken: z.ZodObject<{
24
45
  $description: z.ZodOptional<z.ZodString>;
25
46
  $deprecated: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodBoolean]>>;
26
47
  $value: z.ZodUnion<readonly [z.ZodObject<{
27
- color: z.ZodUnion<readonly [z.ZodString, z.ZodString]>;
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]>;
28
70
  style: z.ZodEnum<{
29
71
  inset: "inset";
30
72
  solid: "solid";
@@ -44,7 +86,7 @@ export declare const borderToken: z.ZodObject<{
44
86
  }>;
45
87
  }, z.core.$strict>, z.ZodString]>;
46
88
  }, z.core.$strip>, z.ZodString]>;
47
- $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
89
+ $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "duration" | "dimension" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
48
90
  $extensions: z.ZodOptional<z.ZodObject<{
49
91
  'org.primer.llm': z.ZodOptional<z.ZodObject<{
50
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
  });