@sage/design-tokens 15.3.0 → 15.4.0

package/js/umd/product/small/dark/components/form.js

@@ -1785,6 +1785,57 @@
             },
           },
         },
+        labelset: {
+          inline: {
+            pt: {
+              S: {
+                $type: "spacing",
+                $value: "31",
+                $description: "top padding on S inline input labelsets",
+                filePath: "data/tokens/components/form.json",
+                isSource: true,
+                original: {
+                  $type: "spacing",
+                  $value: "31",
+                  $description: "top padding on S inline input labelsets",
+                },
+                name: "formSpaceLabelsetInlinePtS",
+                attributes: {},
+                path: ["form", "space", "labelset", "inline", "pt", "S"],
+              },
+              M: {
+                $type: "spacing",
+                $value: "35",
+                $description: "top padding on inline input labelsets",
+                filePath: "data/tokens/components/form.json",
+                isSource: true,
+                original: {
+                  $type: "spacing",
+                  $value: "35",
+                  $description: "top padding on inline input labelsets",
+                },
+                name: "formSpaceLabelsetInlinePtM",
+                attributes: {},
+                path: ["form", "space", "labelset", "inline", "pt", "M"],
+              },
+              L: {
+                $type: "spacing",
+                $value: "35",
+                $description: "top padding on inline L input labelsets",
+                filePath: "data/tokens/components/form.json",
+                isSource: true,
+                original: {
+                  $type: "spacing",
+                  $value: "35",
+                  $description: "top padding on inline L input labelsets",
+                },
+                name: "formSpaceLabelsetInlinePtL",
+                attributes: {},
+                path: ["form", "space", "labelset", "inline", "pt", "L"],
+              },
+            },
+          },
+        },
         rating: {
           xg: {
             M: {

package/js/umd/product/small/light/components/form.js

@@ -1785,6 +1785,57 @@
             },
           },
         },
+        labelset: {
+          inline: {
+            pt: {
+              S: {
+                $type: "spacing",
+                $value: "31",
+                $description: "top padding on S inline input labelsets",
+                filePath: "data/tokens/components/form.json",
+                isSource: true,
+                original: {
+                  $type: "spacing",
+                  $value: "31",
+                  $description: "top padding on S inline input labelsets",
+                },
+                name: "formSpaceLabelsetInlinePtS",
+                attributes: {},
+                path: ["form", "space", "labelset", "inline", "pt", "S"],
+              },
+              M: {
+                $type: "spacing",
+                $value: "35",
+                $description: "top padding on inline input labelsets",
+                filePath: "data/tokens/components/form.json",
+                isSource: true,
+                original: {
+                  $type: "spacing",
+                  $value: "35",
+                  $description: "top padding on inline input labelsets",
+                },
+                name: "formSpaceLabelsetInlinePtM",
+                attributes: {},
+                path: ["form", "space", "labelset", "inline", "pt", "M"],
+              },
+              L: {
+                $type: "spacing",
+                $value: "35",
+                $description: "top padding on inline L input labelsets",
+                filePath: "data/tokens/components/form.json",
+                isSource: true,
+                original: {
+                  $type: "spacing",
+                  $value: "35",
+                  $description: "top padding on inline L input labelsets",
+                },
+                name: "formSpaceLabelsetInlinePtL",
+                attributes: {},
+                path: ["form", "space", "labelset", "inline", "pt", "L"],
+              },
+            },
+          },
+        },
         rating: {
           xg: {
             M: {

package/json/flat/frozenproduct/large/dark/components/form.json

@@ -97,6 +97,9 @@
   "formSpaceIntegralProgressiveYgS": 8,
   "formSpaceIntegralProgressiveYgM": 12,
   "formSpaceIntegralProgressiveYgL": 16,
+  "formSpaceLabelsetInlinePtS": "31",
+  "formSpaceLabelsetInlinePtM": "35",
+  "formSpaceLabelsetInlinePtL": "35",
   "formSpaceRatingXgM": 8,
   "formSpaceRatingXgL": 12,
   "formSpaceLayoutStackS": 16,

package/json/flat/frozenproduct/large/light/components/form.json

@@ -97,6 +97,9 @@
   "formSpaceIntegralProgressiveYgS": 8,
   "formSpaceIntegralProgressiveYgM": 12,
   "formSpaceIntegralProgressiveYgL": 16,
+  "formSpaceLabelsetInlinePtS": "31",
+  "formSpaceLabelsetInlinePtM": "35",
+  "formSpaceLabelsetInlinePtL": "35",
   "formSpaceRatingXgM": 8,
   "formSpaceRatingXgL": 12,
   "formSpaceLayoutStackS": 16,

package/json/flat/frozenproduct/small/dark/components/form.json

@@ -97,6 +97,9 @@
   "formSpaceIntegralProgressiveYgS": 8,
   "formSpaceIntegralProgressiveYgM": 12,
   "formSpaceIntegralProgressiveYgL": 16,
+  "formSpaceLabelsetInlinePtS": "31",
+  "formSpaceLabelsetInlinePtM": "35",
+  "formSpaceLabelsetInlinePtL": "35",
   "formSpaceRatingXgM": 8,
   "formSpaceRatingXgL": 12,
   "formSpaceLayoutStackS": 12.8,

package/json/flat/frozenproduct/small/light/components/form.json

@@ -97,6 +97,9 @@
   "formSpaceIntegralProgressiveYgS": 8,
   "formSpaceIntegralProgressiveYgM": 12,
   "formSpaceIntegralProgressiveYgL": 16,
+  "formSpaceLabelsetInlinePtS": "31",
+  "formSpaceLabelsetInlinePtM": "35",
+  "formSpaceLabelsetInlinePtL": "35",
   "formSpaceRatingXgM": 8,
   "formSpaceRatingXgL": 12,
   "formSpaceLayoutStackS": 12.8,

package/json/flat/product/large/dark/components/form.json

@@ -97,6 +97,9 @@
   "formSpaceIntegralProgressiveYgS": 8,
   "formSpaceIntegralProgressiveYgM": 12,
   "formSpaceIntegralProgressiveYgL": 16,
+  "formSpaceLabelsetInlinePtS": "31",
+  "formSpaceLabelsetInlinePtM": "35",
+  "formSpaceLabelsetInlinePtL": "35",
   "formSpaceRatingXgM": 8,
   "formSpaceRatingXgL": 12,
   "formSpaceLayoutStackS": 16,

package/json/flat/product/large/light/components/form.json

@@ -97,6 +97,9 @@
   "formSpaceIntegralProgressiveYgS": 8,
   "formSpaceIntegralProgressiveYgM": 12,
   "formSpaceIntegralProgressiveYgL": 16,
+  "formSpaceLabelsetInlinePtS": "31",
+  "formSpaceLabelsetInlinePtM": "35",
+  "formSpaceLabelsetInlinePtL": "35",
   "formSpaceRatingXgM": 8,
   "formSpaceRatingXgL": 12,
   "formSpaceLayoutStackS": 16,

package/json/flat/product/small/dark/components/form.json

@@ -97,6 +97,9 @@
   "formSpaceIntegralProgressiveYgS": 8,
   "formSpaceIntegralProgressiveYgM": 12,
   "formSpaceIntegralProgressiveYgL": 16,
+  "formSpaceLabelsetInlinePtS": "31",
+  "formSpaceLabelsetInlinePtM": "35",
+  "formSpaceLabelsetInlinePtL": "35",
   "formSpaceRatingXgM": 8,
   "formSpaceRatingXgL": 12,
   "formSpaceLayoutStackS": 16,

package/json/flat/product/small/light/components/form.json

@@ -97,6 +97,9 @@
   "formSpaceIntegralProgressiveYgS": 8,
   "formSpaceIntegralProgressiveYgM": 12,
   "formSpaceIntegralProgressiveYgL": 16,
+  "formSpaceLabelsetInlinePtS": "31",
+  "formSpaceLabelsetInlinePtM": "35",
+  "formSpaceLabelsetInlinePtL": "35",
   "formSpaceRatingXgM": 8,
   "formSpaceRatingXgL": 12,
   "formSpaceLayoutStackS": 16,

package/json/nested/frozenproduct/large/dark/components/form.json

@@ -221,6 +221,15 @@
           }
         }
       },
+      "labelset": {
+        "inline": {
+          "pt": {
+            "S": "31",
+            "M": "35",
+            "L": "35"
+          }
+        }
+      },
       "rating": {
         "xg": {
           "M": 8,

package/json/nested/frozenproduct/large/light/components/form.json

@@ -221,6 +221,15 @@
           }
         }
       },
+      "labelset": {
+        "inline": {
+          "pt": {
+            "S": "31",
+            "M": "35",
+            "L": "35"
+          }
+        }
+      },
       "rating": {
         "xg": {
           "M": 8,

package/json/nested/frozenproduct/small/dark/components/form.json

@@ -221,6 +221,15 @@
           }
         }
       },
+      "labelset": {
+        "inline": {
+          "pt": {
+            "S": "31",
+            "M": "35",
+            "L": "35"
+          }
+        }
+      },
       "rating": {
         "xg": {
           "M": 8,

package/json/nested/frozenproduct/small/light/components/form.json

@@ -221,6 +221,15 @@
           }
         }
       },
+      "labelset": {
+        "inline": {
+          "pt": {
+            "S": "31",
+            "M": "35",
+            "L": "35"
+          }
+        }
+      },
       "rating": {
         "xg": {
           "M": 8,

package/json/nested/product/large/dark/components/form.json

@@ -221,6 +221,15 @@
           }
         }
       },
+      "labelset": {
+        "inline": {
+          "pt": {
+            "S": "31",
+            "M": "35",
+            "L": "35"
+          }
+        }
+      },
       "rating": {
         "xg": {
           "M": 8,

package/json/nested/product/large/light/components/form.json

@@ -221,6 +221,15 @@
           }
         }
       },
+      "labelset": {
+        "inline": {
+          "pt": {
+            "S": "31",
+            "M": "35",
+            "L": "35"
+          }
+        }
+      },
       "rating": {
         "xg": {
           "M": 8,

package/json/nested/product/small/dark/components/form.json

@@ -221,6 +221,15 @@
           }
         }
       },
+      "labelset": {
+        "inline": {
+          "pt": {
+            "S": "31",
+            "M": "35",
+            "L": "35"
+          }
+        }
+      },
       "rating": {
         "xg": {
           "M": 8,

package/json/nested/product/small/light/components/form.json

@@ -221,6 +221,15 @@
           }
         }
       },
+      "labelset": {
+        "inline": {
+          "pt": {
+            "S": "31",
+            "M": "35",
+            "L": "35"
+          }
+        }
+      },
       "rating": {
         "xg": {
           "M": 8,

package/package.json

@@ -6,7 +6,7 @@
   },
   "description": "Design tokens for the Sage Design System.",
   "author": "The Sage Group plc",
-  "version": "15.3.0",
+  "version": "15.4.0",
   "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
   "tags": [
     "design tokens",

package/scss/frozenproduct/large/components/badge.scss

@@ -5,6 +5,7 @@
 
 // Do not edit directly, this file was auto-generated.
 
+$badge-color-notification-bg-default: $modes-color-status-caution-frozenglobal-default;
 $badge-radius-badge: $global-radius-circle; // Badge
 $badge-color-notification-bg-alt: $modes-color-status-info-default;
 $badge-color-notification-label-default: $modes-color-generic-content-extreme;
@@ -16,7 +17,6 @@ $badge-color-notification-inverse-label-alt: $modes-color-generic-content-extrem
 $badge-typography-responsive-m: $global-typography-responsive-component-notification-m;
 $badge-typography-adaptive-m: $global-typography-adaptive-component-notification-m;
 $badge-color-notification-border-default: $modes-color-generic-content-nought;
-$badge-color-notification-bg-default: $modes-color-status-caution-frozenglobal-default;
 $badge-color-notification-label-alt: $modes-color-generic-fg-nought;
 $badge-size-micro-dot: $global-size-micro-m; // Micro dot badge size
 $badge-size-micro-numbered-min: $global-size-macro-xxs; // Micro dot badge size with numbering

package/scss/frozenproduct/large/components/button.scss

@@ -42,9 +42,9 @@ $button-color-typical-tertiary-border-enabled: $modes-color-none;
 $button-color-typical-tertiary-border-hover: $modes-color-none;
 $button-color-typical-tertiary-inverse-border-disabled: $modes-color-interactive-inactive-inverse-default;
 $button-color-typical-tertiary-inverse-label-disabled: $modes-color-interactive-inactive-inverse-content;
-$button-color-typical-subtle-label-active: $modes-color-interactive-monochrome-frozen-active;
+$button-color-typical-subtle-label-enabled: $modes-color-interactive-monochrome-frozen-default;
 $button-color-typical-subtle-inverse-label-disabled: $modes-color-interactive-inactive-inverse-content;
-$button-color-typical-toggle-bg-active: $modes-color-interactive-monochrome-frozen-active;
+$button-color-typical-toggle-border-enabled: $modes-color-interactive-data-entry-frozen-with-default;
 $button-typography-adaptive-primary-s: $global-typography-adaptive-component-firm-s;
 $button-typography-adaptive-primary-m: $global-typography-adaptive-component-firm-m;
 $button-typography-adaptive-primary-l: $global-typography-adaptive-component-firm-l;
@@ -76,7 +76,6 @@ $button-typography-responsive-tertiary-s: $global-typography-responsive-componen
 $button-typography-responsive-tertiary-m: $global-typography-responsive-component-firm-m;
 $button-typography-responsive-tertiary-l: $global-typography-responsive-component-firm-l;
 $button-color-ai-label-active: $modes-color-interactive-monochrome-with-active-alt;
-$button-color-ai-label-enabled: $modes-color-interactive-monochrome-default;
 $button-color-ai-label-hover: $modes-color-interactive-monochrome-with-hover;
 $button-color-destructive-primary-bg-hover: $modes-color-interactive-danger-hover;
 $button-color-destructive-secondary-bg-hover: $modes-color-interactive-danger-hover-alt;
@@ -88,17 +87,10 @@ $button-color-typical-secondary-border-enabled: $modes-color-interactive-primary
 $button-color-typical-secondary-label-enabled: $modes-color-interactive-primary-frozen-default;
 $button-color-typical-tertiary-label-enabled: $modes-color-interactive-primary-frozen-default;
 $button-color-typical-tertiary-inverse-bg-enabled: $button-color-none;
-$button-color-typical-subtle-bg-active: $modes-color-interactive-monochrome-frozen-active-alt;
-$button-color-typical-subtle-bg-hover: $modes-color-interactive-monochrome-frozen-hover-alt;
-$button-color-typical-subtle-label-enabled: $modes-color-interactive-monochrome-frozen-default;
-$button-color-typical-subtle-label-hover: $modes-color-interactive-monochrome-frozen-with-hover;
-$button-color-typical-toggle-bg-hover: $modes-color-interactive-monochrome-frozen-hover-alt;
+$button-color-typical-subtle-label-active: $modes-color-interactive-monochrome-frozen-active;
+$button-color-typical-toggle-bg-active: $modes-color-interactive-monochrome-frozen-active;
 $button-color-typical-toggle-label-enabled: $modes-color-interactive-monochrome-frozen-default-alt;
-$button-color-typical-toggle-label-hover: $modes-color-interactive-monochrome-frozen-with-hover;
 $button-color-video-bg-blur: $modes-color-interactive-monochrome-hover-alt;
-$button-color-video-primary-label-enabled: $modes-color-interactive-monochrome-default;
-$button-color-video-primary-label-hover: $modes-color-interactive-monochrome-default;
-$button-color-video-secondary-label-hover: $modes-color-interactive-monochrome-default;
 $button-size-split: $global-size-micro-xxs; // Split button (divider width)
 $button-size-xs: $global-size-macro-xs; // min-height on XS Buttons
 $button-size-s: $global-size-macro-s; // min-height on S Buttons
@@ -236,6 +228,7 @@ $button-space-video-x-s: $global-space-micro-xs; // Left padding on play icon in
 $button-space-video-x-m: $global-space-micro-xs; // Left padding on play icon in video button
 $button-space-video-x-l: $global-space-micro-xs; // Left padding on play icon in video button
 $button-color-ai-label-disabled: $modes-color-interactive-inactive-content;
+$button-color-ai-label-enabled: $modes-color-interactive-monochrome-default;
 $button-color-destructive-primary-label-disabled: $modes-color-interactive-inactive-content-alt;
 $button-color-destructive-secondary-label-disabled: $modes-color-interactive-inactive-content;
 $button-color-typical-primary-bg-active: $modes-color-interactive-primary-frozen-active;
@@ -253,6 +246,7 @@ $button-color-typical-secondary-label-disabled: $modes-color-interactive-inactiv
 $button-color-typical-secondary-label-hover: $modes-color-interactive-monochrome-frozen-with-hover-alt;
 $button-color-typical-secondary-inverse-bg-active: $modes-color-interactive-primary-inverse-active-alt;
 $button-color-typical-secondary-inverse-bg-enabled: $modes-color-interactive-primary-inverse-default-alt3;
+$button-color-typical-secondary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover-alt;
 $button-color-typical-secondary-inverse-border-active: $modes-color-interactive-primary-inverse-active;
 $button-color-typical-secondary-inverse-border-enabled: $modes-color-interactive-primary-inverse-default-alt;
 $button-color-typical-secondary-inverse-border-hover: $modes-color-interactive-primary-inverse-hover;
@@ -266,26 +260,35 @@ $button-color-typical-tertiary-label-active: $modes-color-interactive-monochrome
 $button-color-typical-tertiary-label-disabled: $modes-color-interactive-inactive-content;
 $button-color-typical-tertiary-label-hover: $modes-color-interactive-monochrome-frozen-with-hover-alt;
 $button-color-typical-tertiary-inverse-bg-active: $modes-color-interactive-primary-inverse-active-alt;
+$button-color-typical-tertiary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover-alt;
 $button-color-typical-tertiary-inverse-border-active: $modes-color-interactive-primary-inverse-active;
 $button-color-typical-tertiary-inverse-border-enabled: $modes-color-interactive-primary-inverse-default-alt;
 $button-color-typical-tertiary-inverse-border-hover: $modes-color-interactive-primary-inverse-hover;
 $button-color-typical-tertiary-inverse-label-active: $modes-color-interactive-monochrome-inverse-with-active-alt;
 $button-color-typical-tertiary-inverse-label-enabled: $modes-color-interactive-monochrome-inverse-default;
 $button-color-typical-tertiary-inverse-label-hover: $modes-color-interactive-monochrome-inverse-with-hover;
+$button-color-typical-subtle-bg-active: $modes-color-interactive-monochrome-frozen-active-alt;
+$button-color-typical-subtle-bg-hover: $modes-color-interactive-monochrome-frozen-hover-alt;
 $button-color-typical-subtle-label-disabled: $modes-color-interactive-inactive-content;
+$button-color-typical-subtle-label-hover: $modes-color-interactive-monochrome-frozen-with-hover;
 $button-color-typical-subtle-inverse-bg-hover: $modes-color-interactive-monochrome-inverse-hover-alt;
 $button-color-typical-subtle-inverse-label-active: $modes-color-interactive-monochrome-inverse-with-active-alt;
 $button-color-typical-subtle-inverse-label-enabled: $modes-color-interactive-monochrome-inverse-default;
 $button-color-typical-subtle-inverse-label-hover: $modes-color-interactive-monochrome-inverse-with-hover;
 $button-color-typical-toggle-label-active-disabled: $modes-color-interactive-inactive-content-alt;
+$button-color-typical-toggle-bg-hover: $modes-color-interactive-monochrome-frozen-hover-alt;
 $button-color-typical-toggle-label-active: $modes-color-interactive-monochrome-frozen-with-active;
 $button-color-typical-toggle-label-disabled: $modes-color-interactive-inactive-content;
+$button-color-typical-toggle-label-hover: $modes-color-interactive-monochrome-frozen-with-hover;
 $button-color-video-primary-bg-enabled: $modes-color-interactive-monochrome-with-default;
 $button-color-video-primary-bg-hover: $modes-color-interactive-monochrome-with-default;
+$button-color-video-primary-label-enabled: $modes-color-interactive-monochrome-default;
+$button-color-video-primary-label-hover: $modes-color-interactive-monochrome-default;
 $button-color-video-secondary-bg-hover: $modes-color-interactive-monochrome-with-default;
 $button-color-video-secondary-border-enabled: $modes-color-interactive-monochrome-with-default;
 $button-color-video-secondary-border-hover: $modes-color-interactive-monochrome-with-default;
 $button-color-video-secondary-label-enabled: $modes-color-interactive-monochrome-with-default;
+$button-color-video-secondary-label-hover: $modes-color-interactive-monochrome-default;
 $button-radius-s: $global-radius-interactive-l; // Buttons S (typical and destructive, and inc bar, split and multi),  Button toggle M (parent container)
 $button-radius-m: $global-radius-interactive-xl; // Buttons  M (typical and destructive, and inc bar, split and multi),  Button toggle L (parent container), Button toggle M (parent container)
 $button-radius-l: $global-radius-interactive-xxl; // Buttons L (typical and destructive, and inc bar, split and multi), Button toggle L (parent container)
@@ -321,9 +324,6 @@ $button-color-destructive-primary-bg-disabled: $modes-color-interactive-inactive
 $button-color-destructive-secondary-border-disabled: $modes-color-interactive-inactive-default;
 $button-color-typical-primary-bg-disabled: $modes-color-interactive-inactive-default;
 $button-color-typical-secondary-border-disabled: $modes-color-interactive-inactive-default;
-$button-color-typical-secondary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover-alt;
-$button-color-typical-tertiary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover-alt;
 $button-color-typical-subtle-inverse-bg-active: $modes-color-interactive-monochrome-inverse-active-alt;
 $button-color-typical-toggle-bg-active-disabled: $modes-color-interactive-inactive-default;
-$button-color-typical-toggle-border-enabled: $modes-color-interactive-data-entry-frozen-with-default;
 $button-color-typical-toggle-border-disabled: $modes-color-interactive-inactive-default;

package/scss/frozenproduct/large/components/container.scss

@@ -23,17 +23,12 @@ $container-color-ai-nudge-border-ai-horizontal: $modes-color-status-ai-default-h
 $container-color-ai-nudge-border-ai-vertical: $modes-color-status-ai-default-vertical; // left and right border for AI nudge message component
 $container-color-ai-tile-bordervertical: $modes-color-status-ai-default-vertical; // left border for AI tiles and bubbles.
 $container-color-interactive-bg-footer-activated: $modes-color-status-positive-default; //  
-$container-color-interactive-bg-footer-active: $modes-color-interactive-monochrome-active;
 $container-color-interactive-border-activated: $modes-color-status-positive-default;
 $container-color-interactive-bg-footer-default: $modes-color-generic-bg-nought; // tile footer bg color 
 $container-color-interactive-bg-enabled: $modes-color-generic-bg-nought;
-$container-color-interactive-border-active: $modes-color-interactive-monochrome-active;
-$container-color-interactive-icon-active: $modes-color-interactive-monochrome-active; // Active chevron for any accordion.
-$container-color-interactive-text-active: $modes-color-interactive-monochrome-active; // Active label for any accordion.
 $container-color-interactive-detailedicon-bg: $modes-color-custom-frozen;
 $container-color-interactive-droptarget-bg-default: $modes-color-status-info-default; // draggable drop target background color
 $container-color-standard-bg-default: $modes-color-generic-bg-nought;
-$container-color-standard-border-active: $modes-color-interactive-monochrome-active;
 $container-color-standard-statusborder-bg-caution: $modes-color-status-caution-default;
 $container-color-standard-statusborder-bg-negative: $modes-color-status-negative-default;
 $container-color-standard-statusborder-bg-important: $modes-color-status-important-default;
@@ -60,17 +55,17 @@ $container-typography-responsive-paragraph-s: $global-typography-responsive-comp
 $container-typography-responsive-paragraph-m: $global-typography-responsive-component-moderate-m;
 $container-typography-responsive-paragraph-l: $global-typography-responsive-component-moderate-l;
 $container-color-blockquote-border: $modes-color-interactive-primary-frozen-default;
+$container-color-interactive-bg-footer-active: $modes-color-interactive-monochrome-active;
 $container-color-interactive-bg-hover: $modes-color-interactive-monochrome-hover-alt; // Used for accordion hover backgrounds 
-$container-color-interactive-borderalt-hover: $modes-color-interactive-monochrome-default; // For hover border on Link preview.
-$container-color-interactive-icon-enabled: $modes-color-interactive-monochrome-default; // Enabled chevron for any accordion.
-$container-color-interactive-icon-alt-enabled: $modes-color-interactive-monochrome-default-alt; // Enabled label for subtle accordion.
-$container-color-interactive-icon-hover: $modes-color-interactive-monochrome-default; // Hover chevron for any accordion.
+$container-color-interactive-border-active: $modes-color-interactive-monochrome-active;
+$container-color-interactive-icon-active: $modes-color-interactive-monochrome-active; // Active chevron for any accordion.
+$container-color-interactive-text-active: $modes-color-interactive-monochrome-active; // Active label for any accordion.
 $container-color-interactive-text-enabled: $modes-color-generic-content-harsh; // Enabled label for standard accordion.
 $container-color-interactive-text-alt-enabled: $modes-color-generic-content-moderate; // Enabled label for subtle accordion.
-$container-color-interactive-text-hover: $modes-color-interactive-monochrome-default; // Hover label for any accordion.
 $container-color-scrollbar-bg-default: $modes-color-generic-bg-faint;
 $container-color-standard-bg-alt: $modes-color-generic-bg-faint;
 $container-color-standard-bg-footer-default: $modes-color-generic-bg-faint; // tile footer bg color 
+$container-color-standard-border-active: $modes-color-interactive-monochrome-active;
 $container-color-standard-dimmer: $modes-color-interactive-inactive-mask; // dimmed mask for dialogs
 $container-color-standard-text-alt: $modes-color-generic-content-moderate; // for subheadings etc
 $container-color-standard-text-default: $modes-color-generic-content-harsh; // for headings, paragraph text etc 
@@ -87,11 +82,16 @@ $container-boxshadow-card-hover: $global-boxshadow-interactive-hover; // Card (h
 $container-boxshadow-card-drag: $global-boxshadow-interactive-drag; // Card (drag state)
 $container-color-interactive-bg-disabled: $modes-color-interactive-inactive-default-alt;
 $container-color-interactive-border-alt: $modes-color-generic-fg-delicate; // Link preview. 
+$container-color-interactive-borderalt-hover: $modes-color-interactive-monochrome-default; // For hover border on Link preview.
 $container-color-interactive-border-inactive: $modes-color-generic-fg-soft;
 $container-color-interactive-border-enabled: $modes-color-generic-fg-moderate;
+$container-color-interactive-icon-enabled: $modes-color-interactive-monochrome-default; // Enabled chevron for any accordion.
+$container-color-interactive-icon-alt-enabled: $modes-color-interactive-monochrome-default-alt; // Enabled label for subtle accordion.
+$container-color-interactive-icon-hover: $modes-color-interactive-monochrome-default; // Hover chevron for any accordion.
 $container-color-interactive-label-footer-active: $modes-color-interactive-monochrome-with-active;
 $container-color-interactive-label-footer-activated: $modes-color-interactive-monochrome-with-active;
 $container-color-interactive-text-disabled: $modes-color-interactive-inactive-content;
+$container-color-interactive-text-hover: $modes-color-interactive-monochrome-default; // Hover label for any accordion.
 $container-color-scrollbar-fg-default: $modes-color-generic-fg-moderate;
 $container-color-standard-border-alt: $modes-color-generic-fg-soft;
 $container-color-standard-border-default: $modes-color-generic-fg-faint;

package/scss/frozenproduct/large/components/form.scss

@@ -8,6 +8,9 @@
 $form-space-datepicker-pr-s: 0; // right padding on small date picker input
 $form-space-datepicker-pr-m: 0; // right padding on medium date picker input
 $form-space-datepicker-pr-l: 0; // right padding on large date picker input
+$form-space-labelset-inline-pt-s: 31; // top padding on S inline input labelsets
+$form-space-labelset-inline-pt-m: 35; // top padding on inline input labelsets
+$form-space-labelset-inline-pt-l: 35; // top padding on inline L input labelsets
 $form-color-switch-border-active: transparent;
 $form-color-switch-border-activedisabled: transparent;
 $form-radius-none: $global-radius-none; // Text editor (internal corners)
@@ -15,8 +18,12 @@ $form-radius-radio: $global-radius-circle; // Radio button
 $form-radius-switch: $global-radius-circle; // Switch container and handle
 $form-radius-calendar-none: $global-radius-none; // Calendar (start and end duration)
 $form-radius-calendar-date: $global-radius-circle; // Calendar date (hover & selected), 
-$form-color-calendar-bg-active: $modes-color-interactive-monochrome-frozen-active;
+$form-color-calendar-bg-duration: $modes-color-interactive-inactive-frozen-default-alt;
 $form-color-labelset-label-required: $modes-color-interactive-danger-default;
+$form-color-typical-border-enabled: $modes-color-interactive-data-entry-frozen-with-default;
+$form-color-switch-bg-active: $modes-color-interactive-monochrome-frozen-default;
+$form-color-switch-border-enabled: $modes-color-interactive-data-entry-frozen-with-default;
+$form-color-switch-fg-enabled: $modes-color-interactive-data-entry-frozen-with-default;
 $form-color-validation-border-error: $modes-color-status-negative-default;
 $form-color-validation-bar-error: $modes-color-status-negative-default; // error bar to left of inputs
 $form-color-validation-bar-warning: $modes-color-status-caution-default; // warning bar to left of inputs
@@ -37,13 +44,10 @@ $form-typography-responsive-default-xs: $global-typography-responsive-component-
 $form-typography-responsive-default-s: $global-typography-responsive-component-moderate-s;
 $form-typography-responsive-default-m: $global-typography-responsive-component-moderate-m;
 $form-typography-responsive-default-l: $global-typography-responsive-component-moderate-l;
+$form-color-calendar-bg-active: $modes-color-interactive-monochrome-frozen-active;
 $form-color-calendar-bg-hover: $modes-color-interactive-monochrome-hover-alt;
-$form-color-calendar-border-duration: $form-color-calendar-bg-active;
 $form-color-calendar-text-hover: $modes-color-interactive-monochrome-with-hover;
-$form-color-dropdown-label-alt: $modes-color-interactive-monochrome-default;
-$form-color-dropdown-label-enabled: $modes-color-interactive-monochrome-default-alt;
 $form-color-dropdown-label-hover: $modes-color-interactive-monochrome-with-hover;
-$form-color-dropdown-label-subtext: $modes-color-interactive-monochrome-default-alt2; // Option subtext.
 $form-color-typical-bg-default: $modes-color-interactive-data-entry-default;
 $form-color-typical-bg-enabled: $modes-color-interactive-data-entry-default;
 $form-color-typical-border-hover: $modes-color-interactive-data-entry-with-hover; // File input draggable border state
@@ -51,7 +55,6 @@ $form-color-typical-icon-active: $modes-color-interactive-data-entry-with-active
 $form-color-typical-icon-hover: $modes-color-interactive-data-entry-with-hover;
 $form-color-typical-text-hover: $modes-color-interactive-data-entry-with-hover; // text hover state when dragging a file over file input
 $form-color-typical-text-read-only: $modes-color-generic-content-harsh;
-$form-color-switch-bg-active: $modes-color-interactive-monochrome-frozen-default;
 $form-color-switch-bg-enabled: $modes-color-interactive-data-entry-default; // for switch
 $form-space-none: $global-space-none;
 $form-space-calendar-x-m: $global-space-macro-m;
@@ -224,15 +227,18 @@ $form-size-progressive-bar: $global-size-micro-xxs; // 2px progressive disclosur
 $form-size-rating-m: $global-size-icon-m; // medium rating stars
 $form-size-rating-l: $global-size-icon-xl; // large rating stars
 $form-color-calendar-bg-disabled: $modes-color-interactive-inactive-default-alt;
+$form-color-calendar-border-duration: $form-color-calendar-bg-active;
 $form-color-calendar-text-active: $modes-color-interactive-monochrome-with-active;
 $form-color-calendar-text-alt: $modes-color-interactive-data-entry-content-alt; // Days of the week subheaders
 $form-color-calendar-text-disabled: $modes-color-interactive-inactive-content;
 $form-color-calendar-text-duration: $modes-color-interactive-data-entry-content;
 $form-color-calendar-text-enabled: $modes-color-interactive-data-entry-content;
 $form-color-calendar-text-alt-enabled: $modes-color-interactive-data-entry-content-alt;
-$form-color-dropdown-bg-hover: $popover-color-bg-hover; // REF POPOVER 
 $form-color-dropdown-label-active: $modes-color-interactive-monochrome-with-active;
+$form-color-dropdown-label-alt: $modes-color-interactive-monochrome-default;
 $form-color-dropdown-label-disabled: $modes-color-interactive-inactive-content;
+$form-color-dropdown-label-enabled: $modes-color-interactive-monochrome-default-alt;
+$form-color-dropdown-label-subtext: $modes-color-interactive-monochrome-default-alt2; // Option subtext.
 $form-color-labelset-label-default: $modes-color-interactive-data-entry-content;
 $form-color-labelset-label-alt: $modes-color-interactive-data-entry-content-alt; // used for '(optional)' text and hint text.
 $form-color-labelset-label-disabled: $modes-color-interactive-inactive-content;
@@ -295,16 +301,13 @@ $form-size-dropdown-item-m: $popover-size-item-m; // REF POPOVER. Menu item min
 $form-size-dropdown-item-l: $popover-size-item-l; // REF POPOVER. Menu item min height.
 $form-size-search-input-minwidth: $container-size-responsive-xl; // minimum width for search input container
 $form-size-search-input-maxwidth: $container-size-responsive-xxl + $container-size-responsive-xxs; // maximum width for search input container
-$form-color-calendar-bg-duration: $modes-color-interactive-inactive-frozen-default-alt;
+$form-color-dropdown-bg-hover: $popover-color-bg-hover; // REF POPOVER 
 $form-color-typical-border-alt: $modes-color-interactive-inactive-default;
-$form-color-typical-border-enabled: $modes-color-interactive-data-entry-frozen-with-default;
 $form-color-typical-border-disabled: $modes-color-interactive-inactive-default;
 $form-color-typical-border-read-only: $modes-color-interactive-inactive-default;
 $form-color-switch-bg-activedisabled: $modes-color-interactive-inactive-default;
 $form-color-switch-border-disabled: $modes-color-interactive-inactive-default;
-$form-color-switch-border-enabled: $modes-color-interactive-data-entry-frozen-with-default;
 $form-color-switch-fg-disabled: $modes-color-interactive-inactive-default;
-$form-color-switch-fg-enabled: $modes-color-interactive-data-entry-frozen-with-default;
 $form-color-switch-label-activedisabled: $modes-color-interactive-inactive-default;
 $form-color-switch-label-disabled: $modes-color-interactive-inactive-default;
 $form-radius-dropdown: $popover-radius-container; // REF POPOVER. Popover container.