@primer/primitives 11.4.0 → 11.4.1-rc.eb8ee149

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 (20) hide show
  1. package/DESIGN_TOKENS_SPEC.md +446 -0
  2. package/dist/build/formats/markdownLlmGuidelines.d.ts +7 -6
  3. package/dist/build/formats/markdownLlmGuidelines.js +685 -60
  4. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +4 -0
  5. package/dist/css/functional/themes/dark-colorblind.css +4 -0
  6. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +4 -0
  7. package/dist/css/functional/themes/dark-dimmed.css +4 -0
  8. package/dist/css/functional/themes/dark-high-contrast.css +4 -0
  9. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +4 -0
  10. package/dist/css/functional/themes/dark-tritanopia.css +4 -0
  11. package/dist/css/functional/themes/dark.css +4 -0
  12. package/dist/css/functional/themes/light-colorblind-high-contrast.css +4 -0
  13. package/dist/css/functional/themes/light-colorblind.css +4 -0
  14. package/dist/css/functional/themes/light-high-contrast.css +4 -0
  15. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +4 -0
  16. package/dist/css/functional/themes/light-tritanopia.css +4 -0
  17. package/dist/css/functional/themes/light.css +4 -0
  18. package/dist/css/primitives.css +4 -0
  19. package/package.json +5 -4
  20. package/token-guidelines.llm.md +0 -695
package/dist/css/functional/themes/dark-colorblind-high-contrast.css CHANGED
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @spec See /DESIGN_TOKENS_SPEC.md for naming logic and semantic pairings.
3
+ * @rule Never use raw values (hex/px). Use semantic tokens ONLY.
4
+ */
1
5
  [data-color-mode="dark"][data-dark-theme="dark_colorblind_high_contrast"],
2
6
  [data-color-mode="auto"][data-light-theme="dark_colorblind_high_contrast"] {
3
7
  --button-primary-bgColor-active: #3685f3;
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @spec See /DESIGN_TOKENS_SPEC.md for naming logic and semantic pairings.
3
+ * @rule Never use raw values (hex/px). Use semantic tokens ONLY.
4
+ */
1
5
  [data-color-mode="dark"][data-dark-theme="dark_colorblind"],
2
6
  [data-color-mode="auto"][data-light-theme="dark_colorblind"] {
3
7
  --button-primary-bgColor-active: #3685f3;
package/dist/css/functional/themes/dark-dimmed-high-contrast.css CHANGED
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @spec See /DESIGN_TOKENS_SPEC.md for naming logic and semantic pairings.
3
+ * @rule Never use raw values (hex/px). Use semantic tokens ONLY.
4
+ */
1
5
  [data-color-mode="dark"][data-dark-theme="dark_dimmed_high_contrast"],
2
6
  [data-color-mode="auto"][data-light-theme="dark_dimmed_high_contrast"] {
3
7
  --button-danger-fgColor-active: #ffffff;
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @spec See /DESIGN_TOKENS_SPEC.md for naming logic and semantic pairings.
3
+ * @rule Never use raw values (hex/px). Use semantic tokens ONLY.
4
+ */
1
5
  [data-color-mode="dark"][data-dark-theme="dark_dimmed"],
2
6
  [data-color-mode="auto"][data-light-theme="dark_dimmed"] {
3
7
  --button-danger-fgColor-active: #ffffff;
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @spec See /DESIGN_TOKENS_SPEC.md for naming logic and semantic pairings.
3
+ * @rule Never use raw values (hex/px). Use semantic tokens ONLY.
4
+ */
1
5
  [data-color-mode="dark"][data-dark-theme="dark_high_contrast"],
2
6
  [data-color-mode="auto"][data-light-theme="dark_high_contrast"] {
3
7
  --button-primary-bgColor-active: #109135;
package/dist/css/functional/themes/dark-tritanopia-high-contrast.css CHANGED
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @spec See /DESIGN_TOKENS_SPEC.md for naming logic and semantic pairings.
3
+ * @rule Never use raw values (hex/px). Use semantic tokens ONLY.
4
+ */
1
5
  [data-color-mode="dark"][data-dark-theme="dark_tritanopia_high_contrast"],
2
6
  [data-color-mode="auto"][data-light-theme="dark_tritanopia_high_contrast"] {
3
7
  --button-outline-bgColor-active: #0d419d;
package/dist/css/functional/themes/dark-tritanopia.css CHANGED
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @spec See /DESIGN_TOKENS_SPEC.md for naming logic and semantic pairings.
3
+ * @rule Never use raw values (hex/px). Use semantic tokens ONLY.
4
+ */
1
5
  [data-color-mode="dark"][data-dark-theme="dark_tritanopia"],
2
6
  [data-color-mode="auto"][data-light-theme="dark_tritanopia"] {
3
7
  --bgColor-sponsors-muted: #db61a21a; /** Subtle background for GitHub Sponsors content */
package/dist/css/functional/themes/dark.css CHANGED
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @spec See /DESIGN_TOKENS_SPEC.md for naming logic and semantic pairings.
3
+ * @rule Never use raw values (hex/px). Use semantic tokens ONLY.
4
+ */
1
5
  [data-color-mode="dark"][data-dark-theme="dark"],
2
6
  [data-color-mode="auto"][data-light-theme="dark"] {
3
7
  --button-danger-fgColor-rest: #fa5e55;
package/dist/css/functional/themes/light-colorblind-high-contrast.css CHANGED
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @spec See /DESIGN_TOKENS_SPEC.md for naming logic and semantic pairings.
3
+ * @rule Never use raw values (hex/px). Use semantic tokens ONLY.
4
+ */
1
5
  [data-color-mode="light"][data-light-theme="light_colorblind_high_contrast"],
2
6
  [data-color-mode="auto"][data-light-theme="light_colorblind_high_contrast"] {
3
7
  --button-outline-bgColor-active: #033f9d;
package/dist/css/functional/themes/light-colorblind.css CHANGED
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @spec See /DESIGN_TOKENS_SPEC.md for naming logic and semantic pairings.
3
+ * @rule Never use raw values (hex/px). Use semantic tokens ONLY.
4
+ */
1
5
  [data-color-mode="light"][data-light-theme="light_colorblind"],
2
6
  [data-color-mode="auto"][data-light-theme="light_colorblind"] {
3
7
  --button-outline-bgColor-active: #0757ba;
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @spec See /DESIGN_TOKENS_SPEC.md for naming logic and semantic pairings.
3
+ * @rule Never use raw values (hex/px). Use semantic tokens ONLY.
4
+ */
1
5
  [data-color-mode="light"][data-light-theme="light_high_contrast"],
2
6
  [data-color-mode="auto"][data-light-theme="light_high_contrast"] {
3
7
  --button-outline-bgColor-active: #033f9d;
package/dist/css/functional/themes/light-tritanopia-high-contrast.css CHANGED
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @spec See /DESIGN_TOKENS_SPEC.md for naming logic and semantic pairings.
3
+ * @rule Never use raw values (hex/px). Use semantic tokens ONLY.
4
+ */
1
5
  [data-color-mode="light"][data-light-theme="light_tritanopia_high_contrast"],
2
6
  [data-color-mode="auto"][data-light-theme="light_tritanopia_high_contrast"] {
3
7
  --button-outline-bgColor-active: #033f9d;
package/dist/css/functional/themes/light-tritanopia.css CHANGED
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @spec See /DESIGN_TOKENS_SPEC.md for naming logic and semantic pairings.
3
+ * @rule Never use raw values (hex/px). Use semantic tokens ONLY.
4
+ */
1
5
  [data-color-mode="light"][data-light-theme="light_tritanopia"],
2
6
  [data-color-mode="auto"][data-light-theme="light_tritanopia"] {
3
7
  --button-outline-bgColor-active: #0757ba;
package/dist/css/functional/themes/light.css CHANGED
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @spec See /DESIGN_TOKENS_SPEC.md for naming logic and semantic pairings.
3
+ * @rule Never use raw values (hex/px). Use semantic tokens ONLY.
4
+ */
1
5
  [data-color-mode="light"][data-light-theme="light"],
2
6
  [data-color-mode="auto"][data-light-theme="light"] {
3
7
  --bgColor-success-emphasis: #1f883d; /** Strong success background for prominent positive actions */
package/dist/css/primitives.css CHANGED
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @spec See /DESIGN_TOKENS_SPEC.md for naming logic and semantic pairings.
3
+ * @rule Never use raw values (hex/px). Use semantic tokens ONLY.
4
+ */
1
5
  @import './base/motion/motion.css';
2
6
  @import './base/size/size.css';
3
7
  @import './base/typography/typography.css';
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "11.4.0",
3
+ "version": "11.4.1-rc.eb8ee149",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist",
8
8
  "src/tokens",
9
- "token-guidelines.llm.md",
9
+ "DESIGN_TOKENS_SPEC.md",
10
10
  "guidelines"
11
11
  ],
12
12
  "repository": "https://github.com/primer/primitives",
@@ -25,11 +25,12 @@
25
25
  },
26
26
  "homepage": "https://github.com/primer/primitives#readme",
27
27
  "scripts": {
28
- "build": "npm run clean && npm run build:tokens && npm run build:fallbacks && npm run build:figma && npm run build:config",
28
+ "build": "npm run clean && npm run build:tokens && npm run build:fallbacks && npm run build:figma && npm run build:config && npm run build:llm",
29
29
  "build:tokens": "tsx ./scripts/buildTokens.ts",
30
30
  "build:fallbacks": "tsx ./scripts/buildFallbacks.ts",
31
31
  "build:figma": "tsx scripts/buildFigma.ts",
32
32
  "build:config": "tsc -p build.tsconfig.jsonc && tsx ./scripts/copyDir.ts src/types dist/build/types",
33
+ "build:llm": "tsx ./scripts/buildLlm.ts",
33
34
  "clean": "rm -rf dist",
34
35
  "validate:contrast": "tsx scripts/colorContrast.ts",
35
36
  "format": "prettier --check '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
@@ -79,4 +80,4 @@
79
80
  "zod": "^4.1.3",
80
81
  "zod-validation-error": "^4.0.1"
81
82
  }
82
- }
83
+ }