@primer/primitives 10.8.0-rc.69ebab9a → 10.8.0-rc.f296f65b
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/motion/motion.css +4 -4
 - package/dist/css/functional/size/border.css +2 -2
 - package/dist/css/functional/typography/typography.css +11 -11
 - package/dist/css/primitives.css +17 -17
 - package/dist/docs/base/motion/motion.json +48 -32
 - package/dist/docs/base/size/size.json +95 -76
 - package/dist/docs/base/typography/typography.json +12 -8
 - package/dist/docs/functional/size/border.json +42 -28
 - package/dist/docs/functional/size/breakpoints.json +18 -12
 - package/dist/docs/functional/size/size-coarse.json +9 -6
 - package/dist/docs/functional/size/size-fine.json +9 -6
 - package/dist/docs/functional/size/size.json +198 -132
 - package/dist/docs/functional/size/viewport.json +18 -12
 - package/dist/docs/functional/themes/dark-colorblind.json +2472 -1648
 - package/dist/docs/functional/themes/dark-dimmed.json +2472 -1648
 - package/dist/docs/functional/themes/dark-high-contrast.json +2472 -1648
 - package/dist/docs/functional/themes/dark-tritanopia.json +2472 -1648
 - package/dist/docs/functional/themes/dark.json +2472 -1648
 - package/dist/docs/functional/themes/light-colorblind.json +2472 -1648
 - package/dist/docs/functional/themes/light-high-contrast.json +2472 -1648
 - package/dist/docs/functional/themes/light-tritanopia.json +2472 -1648
 - package/dist/docs/functional/themes/light.json +2472 -1648
 - package/dist/docs/functional/typography/typography.json +138 -92
 - package/dist/figma/dimension/dimension.json +19 -19
 - package/dist/internalCss/dark-colorblind.css +4 -4
 - package/dist/internalCss/dark-dimmed.css +4 -4
 - package/dist/internalCss/dark-high-contrast.css +4 -4
 - package/dist/internalCss/dark-tritanopia.css +4 -4
 - package/dist/internalCss/dark.css +4 -4
 - package/dist/internalCss/light-colorblind.css +4 -4
 - package/dist/internalCss/light-high-contrast.css +4 -4
 - package/dist/internalCss/light-tritanopia.css +4 -4
 - package/dist/internalCss/light.css +4 -4
 - package/dist/styleLint/base/motion/motion.json +64 -48
 - package/dist/styleLint/base/size/size.json +114 -95
 - package/dist/styleLint/base/typography/typography.json +16 -12
 - package/dist/styleLint/functional/size/border.json +59 -45
 - package/dist/styleLint/functional/size/breakpoints.json +24 -18
 - package/dist/styleLint/functional/size/size-coarse.json +12 -9
 - package/dist/styleLint/functional/size/size-fine.json +12 -9
 - package/dist/styleLint/functional/size/size.json +264 -198
 - package/dist/styleLint/functional/size/viewport.json +28 -22
 - package/dist/styleLint/functional/themes/dark-colorblind.json +3296 -2472
 - package/dist/styleLint/functional/themes/dark-dimmed.json +3296 -2472
 - package/dist/styleLint/functional/themes/dark-high-contrast.json +3296 -2472
 - package/dist/styleLint/functional/themes/dark-tritanopia.json +3296 -2472
 - package/dist/styleLint/functional/themes/dark.json +3296 -2472
 - package/dist/styleLint/functional/themes/light-colorblind.json +3296 -2472
 - package/dist/styleLint/functional/themes/light-high-contrast.json +3296 -2472
 - package/dist/styleLint/functional/themes/light-tritanopia.json +3296 -2472
 - package/dist/styleLint/functional/themes/light.json +3296 -2472
 - package/dist/styleLint/functional/typography/typography.json +184 -138
 - package/package.json +2 -3
 - package/src/tokens/base/size/size.json5 +19 -19
 
    
        package/package.json
    CHANGED
    
    | 
         @@ -1,6 +1,6 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            {
         
     | 
| 
       2 
2 
     | 
    
         
             
              "name": "@primer/primitives",
         
     | 
| 
       3 
     | 
    
         
            -
              "version": "10.8.0-rc. 
     | 
| 
      
 3 
     | 
    
         
            +
              "version": "10.8.0-rc.f296f65b",
         
     | 
| 
       4 
4 
     | 
    
         
             
              "description": "Typography, spacing, and color primitives for Primer design system",
         
     | 
| 
       5 
5 
     | 
    
         
             
              "type": "module",
         
     | 
| 
       6 
6 
     | 
    
         
             
              "files": [
         
     | 
| 
         @@ -29,7 +29,6 @@ 
     | 
|
| 
       29 
29 
     | 
    
         
             
                "build:figma": "tsx scripts/buildFigma.ts",
         
     | 
| 
       30 
30 
     | 
    
         
             
                "build:config": "tsc -p build.tsconfig.jsonc && tsx ./scripts/copyDir.ts src/types dist/build/types",
         
     | 
| 
       31 
31 
     | 
    
         
             
                "clean": "rm -rf dist",
         
     | 
| 
       32 
     | 
    
         
            -
                "validate:tokenJson": "tsx scripts/diffThemes.ts && tsx scripts/diffTokenProps.ts",
         
     | 
| 
       33 
32 
     | 
    
         
             
                "validate:contrast": "tsx scripts/colorContrast.ts",
         
     | 
| 
       34 
33 
     | 
    
         
             
                "format": "prettier --check '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
         
     | 
| 
       35 
34 
     | 
    
         
             
                "format:fix": "prettier --write  '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
         
     | 
| 
         @@ -70,7 +69,7 @@ 
     | 
|
| 
       70 
69 
     | 
    
         
             
                "json5": "^2.2.1",
         
     | 
| 
       71 
70 
     | 
    
         
             
                "markdown-table-ts": "^1.0.3",
         
     | 
| 
       72 
71 
     | 
    
         
             
                "prettier": "^3.3.3",
         
     | 
| 
       73 
     | 
    
         
            -
                "style-dictionary": "^ 
     | 
| 
      
 72 
     | 
    
         
            +
                "style-dictionary": "^5.0.0",
         
     | 
| 
       74 
73 
     | 
    
         
             
                "tsx": "^4.19.0",
         
     | 
| 
       75 
74 
     | 
    
         
             
                "typescript": "5.6",
         
     | 
| 
       76 
75 
     | 
    
         
             
                "typescript-eslint": "^8.16.0",
         
     | 
| 
         @@ -7,7 +7,7 @@ 
     | 
|
| 
       7 
7 
     | 
    
         
             
                    "$extensions": {
         
     | 
| 
       8 
8 
     | 
    
         
             
                      "org.primer.figma": {
         
     | 
| 
       9 
9 
     | 
    
         
             
                        "collection": "base/size",
         
     | 
| 
       10 
     | 
    
         
            -
                        "scopes": ["size"]
         
     | 
| 
      
 10 
     | 
    
         
            +
                        "scopes": ["size", "gap"]
         
     | 
| 
       11 
11 
     | 
    
         
             
                      }
         
     | 
| 
       12 
12 
     | 
    
         
             
                    }
         
     | 
| 
       13 
13 
     | 
    
         
             
                  },
         
     | 
| 
         @@ -17,7 +17,7 @@ 
     | 
|
| 
       17 
17 
     | 
    
         
             
                    "$extensions": {
         
     | 
| 
       18 
18 
     | 
    
         
             
                      "org.primer.figma": {
         
     | 
| 
       19 
19 
     | 
    
         
             
                        "collection": "base/size",
         
     | 
| 
       20 
     | 
    
         
            -
                        "scopes": ["size"]
         
     | 
| 
      
 20 
     | 
    
         
            +
                        "scopes": ["size", "gap"]
         
     | 
| 
       21 
21 
     | 
    
         
             
                      }
         
     | 
| 
       22 
22 
     | 
    
         
             
                    }
         
     | 
| 
       23 
23 
     | 
    
         
             
                  },
         
     | 
| 
         @@ -27,7 +27,7 @@ 
     | 
|
| 
       27 
27 
     | 
    
         
             
                    "$extensions": {
         
     | 
| 
       28 
28 
     | 
    
         
             
                      "org.primer.figma": {
         
     | 
| 
       29 
29 
     | 
    
         
             
                        "collection": "base/size",
         
     | 
| 
       30 
     | 
    
         
            -
                        "scopes": ["size"]
         
     | 
| 
      
 30 
     | 
    
         
            +
                        "scopes": ["size", "gap"]
         
     | 
| 
       31 
31 
     | 
    
         
             
                      }
         
     | 
| 
       32 
32 
     | 
    
         
             
                    }
         
     | 
| 
       33 
33 
     | 
    
         
             
                  },
         
     | 
| 
         @@ -37,7 +37,7 @@ 
     | 
|
| 
       37 
37 
     | 
    
         
             
                    "$extensions": {
         
     | 
| 
       38 
38 
     | 
    
         
             
                      "org.primer.figma": {
         
     | 
| 
       39 
39 
     | 
    
         
             
                        "collection": "base/size",
         
     | 
| 
       40 
     | 
    
         
            -
                        "scopes": ["size"]
         
     | 
| 
      
 40 
     | 
    
         
            +
                        "scopes": ["size", "gap"]
         
     | 
| 
       41 
41 
     | 
    
         
             
                      }
         
     | 
| 
       42 
42 
     | 
    
         
             
                    }
         
     | 
| 
       43 
43 
     | 
    
         
             
                  },
         
     | 
| 
         @@ -47,7 +47,7 @@ 
     | 
|
| 
       47 
47 
     | 
    
         
             
                    "$extensions": {
         
     | 
| 
       48 
48 
     | 
    
         
             
                      "org.primer.figma": {
         
     | 
| 
       49 
49 
     | 
    
         
             
                        "collection": "base/size",
         
     | 
| 
       50 
     | 
    
         
            -
                        "scopes": ["size"]
         
     | 
| 
      
 50 
     | 
    
         
            +
                        "scopes": ["size", "gap"]
         
     | 
| 
       51 
51 
     | 
    
         
             
                      }
         
     | 
| 
       52 
52 
     | 
    
         
             
                    }
         
     | 
| 
       53 
53 
     | 
    
         
             
                  },
         
     | 
| 
         @@ -57,7 +57,7 @@ 
     | 
|
| 
       57 
57 
     | 
    
         
             
                    "$extensions": {
         
     | 
| 
       58 
58 
     | 
    
         
             
                      "org.primer.figma": {
         
     | 
| 
       59 
59 
     | 
    
         
             
                        "collection": "base/size",
         
     | 
| 
       60 
     | 
    
         
            -
                        "scopes": ["size"]
         
     | 
| 
      
 60 
     | 
    
         
            +
                        "scopes": ["size", "gap"]
         
     | 
| 
       61 
61 
     | 
    
         
             
                      }
         
     | 
| 
       62 
62 
     | 
    
         
             
                    }
         
     | 
| 
       63 
63 
     | 
    
         
             
                  },
         
     | 
| 
         @@ -67,7 +67,7 @@ 
     | 
|
| 
       67 
67 
     | 
    
         
             
                    "$extensions": {
         
     | 
| 
       68 
68 
     | 
    
         
             
                      "org.primer.figma": {
         
     | 
| 
       69 
69 
     | 
    
         
             
                        "collection": "base/size",
         
     | 
| 
       70 
     | 
    
         
            -
                        "scopes": ["size"]
         
     | 
| 
      
 70 
     | 
    
         
            +
                        "scopes": ["size", "gap"]
         
     | 
| 
       71 
71 
     | 
    
         
             
                      }
         
     | 
| 
       72 
72 
     | 
    
         
             
                    }
         
     | 
| 
       73 
73 
     | 
    
         
             
                  },
         
     | 
| 
         @@ -77,7 +77,7 @@ 
     | 
|
| 
       77 
77 
     | 
    
         
             
                    "$extensions": {
         
     | 
| 
       78 
78 
     | 
    
         
             
                      "org.primer.figma": {
         
     | 
| 
       79 
79 
     | 
    
         
             
                        "collection": "base/size",
         
     | 
| 
       80 
     | 
    
         
            -
                        "scopes": ["size"]
         
     | 
| 
      
 80 
     | 
    
         
            +
                        "scopes": ["size", "gap"]
         
     | 
| 
       81 
81 
     | 
    
         
             
                      }
         
     | 
| 
       82 
82 
     | 
    
         
             
                    }
         
     | 
| 
       83 
83 
     | 
    
         
             
                  },
         
     | 
| 
         @@ -87,7 +87,7 @@ 
     | 
|
| 
       87 
87 
     | 
    
         
             
                    "$extensions": {
         
     | 
| 
       88 
88 
     | 
    
         
             
                      "org.primer.figma": {
         
     | 
| 
       89 
89 
     | 
    
         
             
                        "collection": "base/size",
         
     | 
| 
       90 
     | 
    
         
            -
                        "scopes": ["size"]
         
     | 
| 
      
 90 
     | 
    
         
            +
                        "scopes": ["size", "gap"]
         
     | 
| 
       91 
91 
     | 
    
         
             
                      }
         
     | 
| 
       92 
92 
     | 
    
         
             
                    }
         
     | 
| 
       93 
93 
     | 
    
         
             
                  },
         
     | 
| 
         @@ -97,7 +97,7 @@ 
     | 
|
| 
       97 
97 
     | 
    
         
             
                    "$extensions": {
         
     | 
| 
       98 
98 
     | 
    
         
             
                      "org.primer.figma": {
         
     | 
| 
       99 
99 
     | 
    
         
             
                        "collection": "base/size",
         
     | 
| 
       100 
     | 
    
         
            -
                        "scopes": ["size"]
         
     | 
| 
      
 100 
     | 
    
         
            +
                        "scopes": ["size", "gap"]
         
     | 
| 
       101 
101 
     | 
    
         
             
                      }
         
     | 
| 
       102 
102 
     | 
    
         
             
                    }
         
     | 
| 
       103 
103 
     | 
    
         
             
                  },
         
     | 
| 
         @@ -107,7 +107,7 @@ 
     | 
|
| 
       107 
107 
     | 
    
         
             
                    "$extensions": {
         
     | 
| 
       108 
108 
     | 
    
         
             
                      "org.primer.figma": {
         
     | 
| 
       109 
109 
     | 
    
         
             
                        "collection": "base/size",
         
     | 
| 
       110 
     | 
    
         
            -
                        "scopes": ["size"]
         
     | 
| 
      
 110 
     | 
    
         
            +
                        "scopes": ["size", "gap"]
         
     | 
| 
       111 
111 
     | 
    
         
             
                      }
         
     | 
| 
       112 
112 
     | 
    
         
             
                    }
         
     | 
| 
       113 
113 
     | 
    
         
             
                  },
         
     | 
| 
         @@ -117,7 +117,7 @@ 
     | 
|
| 
       117 
117 
     | 
    
         
             
                    "$extensions": {
         
     | 
| 
       118 
118 
     | 
    
         
             
                      "org.primer.figma": {
         
     | 
| 
       119 
119 
     | 
    
         
             
                        "collection": "base/size",
         
     | 
| 
       120 
     | 
    
         
            -
                        "scopes": ["size"]
         
     | 
| 
      
 120 
     | 
    
         
            +
                        "scopes": ["size", "gap"]
         
     | 
| 
       121 
121 
     | 
    
         
             
                      }
         
     | 
| 
       122 
122 
     | 
    
         
             
                    }
         
     | 
| 
       123 
123 
     | 
    
         
             
                  },
         
     | 
| 
         @@ -127,7 +127,7 @@ 
     | 
|
| 
       127 
127 
     | 
    
         
             
                    "$extensions": {
         
     | 
| 
       128 
128 
     | 
    
         
             
                      "org.primer.figma": {
         
     | 
| 
       129 
129 
     | 
    
         
             
                        "collection": "base/size",
         
     | 
| 
       130 
     | 
    
         
            -
                        "scopes": ["size"]
         
     | 
| 
      
 130 
     | 
    
         
            +
                        "scopes": ["size", "gap"]
         
     | 
| 
       131 
131 
     | 
    
         
             
                      }
         
     | 
| 
       132 
132 
     | 
    
         
             
                    }
         
     | 
| 
       133 
133 
     | 
    
         
             
                  },
         
     | 
| 
         @@ -137,7 +137,7 @@ 
     | 
|
| 
       137 
137 
     | 
    
         
             
                    "$extensions": {
         
     | 
| 
       138 
138 
     | 
    
         
             
                      "org.primer.figma": {
         
     | 
| 
       139 
139 
     | 
    
         
             
                        "collection": "base/size",
         
     | 
| 
       140 
     | 
    
         
            -
                        "scopes": ["size"]
         
     | 
| 
      
 140 
     | 
    
         
            +
                        "scopes": ["size", "gap"]
         
     | 
| 
       141 
141 
     | 
    
         
             
                      }
         
     | 
| 
       142 
142 
     | 
    
         
             
                    }
         
     | 
| 
       143 
143 
     | 
    
         
             
                  },
         
     | 
| 
         @@ -147,7 +147,7 @@ 
     | 
|
| 
       147 
147 
     | 
    
         
             
                    "$extensions": {
         
     | 
| 
       148 
148 
     | 
    
         
             
                      "org.primer.figma": {
         
     | 
| 
       149 
149 
     | 
    
         
             
                        "collection": "base/size",
         
     | 
| 
       150 
     | 
    
         
            -
                        "scopes": ["size"]
         
     | 
| 
      
 150 
     | 
    
         
            +
                        "scopes": ["size", "gap"]
         
     | 
| 
       151 
151 
     | 
    
         
             
                      }
         
     | 
| 
       152 
152 
     | 
    
         
             
                    }
         
     | 
| 
       153 
153 
     | 
    
         
             
                  },
         
     | 
| 
         @@ -157,7 +157,7 @@ 
     | 
|
| 
       157 
157 
     | 
    
         
             
                    "$extensions": {
         
     | 
| 
       158 
158 
     | 
    
         
             
                      "org.primer.figma": {
         
     | 
| 
       159 
159 
     | 
    
         
             
                        "collection": "base/size",
         
     | 
| 
       160 
     | 
    
         
            -
                        "scopes": ["size"]
         
     | 
| 
      
 160 
     | 
    
         
            +
                        "scopes": ["size", "gap"]
         
     | 
| 
       161 
161 
     | 
    
         
             
                      }
         
     | 
| 
       162 
162 
     | 
    
         
             
                    }
         
     | 
| 
       163 
163 
     | 
    
         
             
                  },
         
     | 
| 
         @@ -167,7 +167,7 @@ 
     | 
|
| 
       167 
167 
     | 
    
         
             
                    "$extensions": {
         
     | 
| 
       168 
168 
     | 
    
         
             
                      "org.primer.figma": {
         
     | 
| 
       169 
169 
     | 
    
         
             
                        "collection": "base/size",
         
     | 
| 
       170 
     | 
    
         
            -
                        "scopes": ["size"]
         
     | 
| 
      
 170 
     | 
    
         
            +
                        "scopes": ["size", "gap"]
         
     | 
| 
       171 
171 
     | 
    
         
             
                      }
         
     | 
| 
       172 
172 
     | 
    
         
             
                    }
         
     | 
| 
       173 
173 
     | 
    
         
             
                  },
         
     | 
| 
         @@ -177,7 +177,7 @@ 
     | 
|
| 
       177 
177 
     | 
    
         
             
                    "$extensions": {
         
     | 
| 
       178 
178 
     | 
    
         
             
                      "org.primer.figma": {
         
     | 
| 
       179 
179 
     | 
    
         
             
                        "collection": "base/size",
         
     | 
| 
       180 
     | 
    
         
            -
                        "scopes": ["size"]
         
     | 
| 
      
 180 
     | 
    
         
            +
                        "scopes": ["size", "gap"]
         
     | 
| 
       181 
181 
     | 
    
         
             
                      }
         
     | 
| 
       182 
182 
     | 
    
         
             
                    }
         
     | 
| 
       183 
183 
     | 
    
         
             
                  },
         
     | 
| 
         @@ -187,7 +187,7 @@ 
     | 
|
| 
       187 
187 
     | 
    
         
             
                    "$extensions": {
         
     | 
| 
       188 
188 
     | 
    
         
             
                      "org.primer.figma": {
         
     | 
| 
       189 
189 
     | 
    
         
             
                        "collection": "base/size",
         
     | 
| 
       190 
     | 
    
         
            -
                        "scopes": ["size"]
         
     | 
| 
      
 190 
     | 
    
         
            +
                        "scopes": ["size", "gap"]
         
     | 
| 
       191 
191 
     | 
    
         
             
                      }
         
     | 
| 
       192 
192 
     | 
    
         
             
                    }
         
     | 
| 
       193 
193 
     | 
    
         
             
                  }
         
     |