V12 component rework 26

packages/ui-scripts/lib/build/tokensStudio/$metadata.json

@@ -2,8 +2,6 @@
   "tokenSetOrder": [
     "primitives/default",
     "canvas/semantic/layout/default",
-    "canvas/semantic/color/canvas",
-    "canvas/semantic/color/canvasHighContrast",
     "canvas/component/Avatar",
     "canvas/component/Badge",
     "canvas/component/BaseButton",
@@ -13,9 +11,9 @@
     "canvas/component/Drilldown",
     "canvas/component/ContextView",
     "canvas/component/FileDrop",
-    "canvas/component/FormFieldGroup",
     "canvas/component/FormFieldLayout",
     "canvas/component/FormFieldMessage",
+    "canvas/component/Flex",
     "canvas/component/Grid",
     "canvas/component/Heading",
     "canvas/component/Icon",
@@ -33,7 +31,9 @@
     "canvas/component/RadioInput",
     "canvas/component/RangeInput",
     "canvas/component/SharedTokens",
+    "canvas/component/SourceCodeEditor",
     "canvas/component/Spinner",
+    "canvas/component/Table",
     "canvas/component/Tabs",
     "canvas/component/Tag",
     "canvas/component/Text",
@@ -43,8 +43,10 @@
     "canvas/component/Tooltip",
     "canvas/component/Tray",
     "canvas/component/View",
-    "rebrand/component/List",
-    "rebrand/component/InlineList",
+    "canvas/semantic/color/canvas",
+    "canvas/semantic/color/canvasHighContrast",
+    "rebrand/component/SourceCodeEditor",
+    "rebrand/component/Table",
     "rebrand/component/Avatar",
     "rebrand/component/Badge",
     "rebrand/component/BaseButton",
@@ -54,13 +56,15 @@
     "rebrand/component/Checkbox",
     "rebrand/component/Drilldown",
     "rebrand/component/FileDrop",
+    "rebrand/component/Flex",
     "rebrand/component/Grid",
-    "rebrand/component/FormFieldGroup",
     "rebrand/component/FormFieldLayout",
     "rebrand/component/FormFieldMessage",
     "rebrand/component/Heading",
     "rebrand/component/Icon",
+    "rebrand/component/InlineList",
     "rebrand/component/Link",
+    "rebrand/component/List",
     "rebrand/component/Mask",
     "rebrand/component/Menu",
     "rebrand/component/Metric",

packages/ui-scripts/lib/build/tokensStudio/canvas/component/BaseButton.json

@@ -552,7 +552,7 @@
       "type": "fontFamilies"
     },
     "fontWeight": {
-      "value": "{fontWeight.body.strong}",
+      "value": "{fontWeight.body.base}",
       "type": "fontWeights"
     },
     "gapButtonContentLg": {

packages/ui-scripts/lib/build/tokensStudio/canvas/component/Flex.json

@@ -0,0 +1,8 @@
+{
+  "flex": {
+    "fontFamily": {
+      "value": "{fontFamily.base}",
+      "type": "fontFamilies"
+    }
+  }
+}

packages/ui-scripts/lib/build/tokensStudio/canvas/component/ProgressBar.json

@@ -131,6 +131,14 @@
     "textColorInverse": {
       "value": "{color.text.onColor}",
       "type": "color"
+    },
+    "borderColor": {
+      "value": "{color.transparentColor}",
+      "type": "color"
+    },
+    "borderColorInverse": {
+      "value": "{color.transparentColor}",
+      "type": "color"
     }
   }
 }

packages/ui-scripts/lib/build/tokensStudio/canvas/component/RadioInput.json

@@ -48,6 +48,18 @@
       "value": "1.375rem",
       "type": "fontSizes"
     },
+    "toggleSmallFontSize": {
+      "value": "{fontSize.textXs}",
+      "type": "fontSizes"
+    },
+    "toggleMediumFontSize": {
+      "value": "{fontSize.textSm}",
+      "type": "fontSizes"
+    },
+    "toggleLargeFontSize": {
+      "value": "{fontSize.textBase}",
+      "type": "fontSizes"
+    },
     "lineHeightSm": {
       "value": "{lineHeight.paragraph.textSm}",
       "type": "lineHeights"
@@ -76,6 +88,10 @@
       "value": "{borderWidth.interactive.base}",
       "type": "borderWidth"
     },
+    "toggleBorderWidth": {
+      "value": "{borderWidth.lg}",
+      "type": "borderWidth"
+    },
     "labelBaseColor": {
       "value": "{color.text.base}",
       "type": "color"
@@ -116,9 +132,66 @@
       "value": "0.375rem",
       "type": "sizing"
     },
+    "toggleSmallHeight": {
+      "value": "{size.interactive.height.sm}",
+      "type": "sizing"
+    },
+    "toggleMediumHeight": {
+      "value": "{size.interactive.height.md}",
+      "type": "sizing"
+    },
+    "toggleLargeHeight": {
+      "value": "{size.interactive.height.lg}",
+      "type": "sizing"
+    },
     "controlVerticalMargin": {
       "value": "{spacing.space2xs}",
       "type": "spacing"
+    },
+    "toggleBackgroundDanger": {
+      "value": "{color.background.warning}",
+      "type": "color"
+    },
+    "toggleBackgroundOff": {
+      "value": "{color.background.success}",
+      "type": "color"
+    },
+    "toggleBackgroundSuccess": {
+      "value": "{color.background.success}",
+      "type": "color"
+    },
+    "toggleBackgroundWarning": {
+      "value": "{color.background.warning}",
+      "type": "color"
+    },
+    "toggleHandleText": {
+      "value": "{color.text.onColor}",
+      "type": "color"
+    },
+    "toggleBorderRadius": {
+      "value": "0.125rem",
+      "type": "borderRadius"
+    },
+    "toggleShadow": {
+      "value": [
+        {
+          "x": "{dropShadow.x.elevation1.dropshadow1}",
+          "y": "{dropShadow.y.elevation1.dropshadow1}",
+          "blur": "{dropShadow.blur.elevation1.dropshadow1}",
+          "spread": "{dropShadow.spread.elevation1.dropshadow1}",
+          "color": "{color.dropShadow.shadowColor1}",
+          "type": "dropShadow"
+        },
+        {
+          "x": "{dropShadow.x.elevation1.dropshadow2}",
+          "y": "{dropShadow.y.elevation1.dropshadow2}",
+          "blur": "{dropShadow.blur.elevation1.dropshadow2}",
+          "spread": "{dropShadow.spread.elevation1.dropshadow2}",
+          "color": "{color.dropShadow.shadowColor2}",
+          "type": "innerShadow"
+        }
+      ],
+      "type": "boxShadow"
     }
   }
 }

packages/ui-scripts/lib/build/tokensStudio/canvas/component/SharedTokens.json

@@ -330,6 +330,10 @@
       "dangerColor": {
         "value": "{color.stroke.interactive.action.destructive.base}",
         "type": "color"
+      },
+      "style": {
+        "value": "solid",
+        "type": "text"
       }
     },
     "radiusSmall": {

packages/ui-scripts/lib/build/tokensStudio/canvas/component/SourceCodeEditor.json

@@ -0,0 +1,44 @@
+{
+  "sourceCodeEditor": {
+    "background": {
+      "value": "{color.background.base}",
+      "type": "color"
+    },
+    "borderColor": {
+      "value": "{color.stroke.base}",
+      "type": "color"
+    },
+    "borderRadius": {
+      "value": "{borderRadius.md}",
+      "type": "borderRadius"
+    },
+    "borderWidth": {
+      "value": "{borderWidth.sm}",
+      "type": "borderWidth"
+    },
+    "color": {
+      "value": "{color.text.base}",
+      "type": "color"
+    },
+    "fontFamily": {
+      "value": "{fontFamily.code}",
+      "type": "fontFamilies"
+    },
+    "fontSize": {
+      "value": "{fontSize.textSm}",
+      "type": "fontSizes"
+    },
+    "gutterBackground": {
+      "value": "{color.background.muted}",
+      "type": "color"
+    },
+    "horizontalPadding": {
+      "value": "{spacing.spaceSm}",
+      "type": "spacing"
+    },
+    "verticalPadding": {
+      "value": "0.375rem",
+      "type": "spacing"
+    }
+  }
+}