@primer/primitives 7.11.14 → 7.11.15-rc.06a09d3

package/tokens-next-private/docs/functional/typography/typography.json

@@ -65,11 +65,13 @@
     "path": ["text", "display", "size"]
   },
   "text-display-lineHeight": {
-    "value": "calc(56/40)",
+    "value": 1.4,
+    "$type": "number",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "calc(56/40)"
+      "value": 1.4,
+      "$type": "number"
     },
     "name": "text-display-lineHeight",
     "attributes": {},
@@ -89,7 +91,7 @@
     "path": ["text", "display", "weight"]
   },
   "text-display-shorthand": {
-    "value": "500 2.5rem/calc(56/40) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "value": "500 2.5rem/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
     "comment": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports.",
     "filePath": "src/tokens/functional/typography/typography.json",
@@ -148,33 +150,39 @@
     "path": ["text", "title", "size", "small"]
   },
   "text-title-lineHeight-large": {
-    "value": "calc(48/32)",
+    "value": 1.5,
+    "$type": "number",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "calc(48/32)"
+      "value": 1.5,
+      "$type": "number"
     },
     "name": "text-title-lineHeight-large",
     "attributes": {},
     "path": ["text", "title", "lineHeight", "large"]
   },
   "text-title-lineHeight-medium": {
-    "value": "calc(32/20)",
+    "value": 1.6,
+    "$type": "number",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "calc(32/20)"
+      "value": 1.6,
+      "$type": "number"
     },
     "name": "text-title-lineHeight-medium",
     "attributes": {},
     "path": ["text", "title", "lineHeight", "medium"]
   },
   "text-title-lineHeight-small": {
-    "value": "calc(24/16)",
+    "value": 1.5,
+    "$type": "number",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "calc(24/16)"
+      "value": 1.5,
+      "$type": "number"
     },
     "name": "text-title-lineHeight-small",
     "attributes": {},
@@ -220,7 +228,7 @@
     "path": ["text", "title", "weight", "small"]
   },
   "text-title-shorthand-large": {
-    "value": "600 2rem/calc(48/32) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "value": "600 2rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
     "comment": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports.",
     "filePath": "src/tokens/functional/typography/typography.json",
@@ -240,7 +248,7 @@
     "path": ["text", "title", "shorthand", "large"]
   },
   "text-title-shorthand-medium": {
-    "value": "600 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "value": "600 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
     "comment": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition.",
     "filePath": "src/tokens/functional/typography/typography.json",
@@ -260,7 +268,7 @@
     "path": ["text", "title", "shorthand", "medium"]
   },
   "text-title-shorthand-small": {
-    "value": "600 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "value": "600 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
     "comment": "Uses the same size as body (large) with a heavier weight of semibold (600).",
     "filePath": "src/tokens/functional/typography/typography.json",
@@ -293,11 +301,13 @@
     "path": ["text", "subtitle", "size"]
   },
   "text-subtitle-lineHeight": {
-    "value": "calc(32/20)",
+    "value": 1.6,
+    "$type": "number",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "calc(32/20)"
+      "value": 1.6,
+      "$type": "number"
     },
     "name": "text-subtitle-lineHeight",
     "attributes": {},
@@ -317,7 +327,7 @@
     "path": ["text", "subtitle", "weight"]
   },
   "text-subtitle-shorthand": {
-    "value": "400 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "value": "400 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
     "comment": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium).",
     "filePath": "src/tokens/functional/typography/typography.json",
@@ -376,33 +386,39 @@
     "path": ["text", "body", "size", "small"]
   },
   "text-body-lineHeight-large": {
-    "value": "calc(24/16)",
+    "value": 1.5,
+    "$type": "number",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "calc(24/16)"
+      "value": 1.5,
+      "$type": "number"
     },
     "name": "text-body-lineHeight-large",
     "attributes": {},
     "path": ["text", "body", "lineHeight", "large"]
   },
   "text-body-lineHeight-medium": {
-    "value": "calc(20/14)",
+    "value": 1.4285,
+    "$type": "number",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "calc(20/14)"
+      "value": 1.4285,
+      "$type": "number"
     },
     "name": "text-body-lineHeight-medium",
     "attributes": {},
     "path": ["text", "body", "lineHeight", "medium"]
   },
   "text-body-lineHeight-small": {
-    "value": "calc(20/12)",
+    "value": 1.6666,
+    "$type": "number",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "calc(20/12)"
+      "value": 1.6666,
+      "$type": "number"
     },
     "name": "text-body-lineHeight-small",
     "attributes": {},
@@ -422,7 +438,7 @@
     "path": ["text", "body", "weight"]
   },
   "text-body-shorthand-large": {
-    "value": "400 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "value": "400 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
     "comment": "User-generated content, markdown rendering.",
     "filePath": "src/tokens/functional/typography/typography.json",
@@ -442,7 +458,7 @@
     "path": ["text", "body", "shorthand", "large"]
   },
   "text-body-shorthand-medium": {
-    "value": "400 0.875rem/calc(20/14) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "value": "400 0.875rem/1.4285 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
     "comment": "Default UI font. Most commonly used for body text.",
     "filePath": "src/tokens/functional/typography/typography.json",
@@ -462,7 +478,7 @@
     "path": ["text", "body", "shorthand", "medium"]
   },
   "text-body-shorthand-small": {
-    "value": "400 0.75rem/calc(20/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "value": "400 0.75rem/1.6666 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
     "comment": "Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px.",
     "filePath": "src/tokens/functional/typography/typography.json",
@@ -495,11 +511,13 @@
     "path": ["text", "caption", "size"]
   },
   "text-caption-lineHeight": {
-    "value": "calc(16/12)",
+    "value": 1.3333,
+    "$type": "number",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "calc(16/12)"
+      "value": 1.3333,
+      "$type": "number"
     },
     "name": "text-caption-lineHeight",
     "attributes": {},
@@ -519,7 +537,7 @@
     "path": ["text", "caption", "weight"]
   },
   "text-caption-shorthand": {
-    "value": "400 0.75rem/calc(16/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+    "value": "400 0.75rem/1.3333 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
     "comment": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements.",
     "filePath": "src/tokens/functional/typography/typography.json",
@@ -552,11 +570,13 @@
     "path": ["text", "codeBlock", "size"]
   },
   "text-codeBlock-lineHeight": {
-    "value": "calc(20/13)",
+    "value": 1.5385,
+    "$type": "number",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "calc(20/13)"
+      "value": 1.5385,
+      "$type": "number"
     },
     "name": "text-codeBlock-lineHeight",
     "attributes": {},
@@ -564,17 +584,19 @@
   },
   "text-codeBlock-weight": {
     "value": 400,
+    "$type": "fontWeight",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
-      "value": "{base.text.weight.normal}"
+      "value": "{base.text.weight.normal}",
+      "$type": "fontWeight"
     },
     "name": "text-codeBlock-weight",
     "attributes": {},
     "path": ["text", "codeBlock", "weight"]
   },
   "text-codeBlock-shorthand": {
-    "value": "400 0.8125rem/calc(20/13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
+    "value": "400 0.8125rem/1.5385 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
     "$type": "typography",
     "comment": "Default style for rendering code blocks.",
     "filePath": "src/tokens/functional/typography/typography.json",

package/tokens-next-private/fallbacks/color-fallbacks.json

@@ -176,7 +176,7 @@
   "--selectMenu-bgColor-active": "var(--color-select-menu-tap-focus-bg)",
   "--sideNav-bgColor-selected": "var(--color-sidenav-selected-bg)",
   "--timelineBadge-bgColor": "var(--color-timeline-badge-bg)",
-  "--treeViewItem-leadingVisual-bgColor-rest": "var(--color-tree-view-item-directory-fill)",
+  "--treeViewItem-leadingVisual-iconColor-rest": "var(--color-tree-view-item-directory-fill)",
   "--underlineNav-borderColor-active": "var(--color-primer-border-active)",
   "--underlineNav-borderColor-hover": "var(--color-underlinenav-border-hover)",
   "--underlineNav-iconColor-rest": "var(--color-underlinenav-icon)",

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

@@ -5,10 +5,10 @@
   "--borderWidth-thin": "max(1px, 0.0625rem)",
   "--borderWidth-thick": "max(2px, 0.125rem)",
   "--borderWidth-thicker": "max(4px, 0.25rem)",
-  "--borderRadius-small": "3px",
-  "--borderRadius-medium": "6px",
-  "--borderRadius-large": "12px",
-  "--borderRadius-full": "9999px",
+  "--borderRadius-small": "0.1875rem",
+  "--borderRadius-medium": "0.375rem",
+  "--borderRadius-large": "0.75rem",
+  "--borderRadius-full": "624.9375rem",
   "--outline-focus-offset": "-0.125rem",
   "--outline-focus-width": "0.125rem"
 }

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

@@ -3,33 +3,33 @@
   "--control-minTarget-coarse": "2.75rem",
   "--control-xsmall-size": "1.5rem",
   "--control-xsmall-lineBoxHeight": "1.25rem",
-  "--control-xsmall-paddingBlock": "calc((1.5rem - 1.25rem) / 2)",
+  "--control-xsmall-paddingBlock": "0.125rem",
   "--control-xsmall-paddingInline-condensed": "0.25rem",
   "--control-xsmall-paddingInline-normal": "0.5rem",
   "--control-xsmall-paddingInline-spacious": "0.75rem",
   "--control-xsmall-gap": "0.25rem",
   "--control-small-size": "1.75rem",
   "--control-small-lineBoxHeight": "1.25rem",
-  "--control-small-paddingBlock": "calc((1.75rem - 1.25rem) / 2)",
+  "--control-small-paddingBlock": "0.25rem",
   "--control-small-paddingInline-condensed": "0.5rem",
   "--control-small-paddingInline-normal": "0.75rem",
   "--control-small-gap": "0.25rem",
   "--control-medium-size": "2rem",
   "--control-medium-lineBoxHeight": "1.25rem",
-  "--control-medium-paddingBlock": "calc((2rem - 1.25rem) / 2)",
+  "--control-medium-paddingBlock": "0.375rem",
   "--control-medium-paddingInline-condensed": "0.5rem",
   "--control-medium-paddingInline-normal": "0.75rem",
   "--control-medium-paddingInline-spacious": "1rem",
   "--control-medium-gap": "0.5rem",
   "--control-large-size": "2.5rem",
   "--control-large-lineBoxHeight": "1.25rem",
-  "--control-large-paddingBlock": "calc((2.5rem - 1.25rem) / 2)",
+  "--control-large-paddingBlock": "0.625rem",
   "--control-large-paddingInline-normal": "0.75rem",
   "--control-large-paddingInline-spacious": "1rem",
   "--control-large-gap": "0.5rem",
   "--control-xlarge-size": "3rem",
   "--control-xlarge-lineBoxHeight": "1.25rem",
-  "--control-xlarge-paddingBlock": "calc((3rem - 1.25rem) / 2)",
+  "--control-xlarge-paddingBlock": "0.875rem",
   "--control-xlarge-paddingInline-normal": "0.75rem",
   "--control-xlarge-paddingInline-spacious": "1rem",
   "--control-xlarge-gap": "0.5rem",

package/tokens-next-private/fallbacks/functional/typography/typography.json

@@ -4,43 +4,43 @@
   "--fontStack-monospace": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
   "--text-display-lineBoxHeight": "3.5rem",
   "--text-display-size": "2.5rem",
-  "--text-display-lineHeight": "calc(56/40)",
+  "--text-display-lineHeight": 1.4,
   "--text-display-weight": 500,
-  "--text-display-shorthand": "500 2.5rem/calc(56/40) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+  "--text-display-shorthand": "500 2.5rem/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
   "--text-title-size-large": "2rem",
   "--text-title-size-medium": "1.25rem",
   "--text-title-size-small": "1rem",
-  "--text-title-lineHeight-large": "calc(48/32)",
-  "--text-title-lineHeight-medium": "calc(32/20)",
-  "--text-title-lineHeight-small": "calc(24/16)",
+  "--text-title-lineHeight-large": 1.5,
+  "--text-title-lineHeight-medium": 1.6,
+  "--text-title-lineHeight-small": 1.5,
   "--text-title-weight-large": 600,
   "--text-title-weight-medium": 600,
   "--text-title-weight-small": 600,
-  "--text-title-shorthand-large": "600 2rem/calc(48/32) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
-  "--text-title-shorthand-medium": "600 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
-  "--text-title-shorthand-small": "600 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+  "--text-title-shorthand-large": "600 2rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+  "--text-title-shorthand-medium": "600 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+  "--text-title-shorthand-small": "600 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
   "--text-subtitle-size": "1.25rem",
-  "--text-subtitle-lineHeight": "calc(32/20)",
+  "--text-subtitle-lineHeight": 1.6,
   "--text-subtitle-weight": 400,
-  "--text-subtitle-shorthand": "400 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+  "--text-subtitle-shorthand": "400 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
   "--text-body-size-large": "1rem",
   "--text-body-size-medium": "0.875rem",
   "--text-body-size-small": "0.75rem",
-  "--text-body-lineHeight-large": "calc(24/16)",
-  "--text-body-lineHeight-medium": "calc(20/14)",
-  "--text-body-lineHeight-small": "calc(20/12)",
+  "--text-body-lineHeight-large": 1.5,
+  "--text-body-lineHeight-medium": 1.4285,
+  "--text-body-lineHeight-small": 1.6666,
   "--text-body-weight": 400,
-  "--text-body-shorthand-large": "400 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
-  "--text-body-shorthand-medium": "400 0.875rem/calc(20/14) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
-  "--text-body-shorthand-small": "400 0.75rem/calc(20/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+  "--text-body-shorthand-large": "400 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+  "--text-body-shorthand-medium": "400 0.875rem/1.4285 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+  "--text-body-shorthand-small": "400 0.75rem/1.6666 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
   "--text-caption-size": "0.75rem",
-  "--text-caption-lineHeight": "calc(16/12)",
+  "--text-caption-lineHeight": 1.3333,
   "--text-caption-weight": 400,
-  "--text-caption-shorthand": "400 0.75rem/calc(16/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+  "--text-caption-shorthand": "400 0.75rem/1.3333 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
   "--text-codeBlock-size": "0.8125rem",
-  "--text-codeBlock-lineHeight": "calc(20/13)",
+  "--text-codeBlock-lineHeight": 1.5385,
   "--text-codeBlock-weight": 400,
-  "--text-codeBlock-shorthand": "400 0.8125rem/calc(20/13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
+  "--text-codeBlock-shorthand": "400 0.8125rem/1.5385 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
   "--text-codeInline-size": "0.9285em",
   "--text-codeInline-weight": 400,
   "--text-codeInline-shorthand": "400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"

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

@@ -6,10 +6,10 @@
     --borderWidth-thin: max(1px, 0.0625rem);
     --borderWidth-thick: max(2px, 0.125rem);
     --borderWidth-thicker: max(4px, 0.25rem);
-    --borderRadius-small: 3px;
-    --borderRadius-medium: 6px;
-    --borderRadius-large: 12px;
-    --borderRadius-full: 9999px;
+    --borderRadius-small: 0.1875rem;
+    --borderRadius-medium: 0.375rem;
+    --borderRadius-large: 0.75rem;
+    --borderRadius-full: 624.9375rem;
     --outline-focus-offset: -0.125rem;
     --outline-focus-width: 0.125rem;
   }

package/tokens-next-private/scss/functional/size/size.scss

@@ -4,33 +4,33 @@
     --control-minTarget-coarse: 2.75rem;
     --control-xsmall-size: 1.5rem;
     --control-xsmall-lineBoxHeight: 1.25rem;
-    --control-xsmall-paddingBlock: calc((1.5rem - 1.25rem) / 2);
+    --control-xsmall-paddingBlock: 0.125rem;
     --control-xsmall-paddingInline-condensed: 0.25rem;
     --control-xsmall-paddingInline-normal: 0.5rem;
     --control-xsmall-paddingInline-spacious: 0.75rem;
     --control-xsmall-gap: 0.25rem;
     --control-small-size: 1.75rem;
     --control-small-lineBoxHeight: 1.25rem;
-    --control-small-paddingBlock: calc((1.75rem - 1.25rem) / 2);
+    --control-small-paddingBlock: 0.25rem;
     --control-small-paddingInline-condensed: 0.5rem;
     --control-small-paddingInline-normal: 0.75rem;
     --control-small-gap: 0.25rem;
     --control-medium-size: 2rem;
     --control-medium-lineBoxHeight: 1.25rem;
-    --control-medium-paddingBlock: calc((2rem - 1.25rem) / 2);
+    --control-medium-paddingBlock: 0.375rem;
     --control-medium-paddingInline-condensed: 0.5rem;
     --control-medium-paddingInline-normal: 0.75rem;
     --control-medium-paddingInline-spacious: 1rem;
     --control-medium-gap: 0.5rem;
     --control-large-size: 2.5rem;
     --control-large-lineBoxHeight: 1.25rem;
-    --control-large-paddingBlock: calc((2.5rem - 1.25rem) / 2);
+    --control-large-paddingBlock: 0.625rem;
     --control-large-paddingInline-normal: 0.75rem;
     --control-large-paddingInline-spacious: 1rem;
     --control-large-gap: 0.5rem;
     --control-xlarge-size: 3rem;
     --control-xlarge-lineBoxHeight: 1.25rem;
-    --control-xlarge-paddingBlock: calc((3rem - 1.25rem) / 2);
+    --control-xlarge-paddingBlock: 0.875rem;
     --control-xlarge-paddingInline-normal: 0.75rem;
     --control-xlarge-paddingInline-spacious: 1rem;
     --control-xlarge-gap: 0.5rem;

package/tokens-next-private/scss/functional/themes/dark-colorblind.scss

@@ -180,7 +180,7 @@
     --selectMenu-bgColor-active: #0c2d6b;
     --sideNav-bgColor-selected: #21262d;
     --timelineBadge-bgColor: #21262d;
-    --treeViewItem-leadingVisual-bgColor-rest: #7d8590;
+    --treeViewItem-leadingVisual-iconColor-rest: #7d8590;
     --underlineNav-borderColor-active: #f78166;
     --underlineNav-borderColor-hover: #6e768166;
     --underlineNav-iconColor-rest: #7d8590;

package/tokens-next-private/scss/functional/themes/dark-dimmed.scss

@@ -180,7 +180,7 @@
     --selectMenu-bgColor-active: #143d79;
     --sideNav-bgColor-selected: #373e47;
     --timelineBadge-bgColor: #373e47;
-    --treeViewItem-leadingVisual-bgColor-rest: #6d7986;
+    --treeViewItem-leadingVisual-iconColor-rest: #6d7986;
     --underlineNav-borderColor-active: #ec775c;
     --underlineNav-borderColor-hover: #636e7b66;
     --underlineNav-iconColor-rest: #6d7986;

package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss

@@ -180,7 +180,7 @@
     --selectMenu-bgColor-active: #1e60d5;
     --sideNav-bgColor-selected: #272b33;
     --timelineBadge-bgColor: #272b33;
-    --treeViewItem-leadingVisual-bgColor-rest: #f0f3f6;
+    --treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
     --underlineNav-borderColor-active: #ff967d;
     --underlineNav-borderColor-hover: #bdc4cc;
     --underlineNav-iconColor-rest: #f0f3f6;

package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss

@@ -180,7 +180,7 @@
     --selectMenu-bgColor-active: #0c2d6b;
     --sideNav-bgColor-selected: #21262d;
     --timelineBadge-bgColor: #21262d;
-    --treeViewItem-leadingVisual-bgColor-rest: #7d8590;
+    --treeViewItem-leadingVisual-iconColor-rest: #7d8590;
     --underlineNav-borderColor-active: #f78166;
     --underlineNav-borderColor-hover: #6e768166;
     --underlineNav-iconColor-rest: #7d8590;

package/tokens-next-private/scss/functional/themes/dark.scss

@@ -180,7 +180,7 @@
     --selectMenu-bgColor-active: #0c2d6b;
     --sideNav-bgColor-selected: #21262d;
     --timelineBadge-bgColor: #21262d;
-    --treeViewItem-leadingVisual-bgColor-rest: #7d8590;
+    --treeViewItem-leadingVisual-iconColor-rest: #7d8590;
     --underlineNav-borderColor-active: #f78166;
     --underlineNav-borderColor-hover: #6e768166;
     --underlineNav-iconColor-rest: #7d8590;

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

@@ -181,7 +181,7 @@
     --selectMenu-bgColor-active: #b6e3ff;
     --sideNav-bgColor-selected: #ffffff;
     --timelineBadge-bgColor: #eaeef2;
-    --treeViewItem-leadingVisual-bgColor-rest: #54aeff;
+    --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
     --underlineNav-borderColor-active: #fd8c73;
     --underlineNav-borderColor-hover: #afb8c133;
     --underlineNav-iconColor-rest: #636c76;

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

@@ -181,7 +181,7 @@
     --selectMenu-bgColor-active: #9cd7ff;
     --sideNav-bgColor-selected: #ffffff;
     --timelineBadge-bgColor: #e7ecf0;
-    --treeViewItem-leadingVisual-bgColor-rest: #368cf9;
+    --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
     --underlineNav-borderColor-active: #cd3425;
     --underlineNav-borderColor-hover: #88929d;
     --underlineNav-iconColor-rest: #0e1116;

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

@@ -181,7 +181,7 @@
     --selectMenu-bgColor-active: #b6e3ff;
     --sideNav-bgColor-selected: #ffffff;
     --timelineBadge-bgColor: #eaeef2;
-    --treeViewItem-leadingVisual-bgColor-rest: #54aeff;
+    --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
     --underlineNav-borderColor-active: #fd8c73;
     --underlineNav-borderColor-hover: #afb8c133;
     --underlineNav-iconColor-rest: #636c76;

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

@@ -181,7 +181,7 @@
     --selectMenu-bgColor-active: #b6e3ff;
     --sideNav-bgColor-selected: #ffffff;
     --timelineBadge-bgColor: #eaeef2;
-    --treeViewItem-leadingVisual-bgColor-rest: #54aeff;
+    --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
     --underlineNav-borderColor-active: #fd8c73;
     --underlineNav-borderColor-hover: #afb8c133;
     --underlineNav-iconColor-rest: #636c76;

package/tokens-next-private/scss/functional/typography/typography.scss

@@ -5,43 +5,43 @@
     --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
     --text-display-lineBoxHeight: 3.5rem;
     --text-display-size: 2.5rem;
-    --text-display-lineHeight: calc(56 / 40);
+    --text-display-lineHeight: 1.4;
     --text-display-weight: 500;
-    --text-display-shorthand: 500 2.5rem / calc(56 / 40) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports. */
+    --text-display-shorthand: 500 2.5rem/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports. */
     --text-title-size-large: 2rem;
     --text-title-size-medium: 1.25rem;
     --text-title-size-small: 1rem;
-    --text-title-lineHeight-large: calc(48 / 32);
-    --text-title-lineHeight-medium: calc(32 / 20);
-    --text-title-lineHeight-small: calc(24 / 16);
+    --text-title-lineHeight-large: 1.5;
+    --text-title-lineHeight-medium: 1.6;
+    --text-title-lineHeight-small: 1.5;
     --text-title-weight-large: 600;
     --text-title-weight-medium: 600;
     --text-title-weight-small: 600;
-    --text-title-shorthand-large: 600 2rem / calc(48 / 32) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports. */
-    --text-title-shorthand-medium: 600 1.25rem / calc(32 / 20) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition. */
-    --text-title-shorthand-small: 600 1rem / calc(24 / 16) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* Uses the same size as body (large) with a heavier weight of semibold (600). */
+    --text-title-shorthand-large: 600 2rem/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports. */
+    --text-title-shorthand-medium: 600 1.25rem/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition. */
+    --text-title-shorthand-small: 600 1rem/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* Uses the same size as body (large) with a heavier weight of semibold (600). */
     --text-subtitle-size: 1.25rem;
-    --text-subtitle-lineHeight: calc(32 / 20);
+    --text-subtitle-lineHeight: 1.6;
     --text-subtitle-weight: 400;
-    --text-subtitle-shorthand: 400 1.25rem / calc(32 / 20) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium). */
+    --text-subtitle-shorthand: 400 1.25rem/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium). */
     --text-body-size-large: 1rem;
     --text-body-size-medium: 0.875rem;
     --text-body-size-small: 0.75rem;
-    --text-body-lineHeight-large: calc(24 / 16);
-    --text-body-lineHeight-medium: calc(20 / 14);
-    --text-body-lineHeight-small: calc(20 / 12);
+    --text-body-lineHeight-large: 1.5;
+    --text-body-lineHeight-medium: 1.4285;
+    --text-body-lineHeight-small: 1.6666;
     --text-body-weight: 400;
-    --text-body-shorthand-large: 400 1rem / calc(24 / 16) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* User-generated content, markdown rendering. */
-    --text-body-shorthand-medium: 400 0.875rem / calc(20 / 14) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* Default UI font. Most commonly used for body text. */
-    --text-body-shorthand-small: 400 0.75rem / calc(20 / 12) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px. */
+    --text-body-shorthand-large: 400 1rem/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* User-generated content, markdown rendering. */
+    --text-body-shorthand-medium: 400 0.875rem/1.4285 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* Default UI font. Most commonly used for body text. */
+    --text-body-shorthand-small: 400 0.75rem/1.6666 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px. */
     --text-caption-size: 0.75rem;
-    --text-caption-lineHeight: calc(16 / 12);
+    --text-caption-lineHeight: 1.3333;
     --text-caption-weight: 400;
-    --text-caption-shorthand: 400 0.75rem / calc(16 / 12) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements. */
+    --text-caption-shorthand: 400 0.75rem/1.3333 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements. */
     --text-codeBlock-size: 0.8125rem;
-    --text-codeBlock-lineHeight: calc(20 / 13);
+    --text-codeBlock-lineHeight: 1.5385;
     --text-codeBlock-weight: 400;
-    --text-codeBlock-shorthand: 400 0.8125rem / calc(20 / 13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; /* Default style for rendering code blocks. */
+    --text-codeBlock-shorthand: 400 0.8125rem/1.5385 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; /* Default style for rendering code blocks. */
     --text-codeInline-size: 0.9285em;
     --text-codeInline-weight: 400;
     --text-codeInline-shorthand: 400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; /* Inline code blocks using em units to inherit size from its parent. */

package/tokens-v2-private/css/tokens/base/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 11 Jul 2023 19:51:02 GMT
+ * Generated on Tue, 18 Jul 2023 15:20:13 GMT
  */
 
 :root {