npm - @primer/primitives - Versions diffs - 0.0.0-20260413135648 → 0.0.0-20260413145152 - Mend

@primer/primitives 0.0.0-20260413135648 → 0.0.0-20260413145152

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

package/dist/docs/functional/themes/dark-colorblind-high-contrast.json CHANGED Viewed

@@ -39569,78 +39569,6 @@
     "type": "color",
     "description": "Outline color for focus states on interactive elements"
   },
-  "focus-outline-offset": {
-    "key": "{focus.outline-offset}",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "functional/size",
-        "scopes": ["borderWidth", "effectFloat"]
-      }
-    },
-    "filePath": "src/tokens/component/focus.json5",
-    "isSource": true,
-    "original": {
-      "$value": {
-        "value": -2,
-        "unit": "px"
-      },
-      "$type": "dimension",
-      "$description": "Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "functional/size",
-          "scopes": ["borderWidth", "effectFloat"]
-        }
-      },
-      "key": "{focus.outline-offset}"
-    },
-    "name": "focus-outline-offset",
-    "attributes": {},
-    "path": ["focus", "outline-offset"],
-    "value": "-0.125rem",
-    "type": "dimension",
-    "description": "Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds"
-  },
-  "focus-outline-width": {
-    "key": "{focus.outline-width}",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "functional/size",
-        "scopes": ["borderWidth", "effectFloat"]
-      },
-      "org.primer.llm": {
-        "usage": ["focus-ring", "keyboard-focus", "accessibility"],
-        "rules": "MUST use for all keyboard focus indicators. Required for WCAG 2.4.7 compliance."
-      }
-    },
-    "filePath": "src/tokens/component/focus.json5",
-    "isSource": true,
-    "original": {
-      "$value": {
-        "value": 2,
-        "unit": "px"
-      },
-      "$type": "dimension",
-      "$description": "Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "functional/size",
-          "scopes": ["borderWidth", "effectFloat"]
-        },
-        "org.primer.llm": {
-          "usage": ["focus-ring", "keyboard-focus", "accessibility"],
-          "rules": "MUST use for all keyboard focus indicators. Required for WCAG 2.4.7 compliance."
-        }
-      },
-      "key": "{focus.outline-width}"
-    },
-    "name": "focus-outline-width",
-    "attributes": {},
-    "path": ["focus", "outline-width"],
-    "value": "0.125rem",
-    "type": "dimension",
-    "description": "Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements"
-  },
   "focus-outlineColor": {
     "key": "{focus.outlineColor}",
     "$deprecated": "#409eff",
@@ -47807,68 +47735,6 @@
     "value": "#151b23",
     "type": "color"
   },
-  "outline-focus-offset": {
-    "key": "{outline.focus.offset}",
-    "$deprecated": "-0.125rem",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "functional/size",
-        "scopes": ["borderWidth", "effectFloat"]
-      }
-    },
-    "filePath": "src/tokens/component/focus.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{focus.outline-offset}",
-      "$type": "dimension",
-      "$deprecated": "{focus.outline-offset}",
-      "$description": "Deprecated. Use focus.outline-offset instead.",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "functional/size",
-          "scopes": ["borderWidth", "effectFloat"]
-        }
-      },
-      "key": "{outline.focus.offset}"
-    },
-    "name": "outline-focus-offset",
-    "attributes": {},
-    "path": ["outline", "focus", "offset"],
-    "value": "-0.125rem",
-    "type": "dimension",
-    "description": "Deprecated. Use focus.outline-offset instead."
-  },
-  "outline-focus-width": {
-    "key": "{outline.focus.width}",
-    "$deprecated": "0.125rem",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "functional/size",
-        "scopes": ["borderWidth", "effectFloat"]
-      }
-    },
-    "filePath": "src/tokens/component/focus.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{focus.outline-width}",
-      "$type": "dimension",
-      "$deprecated": "{focus.outline-width}",
-      "$description": "Deprecated. Use focus.outline-width instead.",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "functional/size",
-          "scopes": ["borderWidth", "effectFloat"]
-        }
-      },
-      "key": "{outline.focus.width}"
-    },
-    "name": "outline-focus-width",
-    "attributes": {},
-    "path": ["outline", "focus", "width"],
-    "value": "0.125rem",
-    "type": "dimension",
-    "description": "Deprecated. Use focus.outline-width instead."
-  },
   "overlay-backdrop-bgColor": {
     "key": "{overlay.backdrop.bgColor}",
     "$extensions": {

package/dist/docs/functional/themes/dark-colorblind.json CHANGED Viewed

@@ -39561,78 +39561,6 @@
     "type": "color",
     "description": "Outline color for focus states on interactive elements"
   },
-  "focus-outline-offset": {
-    "key": "{focus.outline-offset}",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "functional/size",
-        "scopes": ["borderWidth", "effectFloat"]
-      }
-    },
-    "filePath": "src/tokens/component/focus.json5",
-    "isSource": true,
-    "original": {
-      "$value": {
-        "value": -2,
-        "unit": "px"
-      },
-      "$type": "dimension",
-      "$description": "Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "functional/size",
-          "scopes": ["borderWidth", "effectFloat"]
-        }
-      },
-      "key": "{focus.outline-offset}"
-    },
-    "name": "focus-outline-offset",
-    "attributes": {},
-    "path": ["focus", "outline-offset"],
-    "value": "-0.125rem",
-    "type": "dimension",
-    "description": "Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds"
-  },
-  "focus-outline-width": {
-    "key": "{focus.outline-width}",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "functional/size",
-        "scopes": ["borderWidth", "effectFloat"]
-      },
-      "org.primer.llm": {
-        "usage": ["focus-ring", "keyboard-focus", "accessibility"],
-        "rules": "MUST use for all keyboard focus indicators. Required for WCAG 2.4.7 compliance."
-      }
-    },
-    "filePath": "src/tokens/component/focus.json5",
-    "isSource": true,
-    "original": {
-      "$value": {
-        "value": 2,
-        "unit": "px"
-      },
-      "$type": "dimension",
-      "$description": "Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "functional/size",
-          "scopes": ["borderWidth", "effectFloat"]
-        },
-        "org.primer.llm": {
-          "usage": ["focus-ring", "keyboard-focus", "accessibility"],
-          "rules": "MUST use for all keyboard focus indicators. Required for WCAG 2.4.7 compliance."
-        }
-      },
-      "key": "{focus.outline-width}"
-    },
-    "name": "focus-outline-width",
-    "attributes": {},
-    "path": ["focus", "outline-width"],
-    "value": "0.125rem",
-    "type": "dimension",
-    "description": "Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements"
-  },
   "focus-outlineColor": {
     "key": "{focus.outlineColor}",
     "$deprecated": "#1f6feb",
@@ -47799,68 +47727,6 @@
     "value": "#151b23",
     "type": "color"
   },
-  "outline-focus-offset": {
-    "key": "{outline.focus.offset}",
-    "$deprecated": "-0.125rem",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "functional/size",
-        "scopes": ["borderWidth", "effectFloat"]
-      }
-    },
-    "filePath": "src/tokens/component/focus.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{focus.outline-offset}",
-      "$type": "dimension",
-      "$deprecated": "{focus.outline-offset}",
-      "$description": "Deprecated. Use focus.outline-offset instead.",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "functional/size",
-          "scopes": ["borderWidth", "effectFloat"]
-        }
-      },
-      "key": "{outline.focus.offset}"
-    },
-    "name": "outline-focus-offset",
-    "attributes": {},
-    "path": ["outline", "focus", "offset"],
-    "value": "-0.125rem",
-    "type": "dimension",
-    "description": "Deprecated. Use focus.outline-offset instead."
-  },
-  "outline-focus-width": {
-    "key": "{outline.focus.width}",
-    "$deprecated": "0.125rem",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "functional/size",
-        "scopes": ["borderWidth", "effectFloat"]
-      }
-    },
-    "filePath": "src/tokens/component/focus.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{focus.outline-width}",
-      "$type": "dimension",
-      "$deprecated": "{focus.outline-width}",
-      "$description": "Deprecated. Use focus.outline-width instead.",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "functional/size",
-          "scopes": ["borderWidth", "effectFloat"]
-        }
-      },
-      "key": "{outline.focus.width}"
-    },
-    "name": "outline-focus-width",
-    "attributes": {},
-    "path": ["outline", "focus", "width"],
-    "value": "0.125rem",
-    "type": "dimension",
-    "description": "Deprecated. Use focus.outline-width instead."
-  },
   "overlay-backdrop-bgColor": {
     "key": "{overlay.backdrop.bgColor}",
     "$extensions": {

package/dist/docs/functional/themes/dark-dimmed-high-contrast.json CHANGED Viewed

@@ -39579,78 +39579,6 @@
     "type": "color",
     "description": "Outline color for focus states on interactive elements"
   },
-  "focus-outline-offset": {
-    "key": "{focus.outline-offset}",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "functional/size",
-        "scopes": ["borderWidth", "effectFloat"]
-      }
-    },
-    "filePath": "src/tokens/component/focus.json5",
-    "isSource": true,
-    "original": {
-      "$value": {
-        "value": -2,
-        "unit": "px"
-      },
-      "$type": "dimension",
-      "$description": "Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "functional/size",
-          "scopes": ["borderWidth", "effectFloat"]
-        }
-      },
-      "key": "{focus.outline-offset}"
-    },
-    "name": "focus-outline-offset",
-    "attributes": {},
-    "path": ["focus", "outline-offset"],
-    "value": "-0.125rem",
-    "type": "dimension",
-    "description": "Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds"
-  },
-  "focus-outline-width": {
-    "key": "{focus.outline-width}",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "functional/size",
-        "scopes": ["borderWidth", "effectFloat"]
-      },
-      "org.primer.llm": {
-        "usage": ["focus-ring", "keyboard-focus", "accessibility"],
-        "rules": "MUST use for all keyboard focus indicators. Required for WCAG 2.4.7 compliance."
-      }
-    },
-    "filePath": "src/tokens/component/focus.json5",
-    "isSource": true,
-    "original": {
-      "$value": {
-        "value": 2,
-        "unit": "px"
-      },
-      "$type": "dimension",
-      "$description": "Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "functional/size",
-          "scopes": ["borderWidth", "effectFloat"]
-        },
-        "org.primer.llm": {
-          "usage": ["focus-ring", "keyboard-focus", "accessibility"],
-          "rules": "MUST use for all keyboard focus indicators. Required for WCAG 2.4.7 compliance."
-        }
-      },
-      "key": "{focus.outline-width}"
-    },
-    "name": "focus-outline-width",
-    "attributes": {},
-    "path": ["focus", "outline-width"],
-    "value": "0.125rem",
-    "type": "dimension",
-    "description": "Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements"
-  },
   "focus-outlineColor": {
     "key": "{focus.outlineColor}",
     "$deprecated": "#6cb6ff",
@@ -47817,68 +47745,6 @@
     "value": "#151b23",
     "type": "color"
   },
-  "outline-focus-offset": {
-    "key": "{outline.focus.offset}",
-    "$deprecated": "-0.125rem",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "functional/size",
-        "scopes": ["borderWidth", "effectFloat"]
-      }
-    },
-    "filePath": "src/tokens/component/focus.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{focus.outline-offset}",
-      "$type": "dimension",
-      "$deprecated": "{focus.outline-offset}",
-      "$description": "Deprecated. Use focus.outline-offset instead.",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "functional/size",
-          "scopes": ["borderWidth", "effectFloat"]
-        }
-      },
-      "key": "{outline.focus.offset}"
-    },
-    "name": "outline-focus-offset",
-    "attributes": {},
-    "path": ["outline", "focus", "offset"],
-    "value": "-0.125rem",
-    "type": "dimension",
-    "description": "Deprecated. Use focus.outline-offset instead."
-  },
-  "outline-focus-width": {
-    "key": "{outline.focus.width}",
-    "$deprecated": "0.125rem",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "functional/size",
-        "scopes": ["borderWidth", "effectFloat"]
-      }
-    },
-    "filePath": "src/tokens/component/focus.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{focus.outline-width}",
-      "$type": "dimension",
-      "$deprecated": "{focus.outline-width}",
-      "$description": "Deprecated. Use focus.outline-width instead.",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "functional/size",
-          "scopes": ["borderWidth", "effectFloat"]
-        }
-      },
-      "key": "{outline.focus.width}"
-    },
-    "name": "outline-focus-width",
-    "attributes": {},
-    "path": ["outline", "focus", "width"],
-    "value": "0.125rem",
-    "type": "dimension",
-    "description": "Deprecated. Use focus.outline-width instead."
-  },
   "overlay-backdrop-bgColor": {
     "key": "{overlay.backdrop.bgColor}",
     "$extensions": {

package/dist/docs/functional/themes/dark-dimmed.json CHANGED Viewed

@@ -39599,78 +39599,6 @@
     "type": "color",
     "description": "Outline color for focus states on interactive elements"
   },
-  "focus-outline-offset": {
-    "key": "{focus.outline-offset}",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "functional/size",
-        "scopes": ["borderWidth", "effectFloat"]
-      }
-    },
-    "filePath": "src/tokens/component/focus.json5",
-    "isSource": true,
-    "original": {
-      "$value": {
-        "value": -2,
-        "unit": "px"
-      },
-      "$type": "dimension",
-      "$description": "Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "functional/size",
-          "scopes": ["borderWidth", "effectFloat"]
-        }
-      },
-      "key": "{focus.outline-offset}"
-    },
-    "name": "focus-outline-offset",
-    "attributes": {},
-    "path": ["focus", "outline-offset"],
-    "value": "-0.125rem",
-    "type": "dimension",
-    "description": "Focus outline offset (-2px). Negative value creates an inset outline for keyboard focus indicators, ensuring the focus ring stays within the element bounds"
-  },
-  "focus-outline-width": {
-    "key": "{focus.outline-width}",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "functional/size",
-        "scopes": ["borderWidth", "effectFloat"]
-      },
-      "org.primer.llm": {
-        "usage": ["focus-ring", "keyboard-focus", "accessibility"],
-        "rules": "MUST use for all keyboard focus indicators. Required for WCAG 2.4.7 compliance."
-      }
-    },
-    "filePath": "src/tokens/component/focus.json5",
-    "isSource": true,
-    "original": {
-      "$value": {
-        "value": 2,
-        "unit": "px"
-      },
-      "$type": "dimension",
-      "$description": "Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "functional/size",
-          "scopes": ["borderWidth", "effectFloat"]
-        },
-        "org.primer.llm": {
-          "usage": ["focus-ring", "keyboard-focus", "accessibility"],
-          "rules": "MUST use for all keyboard focus indicators. Required for WCAG 2.4.7 compliance."
-        }
-      },
-      "key": "{focus.outline-width}"
-    },
-    "name": "focus-outline-width",
-    "attributes": {},
-    "path": ["focus", "outline-width"],
-    "value": "0.125rem",
-    "type": "dimension",
-    "description": "Focus outline width (2px). Standard width for keyboard focus indicators to meet WCAG 2.4.7 accessibility requirements"
-  },
   "focus-outlineColor": {
     "key": "{focus.outlineColor}",
     "$deprecated": "#316dca",
@@ -47837,68 +47765,6 @@
     "value": "#151b23",
     "type": "color"
   },
-  "outline-focus-offset": {
-    "key": "{outline.focus.offset}",
-    "$deprecated": "-0.125rem",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "functional/size",
-        "scopes": ["borderWidth", "effectFloat"]
-      }
-    },
-    "filePath": "src/tokens/component/focus.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{focus.outline-offset}",
-      "$type": "dimension",
-      "$deprecated": "{focus.outline-offset}",
-      "$description": "Deprecated. Use focus.outline-offset instead.",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "functional/size",
-          "scopes": ["borderWidth", "effectFloat"]
-        }
-      },
-      "key": "{outline.focus.offset}"
-    },
-    "name": "outline-focus-offset",
-    "attributes": {},
-    "path": ["outline", "focus", "offset"],
-    "value": "-0.125rem",
-    "type": "dimension",
-    "description": "Deprecated. Use focus.outline-offset instead."
-  },
-  "outline-focus-width": {
-    "key": "{outline.focus.width}",
-    "$deprecated": "0.125rem",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "functional/size",
-        "scopes": ["borderWidth", "effectFloat"]
-      }
-    },
-    "filePath": "src/tokens/component/focus.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{focus.outline-width}",
-      "$type": "dimension",
-      "$deprecated": "{focus.outline-width}",
-      "$description": "Deprecated. Use focus.outline-width instead.",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "functional/size",
-          "scopes": ["borderWidth", "effectFloat"]
-        }
-      },
-      "key": "{outline.focus.width}"
-    },
-    "name": "outline-focus-width",
-    "attributes": {},
-    "path": ["outline", "focus", "width"],
-    "value": "0.125rem",
-    "type": "dimension",
-    "description": "Deprecated. Use focus.outline-width instead."
-  },
   "overlay-backdrop-bgColor": {
     "key": "{overlay.backdrop.bgColor}",
     "$extensions": {