npm - @seed-design/vars - Versions diffs - 0.0.1-alpha-20250210081704 - Mend

@seed-design/vars 0.0.1-alpha-20250210081704

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (138) hide show

package/README.md +2 -0
package/lib/color/bg.d.ts +39 -0
package/lib/color/bg.mjs +39 -0
package/lib/color/fg.d.ts +17 -0
package/lib/color/fg.mjs +17 -0
package/lib/color/index.d.ts +5 -0
package/lib/color/index.mjs +5 -0
package/lib/color/manner-temp/index.d.ts +6 -0
package/lib/color/manner-temp/index.mjs +6 -0
package/lib/color/manner-temp/l1.d.ts +2 -0
package/lib/color/manner-temp/l1.mjs +2 -0
package/lib/color/manner-temp/l2.d.ts +2 -0
package/lib/color/manner-temp/l2.mjs +2 -0
package/lib/color/manner-temp/l3.d.ts +2 -0
package/lib/color/manner-temp/l3.mjs +2 -0
package/lib/color/manner-temp/l4.d.ts +2 -0
package/lib/color/manner-temp/l4.mjs +2 -0
package/lib/color/manner-temp/l5.d.ts +2 -0
package/lib/color/manner-temp/l5.mjs +2 -0
package/lib/color/manner-temp/l6.d.ts +2 -0
package/lib/color/manner-temp/l6.mjs +2 -0
package/lib/color/palette.d.ts +78 -0
package/lib/color/palette.mjs +78 -0
package/lib/color/stroke.d.ts +10 -0
package/lib/color/stroke.mjs +10 -0
package/lib/component/action-button.d.ts +491 -0
package/lib/component/action-button.mjs +491 -0
package/lib/component/action-chip.d.ts +128 -0
package/lib/component/action-chip.mjs +128 -0
package/lib/component/action-sheet-close-button.d.ts +23 -0
package/lib/component/action-sheet-close-button.mjs +23 -0
package/lib/component/action-sheet-item.d.ts +36 -0
package/lib/component/action-sheet-item.mjs +36 -0
package/lib/component/action-sheet.d.ts +45 -0
package/lib/component/action-sheet.mjs +45 -0
package/lib/component/avatar-stack.d.ts +60 -0
package/lib/component/avatar-stack.mjs +60 -0
package/lib/component/avatar.d.ts +83 -0
package/lib/component/avatar.mjs +83 -0
package/lib/component/badge.d.ts +223 -0
package/lib/component/badge.mjs +223 -0
package/lib/component/bottom-sheet.d.ts +61 -0
package/lib/component/bottom-sheet.mjs +61 -0
package/lib/component/callout.d.ts +185 -0
package/lib/component/callout.mjs +185 -0
package/lib/component/checkbox.d.ts +171 -0
package/lib/component/checkbox.mjs +171 -0
package/lib/component/chip-tab.d.ts +98 -0
package/lib/component/chip-tab.mjs +98 -0
package/lib/component/chip-tablist.d.ts +23 -0
package/lib/component/chip-tablist.mjs +23 -0
package/lib/component/control-chip.d.ts +156 -0
package/lib/component/control-chip.mjs +156 -0
package/lib/component/dialog.d.ts +49 -0
package/lib/component/dialog.mjs +49 -0
package/lib/component/expand-button.d.ts +41 -0
package/lib/component/expand-button.mjs +41 -0
package/lib/component/extended-action-sheet-close-button.d.ts +25 -0
package/lib/component/extended-action-sheet-close-button.mjs +25 -0
package/lib/component/extended-action-sheet-item.d.ts +46 -0
package/lib/component/extended-action-sheet-item.mjs +46 -0
package/lib/component/extended-action-sheet.d.ts +48 -0
package/lib/component/extended-action-sheet.mjs +48 -0
package/lib/component/extended-fab.d.ts +82 -0
package/lib/component/extended-fab.mjs +82 -0
package/lib/component/fab.d.ts +21 -0
package/lib/component/fab.mjs +21 -0
package/lib/component/help-bubble.d.ts +36 -0
package/lib/component/help-bubble.mjs +36 -0
package/lib/component/identity-placeholder.d.ts +12 -0
package/lib/component/identity-placeholder.mjs +12 -0
package/lib/component/index.d.ts +40 -0
package/lib/component/index.mjs +40 -0
package/lib/component/inline-banner.d.ts +211 -0
package/lib/component/inline-banner.mjs +211 -0
package/lib/component/manner-temp-badge.d.ts +77 -0
package/lib/component/manner-temp-badge.mjs +77 -0
package/lib/component/progress-circle.d.ts +67 -0
package/lib/component/progress-circle.mjs +67 -0
package/lib/component/radio.d.ts +77 -0
package/lib/component/radio.mjs +77 -0
package/lib/component/reaction-button.d.ts +134 -0
package/lib/component/reaction-button.mjs +134 -0
package/lib/component/segment.d.ts +34 -0
package/lib/component/segment.mjs +34 -0
package/lib/component/segmented-control-item.d.ts +34 -0
package/lib/component/segmented-control-item.mjs +34 -0
package/lib/component/segmented-control.d.ts +18 -0
package/lib/component/segmented-control.mjs +18 -0
package/lib/component/select-box-group.d.ts +9 -0
package/lib/component/select-box-group.mjs +9 -0
package/lib/component/select-box.d.ts +92 -0
package/lib/component/select-box.mjs +92 -0
package/lib/component/skeleton.d.ts +42 -0
package/lib/component/skeleton.mjs +42 -0
package/lib/component/snackbar.d.ts +58 -0
package/lib/component/snackbar.mjs +58 -0
package/lib/component/switch.d.ts +65 -0
package/lib/component/switch.mjs +65 -0
package/lib/component/tab.d.ts +53 -0
package/lib/component/tab.mjs +53 -0
package/lib/component/tablist.d.ts +51 -0
package/lib/component/tablist.mjs +51 -0
package/lib/component/text-button.d.ts +107 -0
package/lib/component/text-button.mjs +107 -0
package/lib/component/text-field.d.ts +295 -0
package/lib/component/text-field.mjs +295 -0
package/lib/component/toggle-button.d.ts +205 -0
package/lib/component/toggle-button.mjs +205 -0
package/lib/component/top-navigation.d.ts +86 -0
package/lib/component/top-navigation.mjs +86 -0
package/lib/component/typography.d.ts +209 -0
package/lib/component/typography.mjs +209 -0
package/lib/dimension/index.d.ts +22 -0
package/lib/dimension/index.mjs +22 -0
package/lib/dimension/spacing-x.d.ts +2 -0
package/lib/dimension/spacing-x.mjs +2 -0
package/lib/dimension/spacing-y.d.ts +2 -0
package/lib/dimension/spacing-y.mjs +2 -0
package/lib/duration.d.ts +6 -0
package/lib/duration.mjs +6 -0
package/lib/font-size.d.ts +13 -0
package/lib/font-size.mjs +13 -0
package/lib/font-weight.d.ts +3 -0
package/lib/font-weight.mjs +3 -0
package/lib/gradient.d.ts +1 -0
package/lib/gradient.mjs +1 -0
package/lib/index.d.ts +32 -0
package/lib/index.mjs +1 -0
package/lib/line-height.d.ts +10 -0
package/lib/line-height.mjs +10 -0
package/lib/radius.d.ts +11 -0
package/lib/radius.mjs +11 -0
package/lib/timing-function.d.ts +6 -0
package/lib/timing-function.mjs +6 -0
package/lib/vars.d.ts +9 -0
package/lib/vars.mjs +9 -0
package/package.json +43 -0

package/lib/component/progress-circle.mjs ADDED Viewed

@@ -0,0 +1,67 @@
+export const vars = {
+  "size40": {
+    "enabled": {
+      "root": {
+        "size": "var(--seed-v3-dimension-s10)",
+        "thickness": "5px"
+      }
+    }
+  },
+  "size24": {
+    "enabled": {
+      "root": {
+        "size": "var(--seed-v3-dimension-s6)",
+        "thickness": "3px"
+      }
+    }
+  },
+  "indeterminateFalse": {
+    "enabled": {
+      "range": {
+        "lengthDuration": "300ms",
+        "lengthTimingFunction": "cubic-bezier(0, 0, 0.15, 1)"
+      }
+    }
+  },
+  "indeterminateTrue": {
+    "enabled": {
+      "range": {
+        "lengthDuration": "1.2s",
+        "rotateDuration": "1.2s",
+        "headTimingFunction": "cubic-bezier(0.35, 0, 0.65, 1)",
+        "tailTimingFunction": "cubic-bezier(0.35, 0, 0.65, 0.6)",
+        "rotateTimingFunction": "cubic-bezier(0.35, 0.25, 0.65, 0.75)"
+      }
+    }
+  },
+  "toneNeutral": {
+    "enabled": {
+      "track": {
+        "color": "var(--seed-v3-color-palette-gray-200)"
+      },
+      "range": {
+        "color": "var(--seed-v3-color-palette-gray-500)"
+      }
+    }
+  },
+  "toneBrand": {
+    "enabled": {
+      "track": {
+        "color": "var(--seed-v3-color-palette-carrot-200)"
+      },
+      "range": {
+        "color": "var(--seed-v3-color-bg-brand-solid)"
+      }
+    }
+  },
+  "toneStaticWhite": {
+    "enabled": {
+      "track": {
+        "color": "var(--seed-v3-color-palette-static-white-alpha-200)"
+      },
+      "range": {
+        "color": "var(--seed-v3-color-palette-static-white)"
+      }
+    }
+  }
+}

package/lib/component/radio.d.ts ADDED Viewed

@@ -0,0 +1,77 @@
+export declare const vars: {
+  "base": {
+    "enabled": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-layer-default)",
+        "strokeWidth": "1px",
+        "strokeColor": "var(--seed-v3-color-stroke-control)",
+        "cornerRadius": "var(--seed-v3-radius-full)"
+      },
+      "icon": {
+        "cornerRadius": "var(--seed-v3-radius-full)"
+      }
+    },
+    "enabledPressed": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-layer-default-pressed)"
+      }
+    },
+    "enabledSelected": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-brand-solid)",
+        "strokeWidth": "0px"
+      },
+      "icon": {
+        "color": "var(--seed-v3-color-palette-static-white)"
+      }
+    },
+    "enabledSelectedPressed": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-brand-solid-pressed)"
+      }
+    },
+    "disabled": {
+      "root": {
+        "color": "var(--seed-v3-color-palette-gray-300)"
+      }
+    },
+    "disabledSelected": {
+      "root": {
+        "strokeColor": "var(--seed-v3-color-palette-gray-300)"
+      },
+      "icon": {
+        "color": "var(--seed-v3-color-palette-gray-300)"
+      }
+    }
+  },
+  "sizeLarge": {
+    "enabled": {
+      "root": {
+        "size": "var(--seed-v3-dimension-s6)"
+      },
+      "icon": {
+        "size": "var(--seed-v3-dimension-s2_5)"
+      }
+    },
+    "disabled": {
+      "icon": {
+        "size": "var(--seed-v3-dimension-s3)"
+      }
+    }
+  },
+  "sizeMedium": {
+    "enabled": {
+      "root": {
+        "size": "var(--seed-v3-dimension-s5)"
+      },
+      "icon": {
+        "size": "var(--seed-v3-dimension-s2)"
+      }
+    },
+    "disabled": {
+      "icon": {
+        "size": "var(--seed-v3-dimension-s2_5)"
+      }
+    }
+  }
+}

package/lib/component/radio.mjs ADDED Viewed

@@ -0,0 +1,77 @@
+export const vars = {
+  "base": {
+    "enabled": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-layer-default)",
+        "strokeWidth": "1px",
+        "strokeColor": "var(--seed-v3-color-stroke-control)",
+        "cornerRadius": "var(--seed-v3-radius-full)"
+      },
+      "icon": {
+        "cornerRadius": "var(--seed-v3-radius-full)"
+      }
+    },
+    "enabledPressed": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-layer-default-pressed)"
+      }
+    },
+    "enabledSelected": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-brand-solid)",
+        "strokeWidth": "0px"
+      },
+      "icon": {
+        "color": "var(--seed-v3-color-palette-static-white)"
+      }
+    },
+    "enabledSelectedPressed": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-brand-solid-pressed)"
+      }
+    },
+    "disabled": {
+      "root": {
+        "color": "var(--seed-v3-color-palette-gray-300)"
+      }
+    },
+    "disabledSelected": {
+      "root": {
+        "strokeColor": "var(--seed-v3-color-palette-gray-300)"
+      },
+      "icon": {
+        "color": "var(--seed-v3-color-palette-gray-300)"
+      }
+    }
+  },
+  "sizeLarge": {
+    "enabled": {
+      "root": {
+        "size": "var(--seed-v3-dimension-s6)"
+      },
+      "icon": {
+        "size": "var(--seed-v3-dimension-s2_5)"
+      }
+    },
+    "disabled": {
+      "icon": {
+        "size": "var(--seed-v3-dimension-s3)"
+      }
+    }
+  },
+  "sizeMedium": {
+    "enabled": {
+      "root": {
+        "size": "var(--seed-v3-dimension-s5)"
+      },
+      "icon": {
+        "size": "var(--seed-v3-dimension-s2)"
+      }
+    },
+    "disabled": {
+      "icon": {
+        "size": "var(--seed-v3-dimension-s2_5)"
+      }
+    }
+  }
+}

package/lib/component/reaction-button.d.ts ADDED Viewed

@@ -0,0 +1,134 @@
+export declare const vars: {
+  "base": {
+    "enabled": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-neutral-weak)",
+        "colorDuration": "var(--seed-v3-duration-s4)",
+        "colorTimingFunction": "var(--seed-v3-timing-function-easing)"
+      },
+      "label": {
+        "color": "var(--seed-v3-color-fg-neutral)",
+        "fontWeight": "var(--seed-v3-font-weight-medium)"
+      },
+      "count": {
+        "color": "var(--seed-v3-color-fg-neutral)",
+        "fontWeight": "var(--seed-v3-font-weight-bold)"
+      },
+      "prefixIcon": {
+        "color": "var(--seed-v3-color-fg-neutral)"
+      },
+      "progressCircle": {
+        "trackColor": "var(--seed-v3-color-palette-gray-500)",
+        "rangeColor": "var(--seed-v3-color-fg-neutral)"
+      }
+    },
+    "pressed": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
+      }
+    },
+    "selected": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-layer-default)",
+        "strokeColor": "var(--seed-v3-color-stroke-brand)",
+        "strokeWidth": "1px"
+      },
+      "label": {
+        "color": "var(--seed-v3-color-fg-brand)"
+      },
+      "count": {
+        "color": "var(--seed-v3-color-fg-brand)"
+      },
+      "prefixIcon": {
+        "color": "var(--seed-v3-color-fg-brand)"
+      },
+      "progressCircle": {
+        "trackColor": "var(--seed-v3-color-palette-carrot-200)",
+        "rangeColor": "var(--seed-v3-color-fg-brand)"
+      }
+    },
+    "selectedPressed": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-layer-default-pressed)"
+      }
+    },
+    "disabled": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-disabled)",
+        "strokeWidth": "0px"
+      },
+      "label": {
+        "color": "var(--seed-v3-color-fg-disabled)"
+      },
+      "count": {
+        "color": "var(--seed-v3-color-fg-disabled)"
+      },
+      "prefixIcon": {
+        "color": "var(--seed-v3-color-fg-disabled)"
+      }
+    },
+    "loading": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
+      }
+    },
+    "selectedLoading": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-layer-default-pressed)",
+        "strokeWidth": "1px"
+      }
+    }
+  },
+  "sizeXsmall": {
+    "enabled": {
+      "root": {
+        "minHeight": "var(--seed-v3-dimension-s8)",
+        "cornerRadius": "var(--seed-v3-radius-full)",
+        "gap": "var(--seed-v3-dimension-s1)",
+        "paddingX": "var(--seed-v3-dimension-s3)",
+        "paddingY": "var(--seed-v3-dimension-s1_5)"
+      },
+      "prefixIcon": {
+        "size": "18px"
+      },
+      "label": {
+        "fontSize": "var(--seed-v3-font-size-s3)",
+        "lineHeight": "var(--seed-v3-line-height-s3)"
+      },
+      "count": {
+        "fontSize": "var(--seed-v3-font-size-s3)",
+        "lineHeight": "var(--seed-v3-line-height-s3)"
+      },
+      "progressCircle": {
+        "size": "14px",
+        "thickness": "2px"
+      }
+    }
+  },
+  "sizeSmall": {
+    "enabled": {
+      "root": {
+        "minHeight": "var(--seed-v3-dimension-s9)",
+        "cornerRadius": "var(--seed-v3-radius-full)",
+        "gap": "var(--seed-v3-dimension-s1)",
+        "paddingX": "var(--seed-v3-dimension-s3_5)",
+        "paddingY": "var(--seed-v3-dimension-s2)"
+      },
+      "prefixIcon": {
+        "size": "18px"
+      },
+      "label": {
+        "fontSize": "var(--seed-v3-font-size-s3)",
+        "lineHeight": "var(--seed-v3-line-height-s3)"
+      },
+      "count": {
+        "fontSize": "var(--seed-v3-font-size-s3)",
+        "lineHeight": "var(--seed-v3-line-height-s3)"
+      },
+      "progressCircle": {
+        "size": "14px",
+        "thickness": "2px"
+      }
+    }
+  }
+}

package/lib/component/reaction-button.mjs ADDED Viewed

@@ -0,0 +1,134 @@
+export const vars = {
+  "base": {
+    "enabled": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-neutral-weak)",
+        "colorDuration": "var(--seed-v3-duration-s4)",
+        "colorTimingFunction": "var(--seed-v3-timing-function-easing)"
+      },
+      "label": {
+        "color": "var(--seed-v3-color-fg-neutral)",
+        "fontWeight": "var(--seed-v3-font-weight-medium)"
+      },
+      "count": {
+        "color": "var(--seed-v3-color-fg-neutral)",
+        "fontWeight": "var(--seed-v3-font-weight-bold)"
+      },
+      "prefixIcon": {
+        "color": "var(--seed-v3-color-fg-neutral)"
+      },
+      "progressCircle": {
+        "trackColor": "var(--seed-v3-color-palette-gray-500)",
+        "rangeColor": "var(--seed-v3-color-fg-neutral)"
+      }
+    },
+    "pressed": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
+      }
+    },
+    "selected": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-layer-default)",
+        "strokeColor": "var(--seed-v3-color-stroke-brand)",
+        "strokeWidth": "1px"
+      },
+      "label": {
+        "color": "var(--seed-v3-color-fg-brand)"
+      },
+      "count": {
+        "color": "var(--seed-v3-color-fg-brand)"
+      },
+      "prefixIcon": {
+        "color": "var(--seed-v3-color-fg-brand)"
+      },
+      "progressCircle": {
+        "trackColor": "var(--seed-v3-color-palette-carrot-200)",
+        "rangeColor": "var(--seed-v3-color-fg-brand)"
+      }
+    },
+    "selectedPressed": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-layer-default-pressed)"
+      }
+    },
+    "disabled": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-disabled)",
+        "strokeWidth": "0px"
+      },
+      "label": {
+        "color": "var(--seed-v3-color-fg-disabled)"
+      },
+      "count": {
+        "color": "var(--seed-v3-color-fg-disabled)"
+      },
+      "prefixIcon": {
+        "color": "var(--seed-v3-color-fg-disabled)"
+      }
+    },
+    "loading": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
+      }
+    },
+    "selectedLoading": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-layer-default-pressed)",
+        "strokeWidth": "1px"
+      }
+    }
+  },
+  "sizeXsmall": {
+    "enabled": {
+      "root": {
+        "minHeight": "var(--seed-v3-dimension-s8)",
+        "cornerRadius": "var(--seed-v3-radius-full)",
+        "gap": "var(--seed-v3-dimension-s1)",
+        "paddingX": "var(--seed-v3-dimension-s3)",
+        "paddingY": "var(--seed-v3-dimension-s1_5)"
+      },
+      "prefixIcon": {
+        "size": "18px"
+      },
+      "label": {
+        "fontSize": "var(--seed-v3-font-size-s3)",
+        "lineHeight": "var(--seed-v3-line-height-s3)"
+      },
+      "count": {
+        "fontSize": "var(--seed-v3-font-size-s3)",
+        "lineHeight": "var(--seed-v3-line-height-s3)"
+      },
+      "progressCircle": {
+        "size": "14px",
+        "thickness": "2px"
+      }
+    }
+  },
+  "sizeSmall": {
+    "enabled": {
+      "root": {
+        "minHeight": "var(--seed-v3-dimension-s9)",
+        "cornerRadius": "var(--seed-v3-radius-full)",
+        "gap": "var(--seed-v3-dimension-s1)",
+        "paddingX": "var(--seed-v3-dimension-s3_5)",
+        "paddingY": "var(--seed-v3-dimension-s2)"
+      },
+      "prefixIcon": {
+        "size": "18px"
+      },
+      "label": {
+        "fontSize": "var(--seed-v3-font-size-s3)",
+        "lineHeight": "var(--seed-v3-line-height-s3)"
+      },
+      "count": {
+        "fontSize": "var(--seed-v3-font-size-s3)",
+        "lineHeight": "var(--seed-v3-line-height-s3)"
+      },
+      "progressCircle": {
+        "size": "14px",
+        "thickness": "2px"
+      }
+    }
+  }
+}

package/lib/component/segment.d.ts ADDED Viewed

@@ -0,0 +1,34 @@
+export declare const vars: {
+  "base": {
+    "enabled": {
+      "root": {
+        "height": "var(--seed-v3-dimension-s8)",
+        "cornerRadius": "var(--seed-v3-radius-full)",
+        "paddingX": "var(--seed-v3-dimension-s4)",
+        "minWidth": "86px"
+      },
+      "label": {
+        "fontSize": "var(--seed-v3-font-size-s5)",
+        "lineHeight": "var(--seed-v3-line-height-s5)",
+        "fontWeight": "var(--seed-v3-font-weight-medium)",
+        "color": "var(--seed-v3-color-fg-neutral-muted)"
+      }
+    },
+    "pressed": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
+      }
+    },
+    "selected": {
+      "label": {
+        "fontWeight": "var(--seed-v3-font-weight-bold)",
+        "color": "var(--seed-v3-color-fg-neutral)"
+      }
+    },
+    "disabled": {
+      "label": {
+        "color": "var(--seed-v3-color-fg-disabled)"
+      }
+    }
+  }
+}

package/lib/component/segment.mjs ADDED Viewed

@@ -0,0 +1,34 @@
+export const vars = {
+  "base": {
+    "enabled": {
+      "root": {
+        "height": "var(--seed-v3-dimension-s8)",
+        "cornerRadius": "var(--seed-v3-radius-full)",
+        "paddingX": "var(--seed-v3-dimension-s4)",
+        "minWidth": "86px"
+      },
+      "label": {
+        "fontSize": "var(--seed-v3-font-size-s5)",
+        "lineHeight": "var(--seed-v3-line-height-s5)",
+        "fontWeight": "var(--seed-v3-font-weight-medium)",
+        "color": "var(--seed-v3-color-fg-neutral-muted)"
+      }
+    },
+    "pressed": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
+      }
+    },
+    "selected": {
+      "label": {
+        "fontWeight": "var(--seed-v3-font-weight-bold)",
+        "color": "var(--seed-v3-color-fg-neutral)"
+      }
+    },
+    "disabled": {
+      "label": {
+        "color": "var(--seed-v3-color-fg-disabled)"
+      }
+    }
+  }
+}

package/lib/component/segmented-control-item.d.ts ADDED Viewed

@@ -0,0 +1,34 @@
+export declare const vars: {
+  "base": {
+    "enabled": {
+      "root": {
+        "height": "var(--seed-v3-dimension-s8)",
+        "cornerRadius": "var(--seed-v3-radius-full)",
+        "paddingX": "var(--seed-v3-dimension-s4)",
+        "minWidth": "86px"
+      },
+      "label": {
+        "fontSize": "var(--seed-v3-font-size-s5)",
+        "lineHeight": "var(--seed-v3-line-height-s5)",
+        "fontWeight": "var(--seed-v3-font-weight-medium)",
+        "color": "var(--seed-v3-color-fg-neutral-muted)"
+      }
+    },
+    "pressed": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
+      }
+    },
+    "selected": {
+      "label": {
+        "fontWeight": "var(--seed-v3-font-weight-bold)",
+        "color": "var(--seed-v3-color-fg-neutral)"
+      }
+    },
+    "disabled": {
+      "label": {
+        "color": "var(--seed-v3-color-fg-disabled)"
+      }
+    }
+  }
+}

package/lib/component/segmented-control-item.mjs ADDED Viewed

@@ -0,0 +1,34 @@
+export const vars = {
+  "base": {
+    "enabled": {
+      "root": {
+        "height": "var(--seed-v3-dimension-s8)",
+        "cornerRadius": "var(--seed-v3-radius-full)",
+        "paddingX": "var(--seed-v3-dimension-s4)",
+        "minWidth": "86px"
+      },
+      "label": {
+        "fontSize": "var(--seed-v3-font-size-s5)",
+        "lineHeight": "var(--seed-v3-line-height-s5)",
+        "fontWeight": "var(--seed-v3-font-weight-medium)",
+        "color": "var(--seed-v3-color-fg-neutral-muted)"
+      }
+    },
+    "pressed": {
+      "root": {
+        "color": "var(--seed-v3-color-bg-neutral-weak-pressed)"
+      }
+    },
+    "selected": {
+      "label": {
+        "fontWeight": "var(--seed-v3-font-weight-bold)",
+        "color": "var(--seed-v3-color-fg-neutral)"
+      }
+    },
+    "disabled": {
+      "label": {
+        "color": "var(--seed-v3-color-fg-disabled)"
+      }
+    }
+  }
+}

package/lib/component/segmented-control.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+export declare const vars: {
+  "base": {
+    "enabled": {
+      "root": {
+        "padding": "var(--seed-v3-dimension-s1)",
+        "cornerRadius": "var(--seed-v3-radius-full)",
+        "color": "var(--seed-v3-color-bg-neutral-weak)"
+      },
+      "indicator": {
+        "color": "var(--seed-v3-color-bg-layer-default)",
+        "cornerRadius": "var(--seed-v3-radius-full)",
+        "shadow": "0px 1px 6px 0px #0000000d",
+        "transformDuration": "var(--seed-v3-duration-s4)",
+        "transformTimingFunction": "var(--seed-v3-timing-function-easing)"
+      }
+    }
+  }
+}

package/lib/component/segmented-control.mjs ADDED Viewed

@@ -0,0 +1,18 @@
+export const vars = {
+  "base": {
+    "enabled": {
+      "root": {
+        "padding": "var(--seed-v3-dimension-s1)",
+        "cornerRadius": "var(--seed-v3-radius-full)",
+        "color": "var(--seed-v3-color-bg-neutral-weak)"
+      },
+      "indicator": {
+        "color": "var(--seed-v3-color-bg-layer-default)",
+        "cornerRadius": "var(--seed-v3-radius-full)",
+        "shadow": "0px 1px 6px 0px #0000000d",
+        "transformDuration": "var(--seed-v3-duration-s4)",
+        "transformTimingFunction": "var(--seed-v3-timing-function-easing)"
+      }
+    }
+  }
+}

package/lib/component/select-box-group.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+export declare const vars: {
+  "base": {
+    "enabled": {
+      "root": {
+        "gap": "var(--seed-v3-unit-s3)"
+      }
+    }
+  }
+}

package/lib/component/select-box-group.mjs ADDED Viewed

@@ -0,0 +1,9 @@
+export const vars = {
+  "base": {
+    "enabled": {
+      "root": {
+        "gap": "var(--seed-v3-unit-s3)"
+      }
+    }
+  }
+}