@kcascend/liquid-ui 0.0.4 → 0.0.6

package/dist/generated/tokens.d.ts

@@ -747,6 +747,10 @@ export declare const tokens: {
                 readonly type: "dimension";
                 readonly value: "0px";
             };
+            readonly "1": {
+                readonly type: "dimension";
+                readonly value: "1px";
+            };
             readonly "2": {
                 readonly type: "dimension";
                 readonly value: "2px";
@@ -1447,19 +1451,19 @@ export declare const tokens: {
             readonly background: {
                 readonly neutral: {
                     readonly type: "color";
-                    readonly value: "{primitives.color.gray.10}";
+                    readonly value: "{primitives.color.gray.20}";
                 };
                 readonly blue: {
                     readonly type: "color";
-                    readonly value: "{primitives.color.blue.10}";
+                    readonly value: "{primitives.color.blue.20}";
                 };
                 readonly green: {
                     readonly type: "color";
-                    readonly value: "{primitives.color.green.10}";
+                    readonly value: "{primitives.color.green.20}";
                 };
                 readonly purple: {
                     readonly type: "color";
-                    readonly value: "{primitives.color.purple.10}";
+                    readonly value: "{primitives.color.purple.20}";
                 };
             };
             readonly text: {
@@ -1473,7 +1477,7 @@ export declare const tokens: {
                 };
                 readonly green: {
                     readonly type: "color";
-                    readonly value: "{primitives.color.green.80}";
+                    readonly value: "{primitives.color.green.70}";
                 };
                 readonly purple: {
                     readonly type: "color";
@@ -1585,6 +1589,10 @@ export declare const tokens: {
                 readonly type: "color";
                 readonly value: "{semantic-layout.spacing.32}";
             };
+            readonly "2xs": {
+                readonly type: "dimension";
+                readonly value: "{primitives.space.4}";
+            };
         };
         readonly icon: {
             readonly sm: {
@@ -1831,6 +1839,50 @@ export declare const tokens: {
                     readonly value: "{primitives.typography.letter-spacing.minus-016}";
                 };
             };
+            readonly "display-mobile-01": {
+                readonly family: {
+                    readonly type: "string";
+                    readonly value: "{primitives.typography.family.roboto-condensed}";
+                };
+                readonly weight: {
+                    readonly type: "string";
+                    readonly value: "{primitives.typography.weight.semibold}";
+                };
+                readonly size: {
+                    readonly type: "dimension";
+                    readonly value: "{primitives.typography.size.48}";
+                };
+                readonly "line-height": {
+                    readonly type: "dimension";
+                    readonly value: "{primitives.typography.line-height.56}";
+                };
+                readonly "letter-spacing": {
+                    readonly type: "dimension";
+                    readonly value: "{primitives.typography.letter-spacing.0}";
+                };
+            };
+            readonly "display-mobile-02": {
+                readonly family: {
+                    readonly type: "string";
+                    readonly value: "{primitives.typography.family.roboto-condensed}";
+                };
+                readonly weight: {
+                    readonly type: "string";
+                    readonly value: "{primitives.typography.weight.semibold}";
+                };
+                readonly size: {
+                    readonly type: "dimension";
+                    readonly value: "{primitives.typography.size.40}";
+                };
+                readonly "line-height": {
+                    readonly type: "dimension";
+                    readonly value: "{primitives.typography.line-height.48}";
+                };
+                readonly "letter-spacing": {
+                    readonly type: "dimension";
+                    readonly value: "{primitives.typography.letter-spacing.0}";
+                };
+            };
         };
         readonly heading: {
             readonly "heading-01": {
@@ -1965,6 +2017,94 @@ export declare const tokens: {
                     readonly value: "{primitives.typography.letter-spacing.0}";
                 };
             };
+            readonly "heading-mobile-01": {
+                readonly family: {
+                    readonly type: "string";
+                    readonly value: "{primitives.typography.family.roboto-condensed}";
+                };
+                readonly weight: {
+                    readonly type: "string";
+                    readonly value: "{primitives.typography.weight.medium}";
+                };
+                readonly size: {
+                    readonly type: "dimension";
+                    readonly value: "{primitives.typography.size.36}";
+                };
+                readonly "line-height": {
+                    readonly type: "dimension";
+                    readonly value: "{primitives.typography.line-height.44}";
+                };
+                readonly "letter-spacing": {
+                    readonly type: "dimension";
+                    readonly value: "{primitives.typography.letter-spacing.0}";
+                };
+            };
+            readonly "heading-mobile-02": {
+                readonly family: {
+                    readonly type: "string";
+                    readonly value: "{primitives.typography.family.roboto-condensed}";
+                };
+                readonly weight: {
+                    readonly type: "string";
+                    readonly value: "{primitives.typography.weight.medium}";
+                };
+                readonly size: {
+                    readonly type: "dimension";
+                    readonly value: "{primitives.typography.size.32}";
+                };
+                readonly "line-height": {
+                    readonly type: "dimension";
+                    readonly value: "{primitives.typography.line-height.40}";
+                };
+                readonly "letter-spacing": {
+                    readonly type: "dimension";
+                    readonly value: "{primitives.typography.letter-spacing.0}";
+                };
+            };
+            readonly "heading-mobile-03": {
+                readonly family: {
+                    readonly type: "string";
+                    readonly value: "{primitives.typography.family.roboto-condensed}";
+                };
+                readonly weight: {
+                    readonly type: "string";
+                    readonly value: "{primitives.typography.weight.medium}";
+                };
+                readonly size: {
+                    readonly type: "dimension";
+                    readonly value: "{primitives.typography.size.28}";
+                };
+                readonly "line-height": {
+                    readonly type: "dimension";
+                    readonly value: "{primitives.typography.line-height.36}";
+                };
+                readonly "letter-spacing": {
+                    readonly type: "dimension";
+                    readonly value: "{primitives.typography.letter-spacing.0}";
+                };
+            };
+            readonly "heading-mobile-04": {
+                readonly family: {
+                    readonly type: "string";
+                    readonly value: "{primitives.typography.family.roboto-condensed}";
+                };
+                readonly weight: {
+                    readonly type: "string";
+                    readonly value: "{primitives.typography.weight.medium}";
+                };
+                readonly size: {
+                    readonly type: "dimension";
+                    readonly value: "{primitives.typography.size.20}";
+                };
+                readonly "line-height": {
+                    readonly type: "dimension";
+                    readonly value: "{primitives.typography.line-height.28}";
+                };
+                readonly "letter-spacing": {
+                    readonly type: "dimension";
+                    readonly value: "{primitives.typography.letter-spacing.0}";
+                };
+            };
         };
         readonly body: {
             readonly lg: {
@@ -2249,6 +2389,10 @@ export declare const tokens: {
                 readonly value: "{primitives.space.16}";
                 readonly description: "Narrow gutter mode.";
             };
+            readonly condensed: {
+                readonly type: "dimension";
+                readonly value: "{primitives.space.1}";
+            };
         };
         readonly container: {
             readonly hang: {
@@ -2635,6 +2779,14 @@ export declare const tokens: {
                         readonly type: "color";
                         readonly value: "{semantic-color.focus.focus}";
                     };
+                    readonly default: {
+                        readonly type: "color";
+                        readonly value: "{semantic-color.icon.icon-primary}";
+                    };
+                    readonly error: {
+                        readonly type: "color";
+                        readonly value: "{semantic-color.border.border-error}";
+                    };
                 };
                 readonly icon: {
                     readonly default: {
@@ -2656,6 +2808,30 @@ export declare const tokens: {
                         readonly value: "{semantic-color.text.text-disabled}";
                     };
                 };
+                readonly "group-label": {
+                    readonly text: {
+                        readonly type: "color";
+                        readonly value: "{semantic-color.text.text-secondary}";
+                    };
+                };
+                readonly helper: {
+                    readonly text: {
+                        readonly type: "color";
+                        readonly value: "{semantic-color.text.text-helper}";
+                    };
+                };
+                readonly error: {
+                    readonly text: {
+                        readonly type: "color";
+                        readonly value: "{semantic-color.text.text-error}";
+                    };
+                };
+                readonly warning: {
+                    readonly text: {
+                        readonly type: "color";
+                        readonly value: "{semantic-color.text.text-primary}";
+                    };
+                };
             };
             readonly radio: {
                 readonly border: {
@@ -2663,6 +2839,14 @@ export declare const tokens: {
                         readonly type: "color";
                         readonly value: "{semantic-color.focus.focus}";
                     };
+                    readonly default: {
+                        readonly type: "color";
+                        readonly value: "{semantic-color.icon.icon-primary}";
+                    };
+                    readonly error: {
+                        readonly type: "color";
+                        readonly value: "{semantic-color.border.border-error}";
+                    };
                 };
                 readonly icon: {
                     readonly default: {
@@ -2684,6 +2868,36 @@ export declare const tokens: {
                         readonly value: "{semantic-color.text.text-disabled}";
                     };
                 };
+                readonly "group-label": {
+                    readonly text: {
+                        readonly type: "color";
+                        readonly value: "{semantic-color.text.text-secondary}";
+                    };
+                };
+                readonly helper: {
+                    readonly text: {
+                        readonly type: "color";
+                        readonly value: "{semantic-color.text.text-helper}";
+                    };
+                };
+                readonly error: {
+                    readonly text: {
+                        readonly type: "color";
+                        readonly value: "{semantic-color.text.text-error}";
+                    };
+                };
+                readonly warning: {
+                    readonly text: {
+                        readonly type: "color";
+                        readonly value: "{semantic-color.text.text-primary}";
+                    };
+                };
+                readonly dot: {
+                    readonly default: {
+                        readonly type: "color";
+                        readonly value: "{semantic-color.icon.icon-primary}";
+                    };
+                };
             };
             readonly select: {
                 readonly field: {
@@ -3793,51 +4007,199 @@ export declare const tokens: {
                     };
                 };
             };
-        };
-    };
-    readonly "component-layout": {
-        readonly component: {
-            readonly button: {
-                readonly height: {
-                    readonly sm: {
+            readonly "checkbox-group": {
+                readonly "group-label": {
+                    readonly text: {
                         readonly type: "color";
-                        readonly value: "{semantic-layout.control.height.sm}";
+                        readonly value: "{semantic-color.text.text-secondary}";
                     };
-                    readonly md: {
+                };
+                readonly helper: {
+                    readonly text: {
                         readonly type: "color";
-                        readonly value: "{semantic-layout.control.height.md}";
+                        readonly value: "{semantic-color.text.text-helper}";
                     };
-                    readonly lg: {
+                };
+                readonly error: {
+                    readonly text: {
                         readonly type: "color";
-                        readonly value: "{semantic-layout.control.height.lg}";
+                        readonly value: "{semantic-color.text.text-error}";
                     };
                 };
-                readonly "padding-x": {
-                    readonly sm: {
+                readonly warning: {
+                    readonly text: {
                         readonly type: "color";
-                        readonly value: "{semantic-layout.control.padding.sm}";
+                        readonly value: "{semantic-color.text.text-primary}";
                     };
-                    readonly md: {
+                };
+            };
+            readonly "radio-group": {
+                readonly "group-label": {
+                    readonly text: {
                         readonly type: "color";
-                        readonly value: "{semantic-layout.control.padding.md}";
+                        readonly value: "{semantic-color.text.text-secondary}";
                     };
-                    readonly lg: {
+                };
+                readonly helper: {
+                    readonly text: {
                         readonly type: "color";
-                        readonly value: "{semantic-layout.control.padding.lg}";
+                        readonly value: "{semantic-color.text.text-helper}";
                     };
                 };
-                readonly gap: {
-                    readonly type: "color";
-                    readonly value: "{semantic-layout.control.icon-gap}";
+                readonly error: {
+                    readonly text: {
+                        readonly type: "color";
+                        readonly value: "{semantic-color.text.text-error}";
+                    };
                 };
-                readonly "min-width": {
-                    readonly type: "color";
-                    readonly value: "{semantic-layout.spacing.96}";
+                readonly warning: {
+                    readonly text: {
+                        readonly type: "color";
+                        readonly value: "{semantic-color.text.text-primary}";
+                    };
                 };
             };
-            readonly search: {
-                readonly height: {
-                    readonly type: "color";
+            readonly "ui-shell-right-panel": {
+                readonly item: {
+                    readonly background: {
+                        readonly default: {
+                            readonly type: "color";
+                            readonly value: "{semantic-color.background.transparent}";
+                        };
+                        readonly hover: {
+                            readonly type: "color";
+                            readonly value: "{semantic-color.surface.surface-02-hover}";
+                        };
+                    };
+                    readonly text: {
+                        readonly default: {
+                            readonly type: "color";
+                            readonly value: "{semantic-color.text.text-secondary}";
+                        };
+                        readonly hover: {
+                            readonly type: "color";
+                            readonly value: "{semantic-color.text.text-primary}";
+                        };
+                        readonly disabled: {
+                            readonly type: "color";
+                            readonly value: "{semantic-color.text.text-disabled}";
+                        };
+                    };
+                    readonly border: {
+                        readonly focus: {
+                            readonly type: "color";
+                            readonly value: "{semantic-color.focus.focus}";
+                        };
+                    };
+                    readonly divider: {
+                        readonly type: "color";
+                        readonly value: "{semantic-color.border.border-subtle}";
+                    };
+                };
+                readonly background: {
+                    readonly type: "color";
+                    readonly value: "{semantic-color.surface.surface-02}";
+                };
+                readonly border: {
+                    readonly type: "color";
+                    readonly value: "{semantic-color.border.border-subtle}";
+                };
+            };
+            readonly "ui-shell-left-panel": {
+                readonly background: {
+                    readonly type: "color";
+                    readonly value: "{semantic-color.background.background}";
+                };
+                readonly item: {
+                    readonly background: {
+                        readonly default: {
+                            readonly type: "color";
+                            readonly value: "{semantic-color.background.transparent}";
+                        };
+                        readonly hover: {
+                            readonly type: "color";
+                            readonly value: "{semantic-color.surface.surface-02-hover}";
+                        };
+                        readonly selected: {
+                            readonly type: "color";
+                            readonly value: "{semantic-color.background.background-selected}";
+                        };
+                    };
+                    readonly text: {
+                        readonly default: {
+                            readonly type: "color";
+                            readonly value: "{semantic-color.text.text-secondary}";
+                        };
+                        readonly hover: {
+                            readonly type: "color";
+                            readonly value: "{semantic-color.text.text-primary}";
+                        };
+                        readonly selected: {
+                            readonly type: "color";
+                            readonly value: "{semantic-color.text.text-primary}";
+                        };
+                        readonly disabled: {
+                            readonly type: "color";
+                            readonly value: "{semantic-color.text.text-disabled}";
+                        };
+                    };
+                    readonly indicator: {
+                        readonly type: "color";
+                        readonly value: "{semantic-color.border.border-selected}";
+                    };
+                    readonly border: {
+                        readonly focus: {
+                            readonly type: "color";
+                            readonly value: "{semantic-color.focus.focus}";
+                        };
+                    };
+                };
+            };
+        };
+    };
+    readonly "component-layout": {
+        readonly component: {
+            readonly button: {
+                readonly height: {
+                    readonly sm: {
+                        readonly type: "color";
+                        readonly value: "{semantic-layout.control.height.sm}";
+                    };
+                    readonly md: {
+                        readonly type: "color";
+                        readonly value: "{semantic-layout.control.height.md}";
+                    };
+                    readonly lg: {
+                        readonly type: "color";
+                        readonly value: "{semantic-layout.control.height.lg}";
+                    };
+                };
+                readonly "padding-x": {
+                    readonly sm: {
+                        readonly type: "color";
+                        readonly value: "{semantic-layout.control.padding.sm}";
+                    };
+                    readonly md: {
+                        readonly type: "color";
+                        readonly value: "{semantic-layout.control.padding.md}";
+                    };
+                    readonly lg: {
+                        readonly type: "color";
+                        readonly value: "{semantic-layout.control.padding.lg}";
+                    };
+                };
+                readonly gap: {
+                    readonly type: "color";
+                    readonly value: "{semantic-layout.control.icon-gap}";
+                };
+                readonly "min-width": {
+                    readonly type: "color";
+                    readonly value: "{semantic-layout.spacing.96}";
+                };
+            };
+            readonly search: {
+                readonly height: {
+                    readonly type: "color";
                     readonly value: "{semantic-layout.control.height.lg}";
                 };
                 readonly "padding-x": {
@@ -3896,7 +4258,7 @@ export declare const tokens: {
                     readonly type: "color";
                     readonly value: "{semantic-layout.control.icon-gap}";
                 };
-                readonly "label-gap": {
+                readonly gap: {
                     readonly type: "color";
                     readonly value: "{semantic-layout.stack.xs}";
                 };
@@ -3910,9 +4272,9 @@ export declare const tokens: {
                     readonly type: "color";
                     readonly value: "{semantic-layout.icon.sm}";
                 };
-                readonly "label-gap": {
+                readonly gap: {
                     readonly type: "color";
-                    readonly value: "{semantic-layout.stack.xs}";
+                    readonly value: "{semantic-layout.inline.2xs}";
                 };
                 readonly target: {
                     readonly type: "color";
@@ -3922,6 +4284,22 @@ export declare const tokens: {
                     readonly type: "color";
                     readonly value: "{semantic-layout.control.icon-gap}";
                 };
+                readonly group: {
+                    readonly "label-gap": {
+                        readonly type: "color";
+                        readonly value: "{semantic-layout.stack.xs}";
+                    };
+                    readonly "item-gap-vertical": {
+                        readonly type: "color";
+                        readonly value: "{semantic-layout.stack.2xs}";
+                    };
+                };
+                readonly option: {
+                    readonly "control-label-gap": {
+                        readonly type: "color";
+                        readonly value: "{semantic-layout.inline.xs}";
+                    };
+                };
             };
             readonly select: {
                 readonly field: {
@@ -3972,7 +4350,7 @@ export declare const tokens: {
                         readonly value: "{semantic-layout.stack.xs}";
                     };
                 };
-                readonly "label-gap": {
+                readonly gap: {
                     readonly type: "color";
                     readonly value: "{semantic-layout.stack.xs}";
                 };
@@ -4008,9 +4386,9 @@ export declare const tokens: {
                     readonly type: "color";
                     readonly value: "{semantic-layout.inset.2xs}";
                 };
-                readonly "label-gap": {
+                readonly gap: {
                     readonly type: "color";
-                    readonly value: "{semantic-layout.stack.xs}";
+                    readonly value: "{semantic-layout.inline.2xs}";
                 };
                 readonly target: {
                     readonly type: "color";
@@ -4212,9 +4590,9 @@ export declare const tokens: {
                     readonly type: "color";
                     readonly value: "{semantic-layout.target.min}";
                 };
-                readonly "label-gap": {
+                readonly gap: {
                     readonly type: "color";
-                    readonly value: "{semantic-layout.stack.xs}";
+                    readonly value: "{semantic-layout.inline.2xs}";
                 };
                 readonly size: {
                     readonly type: "color";
@@ -4224,6 +4602,22 @@ export declare const tokens: {
                     readonly type: "color";
                     readonly value: "{semantic-layout.control.icon-gap}";
                 };
+                readonly group: {
+                    readonly "label-gap": {
+                        readonly type: "color";
+                        readonly value: "{semantic-layout.stack.xs}";
+                    };
+                    readonly "item-gap-vertical": {
+                        readonly type: "color";
+                        readonly value: "{semantic-layout.stack.xs}";
+                    };
+                };
+                readonly option: {
+                    readonly "control-label-gap": {
+                        readonly type: "color";
+                        readonly value: "{semantic-layout.inline.xs}";
+                    };
+                };
             };
             readonly pagination: {
                 readonly "divider-width": {
@@ -4319,6 +4713,10 @@ export declare const tokens: {
                         readonly type: "color";
                         readonly value: "{semantic-layout.stack.3xl}";
                     };
+                    readonly "title-description-gap": {
+                        readonly type: "color";
+                        readonly value: "{semantic-layout.stack.xs}";
+                    };
                 };
                 readonly body: {
                     readonly "item-gap": {
@@ -4571,6 +4969,74 @@ export declare const tokens: {
                     };
                 };
             };
+            readonly "checkbox-group": {
+                readonly "label-gap": {
+                    readonly type: "color";
+                    readonly value: "{semantic-layout.stack.sm}";
+                };
+                readonly "item-gap-vertical": {
+                    readonly type: "color";
+                    readonly value: "{semantic-layout.stack.xs}";
+                };
+                readonly "control-label-gap": {
+                    readonly type: "color";
+                    readonly value: "{semantic-layout.inline.xs}";
+                };
+                readonly "helper-gap": {
+                    readonly type: "color";
+                    readonly value: "{semantic-layout.stack.xs}";
+                };
+            };
+            readonly "radio-group": {
+                readonly "label-gap": {
+                    readonly type: "color";
+                    readonly value: "{semantic-layout.stack.sm}";
+                };
+                readonly "item-gap-vertical": {
+                    readonly type: "color";
+                    readonly value: "{semantic-layout.stack.xs}";
+                };
+                readonly "control-label-gap": {
+                    readonly type: "color";
+                    readonly value: "{semantic-layout.inline.xs}";
+                };
+                readonly "helper-gap": {
+                    readonly type: "color";
+                    readonly value: "{semantic-layout.stack.xs}";
+                };
+            };
+            readonly "ui-shell-right-panel": {
+                readonly item: {
+                    readonly "padding-x": {
+                        readonly type: "color";
+                        readonly value: "{semantic-layout.control.padding.md}";
+                    };
+                    readonly "padding-y": {
+                        readonly type: "color";
+                        readonly value: "{semantic-layout.control.padding.xs}";
+                    };
+                };
+                readonly "padding-y": {
+                    readonly type: "color";
+                    readonly value: "{semantic-layout.inset.md}";
+                };
+            };
+            readonly "ui-shell-left-panel": {
+                readonly "padding-y": {
+                    readonly type: "color";
+                    readonly value: "{semantic-layout.inset.md}";
+                };
+                readonly item: {
+                    readonly height: {
+                        readonly type: "color";
+                        readonly value: "{semantic-layout.control.height.sm}";
+                    };
+                    readonly "padding-x": {
+                        readonly type: "color";
+                        readonly value: "{semantic-layout.control.padding.md}";
+                    };
+                };
+            };
         };
     };
     readonly "component-type": {
@@ -4760,6 +5226,50 @@ export declare const tokens: {
                         readonly value: "{semantic-type.label.label-02.letter-spacing}";
                     };
                 };
+                readonly "group-label": {
+                    readonly family: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.family}";
+                    };
+                    readonly weight: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.weight}";
+                    };
+                    readonly size: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.size}";
+                    };
+                    readonly "line-height": {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.line-height}";
+                    };
+                    readonly "letter-spacing": {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.letter-spacing}";
+                    };
+                };
+                readonly helper: {
+                    readonly family: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.helper.helper-01.family}";
+                    };
+                    readonly weight: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.helper.helper-01.weight}";
+                    };
+                    readonly size: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.helper.helper-01.size}";
+                    };
+                    readonly "line-height": {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.helper.helper-01.line-height}";
+                    };
+                    readonly "letter-spacing": {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.helper.helper-01.letter-spacing}";
+                    };
+                };
             };
             readonly select: {
                 readonly value: {
@@ -5129,53 +5639,97 @@ export declare const tokens: {
                     };
                     readonly "letter-spacing": {
                         readonly type: "color";
-                        readonly value: "{semantic-type.body.lg.letter-spacing}";
+                        readonly value: "{semantic-type.body.lg.letter-spacing}";
+                    };
+                };
+                readonly footer: {
+                    readonly family: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-01.family}";
+                    };
+                    readonly weight: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-01.weight}";
+                    };
+                    readonly size: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-01.size}";
+                    };
+                    readonly "line-height": {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-01.line-height}";
+                    };
+                    readonly "letter-spacing": {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-01.letter-spacing}";
+                    };
+                };
+            };
+            readonly radio: {
+                readonly label: {
+                    readonly family: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.family}";
+                    };
+                    readonly weight: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.weight}";
+                    };
+                    readonly size: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.size}";
+                    };
+                    readonly "line-height": {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.line-height}";
+                    };
+                    readonly "letter-spacing": {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.letter-spacing}";
                     };
                 };
-                readonly footer: {
+                readonly "group-label": {
                     readonly family: {
                         readonly type: "color";
-                        readonly value: "{semantic-type.label.label-01.family}";
+                        readonly value: "{semantic-type.label.label-02.family}";
                     };
                     readonly weight: {
                         readonly type: "color";
-                        readonly value: "{semantic-type.label.label-01.weight}";
+                        readonly value: "{semantic-type.label.label-02.weight}";
                     };
                     readonly size: {
                         readonly type: "color";
-                        readonly value: "{semantic-type.label.label-01.size}";
+                        readonly value: "{semantic-type.label.label-02.size}";
                     };
                     readonly "line-height": {
                         readonly type: "color";
-                        readonly value: "{semantic-type.label.label-01.line-height}";
+                        readonly value: "{semantic-type.label.label-02.line-height}";
                     };
                     readonly "letter-spacing": {
                         readonly type: "color";
-                        readonly value: "{semantic-type.label.label-01.letter-spacing}";
+                        readonly value: "{semantic-type.label.label-02.letter-spacing}";
                     };
                 };
-            };
-            readonly radio: {
-                readonly label: {
+                readonly helper: {
                     readonly family: {
                         readonly type: "color";
-                        readonly value: "{semantic-type.label.label-02.family}";
+                        readonly value: "{semantic-type.helper.helper-01.family}";
                     };
                     readonly weight: {
                         readonly type: "color";
-                        readonly value: "{semantic-type.label.label-02.weight}";
+                        readonly value: "{semantic-type.helper.helper-01.weight}";
                     };
                     readonly size: {
                         readonly type: "color";
-                        readonly value: "{semantic-type.label.label-02.size}";
+                        readonly value: "{semantic-type.helper.helper-01.size}";
                     };
                     readonly "line-height": {
                         readonly type: "color";
-                        readonly value: "{semantic-type.label.label-02.line-height}";
+                        readonly value: "{semantic-type.helper.helper-01.line-height}";
                     };
                     readonly "letter-spacing": {
                         readonly type: "color";
-                        readonly value: "{semantic-type.label.label-02.letter-spacing}";
+                        readonly value: "{semantic-type.helper.helper-01.letter-spacing}";
                     };
                 };
             };
@@ -5354,6 +5908,28 @@ export declare const tokens: {
                             readonly type: "color";
                             readonly value: "{semantic-type.heading.heading-03.letter-spacing}";
                         };
+                        readonly mobile: {
+                            readonly family: {
+                                readonly type: "color";
+                                readonly value: "{semantic-type.heading.heading-mobile-03.family}";
+                            };
+                            readonly weight: {
+                                readonly type: "color";
+                                readonly value: "{semantic-type.heading.heading-mobile-03.weight}";
+                            };
+                            readonly size: {
+                                readonly type: "color";
+                                readonly value: "{semantic-type.heading.heading-mobile-03.size}";
+                            };
+                            readonly "line-height": {
+                                readonly type: "color";
+                                readonly value: "{semantic-type.heading.heading-mobile-03.line-height}";
+                            };
+                            readonly "letter-spacing": {
+                                readonly type: "color";
+                                readonly value: "{semantic-type.heading.heading-mobile-03.letter-spacing}";
+                            };
+                        };
                     };
                     readonly description: {
                         readonly family: {
@@ -5871,6 +6447,150 @@ export declare const tokens: {
                     };
                 };
             };
+            readonly "checkbox-group": {
+                readonly "group-label": {
+                    readonly family: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.family}";
+                    };
+                    readonly weight: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.weight}";
+                    };
+                    readonly size: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.size}";
+                    };
+                    readonly "line-height": {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.line-height}";
+                    };
+                    readonly "letter-spacing": {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.letter-spacing}";
+                    };
+                };
+                readonly helper: {
+                    readonly family: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.helper.helper-01.family}";
+                    };
+                    readonly weight: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.helper.helper-01.weight}";
+                    };
+                    readonly size: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.helper.helper-01.size}";
+                    };
+                    readonly "line-height": {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.helper.helper-01.line-height}";
+                    };
+                    readonly "letter-spacing": {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.helper.helper-01.letter-spacing}";
+                    };
+                };
+            };
+            readonly "radio-group": {
+                readonly "group-label": {
+                    readonly family: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.family}";
+                    };
+                    readonly weight: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.weight}";
+                    };
+                    readonly size: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.size}";
+                    };
+                    readonly "line-height": {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.line-height}";
+                    };
+                    readonly "letter-spacing": {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.label.label-02.letter-spacing}";
+                    };
+                };
+                readonly helper: {
+                    readonly family: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.helper.helper-01.family}";
+                    };
+                    readonly weight: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.helper.helper-01.weight}";
+                    };
+                    readonly size: {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.helper.helper-01.size}";
+                    };
+                    readonly "line-height": {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.helper.helper-01.line-height}";
+                    };
+                    readonly "letter-spacing": {
+                        readonly type: "color";
+                        readonly value: "{semantic-type.helper.helper-01.letter-spacing}";
+                    };
+                };
+            };
+            readonly "ui-shell-right-panel": {
+                readonly item: {
+                    readonly label: {
+                        readonly family: {
+                            readonly type: "color";
+                            readonly value: "{semantic-type.label.label-01.family}";
+                        };
+                        readonly weight: {
+                            readonly type: "color";
+                            readonly value: "{semantic-type.label.label-01.weight}";
+                        };
+                        readonly size: {
+                            readonly type: "color";
+                            readonly value: "{semantic-type.label.label-01.size}";
+                        };
+                        readonly "line-height": {
+                            readonly type: "color";
+                            readonly value: "{semantic-type.label.label-01.line-height}";
+                        };
+                        readonly "letter-spacing": {
+                            readonly type: "color";
+                            readonly value: "{semantic-type.label.label-01.letter-spacing}";
+                        };
+                    };
+                };
+            };
+            readonly "ui-shell-left-panel": {
+                readonly item: {
+                    readonly label: {
+                        readonly family: {
+                            readonly type: "color";
+                            readonly value: "{semantic-type.body.sm.family}";
+                        };
+                        readonly weight: {
+                            readonly type: "color";
+                            readonly value: "{semantic-type.body.sm.weight}";
+                        };
+                        readonly size: {
+                            readonly type: "color";
+                            readonly value: "{semantic-type.body.sm.size}";
+                        };
+                        readonly "line-height": {
+                            readonly type: "color";
+                            readonly value: "{semantic-type.body.sm.line-height}";
+                        };
+                        readonly "letter-spacing": {
+                            readonly type: "color";
+                            readonly value: "{semantic-type.body.sm.letter-spacing}";
+                        };
+                    };
+                };
+            };
         };
     };
     readonly typography: {
@@ -7542,7 +8262,7 @@ export declare const tokens: {
             readonly border: {
                 readonly default: {
                     readonly type: "color";
-                    readonly value: "{semantic-color.border.border-strong}";
+                    readonly value: "{semantic-color.icon.icon-primary}";
                 };
                 readonly hover: {
                     readonly type: "color";
@@ -7552,11 +8272,29 @@ export declare const tokens: {
                     readonly type: "color";
                     readonly value: "{semantic-color.focus.focus}";
                 };
+                readonly error: {
+                    readonly type: "color";
+                    readonly value: "{semantic-color.border.border-error}";
+                };
                 readonly disabled: {
                     readonly type: "color";
                     readonly value: "{semantic-color.border.border-disabled}";
                 };
             };
+            readonly icon: {
+                readonly check: {
+                    readonly type: "color";
+                    readonly value: "{primitives.color.base.white}";
+                };
+                readonly default: {
+                    readonly type: "color";
+                    readonly value: "{semantic-color.icon.icon-primary}";
+                };
+                readonly disabled: {
+                    readonly type: "color";
+                    readonly value: "{semantic-color.icon.icon-disabled}";
+                };
+            };
             readonly text: {
                 readonly label: {
                     readonly type: "color";
@@ -7567,10 +8305,28 @@ export declare const tokens: {
                     readonly value: "{semantic-color.text.text-disabled}";
                 };
             };
-            readonly icon: {
-                readonly check: {
+            readonly "group-label": {
+                readonly text: {
                     readonly type: "color";
-                    readonly value: "{primitives.color.base.white}";
+                    readonly value: "{semantic-color.text.text-secondary}";
+                };
+            };
+            readonly helper: {
+                readonly text: {
+                    readonly type: "color";
+                    readonly value: "{semantic-color.text.text-helper}";
+                };
+            };
+            readonly error: {
+                readonly text: {
+                    readonly type: "color";
+                    readonly value: "{semantic-color.text.text-error}";
+                };
+            };
+            readonly warning: {
+                readonly text: {
+                    readonly type: "color";
+                    readonly value: "{semantic-color.text.text-primary}";
                 };
             };
             readonly label: {
@@ -7610,6 +8366,48 @@ export declare const tokens: {
                 };
             };
         };
+        readonly "checkbox-group": {
+            readonly "label-gap": {
+                readonly type: "dimension";
+                readonly value: "{semantic-layout.stack.sm}";
+            };
+            readonly "item-gap-vertical": {
+                readonly type: "dimension";
+                readonly value: "{semantic-layout.stack.xs}";
+            };
+            readonly "control-label-gap": {
+                readonly type: "dimension";
+                readonly value: "{semantic-layout.inline.xs}";
+            };
+            readonly "helper-gap": {
+                readonly type: "dimension";
+                readonly value: "{semantic-layout.stack.xs}";
+            };
+            readonly "group-label": {
+                readonly text: {
+                    readonly type: "color";
+                    readonly value: "{semantic-color.text.text-secondary}";
+                };
+            };
+            readonly helper: {
+                readonly text: {
+                    readonly type: "color";
+                    readonly value: "{semantic-color.text.text-helper}";
+                };
+            };
+            readonly error: {
+                readonly text: {
+                    readonly type: "color";
+                    readonly value: "{semantic-color.text.text-error}";
+                };
+            };
+            readonly warning: {
+                readonly text: {
+                    readonly type: "color";
+                    readonly value: "{semantic-color.text.text-primary}";
+                };
+            };
+        };
         readonly "contained-list": {
             readonly layout: {
                 readonly width: {
@@ -9555,19 +10353,19 @@ export declare const tokens: {
                 readonly background: {
                     readonly neutral: {
                         readonly type: "color";
-                        readonly value: "{semantic-color.surface.surface-01}";
+                        readonly value: "#E0E0E0";
                     };
                     readonly blue: {
                         readonly type: "color";
-                        readonly value: "#EDF5FF";
+                        readonly value: "#D0E2FF";
                     };
                     readonly green: {
                         readonly type: "color";
-                        readonly value: "#DEFBE6";
+                        readonly value: "#A7F0BA";
                     };
                     readonly purple: {
                         readonly type: "color";
-                        readonly value: "#F6F2FF";
+                        readonly value: "#E8DAFF";
                     };
                 };
                 readonly text: {
@@ -9581,7 +10379,7 @@ export declare const tokens: {
                     };
                     readonly green: {
                         readonly type: "color";
-                        readonly value: "#044317";
+                        readonly value: "#0E6027";
                     };
                     readonly purple: {
                         readonly type: "color";