@primer/primitives 7.11.14-rc.4ec2f6f → 7.11.14-rc.7fb8b8f

package/tokens-next-private/docs/functional/themes/light-colorblind.json

@@ -857,12 +857,12 @@
     "path": ["control", "iconColor", "rest"]
   },
   "control-transparent-bgColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-bgColor-rest",
@@ -926,12 +926,12 @@
     "path": ["control", "transparent", "bgColor", "selected"]
   },
   "control-transparent-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-rest",
@@ -939,12 +939,12 @@
     "path": ["control", "transparent", "borderColor", "rest"]
   },
   "control-transparent-borderColor-hover": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-hover",
@@ -952,12 +952,12 @@
     "path": ["control", "transparent", "borderColor", "hover"]
   },
   "control-transparent-borderColor-active": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-active",
@@ -1275,12 +1275,12 @@
     "path": ["controlTrack", "fgColor", "disabled"]
   },
   "controlTrack-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "controlTrack-borderColor-rest",
@@ -1762,7 +1762,7 @@
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
   "button-invisible-bgColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -1814,7 +1814,7 @@
     "path": ["button", "invisible", "bgColor", "disabled"]
   },
   "button-invisible-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -1827,7 +1827,7 @@
     "path": ["button", "invisible", "borderColor", "rest"]
   },
   "button-invisible-borderColor-hover": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,

package/tokens-next-private/docs/functional/themes/light-high-contrast.json

@@ -849,12 +849,12 @@
     "path": ["control", "iconColor", "rest"]
   },
   "control-transparent-bgColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-bgColor-rest",
@@ -922,12 +922,12 @@
     "path": ["control", "transparent", "bgColor", "selected"]
   },
   "control-transparent-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-rest",
@@ -948,12 +948,12 @@
     "path": ["control", "transparent", "borderColor", "hover"]
   },
   "control-transparent-borderColor-active": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-active",
@@ -1283,12 +1283,12 @@
     "path": ["controlTrack", "fgColor", "disabled"]
   },
   "controlTrack-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "controlTrack-borderColor-rest",
@@ -1772,7 +1772,7 @@
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
   "button-invisible-bgColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -1824,7 +1824,7 @@
     "path": ["button", "invisible", "bgColor", "disabled"]
   },
   "button-invisible-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,

package/tokens-next-private/docs/functional/themes/light-tritanopia.json

@@ -853,12 +853,12 @@
     "path": ["control", "iconColor", "rest"]
   },
   "control-transparent-bgColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-bgColor-rest",
@@ -922,12 +922,12 @@
     "path": ["control", "transparent", "bgColor", "selected"]
   },
   "control-transparent-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-rest",
@@ -935,12 +935,12 @@
     "path": ["control", "transparent", "borderColor", "rest"]
   },
   "control-transparent-borderColor-hover": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-hover",
@@ -948,12 +948,12 @@
     "path": ["control", "transparent", "borderColor", "hover"]
   },
   "control-transparent-borderColor-active": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-active",
@@ -1271,12 +1271,12 @@
     "path": ["controlTrack", "fgColor", "disabled"]
   },
   "controlTrack-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "controlTrack-borderColor-rest",
@@ -1758,7 +1758,7 @@
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
   "button-invisible-bgColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -1810,7 +1810,7 @@
     "path": ["button", "invisible", "bgColor", "disabled"]
   },
   "button-invisible-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -1823,7 +1823,7 @@
     "path": ["button", "invisible", "borderColor", "rest"]
   },
   "button-invisible-borderColor-hover": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,

package/tokens-next-private/docs/functional/themes/light.json

@@ -853,12 +853,12 @@
     "path": ["control", "iconColor", "rest"]
   },
   "control-transparent-bgColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-bgColor-rest",
@@ -922,12 +922,12 @@
     "path": ["control", "transparent", "bgColor", "selected"]
   },
   "control-transparent-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-rest",
@@ -935,12 +935,12 @@
     "path": ["control", "transparent", "borderColor", "rest"]
   },
   "control-transparent-borderColor-hover": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-hover",
@@ -948,12 +948,12 @@
     "path": ["control", "transparent", "borderColor", "hover"]
   },
   "control-transparent-borderColor-active": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "control-transparent-borderColor-active",
@@ -1271,12 +1271,12 @@
     "path": ["controlTrack", "fgColor", "disabled"]
   },
   "controlTrack-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "transparent",
+      "value": "{base.color.transparent}",
       "$type": "color"
     },
     "name": "controlTrack-borderColor-rest",
@@ -1758,7 +1758,7 @@
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
   "button-invisible-bgColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -1810,7 +1810,7 @@
     "path": ["button", "invisible", "bgColor", "disabled"]
   },
   "button-invisible-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -1823,7 +1823,7 @@
     "path": ["button", "invisible", "borderColor", "rest"]
   },
   "button-invisible-borderColor-hover": {
-    "value": "#00000000",
+    "value": "#ffffff00",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,

package/tokens-next-private/fallbacks/functional/size/border.json

@@ -8,7 +8,7 @@
   "--borderRadius-small": "3px",
   "--borderRadius-medium": "6px",
   "--borderRadius-large": "12px",
-  "--borderRadius-full": "100vh",
+  "--borderRadius-full": "9999px",
   "--outline-focus-offset": "-0.125rem",
   "--outline-focus-width": "0.125rem"
 }

package/tokens-next-private/js/functional/size/border.js

@@ -13,7 +13,7 @@ exports.default = {
     small: "3px",
     medium: "6px",
     large: "12px",
-    full: "100vh",
+    full: "9999px",
   },
   outline: {
     focus: {

package/tokens-next-private/js/functional/themes/light-colorblind.js

@@ -146,16 +146,16 @@ exports.default = {
     },
     transparent: {
       bgColor: {
-        rest: "#00000000",
+        rest: "#ffffff00",
         hover: "#d0d7de33",
         active: "#d0d7de66",
         disabled: "#f6f8fa",
         selected: "#f6f8fa",
       },
       borderColor: {
-        rest: "#00000000",
-        hover: "#00000000",
-        active: "#00000000",
+        rest: "#ffffff00",
+        hover: "#ffffff00",
+        active: "#ffffff00",
       },
     },
     danger: {
@@ -199,7 +199,7 @@ exports.default = {
       disabled: "#ffffff",
     },
     borderColor: {
-      rest: "#00000000",
+      rest: "#ffffff00",
       disabled: "#8c959f",
     },
   },
@@ -269,14 +269,14 @@ exports.default = {
         disabled: "#8c959f",
       },
       bgColor: {
-        rest: "#00000000",
+        rest: "#ffffff00",
         hover: "#d0d7de33",
         active: "#d0d7de66",
         disabled: "#f6f8fa",
       },
       borderColor: {
-        rest: "#00000000",
-        hover: "#00000000",
+        rest: "#ffffff00",
+        hover: "#ffffff00",
       },
     },
     outline: {

package/tokens-next-private/js/functional/themes/light-high-contrast.js

@@ -146,16 +146,16 @@ exports.default = {
     },
     transparent: {
       bgColor: {
-        rest: "#00000000",
+        rest: "#ffffff00",
         hover: "#e7ecf0",
         active: "#ced5dc",
         disabled: "#e7ecf0",
         selected: "#ced5dc",
       },
       borderColor: {
-        rest: "#00000000",
+        rest: "#ffffff00",
         hover: "#20252c",
-        active: "#00000000",
+        active: "#ffffff00",
       },
     },
     danger: {
@@ -199,7 +199,7 @@ exports.default = {
       disabled: "#ffffff",
     },
     borderColor: {
-      rest: "#00000000",
+      rest: "#ffffff00",
       disabled: "#88929d",
     },
   },
@@ -269,13 +269,13 @@ exports.default = {
         disabled: "#88929d",
       },
       bgColor: {
-        rest: "#00000000",
+        rest: "#ffffff00",
         hover: "#e7ecf0",
         active: "#ced5dc",
         disabled: "#e7ecf0",
       },
       borderColor: {
-        rest: "#00000000",
+        rest: "#ffffff00",
         hover: "#20252c",
       },
     },

package/tokens-next-private/js/functional/themes/light-tritanopia.js

@@ -146,16 +146,16 @@ exports.default = {
     },
     transparent: {
       bgColor: {
-        rest: "#00000000",
+        rest: "#ffffff00",
         hover: "#d0d7de33",
         active: "#d0d7de66",
         disabled: "#f6f8fa",
         selected: "#f6f8fa",
       },
       borderColor: {
-        rest: "#00000000",
-        hover: "#00000000",
-        active: "#00000000",
+        rest: "#ffffff00",
+        hover: "#ffffff00",
+        active: "#ffffff00",
       },
     },
     danger: {
@@ -199,7 +199,7 @@ exports.default = {
       disabled: "#ffffff",
     },
     borderColor: {
-      rest: "#00000000",
+      rest: "#ffffff00",
       disabled: "#8c959f",
     },
   },
@@ -269,14 +269,14 @@ exports.default = {
         disabled: "#8c959f",
       },
       bgColor: {
-        rest: "#00000000",
+        rest: "#ffffff00",
         hover: "#d0d7de33",
         active: "#d0d7de66",
         disabled: "#f6f8fa",
       },
       borderColor: {
-        rest: "#00000000",
-        hover: "#00000000",
+        rest: "#ffffff00",
+        hover: "#ffffff00",
       },
     },
     outline: {

package/tokens-next-private/js/functional/themes/light.js

@@ -146,16 +146,16 @@ exports.default = {
     },
     transparent: {
       bgColor: {
-        rest: "#00000000",
+        rest: "#ffffff00",
         hover: "#d0d7de33",
         active: "#d0d7de66",
         disabled: "#f6f8fa",
         selected: "#f6f8fa",
       },
       borderColor: {
-        rest: "#00000000",
-        hover: "#00000000",
-        active: "#00000000",
+        rest: "#ffffff00",
+        hover: "#ffffff00",
+        active: "#ffffff00",
       },
     },
     danger: {
@@ -199,7 +199,7 @@ exports.default = {
       disabled: "#ffffff",
     },
     borderColor: {
-      rest: "#00000000",
+      rest: "#ffffff00",
       disabled: "#8c959f",
     },
   },
@@ -269,14 +269,14 @@ exports.default = {
         disabled: "#8c959f",
       },
       bgColor: {
-        rest: "#00000000",
+        rest: "#ffffff00",
         hover: "#d0d7de33",
         active: "#d0d7de66",
         disabled: "#f6f8fa",
       },
       borderColor: {
-        rest: "#00000000",
-        hover: "#00000000",
+        rest: "#ffffff00",
+        hover: "#ffffff00",
       },
     },
     outline: {

package/tokens-next-private/json/functional/size/border.json

@@ -13,7 +13,7 @@
     "small": "3px",
     "medium": "6px",
     "large": "12px",
-    "full": "100vh"
+    "full": "9999px"
   },
   "outline": {
     "focus": {

package/tokens-next-private/json/functional/themes/light-colorblind.json

@@ -146,16 +146,16 @@
     },
     "transparent": {
       "bgColor": {
-        "rest": "#00000000",
+        "rest": "#ffffff00",
         "hover": "#d0d7de33",
         "active": "#d0d7de66",
         "disabled": "#f6f8fa",
         "selected": "#f6f8fa"
       },
       "borderColor": {
-        "rest": "#00000000",
-        "hover": "#00000000",
-        "active": "#00000000"
+        "rest": "#ffffff00",
+        "hover": "#ffffff00",
+        "active": "#ffffff00"
       }
     },
     "danger": {
@@ -199,7 +199,7 @@
       "disabled": "#ffffff"
     },
     "borderColor": {
-      "rest": "#00000000",
+      "rest": "#ffffff00",
       "disabled": "#8c959f"
     }
   },
@@ -269,14 +269,14 @@
         "disabled": "#8c959f"
       },
       "bgColor": {
-        "rest": "#00000000",
+        "rest": "#ffffff00",
         "hover": "#d0d7de33",
         "active": "#d0d7de66",
         "disabled": "#f6f8fa"
       },
       "borderColor": {
-        "rest": "#00000000",
-        "hover": "#00000000"
+        "rest": "#ffffff00",
+        "hover": "#ffffff00"
       }
     },
     "outline": {