npm - @primer/primitives - Versions diffs - 11.4.0 → 11.4.1-rc.24c79953 - Mend

@primer/primitives 11.4.0 → 11.4.1-rc.24c79953

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 (152) hide show

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 +17 -3
package/dist/build/schemas/colorToken.d.ts +1 -1
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 +1 -1
package/dist/build/schemas/numberToken.d.ts +1 -1
package/dist/build/schemas/shadowToken.d.ts +673 -85
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 +17 -1
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/shadowToCss.js +12 -1
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 +3 -1
package/dist/build/types/dimensionTokenValue.d.ts +9 -0
package/dist/build/types/shadowTokenValue.d.ts +6 -4
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 +1423 -346
package/dist/docs/functional/themes/dark-colorblind.json +1423 -346
package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +1423 -346
package/dist/docs/functional/themes/dark-dimmed.json +1423 -346
package/dist/docs/functional/themes/dark-high-contrast.json +1423 -346
package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +1423 -346
package/dist/docs/functional/themes/dark-tritanopia.json +1423 -346
package/dist/docs/functional/themes/dark.json +1423 -346
package/dist/docs/functional/themes/light-colorblind-high-contrast.json +1426 -349
package/dist/docs/functional/themes/light-colorblind.json +1426 -349
package/dist/docs/functional/themes/light-high-contrast.json +1426 -349
package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +1426 -349
package/dist/docs/functional/themes/light-tritanopia.json +1426 -349
package/dist/docs/functional/themes/light.json +1426 -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 +1551 -366
package/dist/styleLint/functional/themes/dark-colorblind.json +1551 -366
package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +1551 -366
package/dist/styleLint/functional/themes/dark-dimmed.json +1551 -366
package/dist/styleLint/functional/themes/dark-high-contrast.json +1551 -366
package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +1551 -366
package/dist/styleLint/functional/themes/dark-tritanopia.json +1551 -366
package/dist/styleLint/functional/themes/dark.json +1551 -366
package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +1554 -369
package/dist/styleLint/functional/themes/light-colorblind.json +1554 -369
package/dist/styleLint/functional/themes/light-high-contrast.json +1554 -369
package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +1554 -369
package/dist/styleLint/functional/themes/light-tritanopia.json +1554 -369
package/dist/styleLint/functional/themes/light.json +1554 -369
package/dist/styleLint/functional/typography/typography.json +28 -22
package/package.json +6 -5
package/src/tokens/base/motion/timing.json5 +12 -12
package/src/tokens/base/size/size.json5 +19 -19
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 +678 -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

package/src/tokens/component/avatar.json5 CHANGED Viewed

@@ -1,88 +1,116 @@
 {
   avatar: {
     bgColor: {
-      $value: '{base.color.neutral.0}',
-      $type: 'color',
-      $extensions: {
+      '$value': '{base.color.neutral.0}',
+      '$type': 'color',
+      '$extensions': {
         'org.primer.figma': {
           collection: 'mode',
           group: 'component (internal)',
-          scopes: ['bgColor'],
+          scopes: [
+            'bgColor'
+          ]
         },
         'org.primer.overrides': {
           dark: {
-            $value: '{base.color.neutral.13}',
-            alpha: 0.1,
-          },
-        },
-      },
+            '$value': '{base.color.neutral.13}',
+            alpha: 0.1
+          }
+        }
+      }
     },
     borderColor: {
-      $value: '{borderColor.translucent}',
-      $type: 'color',
-      $extensions: {
+      '$value': '{borderColor.translucent}',
+      '$type': 'color',
+      '$extensions': {
         'org.primer.figma': {
           collection: 'mode',
           group: 'component (internal)',
-          scopes: ['borderColor'],
+          scopes: [
+            'borderColor'
+          ]
         },
         'org.primer.overrides': {
           'dark-high-contrast': {
-            $value: '{borderColor.emphasis}',
+            '$value': '{borderColor.emphasis}'
           },
           'dark-dimmed-high-contrast': {
-            $value: '{borderColor.emphasis}',
+            '$value': '{borderColor.emphasis}'
           },
           'light-high-contrast': {
-            $value: '{borderColor.emphasis}',
+            '$value': '{borderColor.emphasis}'
           },
           'light-tritanopia-high-contrast': {
-            $value: '{borderColor.emphasis}',
+            '$value': '{borderColor.emphasis}'
           },
           'light-protanopia-deuteranopia-high-contrast': {
-            $value: '{borderColor.emphasis}',
+            '$value': '{borderColor.emphasis}'
           },
           'dark-tritanopia-high-contrast': {
-            $value: '{borderColor.emphasis}',
+            '$value': '{borderColor.emphasis}'
           },
           'dark-protanopia-deuteranopia-high-contrast': {
-            $value: '{borderColor.emphasis}',
-          },
-        },
-      },
+            '$value': '{borderColor.emphasis}'
+          }
+        }
+      }
     },
     shadow: {
-      $value: [
+      '$value': [
         {
           color: '{base.color.neutral.0}',
           alpha: 0.8,
-          offsetX: '0px',
-          offsetY: '0px',
-          blur: '0px',
-          spread: '2px',
-        },
+          offsetX: {
+            value: 0,
+            unit: 'px'
+          },
+          offsetY: {
+            value: 0,
+            unit: 'px'
+          },
+          blur: {
+            value: 0,
+            unit: 'px'
+          },
+          spread: {
+            value: 2,
+            unit: 'px'
+          }
+        }
       ],
-      $type: 'shadow',
-      $extensions: {
+      '$type': 'shadow',
+      '$extensions': {
         'org.primer.figma': {
           collection: 'mode',
-          group: 'component shadow',
+          group: 'component shadow'
         },
         'org.primer.overrides': {
           dark: {
-            $value: [
+            '$value': [
               {
                 color: '{base.color.neutral.1}',
                 alpha: 1,
-                offsetX: '0px',
-                offsetY: '0px',
-                blur: '0px',
-                spread: '2px',
-              },
-            ],
-          },
-        },
-      },
-    },
-  },
+                offsetX: {
+                  value: 0,
+                  unit: 'px'
+                },
+                offsetY: {
+                  value: 0,
+                  unit: 'px'
+                },
+                blur: {
+                  value: 0,
+                  unit: 'px'
+                },
+                spread: {
+                  value: 2,
+                  unit: 'px'
+                }
+              }
+            ]
+          }
+        }
+      }
+    }
+  }
 }