From 92befb79af2841bc0bf026553138f816c3462dc6 Mon Sep 17 00:00:00 2001 From: malangcat Date: Sat, 7 Dec 2024 18:03:28 +0900 Subject: [PATCH] re-generate --- packages/vars/.gitignore | 2 +- packages/vars/lib/color/bg.d.ts | 41 +++ .../color/bg.vars.ts => lib/color/bg.mjs} | 0 packages/vars/lib/color/fg.d.ts | 19 + .../color/fg.vars.ts => lib/color/fg.mjs} | 0 packages/vars/lib/color/index.d.ts | 4 + packages/vars/lib/color/index.mjs | 4 + packages/vars/lib/color/palette.d.ts | 78 +++++ .../palette.vars.ts => lib/color/palette.mjs} | 0 packages/vars/lib/color/stroke.d.ts | 8 + .../stroke.vars.ts => lib/color/stroke.mjs} | 0 .../vars/lib/component/action-button.d.ts | 331 ++++++++++++++++++ .../component/action-button.mjs} | 0 packages/vars/lib/component/action-chip.d.ts | 115 ++++++ .../component/action-chip.mjs} | 0 packages/vars/lib/component/avatar.d.ts | 83 +++++ .../component/avatar.mjs} | 0 packages/vars/lib/component/badge.d.ts | 217 ++++++++++++ .../badge.vars.ts => lib/component/badge.mjs} | 0 packages/vars/lib/component/callout.d.ts | 194 ++++++++++ .../component/callout.mjs} | 0 packages/vars/lib/component/checkbox.d.ts | 192 ++++++++++ .../component/checkbox.mjs} | 0 packages/vars/lib/component/chip-tab.d.ts | 98 ++++++ .../component/chip-tab.mjs} | 0 packages/vars/lib/component/chip-tablist.d.ts | 23 ++ .../component/chip-tablist.mjs} | 0 packages/vars/lib/component/control-chip.d.ts | 148 ++++++++ .../component/control-chip.mjs} | 0 packages/vars/lib/component/dialog.d.ts | 34 ++ .../component/dialog.mjs} | 0 .../vars/lib/component/expand-button.d.ts | 41 +++ .../component/expand-button.mjs} | 0 packages/vars/lib/component/fab.d.ts | 38 ++ .../fab.vars.ts => lib/component/fab.mjs} | 0 packages/vars/lib/component/help-bubble.d.ts | 57 +++ .../component/help-bubble.mjs} | 0 packages/vars/lib/component/index.d.ts | 22 ++ packages/vars/lib/component/index.mjs | 22 ++ .../vars/lib/component/inline-banner.d.ts | 220 ++++++++++++ .../component/inline-banner.mjs} | 0 packages/vars/lib/component/radio.d.ts | 87 +++++ .../radio.vars.ts => lib/component/radio.mjs} | 0 .../vars/lib/component/segmented-control.d.ts | 50 +++ .../component/segmented-control.mjs} | 0 packages/vars/lib/component/select-box.d.ts | 51 +++ .../component/select-box.mjs} | 0 packages/vars/lib/component/switch.d.ts | 57 +++ .../component/switch.mjs} | 2 +- packages/vars/lib/component/tab.d.ts | 51 +++ .../tab.vars.ts => lib/component/tab.mjs} | 0 packages/vars/lib/component/tablist.d.ts | 43 +++ .../component/tablist.mjs} | 0 packages/vars/lib/component/text-button.d.ts | 109 ++++++ .../component/text-button.mjs} | 0 packages/vars/lib/component/typography.d.ts | 209 +++++++++++ .../component/typography.mjs} | 0 packages/vars/lib/font-size.d.ts | 10 + .../font-size.vars.ts => lib/font-size.mjs} | 0 packages/vars/lib/font-weight.d.ts | 3 + .../font-weight.mjs} | 0 packages/vars/lib/horizontal-spacing.d.ts | 2 + .../horizontal-spacing.mjs} | 0 packages/vars/lib/index.mjs | 1 + packages/vars/lib/line-height.d.ts | 10 + .../line-height.mjs} | 0 packages/vars/lib/radius.d.ts | 11 + .../{src/radius.vars.ts => lib/radius.mjs} | 0 packages/vars/lib/unit.d.ts | 19 + .../vars/{src/unit.vars.ts => lib/unit.mjs} | 0 packages/vars/lib/vars.d.ts | 7 + packages/vars/lib/vars.mjs | 7 + packages/vars/package.json | 11 +- packages/vars/src/color/index.ts | 4 - packages/vars/src/component/index.ts | 22 -- .../src/component/progress-circle.vars.ts | 58 --- packages/vars/src/index.ts | 8 - packages/vars/tsconfig.json | 9 - yarn.lock | 1 - 79 files changed, 2722 insertions(+), 111 deletions(-) create mode 100644 packages/vars/lib/color/bg.d.ts rename packages/vars/{src/color/bg.vars.ts => lib/color/bg.mjs} (100%) create mode 100644 packages/vars/lib/color/fg.d.ts rename packages/vars/{src/color/fg.vars.ts => lib/color/fg.mjs} (100%) create mode 100644 packages/vars/lib/color/index.d.ts create mode 100644 packages/vars/lib/color/index.mjs create mode 100644 packages/vars/lib/color/palette.d.ts rename packages/vars/{src/color/palette.vars.ts => lib/color/palette.mjs} (100%) create mode 100644 packages/vars/lib/color/stroke.d.ts rename packages/vars/{src/color/stroke.vars.ts => lib/color/stroke.mjs} (100%) create mode 100644 packages/vars/lib/component/action-button.d.ts rename packages/vars/{src/component/action-button.vars.ts => lib/component/action-button.mjs} (100%) create mode 100644 packages/vars/lib/component/action-chip.d.ts rename packages/vars/{src/component/action-chip.vars.ts => lib/component/action-chip.mjs} (100%) create mode 100644 packages/vars/lib/component/avatar.d.ts rename packages/vars/{src/component/avatar.vars.ts => lib/component/avatar.mjs} (100%) create mode 100644 packages/vars/lib/component/badge.d.ts rename packages/vars/{src/component/badge.vars.ts => lib/component/badge.mjs} (100%) create mode 100644 packages/vars/lib/component/callout.d.ts rename packages/vars/{src/component/callout.vars.ts => lib/component/callout.mjs} (100%) create mode 100644 packages/vars/lib/component/checkbox.d.ts rename packages/vars/{src/component/checkbox.vars.ts => lib/component/checkbox.mjs} (100%) create mode 100644 packages/vars/lib/component/chip-tab.d.ts rename packages/vars/{src/component/chip-tab.vars.ts => lib/component/chip-tab.mjs} (100%) create mode 100644 packages/vars/lib/component/chip-tablist.d.ts rename packages/vars/{src/component/chip-tablist.vars.ts => lib/component/chip-tablist.mjs} (100%) create mode 100644 packages/vars/lib/component/control-chip.d.ts rename packages/vars/{src/component/control-chip.vars.ts => lib/component/control-chip.mjs} (100%) create mode 100644 packages/vars/lib/component/dialog.d.ts rename packages/vars/{src/component/dialog.vars.ts => lib/component/dialog.mjs} (100%) create mode 100644 packages/vars/lib/component/expand-button.d.ts rename packages/vars/{src/component/expand-button.vars.ts => lib/component/expand-button.mjs} (100%) create mode 100644 packages/vars/lib/component/fab.d.ts rename packages/vars/{src/component/fab.vars.ts => lib/component/fab.mjs} (100%) create mode 100644 packages/vars/lib/component/help-bubble.d.ts rename packages/vars/{src/component/help-bubble.vars.ts => lib/component/help-bubble.mjs} (100%) create mode 100644 packages/vars/lib/component/index.d.ts create mode 100644 packages/vars/lib/component/index.mjs create mode 100644 packages/vars/lib/component/inline-banner.d.ts rename packages/vars/{src/component/inline-banner.vars.ts => lib/component/inline-banner.mjs} (100%) create mode 100644 packages/vars/lib/component/radio.d.ts rename packages/vars/{src/component/radio.vars.ts => lib/component/radio.mjs} (100%) create mode 100644 packages/vars/lib/component/segmented-control.d.ts rename packages/vars/{src/component/segmented-control.vars.ts => lib/component/segmented-control.mjs} (100%) create mode 100644 packages/vars/lib/component/select-box.d.ts rename packages/vars/{src/component/select-box.vars.ts => lib/component/select-box.mjs} (100%) create mode 100644 packages/vars/lib/component/switch.d.ts rename packages/vars/{src/component/switch.vars.ts => lib/component/switch.mjs} (86%) create mode 100644 packages/vars/lib/component/tab.d.ts rename packages/vars/{src/component/tab.vars.ts => lib/component/tab.mjs} (100%) create mode 100644 packages/vars/lib/component/tablist.d.ts rename packages/vars/{src/component/tablist.vars.ts => lib/component/tablist.mjs} (100%) create mode 100644 packages/vars/lib/component/text-button.d.ts rename packages/vars/{src/component/text-button.vars.ts => lib/component/text-button.mjs} (100%) create mode 100644 packages/vars/lib/component/typography.d.ts rename packages/vars/{src/component/typography.vars.ts => lib/component/typography.mjs} (100%) create mode 100644 packages/vars/lib/font-size.d.ts rename packages/vars/{src/font-size.vars.ts => lib/font-size.mjs} (100%) create mode 100644 packages/vars/lib/font-weight.d.ts rename packages/vars/{src/font-weight.vars.ts => lib/font-weight.mjs} (100%) create mode 100644 packages/vars/lib/horizontal-spacing.d.ts rename packages/vars/{src/horizontal-spacing.vars.ts => lib/horizontal-spacing.mjs} (100%) create mode 100644 packages/vars/lib/index.mjs create mode 100644 packages/vars/lib/line-height.d.ts rename packages/vars/{src/line-height.vars.ts => lib/line-height.mjs} (100%) create mode 100644 packages/vars/lib/radius.d.ts rename packages/vars/{src/radius.vars.ts => lib/radius.mjs} (100%) create mode 100644 packages/vars/lib/unit.d.ts rename packages/vars/{src/unit.vars.ts => lib/unit.mjs} (100%) create mode 100644 packages/vars/lib/vars.d.ts create mode 100644 packages/vars/lib/vars.mjs delete mode 100644 packages/vars/src/color/index.ts delete mode 100644 packages/vars/src/component/index.ts delete mode 100644 packages/vars/src/component/progress-circle.vars.ts delete mode 100644 packages/vars/src/index.ts delete mode 100644 packages/vars/tsconfig.json diff --git a/packages/vars/.gitignore b/packages/vars/.gitignore index 12c18d4ed..ebf4281dc 100644 --- a/packages/vars/.gitignore +++ b/packages/vars/.gitignore @@ -1 +1 @@ -/lib/ +!lib diff --git a/packages/vars/lib/color/bg.d.ts b/packages/vars/lib/color/bg.d.ts new file mode 100644 index 000000000..2e743dfc9 --- /dev/null +++ b/packages/vars/lib/color/bg.d.ts @@ -0,0 +1,41 @@ +export declare const positiveWeak = "var(--seed-v3-color-bg-positive-weak)"; +export declare const positiveSolid = "var(--seed-v3-color-bg-positive-solid)"; +export declare const warningSolid = "var(--seed-v3-color-bg-warning-solid)"; +export declare const warningWeak = "var(--seed-v3-color-bg-warning-weak)"; +export declare const dangerWeak = "var(--seed-v3-color-bg-danger-weak)"; +export declare const dangerSolid = "var(--seed-v3-color-bg-danger-solid)"; +export declare const dangerSolidPressed = "var(--seed-v3-color-bg-danger-solid-pressed)"; +export declare const brandWeak = "var(--seed-v3-color-bg-brand-weak)"; +export declare const brandSolid = "var(--seed-v3-color-bg-brand-solid)"; +export declare const brandSolidPressed = "var(--seed-v3-color-bg-brand-solid-pressed)"; +export declare const brandWeakPressed = "var(--seed-v3-color-bg-brand-weak-pressed)"; +export declare const layerDefault = "var(--seed-v3-color-bg-layer-default)"; +export declare const layerDefaultPressed = "var(--seed-v3-color-bg-layer-default-pressed)"; +export declare const layerFill = "var(--seed-v3-color-bg-layer-fill)"; +export declare const neutralWeak = "var(--seed-v3-color-bg-neutral-weak)"; +export declare const neutralSolid = "var(--seed-v3-color-bg-neutral-solid)"; +export declare const neutralWeakPressed = "var(--seed-v3-color-bg-neutral-weak-pressed)"; +export declare const informativeWeak = "var(--seed-v3-color-bg-informative-weak)"; +export declare const overlay = "var(--seed-v3-color-bg-overlay)"; +export declare const overlayMuted = "var(--seed-v3-color-bg-overlay-muted)"; +export declare const textSelection = "var(--seed-v3-color-bg-text-selection)"; +export declare const layerBasement = "var(--seed-v3-color-bg-layer-basement)"; +export declare const layerFloating = "var(--seed-v3-color-bg-layer-floating)"; +export declare const neutralSolidPressed = "var(--seed-v3-color-bg-neutral-solid-pressed)"; +export declare const disabled = "var(--seed-v3-color-bg-disabled)"; +export declare const layerFloatingPressed = "var(--seed-v3-color-bg-layer-floating-pressed)"; +export declare const informativeWeakPressed = "var(--seed-v3-color-bg-informative-weak-pressed)"; +export declare const staticWhite = "var(--seed-v3-color-bg-static-white)"; +export declare const warningWeakPressed = "var(--seed-v3-color-bg-warning-weak-pressed)"; +export declare const dangerWeakPressed = "var(--seed-v3-color-bg-danger-weak-pressed)"; +export declare const informativeSolid = "var(--seed-v3-color-bg-informative-solid)"; +export declare const positiveWeakPressed = "var(--seed-v3-color-bg-positive-weak-pressed)"; +export declare const informativeSolidPressed = "var(--seed-v3-color-bg-informative-solid-pressed)"; +export declare const positiveSolidPressed = "var(--seed-v3-color-bg-positive-solid-pressed)"; +export declare const magicSolid = "var(--seed-v3-color-bg-magic-solid)"; +export declare const magicSolidPressed = "var(--seed-v3-color-bg-magic-solid-pressed)"; +export declare const magicWeak = "var(--seed-v3-color-bg-magic-weak)"; +export declare const magicWeakPressed = "var(--seed-v3-color-bg-magic-weak-pressed)"; +export declare const neutralMuted = "var(--seed-v3-color-bg-neutral-muted)"; +export declare const floatingSolid = "var(--seed-v3-color-bg-floating-solid)"; +export declare const neutralMutedPressed = "var(--seed-v3-color-bg-neutral-muted-pressed)"; \ No newline at end of file diff --git a/packages/vars/src/color/bg.vars.ts b/packages/vars/lib/color/bg.mjs similarity index 100% rename from packages/vars/src/color/bg.vars.ts rename to packages/vars/lib/color/bg.mjs diff --git a/packages/vars/lib/color/fg.d.ts b/packages/vars/lib/color/fg.d.ts new file mode 100644 index 000000000..34a43ad70 --- /dev/null +++ b/packages/vars/lib/color/fg.d.ts @@ -0,0 +1,19 @@ +export declare const staticWhite = "var(--seed-v3-color-fg-static-white)"; +export declare const neutral = "var(--seed-v3-color-fg-neutral)"; +export declare const neutralMuted = "var(--seed-v3-color-fg-neutral-muted)"; +export declare const neutralSubtle = "var(--seed-v3-color-fg-neutral-subtle)"; +export declare const neutralInverted = "var(--seed-v3-color-fg-neutral-inverted)"; +export declare const brandContrast = "var(--seed-v3-color-fg-brand-contrast)"; +export declare const danger = "var(--seed-v3-color-fg-danger)"; +export declare const dangerContrast = "var(--seed-v3-color-fg-danger-contrast)"; +export declare const positive = "var(--seed-v3-color-fg-positive)"; +export declare const positiveContrast = "var(--seed-v3-color-fg-positive-contrast)"; +export declare const warningContrast = "var(--seed-v3-color-fg-warning-contrast)"; +export declare const informative = "var(--seed-v3-color-fg-informative)"; +export declare const informativeContrast = "var(--seed-v3-color-fg-informative-contrast)"; +export declare const placeholder = "var(--seed-v3-color-fg-placeholder)"; +export declare const disabled = "var(--seed-v3-color-fg-disabled)"; +export declare const staticBlack = "var(--seed-v3-color-fg-static-black)"; +export declare const brand = "var(--seed-v3-color-fg-brand)"; +export declare const magic = "var(--seed-v3-color-fg-magic)"; +export declare const magicContrast = "var(--seed-v3-color-fg-magic-contrast)"; \ No newline at end of file diff --git a/packages/vars/src/color/fg.vars.ts b/packages/vars/lib/color/fg.mjs similarity index 100% rename from packages/vars/src/color/fg.vars.ts rename to packages/vars/lib/color/fg.mjs diff --git a/packages/vars/lib/color/index.d.ts b/packages/vars/lib/color/index.d.ts new file mode 100644 index 000000000..9032e286e --- /dev/null +++ b/packages/vars/lib/color/index.d.ts @@ -0,0 +1,4 @@ +export * as bg from './bg'; +export * as fg from './fg'; +export * as stroke from './stroke'; +export * as palette from './palette'; diff --git a/packages/vars/lib/color/index.mjs b/packages/vars/lib/color/index.mjs new file mode 100644 index 000000000..d2857464c --- /dev/null +++ b/packages/vars/lib/color/index.mjs @@ -0,0 +1,4 @@ +export * as bg from './bg.mjs'; +export * as fg from './fg.mjs'; +export * as stroke from './stroke.mjs'; +export * as palette from './palette.mjs'; \ No newline at end of file diff --git a/packages/vars/lib/color/palette.d.ts b/packages/vars/lib/color/palette.d.ts new file mode 100644 index 000000000..00888011a --- /dev/null +++ b/packages/vars/lib/color/palette.d.ts @@ -0,0 +1,78 @@ +export declare const gray00 = "var(--seed-v3-color-palette-gray-00)"; +export declare const gray100 = "var(--seed-v3-color-palette-gray-100)"; +export declare const gray200 = "var(--seed-v3-color-palette-gray-200)"; +export declare const gray300 = "var(--seed-v3-color-palette-gray-300)"; +export declare const gray400 = "var(--seed-v3-color-palette-gray-400)"; +export declare const gray500 = "var(--seed-v3-color-palette-gray-500)"; +export declare const gray600 = "var(--seed-v3-color-palette-gray-600)"; +export declare const gray700 = "var(--seed-v3-color-palette-gray-700)"; +export declare const gray800 = "var(--seed-v3-color-palette-gray-800)"; +export declare const gray900 = "var(--seed-v3-color-palette-gray-900)"; +export declare const carrot100 = "var(--seed-v3-color-palette-carrot-100)"; +export declare const carrot200 = "var(--seed-v3-color-palette-carrot-200)"; +export declare const carrot300 = "var(--seed-v3-color-palette-carrot-300)"; +export declare const carrot400 = "var(--seed-v3-color-palette-carrot-400)"; +export declare const carrot500 = "var(--seed-v3-color-palette-carrot-500)"; +export declare const carrot600 = "var(--seed-v3-color-palette-carrot-600)"; +export declare const carrot700 = "var(--seed-v3-color-palette-carrot-700)"; +export declare const carrot800 = "var(--seed-v3-color-palette-carrot-800)"; +export declare const carrot900 = "var(--seed-v3-color-palette-carrot-900)"; +export declare const carrot1000 = "var(--seed-v3-color-palette-carrot-1000)"; +export declare const blue100 = "var(--seed-v3-color-palette-blue-100)"; +export declare const blue200 = "var(--seed-v3-color-palette-blue-200)"; +export declare const blue300 = "var(--seed-v3-color-palette-blue-300)"; +export declare const blue400 = "var(--seed-v3-color-palette-blue-400)"; +export declare const blue500 = "var(--seed-v3-color-palette-blue-500)"; +export declare const blue600 = "var(--seed-v3-color-palette-blue-600)"; +export declare const blue700 = "var(--seed-v3-color-palette-blue-700)"; +export declare const blue800 = "var(--seed-v3-color-palette-blue-800)"; +export declare const blue900 = "var(--seed-v3-color-palette-blue-900)"; +export declare const blue1000 = "var(--seed-v3-color-palette-blue-1000)"; +export declare const red100 = "var(--seed-v3-color-palette-red-100)"; +export declare const red200 = "var(--seed-v3-color-palette-red-200)"; +export declare const red300 = "var(--seed-v3-color-palette-red-300)"; +export declare const red400 = "var(--seed-v3-color-palette-red-400)"; +export declare const red500 = "var(--seed-v3-color-palette-red-500)"; +export declare const red600 = "var(--seed-v3-color-palette-red-600)"; +export declare const red700 = "var(--seed-v3-color-palette-red-700)"; +export declare const red800 = "var(--seed-v3-color-palette-red-800)"; +export declare const red900 = "var(--seed-v3-color-palette-red-900)"; +export declare const red1000 = "var(--seed-v3-color-palette-red-1000)"; +export declare const green100 = "var(--seed-v3-color-palette-green-100)"; +export declare const green200 = "var(--seed-v3-color-palette-green-200)"; +export declare const green300 = "var(--seed-v3-color-palette-green-300)"; +export declare const green400 = "var(--seed-v3-color-palette-green-400)"; +export declare const green500 = "var(--seed-v3-color-palette-green-500)"; +export declare const green600 = "var(--seed-v3-color-palette-green-600)"; +export declare const green700 = "var(--seed-v3-color-palette-green-700)"; +export declare const green800 = "var(--seed-v3-color-palette-green-800)"; +export declare const green900 = "var(--seed-v3-color-palette-green-900)"; +export declare const green1000 = "var(--seed-v3-color-palette-green-1000)"; +export declare const yellow100 = "var(--seed-v3-color-palette-yellow-100)"; +export declare const yellow200 = "var(--seed-v3-color-palette-yellow-200)"; +export declare const yellow300 = "var(--seed-v3-color-palette-yellow-300)"; +export declare const yellow400 = "var(--seed-v3-color-palette-yellow-400)"; +export declare const yellow500 = "var(--seed-v3-color-palette-yellow-500)"; +export declare const yellow600 = "var(--seed-v3-color-palette-yellow-600)"; +export declare const yellow700 = "var(--seed-v3-color-palette-yellow-700)"; +export declare const yellow800 = "var(--seed-v3-color-palette-yellow-800)"; +export declare const yellow900 = "var(--seed-v3-color-palette-yellow-900)"; +export declare const yellow1000 = "var(--seed-v3-color-palette-yellow-1000)"; +export declare const staticBlack = "var(--seed-v3-color-palette-static-black)"; +export declare const staticWhite = "var(--seed-v3-color-palette-static-white)"; +export declare const staticBlackAlpha200 = "var(--seed-v3-color-palette-static-black-alpha-200)"; +export declare const staticBlackAlpha500 = "var(--seed-v3-color-palette-static-black-alpha-500)"; +export declare const staticBlackAlpha50 = "var(--seed-v3-color-palette-static-black-alpha-50)"; +export declare const purple100 = "var(--seed-v3-color-palette-purple-100)"; +export declare const purple200 = "var(--seed-v3-color-palette-purple-200)"; +export declare const purple300 = "var(--seed-v3-color-palette-purple-300)"; +export declare const purple400 = "var(--seed-v3-color-palette-purple-400)"; +export declare const purple500 = "var(--seed-v3-color-palette-purple-500)"; +export declare const purple600 = "var(--seed-v3-color-palette-purple-600)"; +export declare const purple700 = "var(--seed-v3-color-palette-purple-700)"; +export declare const purple800 = "var(--seed-v3-color-palette-purple-800)"; +export declare const purple900 = "var(--seed-v3-color-palette-purple-900)"; +export declare const purple1000 = "var(--seed-v3-color-palette-purple-1000)"; +export declare const staticWhiteAlpha800 = "var(--seed-v3-color-palette-static-white-alpha-800)"; +export declare const slate900 = "var(--seed-v3-color-palette-slate-900)"; +export declare const slate800 = "var(--seed-v3-color-palette-slate-800)"; \ No newline at end of file diff --git a/packages/vars/src/color/palette.vars.ts b/packages/vars/lib/color/palette.mjs similarity index 100% rename from packages/vars/src/color/palette.vars.ts rename to packages/vars/lib/color/palette.mjs diff --git a/packages/vars/lib/color/stroke.d.ts b/packages/vars/lib/color/stroke.d.ts new file mode 100644 index 000000000..feb176c37 --- /dev/null +++ b/packages/vars/lib/color/stroke.d.ts @@ -0,0 +1,8 @@ +export declare const neutral = "var(--seed-v3-color-stroke-neutral)"; +export declare const brand = "var(--seed-v3-color-stroke-brand)"; +export declare const field = "var(--seed-v3-color-stroke-field)"; +export declare const fieldFocused = "var(--seed-v3-color-stroke-field-focused)"; +export declare const control = "var(--seed-v3-color-stroke-control)"; +export declare const neutralMuted = "var(--seed-v3-color-stroke-neutral-muted)"; +export declare const danger = "var(--seed-v3-color-stroke-danger)"; +export declare const positive = "var(--seed-v3-color-stroke-positive)"; \ No newline at end of file diff --git a/packages/vars/src/color/stroke.vars.ts b/packages/vars/lib/color/stroke.mjs similarity index 100% rename from packages/vars/src/color/stroke.vars.ts rename to packages/vars/lib/color/stroke.mjs diff --git a/packages/vars/lib/component/action-button.d.ts b/packages/vars/lib/component/action-button.d.ts new file mode 100644 index 000000000..0dbcb1348 --- /dev/null +++ b/packages/vars/lib/component/action-button.d.ts @@ -0,0 +1,331 @@ +export declare const vars: { + "base": { + "enabled": { + "label": { + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + } + }, + "variantBrandSolid": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-brand-solid)" + }, + "label": { + "color": "var(--seed-v3-color-fg-static-white)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-static-white)" + }, + "prefixIcon": { + "color": "var(--seed-v3-color-fg-static-white)" + }, + "suffixIcon": { + "color": "var(--seed-v3-color-fg-static-white)" + } + }, + "pressed": { + "root": { + "color": "var(--seed-v3-color-bg-brand-solid-pressed)" + } + }, + "disabled": { + "root": { + "color": "var(--seed-v3-color-bg-disabled)" + } + }, + "loading": { + "root": { + "color": "var(--seed-v3-color-bg-brand-solid-pressed)" + } + } + }, + "variantBrandWeak": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-brand-weak)" + }, + "label": { + "color": "var(--seed-v3-color-fg-brand)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-brand)" + }, + "prefixIcon": { + "color": "var(--seed-v3-color-fg-brand)" + }, + "suffixIcon": { + "color": "var(--seed-v3-color-fg-brand)" + } + }, + "pressed": { + "root": { + "color": "var(--seed-v3-color-bg-brand-weak-pressed)" + } + }, + "disabled": { + "root": { + "color": "var(--seed-v3-color-bg-disabled)" + } + }, + "loading": { + "root": { + "color": "var(--seed-v3-color-bg-brand-weak-pressed)" + } + } + }, + "variantNeutralSolid": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-solid)" + }, + "label": { + "color": "var(--seed-v3-color-fg-neutral-inverted)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-neutral-inverted)" + }, + "prefixIcon": { + "color": "var(--seed-v3-color-fg-neutral-inverted)" + }, + "suffixIcon": { + "color": "var(--seed-v3-color-fg-neutral-inverted)" + } + }, + "pressed": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-solid-pressed)" + } + }, + "disabled": { + "root": { + "color": "var(--seed-v3-color-bg-disabled)" + } + }, + "loading": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-solid-pressed)" + } + } + }, + "variantNeutralWeak": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-weak)" + }, + "label": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "prefixIcon": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "suffixIcon": { + "color": "var(--seed-v3-color-fg-neutral)" + } + }, + "pressed": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-weak-pressed)" + } + }, + "disabled": { + "root": { + "color": "var(--seed-v3-color-bg-disabled)" + } + }, + "loading": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-weak-pressed)" + } + } + }, + "variantDangerSolid": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-danger-solid)" + }, + "label": { + "color": "var(--seed-v3-color-fg-static-white)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-static-white)" + }, + "prefixIcon": { + "color": "var(--seed-v3-color-fg-static-white)" + }, + "suffixIcon": { + "color": "var(--seed-v3-color-fg-static-white)" + } + }, + "pressed": { + "root": { + "color": "var(--seed-v3-color-bg-danger-solid-pressed)" + } + }, + "disabled": { + "root": { + "color": "var(--seed-v3-color-bg-disabled)" + } + }, + "loading": { + "root": { + "color": "var(--seed-v3-color-bg-danger-solid-pressed)" + } + } + }, + "sizeXsmall": { + "enabled": { + "root": { + "minHeight": "var(--seed-v3-unit-x8)", + "cornerRadius": "var(--seed-v3-radius-full)" + } + } + }, + "sizeXsmallLayoutWithText": { + "enabled": { + "root": { + "gap": "var(--seed-v3-unit-x1)", + "paddingX": "var(--seed-v3-unit-x3_5)", + "paddingY": "var(--seed-v3-unit-x1_5)" + }, + "prefixIcon": { + "size": "var(--seed-v3-unit-x3_5)" + }, + "suffixIcon": { + "size": "var(--seed-v3-unit-x3_5)" + }, + "label": { + "fontSize": "var(--seed-v3-font-size-t4)" + } + } + }, + "sizeXsmallLayoutIconOnly": { + "enabled": { + "root": { + "minWidth": "var(--seed-v3-unit-x8)", + "paddingX": "var(--seed-v3-unit-x1_5)", + "paddingY": "var(--seed-v3-unit-x1_5)" + }, + "icon": { + "size": "var(--seed-v3-unit-x3_5)" + } + } + }, + "sizeSmall": { + "enabled": { + "root": { + "minHeight": "var(--seed-v3-unit-x9)", + "cornerRadius": "var(--seed-v3-radius-x2)" + } + } + }, + "sizeSmallLayoutWithText": { + "enabled": { + "root": { + "gap": "var(--seed-v3-unit-x1)", + "paddingX": "var(--seed-v3-unit-x3_5)", + "paddingY": "var(--seed-v3-unit-x2)" + }, + "prefixIcon": { + "size": "var(--seed-v3-unit-x3_5)" + }, + "suffixIcon": { + "size": "var(--seed-v3-unit-x3_5)" + }, + "label": { + "fontSize": "var(--seed-v3-font-size-t4)" + } + } + }, + "sizeSmallLayoutIconOnly": { + "enabled": { + "root": { + "minWidth": "var(--seed-v3-unit-x9)", + "paddingX": "var(--seed-v3-unit-x2)", + "paddingY": "var(--seed-v3-unit-x2)" + }, + "icon": { + "size": "var(--seed-v3-unit-x4)" + } + } + }, + "sizeMedium": { + "enabled": { + "root": { + "minHeight": "var(--seed-v3-unit-x10)", + "cornerRadius": "var(--seed-v3-radius-x2)" + } + } + }, + "sizeMediumLayoutWithText": { + "enabled": { + "root": { + "gap": "var(--seed-v3-unit-x1)", + "paddingX": "var(--seed-v3-unit-x4)", + "paddingY": "var(--seed-v3-unit-x2_5)" + }, + "prefixIcon": { + "size": "var(--seed-v3-unit-x4)" + }, + "suffixIcon": { + "size": "var(--seed-v3-unit-x4)" + }, + "label": { + "fontSize": "var(--seed-v3-font-size-t4)" + } + } + }, + "sizeMediumLayoutIconOnly": { + "enabled": { + "root": { + "minWidth": "var(--seed-v3-unit-x10)", + "paddingX": "var(--seed-v3-unit-x2_5)", + "paddingY": "var(--seed-v3-unit-x2_5)" + }, + "icon": { + "size": "18px" + } + } + }, + "sizeLarge": { + "enabled": { + "root": { + "minHeight": "var(--seed-v3-unit-x13)", + "cornerRadius": "var(--seed-v3-radius-x3)" + } + } + }, + "sizeLargeLayoutWithText": { + "enabled": { + "root": { + "gap": "var(--seed-v3-unit-x2)", + "paddingX": "var(--seed-v3-unit-x5)", + "paddingY": "var(--seed-v3-unit-x3_5)" + }, + "prefixIcon": { + "size": "22px" + }, + "suffixIcon": { + "size": "22px" + }, + "label": { + "fontSize": "var(--seed-v3-font-size-t6)" + } + } + }, + "sizeLargeLayoutIconOnly": { + "enabled": { + "root": { + "minWidth": "var(--seed-v3-unit-x13)", + "paddingX": "var(--seed-v3-unit-x3_5)", + "paddingY": "var(--seed-v3-unit-x3_5)" + }, + "icon": { + "size": "22px" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/action-button.vars.ts b/packages/vars/lib/component/action-button.mjs similarity index 100% rename from packages/vars/src/component/action-button.vars.ts rename to packages/vars/lib/component/action-button.mjs diff --git a/packages/vars/lib/component/action-chip.d.ts b/packages/vars/lib/component/action-chip.d.ts new file mode 100644 index 000000000..cb84d1340 --- /dev/null +++ b/packages/vars/lib/component/action-chip.d.ts @@ -0,0 +1,115 @@ +export declare const vars: { + "base": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-weak)", + "cornerRadius": "var(--seed-v3-radius-full)" + }, + "label": { + "color": "var(--seed-v3-color-fg-neutral)", + "fontWeight": "var(--seed-v3-font-weight-medium)" + }, + "prefixIcon": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "suffixIcon": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "count": { + "color": "var(--seed-v3-color-fg-neutral-muted)" + } + }, + "pressed": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-weak-pressed)" + } + }, + "disabled": { + "root": { + "color": "var(--seed-v3-color-bg-disabled)" + }, + "label": { + "color": "var(--seed-v3-color-fg-disabled)" + }, + "prefixIcon": { + "color": "var(--seed-v3-color-fg-disabled)" + }, + "suffixIcon": { + "color": "var(--seed-v3-color-fg-disabled)" + }, + "count": { + "color": "var(--seed-v3-color-fg-disabled)" + } + } + }, + "sizeSmall": { + "enabled": { + "root": { + "minHeight": "var(--seed-v3-unit-x8)", + "paddingY": "var(--seed-v3-unit-x1_5)", + "gap": "var(--seed-v3-unit-x1)" + }, + "label": { + "fontSize": "var(--seed-v3-font-size-t4)" + }, + "prefixIcon": { + "size": "var(--seed-v3-unit-x4)" + }, + "suffixIcon": { + "size": "var(--seed-v3-unit-x3_5)" + } + } + }, + "sizeMedium": { + "enabled": { + "root": { + "minHeight": "var(--seed-v3-unit-x9)", + "paddingY": "var(--seed-v3-unit-x2)", + "gap": "var(--seed-v3-unit-x1)" + }, + "label": { + "fontSize": "var(--seed-v3-font-size-t4)" + }, + "prefixIcon": { + "size": "var(--seed-v3-unit-x4)" + }, + "suffixIcon": { + "size": "var(--seed-v3-unit-x3_5)" + } + } + }, + "sizeSmallLayoutWithText": { + "enabled": { + "root": { + "paddingX": "var(--seed-v3-unit-x3)" + } + } + }, + "sizeSmallLayoutIconOnly": { + "enabled": { + "root": { + "minWidth": "var(--seed-v3-unit-x8)" + }, + "icon": { + "size": "var(--seed-v3-unit-x4)" + } + } + }, + "sizeMediumLayoutWithText": { + "enabled": { + "root": { + "paddingX": "var(--seed-v3-unit-x3_5)" + } + } + }, + "sizeMediumLayoutIconOnly": { + "enabled": { + "root": { + "minWidth": "var(--seed-v3-unit-x9)" + }, + "icon": { + "size": "var(--seed-v3-unit-x4)" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/action-chip.vars.ts b/packages/vars/lib/component/action-chip.mjs similarity index 100% rename from packages/vars/src/component/action-chip.vars.ts rename to packages/vars/lib/component/action-chip.mjs diff --git a/packages/vars/lib/component/avatar.d.ts b/packages/vars/lib/component/avatar.d.ts new file mode 100644 index 000000000..0f301fbce --- /dev/null +++ b/packages/vars/lib/component/avatar.d.ts @@ -0,0 +1,83 @@ +export declare const vars: { + "base": { + "enabled": { + "root": { + "cornerRadius": "var(--seed-v3-radius-full)" + }, + "badge": { + "cornerRadius": "var(--seed-v3-radius-full)", + "color": "var(--seed-v3-color-bg-layer-default)" + } + } + }, + "size20": { + "enabled": { + "root": { + "size": "var(--seed-v3-unit-x5)" + }, + "badge": { + "size": "var(--seed-v3-unit-x2_5)" + } + } + }, + "size24": { + "enabled": { + "root": { + "size": "var(--seed-v3-unit-x6)" + }, + "badge": { + "size": "var(--seed-v3-unit-x3)" + } + } + }, + "size36": { + "enabled": { + "root": { + "size": "var(--seed-v3-unit-x9)" + }, + "badge": { + "size": "var(--seed-v3-unit-x4)" + } + } + }, + "size48": { + "enabled": { + "root": { + "size": "var(--seed-v3-unit-x12)" + }, + "badge": { + "size": "var(--seed-v3-unit-x6)" + } + } + }, + "size64": { + "enabled": { + "root": { + "size": "var(--seed-v3-unit-x16)" + }, + "badge": { + "size": "var(--seed-v3-unit-x6)" + } + } + }, + "size80": { + "enabled": { + "root": { + "size": "80px" + }, + "badge": { + "size": "var(--seed-v3-unit-x6)" + } + } + }, + "size96": { + "enabled": { + "root": { + "size": "96px" + }, + "badge": { + "size": "var(--seed-v3-unit-x8)" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/avatar.vars.ts b/packages/vars/lib/component/avatar.mjs similarity index 100% rename from packages/vars/src/component/avatar.vars.ts rename to packages/vars/lib/component/avatar.mjs diff --git a/packages/vars/lib/component/badge.d.ts b/packages/vars/lib/component/badge.d.ts new file mode 100644 index 000000000..33f2121fe --- /dev/null +++ b/packages/vars/lib/component/badge.d.ts @@ -0,0 +1,217 @@ +export declare const vars: { + "sizeMedium": { + "enabled": { + "root": { + "minHeight": "var(--seed-v3-unit-x5)", + "paddingX": "var(--seed-v3-unit-x2)", + "paddingY": "var(--seed-v3-unit-x1)", + "fontSize": "var(--seed-v3-font-size-t2)" + } + } + }, + "sizeSmall": { + "enabled": { + "root": { + "minHeight": "var(--seed-v3-unit-x4)", + "paddingX": "var(--seed-v3-unit-x1_5)", + "paddingY": "var(--seed-v3-unit-x0_5)", + "fontSize": "var(--seed-v3-font-size-t1)" + } + } + }, + "shapePill": { + "enabled": { + "root": { + "borderRadius": "var(--seed-v3-radius-full)" + } + } + }, + "shapeRectangleSizeMedium": { + "enabled": { + "root": { + "borderRadius": "var(--seed-v3-radius-x1)" + } + } + }, + "shapeRectangleSizeSmall": { + "enabled": { + "root": { + "borderRadius": "var(--seed-v3-radius-x0_5)" + } + } + }, + "variantSoft": { + "enabled": { + "label": { + "fontWeight": "var(--seed-v3-font-weight-medium)" + } + } + }, + "variantSolid": { + "enabled": { + "label": { + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + } + }, + "variantOutlined": { + "enabled": { + "root": { + "borderWidth": "1px" + }, + "label": { + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + } + }, + "toneNeutralVariantSoft": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-weak)" + }, + "label": { + "color": "var(--seed-v3-color-fg-neutral)" + } + } + }, + "toneNeutralVariantSolid": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-solid)" + }, + "label": { + "color": "var(--seed-v3-color-fg-static-white)" + } + } + }, + "toneNeutralVariantOutlined": { + "enabled": { + "root": { + "strokeColor": "var(--seed-v3-color-stroke-neutral)" + }, + "label": { + "color": "var(--seed-v3-color-fg-neutral)" + } + } + }, + "toneBrandVariantSoft": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-brand-weak)" + }, + "label": { + "color": "var(--seed-v3-color-fg-brand)" + } + } + }, + "toneBrandVariantSolid": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-brand-solid)" + }, + "label": { + "color": "var(--seed-v3-color-fg-static-white)" + } + } + }, + "toneBrandVariantOutlined": { + "enabled": { + "root": { + "strokeColor": "var(--seed-v3-color-stroke-brand)" + }, + "label": { + "color": "var(--seed-v3-color-fg-brand)" + } + } + }, + "toneInformativeVariantSoft": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-informative-weak)" + }, + "label": { + "color": "var(--seed-v3-color-fg-informative)" + } + } + }, + "toneInformativeVariantSolid": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-informative-solid)" + }, + "label": { + "color": "var(--seed-v3-color-fg-static-white)" + } + } + }, + "toneInformativeVariantOutlined": { + "enabled": { + "root": { + "strokeColor": "var(--seed-v3-color-fg-informative)" + }, + "label": { + "color": "var(--seed-v3-color-fg-informative)" + } + } + }, + "tonePositiveVariantSoft": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-positive-weak)" + }, + "label": { + "color": "var(--seed-v3-color-fg-positive)" + } + } + }, + "tonePositiveVariantSolid": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-positive-solid)" + }, + "label": { + "color": "var(--seed-v3-color-fg-static-white)" + } + } + }, + "tonePositiveVariantOutlined": { + "enabled": { + "root": { + "strokeColor": "var(--seed-v3-color-stroke-positive)" + }, + "label": { + "color": "var(--seed-v3-color-fg-positive)" + } + } + }, + "toneDangerVariantSoft": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-danger-weak)" + }, + "label": { + "color": "var(--seed-v3-color-fg-danger)" + } + } + }, + "toneDangerVariantSolid": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-danger-solid)" + }, + "label": { + "color": "var(--seed-v3-color-fg-static-white)" + } + } + }, + "toneDangerVariantOutlined": { + "enabled": { + "root": { + "strokeColor": "var(--seed-v3-color-stroke-danger)" + }, + "label": { + "color": "var(--seed-v3-color-fg-danger)" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/badge.vars.ts b/packages/vars/lib/component/badge.mjs similarity index 100% rename from packages/vars/src/component/badge.vars.ts rename to packages/vars/lib/component/badge.mjs diff --git a/packages/vars/lib/component/callout.d.ts b/packages/vars/lib/component/callout.d.ts new file mode 100644 index 000000000..0c1a57498 --- /dev/null +++ b/packages/vars/lib/component/callout.d.ts @@ -0,0 +1,194 @@ +export declare const vars: { + "base": { + "enabled": { + "root": { + "paddingXStart": "var(--seed-v3-unit-x3_5)", + "paddingXEnd": "var(--seed-v3-unit-x0_5)", + "paddingY": "5px", + "cornerRadius": "var(--seed-v3-radius-x2_5)" + }, + "content": { + "gap": "var(--seed-v3-unit-x3)", + "paddingY": "9.5px", + "fontSize": "var(--seed-v3-font-size-t4)", + "lineHeight": "var(--seed-v3-line-height-t5)" + }, + "icon": { + "size": "var(--seed-v3-unit-x4)" + }, + "title": { + "fontWeight": "var(--seed-v3-font-weight-bold)" + }, + "label": { + "fontWeight": "var(--seed-v3-font-weight-regular)" + }, + "dismissButton": { + "size": "var(--seed-v3-unit-x10)" + }, + "dismissIcon": { + "size": "var(--seed-v3-unit-x4)" + }, + "actionableIcon": { + "size": "var(--seed-v3-unit-x4)", + "margin": "var(--seed-v3-unit-x3)" + } + } + }, + "typeContentOnly": { + "enabled": { + "content": { + "paddingXEnd": "var(--seed-v3-unit-x3)" + } + } + }, + "variantNeutral": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-weak)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "title": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "label": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "linkLabel": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "dismissIcon": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "actionableIcon": { + "color": "var(--seed-v3-color-fg-neutral)" + } + }, + "pressed": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-weak-pressed)" + } + } + }, + "variantInformative": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-informative-weak)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-informative-contrast)" + }, + "title": { + "color": "var(--seed-v3-color-fg-informative-contrast)" + }, + "label": { + "color": "var(--seed-v3-color-fg-informative-contrast)" + }, + "linkLabel": { + "color": "var(--seed-v3-color-fg-informative-contrast)" + }, + "dismissIcon": { + "color": "var(--seed-v3-color-fg-informative-contrast)" + }, + "actionableIcon": { + "color": "var(--seed-v3-color-fg-informative-contrast)" + } + }, + "pressed": { + "root": { + "color": "var(--seed-v3-color-bg-informative-weak-pressed)" + } + } + }, + "variantWarning": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-warning-weak)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-warning-contrast)" + }, + "title": { + "color": "var(--seed-v3-color-fg-warning-contrast)" + }, + "label": { + "color": "var(--seed-v3-color-fg-warning-contrast)" + }, + "linkLabel": { + "color": "var(--seed-v3-color-fg-warning-contrast)" + }, + "dismissIcon": { + "color": "var(--seed-v3-color-fg-warning-contrast)" + }, + "actionableIcon": { + "color": "var(--seed-v3-color-fg-warning-contrast)" + } + }, + "pressed": { + "root": { + "color": "var(--seed-v3-color-bg-warning-weak-pressed)" + } + } + }, + "variantDanger": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-danger-weak)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-danger-contrast)" + }, + "title": { + "color": "var(--seed-v3-color-fg-danger-contrast)" + }, + "label": { + "color": "var(--seed-v3-color-fg-danger-contrast)" + }, + "linkLabel": { + "color": "var(--seed-v3-color-fg-danger-contrast)" + }, + "dismissIcon": { + "color": "var(--seed-v3-color-fg-danger-contrast)" + }, + "actionableIcon": { + "color": "var(--seed-v3-color-fg-danger-contrast)" + } + }, + "pressed": { + "root": { + "color": "var(--seed-v3-color-bg-danger-weak-pressed)" + } + } + }, + "variantMagic": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-magic-weak)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-magic-contrast)" + }, + "title": { + "color": "var(--seed-v3-color-fg-magic-contrast)" + }, + "label": { + "color": "var(--seed-v3-color-fg-magic-contrast)" + }, + "linkLabel": { + "color": "var(--seed-v3-color-fg-magic-contrast)" + }, + "dismissIcon": { + "color": "var(--seed-v3-color-fg-magic-contrast)" + }, + "actionableIcon": { + "color": "var(--seed-v3-color-fg-magic-contrast)" + } + }, + "pressed": { + "root": { + "color": "var(--seed-v3-color-bg-magic-weak-pressed)" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/callout.vars.ts b/packages/vars/lib/component/callout.mjs similarity index 100% rename from packages/vars/src/component/callout.vars.ts rename to packages/vars/lib/component/callout.mjs diff --git a/packages/vars/lib/component/checkbox.d.ts b/packages/vars/lib/component/checkbox.d.ts new file mode 100644 index 000000000..b3ff0ce35 --- /dev/null +++ b/packages/vars/lib/component/checkbox.d.ts @@ -0,0 +1,192 @@ +export declare const vars: { + "base": { + "enabled": { + "label": { + "color": "var(--seed-v3-color-fg-neutral)", + "lineHeight": "var(--seed-v3-line-height-t5)" + }, + "root": { + "gap": "var(--seed-v3-unit-x2)" + } + }, + "bold": { + "label": { + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + } + }, + "variantSquare": { + "enabled": { + "control": { + "strokeColor": "var(--seed-v3-color-stroke-control)", + "strokeWidth": "1.25px" + } + }, + "enabledSelected": { + "control": { + "color": "var(--seed-v3-color-bg-brand-solid)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-static-white)" + } + }, + "pressed": { + "control": { + "color": "var(--seed-v3-color-bg-layer-default-pressed)" + } + }, + "pressedSelected": { + "control": { + "color": "var(--seed-v3-color-bg-brand-solid-pressed)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-static-white)" + } + }, + "disabled": { + "control": { + "color": "var(--seed-v3-color-bg-disabled)", + "strokeColor": "var(--seed-v3-color-stroke-neutral)" + }, + "label": { + "color": "var(--seed-v3-color-fg-disabled)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-disabled)" + } + }, + "disabledSelected": { + "label": { + "color": "var(--seed-v3-color-fg-disabled)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-disabled)" + } + } + }, + "variantGhost": { + "enabled": { + "icon": { + "color": "var(--seed-v3-color-fg-placeholder)" + } + }, + "enabledSelected": { + "icon": { + "color": "var(--seed-v3-color-fg-brand)" + } + }, + "pressed": { + "control": { + "color": "var(--seed-v3-color-bg-layer-default-pressed)" + } + }, + "pressedSelected": { + "control": { + "color": "var(--seed-v3-color-bg-brand-weak-pressed)" + } + }, + "disabled": { + "label": { + "color": "var(--seed-v3-color-fg-disabled)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-disabled)" + } + }, + "disabledSelected": { + "label": { + "color": "var(--seed-v3-color-fg-disabled)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-disabled)" + } + } + }, + "sizeSmall": { + "enabled": { + "root": { + "minHeight": "var(--seed-v3-unit-x8)" + }, + "label": { + "fontSize": "var(--seed-v3-font-size-t3)", + "lineHeight": "var(--seed-v3-line-height-t3)" + }, + "control": { + "size": "var(--seed-v3-unit-x4)", + "cornerRadius": "var(--seed-v3-radius-x1)" + } + } + }, + "sizeMedium": { + "enabled": { + "root": { + "minHeight": "var(--seed-v3-unit-x8)" + }, + "label": { + "fontSize": "var(--seed-v3-font-size-t4)", + "lineHeight": "var(--seed-v3-line-height-t4)" + }, + "control": { + "size": "var(--seed-v3-unit-x5)", + "cornerRadius": "var(--seed-v3-radius-x1)" + } + } + }, + "sizeLarge": { + "enabled": { + "root": { + "minHeight": "var(--seed-v3-unit-x9)" + }, + "label": { + "fontSize": "var(--seed-v3-font-size-t5)", + "lineHeight": "var(--seed-v3-line-height-t5)" + }, + "control": { + "size": "var(--seed-v3-unit-x6)", + "cornerRadius": "var(--seed-v3-radius-x1_5)" + } + } + }, + "variantGhostSizeSmall": { + "enabled": { + "icon": { + "size": "13.5px" + } + } + }, + "variantGhostSizeMedium": { + "enabled": { + "icon": { + "size": "15px" + } + } + }, + "variantGhostSizeLarge": { + "enabled": { + "icon": { + "size": "18px" + } + } + }, + "variantSquareSizeSmall": { + "enabled": { + "icon": { + "size": "10.5px" + } + } + }, + "variantSquareSizeMedium": { + "enabled": { + "icon": { + "size": "11.67px" + } + } + }, + "variantSquareSizeLarge": { + "enabled": { + "icon": { + "size": "14px" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/checkbox.vars.ts b/packages/vars/lib/component/checkbox.mjs similarity index 100% rename from packages/vars/src/component/checkbox.vars.ts rename to packages/vars/lib/component/checkbox.mjs diff --git a/packages/vars/lib/component/chip-tab.d.ts b/packages/vars/lib/component/chip-tab.d.ts new file mode 100644 index 000000000..b7a8b2e6f --- /dev/null +++ b/packages/vars/lib/component/chip-tab.d.ts @@ -0,0 +1,98 @@ +export declare const vars: { + "base": { + "enabled": { + "root": { + "paddingX": "var(--seed-v3-unit-x3_5)", + "paddingY": "var(--seed-v3-unit-x2)", + "cornerRadius": "var(--seed-v3-radius-full)", + "minHeight": "36px" + }, + "label": { + "fontSize": "var(--seed-v3-font-size-t4)", + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + } + }, + "variantNeutralSolid": { + "enabled": { + "label": { + "color": "var(--seed-v3-color-fg-neutral)", + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + }, + "enabledPressed": { + "root": { + "color": "var(--seed-v3-color-bg-layer-default-pressed)" + } + }, + "selected": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-solid)" + }, + "label": { + "color": "var(--seed-v3-color-fg-neutral-inverted)" + } + }, + "selectedPressed": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-solid-pressed)" + } + }, + "disabled": { + "label": { + "color": "var(--seed-v3-color-fg-disabled)" + } + }, + "selectedDisabled": { + "root": { + "color": "var(--seed-v3-color-bg-disabled)" + }, + "label": { + "color": "var(--seed-v3-color-fg-disabled)" + } + } + }, + "variantBrandSolid": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-weak)" + }, + "label": { + "color": "var(--seed-v3-color-fg-neutral-muted)", + "fontWeight": "var(--seed-v3-font-weight-medium)" + } + }, + "enabledPressed": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-weak-pressed)" + } + }, + "selected": { + "root": { + "color": "var(--seed-v3-color-bg-brand-solid)" + }, + "label": { + "color": "var(--seed-v3-color-fg-static-white)", + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + }, + "selectedPressed": { + "root": { + "color": "var(--seed-v3-color-bg-brand-solid-pressed)" + } + }, + "disabled": { + "root": { + "color": "var(--seed-v3-color-bg-disabled)" + }, + "label": { + "color": "var(--seed-v3-color-fg-disabled)" + } + }, + "selectedDisabled": { + "root": { + "color": "var(--seed-v3-color-bg-disabled)" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/chip-tab.vars.ts b/packages/vars/lib/component/chip-tab.mjs similarity index 100% rename from packages/vars/src/component/chip-tab.vars.ts rename to packages/vars/lib/component/chip-tab.mjs diff --git a/packages/vars/lib/component/chip-tablist.d.ts b/packages/vars/lib/component/chip-tablist.d.ts new file mode 100644 index 000000000..e22bbf08c --- /dev/null +++ b/packages/vars/lib/component/chip-tablist.d.ts @@ -0,0 +1,23 @@ +export declare const vars: { + "base": { + "enabled": { + "root": { + "paddingX": "var(--seed-v3-unit-x4)" + } + } + }, + "variantNeutralSolid": { + "enabled": { + "triggerList": { + "gap": "0px" + } + } + }, + "variantBrandSolid": { + "enabled": { + "triggerList": { + "gap": "8px" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/chip-tablist.vars.ts b/packages/vars/lib/component/chip-tablist.mjs similarity index 100% rename from packages/vars/src/component/chip-tablist.vars.ts rename to packages/vars/lib/component/chip-tablist.mjs diff --git a/packages/vars/lib/component/control-chip.d.ts b/packages/vars/lib/component/control-chip.d.ts new file mode 100644 index 000000000..daf5e1ef0 --- /dev/null +++ b/packages/vars/lib/component/control-chip.d.ts @@ -0,0 +1,148 @@ +export declare const vars: { + "base": { + "enabled": { + "root": { + "strokeColor": "var(--seed-v3-color-stroke-neutral)", + "strokeWidth": "1px", + "cornerRadius": "var(--seed-v3-radius-full)" + }, + "label": { + "color": "var(--seed-v3-color-fg-neutral)", + "fontWeight": "var(--seed-v3-font-weight-medium)" + }, + "prefixIcon": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "suffixIcon": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "count": { + "color": "var(--seed-v3-color-fg-neutral-muted)" + } + }, + "pressed": { + "root": { + "color": "var(--seed-v3-color-bg-layer-default-pressed)" + } + }, + "selected": { + "root": { + "strokeWidth": "0", + "color": "var(--seed-v3-color-bg-brand-weak)" + }, + "label": { + "color": "var(--seed-v3-color-fg-brand)" + }, + "prefixIcon": { + "color": "var(--seed-v3-color-fg-brand)" + }, + "suffixIcon": { + "color": "var(--seed-v3-color-fg-brand)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-brand)" + }, + "count": { + "color": "var(--seed-v3-color-fg-brand)" + } + }, + "selectedPressed": { + "root": { + "color": "var(--seed-v3-color-bg-brand-weak-pressed)" + } + }, + "disabled": { + "root": { + "color": "var(--seed-v3-color-bg-disabled)" + }, + "label": { + "color": "var(--seed-v3-color-fg-disabled)" + }, + "prefixIcon": { + "color": "var(--seed-v3-color-fg-disabled)" + }, + "suffixIcon": { + "color": "var(--seed-v3-color-fg-disabled)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-disabled)" + }, + "count": { + "color": "var(--seed-v3-color-fg-disabled)" + } + } + }, + "sizeSmall": { + "enabled": { + "root": { + "minHeight": "var(--seed-v3-unit-x8)", + "paddingY": "var(--seed-v3-unit-x1_5)", + "gap": "var(--seed-v3-unit-x1)" + }, + "label": { + "fontSize": "var(--seed-v3-font-size-t4)" + }, + "prefixIcon": { + "size": "var(--seed-v3-unit-x4)" + }, + "suffixIcon": { + "size": "var(--seed-v3-unit-x3_5)" + } + } + }, + "sizeMedium": { + "enabled": { + "root": { + "minHeight": "var(--seed-v3-unit-x9)", + "paddingY": "var(--seed-v3-unit-x2)", + "gap": "var(--seed-v3-unit-x1)" + }, + "label": { + "fontSize": "var(--seed-v3-font-size-t4)" + }, + "prefixIcon": { + "size": "var(--seed-v3-unit-x4)" + }, + "suffixIcon": { + "size": "var(--seed-v3-unit-x3_5)" + } + } + }, + "sizeSmallLayoutWithText": { + "enabled": { + "root": { + "paddingX": "var(--seed-v3-unit-x3)" + } + } + }, + "sizeSmallLayoutIconOnly": { + "enabled": { + "root": { + "minWidth": "var(--seed-v3-unit-x8)" + }, + "icon": { + "size": "var(--seed-v3-unit-x4)" + } + } + }, + "sizeMediumLayoutWithText": { + "enabled": { + "root": { + "paddingX": "var(--seed-v3-unit-x3_5)" + } + } + }, + "sizeMediumLayoutIconOnly": { + "enabled": { + "root": { + "minWidth": "var(--seed-v3-unit-x9)" + }, + "icon": { + "size": "var(--seed-v3-unit-x4)" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/control-chip.vars.ts b/packages/vars/lib/component/control-chip.mjs similarity index 100% rename from packages/vars/src/component/control-chip.vars.ts rename to packages/vars/lib/component/control-chip.mjs diff --git a/packages/vars/lib/component/dialog.d.ts b/packages/vars/lib/component/dialog.d.ts new file mode 100644 index 000000000..3ec30fd81 --- /dev/null +++ b/packages/vars/lib/component/dialog.d.ts @@ -0,0 +1,34 @@ +export declare const vars: { + "base": { + "enabled": { + "backdrop": { + "background": "var(--seed-v3-color-bg-overlay)" + }, + "content": { + "background": "var(--seed-v3-color-bg-layer-default)", + "borderRadius": "var(--seed-v3-radius-x4)", + "marginX": "var(--seed-v3-unit-x8)", + "paddingX": "var(--seed-v3-unit-x5)", + "paddingY": "var(--seed-v3-unit-x5)", + "maxWidth": "272px" + }, + "header": { + "gap": "var(--seed-v3-unit-x1_5)" + }, + "footer": { + "paddingTop": "var(--seed-v3-unit-x4)", + "gap": "var(--seed-v3-unit-x2)" + }, + "title": { + "color": "var(--seed-v3-color-fg-neutral)", + "fontSize": "var(--seed-v3-font-size-t7)", + "fontWeight": "var(--seed-v3-font-weight-bold)" + }, + "description": { + "color": "var(--seed-v3-color-fg-neutral)", + "fontSize": "var(--seed-v3-font-size-t5)", + "fontWeight": "var(--seed-v3-font-weight-regular)" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/dialog.vars.ts b/packages/vars/lib/component/dialog.mjs similarity index 100% rename from packages/vars/src/component/dialog.vars.ts rename to packages/vars/lib/component/dialog.mjs diff --git a/packages/vars/lib/component/expand-button.d.ts b/packages/vars/lib/component/expand-button.d.ts new file mode 100644 index 000000000..53a09c91d --- /dev/null +++ b/packages/vars/lib/component/expand-button.d.ts @@ -0,0 +1,41 @@ +export declare const vars: { + "base": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-layer-default)", + "minHeight": "var(--seed-v3-unit-x10)", + "cornerRadius": "var(--seed-v3-radius-x2)", + "gap": "var(--seed-v3-unit-x1)", + "paddingX": "var(--seed-v3-unit-x5)", + "paddingY": "var(--seed-v3-unit-x2_5)", + "strokeColor": "var(--seed-v3-color-palette-gray-400)", + "strokeWidth": "1px" + }, + "label": { + "color": "var(--seed-v3-color-fg-neutral)", + "fontWeight": "var(--seed-v3-font-weight-bold)", + "fontSize": "var(--seed-v3-font-size-t4)" + }, + "suffixIcon": { + "color": "var(--seed-v3-color-fg-neutral)", + "size": "var(--seed-v3-unit-x3_5)" + } + }, + "pressed": { + "root": { + "color": "var(--seed-v3-color-bg-layer-default-pressed)" + } + }, + "disabled": { + "root": { + "color": "var(--seed-v3-color-bg-disabled)" + }, + "label": { + "color": "var(--seed-v3-color-fg-disabled)" + }, + "suffixIcon": { + "color": "var(--seed-v3-color-fg-disabled)" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/expand-button.vars.ts b/packages/vars/lib/component/expand-button.mjs similarity index 100% rename from packages/vars/src/component/expand-button.vars.ts rename to packages/vars/lib/component/expand-button.mjs diff --git a/packages/vars/lib/component/fab.d.ts b/packages/vars/lib/component/fab.d.ts new file mode 100644 index 000000000..224be2c85 --- /dev/null +++ b/packages/vars/lib/component/fab.d.ts @@ -0,0 +1,38 @@ +export declare const vars: { + "base": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-layer-floating)", + "borderRadius": "var(--seed-v3-radius-full)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-neutral)" + } + }, + "pressed": { + "root": { + "color": "var(--seed-v3-color-bg-layer-floating-pressed)" + } + } + }, + "sizeSmall": { + "enabled": { + "root": { + "size": "var(--seed-v3-unit-x10)" + }, + "icon": { + "size": "var(--seed-v3-unit-x5)" + } + } + }, + "sizeMedium": { + "enabled": { + "root": { + "size": "var(--seed-v3-unit-x12)" + }, + "icon": { + "size": "var(--seed-v3-unit-x6)" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/fab.vars.ts b/packages/vars/lib/component/fab.mjs similarity index 100% rename from packages/vars/src/component/fab.vars.ts rename to packages/vars/lib/component/fab.mjs diff --git a/packages/vars/lib/component/help-bubble.d.ts b/packages/vars/lib/component/help-bubble.d.ts new file mode 100644 index 000000000..bf780e4fb --- /dev/null +++ b/packages/vars/lib/component/help-bubble.d.ts @@ -0,0 +1,57 @@ +export declare const vars: { + "base": { + "enabled": { + "root": { + "cornerRadius": "var(--seed-v3-radius-x1_5)", + "paddingX": "var(--seed-v3-unit-x3)", + "paddingY": "var(--seed-v3-unit-x2)" + }, + "arrow": { + "size": "var(--seed-v3-unit-x2_5)" + }, + "title": { + "fontSize": "var(--seed-v3-font-size-t3)", + "fontWeight": "var(--seed-v3-font-weight-bold)" + }, + "description": { + "fontSize": "var(--seed-v3-font-size-t3)", + "fontWeight": "var(--seed-v3-font-weight-regular)" + } + } + }, + "variantNonModal": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-solid)" + }, + "arrow": { + "color": "var(--seed-v3-color-bg-neutral-solid)" + }, + "title": { + "color": "var(--seed-v3-color-fg-neutral-inverted)" + }, + "description": { + "color": "var(--seed-v3-color-fg-neutral-inverted)" + } + } + }, + "variantModal": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-static-white)" + }, + "arrow": { + "color": "var(--seed-v3-color-bg-static-white)" + }, + "title": { + "color": "var(--seed-v3-color-fg-static-black)" + }, + "description": { + "color": "var(--seed-v3-color-fg-static-black)" + }, + "backdrop": { + "color": "var(--seed-v3-color-bg-overlay)" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/help-bubble.vars.ts b/packages/vars/lib/component/help-bubble.mjs similarity index 100% rename from packages/vars/src/component/help-bubble.vars.ts rename to packages/vars/lib/component/help-bubble.mjs diff --git a/packages/vars/lib/component/index.d.ts b/packages/vars/lib/component/index.d.ts new file mode 100644 index 000000000..aad7cb83c --- /dev/null +++ b/packages/vars/lib/component/index.d.ts @@ -0,0 +1,22 @@ +export { vars as actionButton } from "./action-button"; +export { vars as actionChip } from "./action-chip"; +export { vars as avatar } from "./avatar"; +export { vars as badge } from "./badge"; +export { vars as callout } from "./callout"; +export { vars as checkbox } from "./checkbox"; +export { vars as chipTab } from "./chip-tab"; +export { vars as chipTablist } from "./chip-tablist"; +export { vars as controlChip } from "./control-chip"; +export { vars as dialog } from "./dialog"; +export { vars as expandButton } from "./expand-button"; +export { vars as fab } from "./fab"; +export { vars as helpBubble } from "./help-bubble"; +export { vars as inlineBanner } from "./inline-banner"; +export { vars as radio } from "./radio"; +export { vars as segmentedControl } from "./segmented-control"; +export { vars as selectBox } from "./select-box"; +export { vars as switch } from "./switch"; +export { vars as tab } from "./tab"; +export { vars as tablist } from "./tablist"; +export { vars as textButton } from "./text-button"; +export { vars as typography } from "./typography"; \ No newline at end of file diff --git a/packages/vars/lib/component/index.mjs b/packages/vars/lib/component/index.mjs new file mode 100644 index 000000000..a8a693bf5 --- /dev/null +++ b/packages/vars/lib/component/index.mjs @@ -0,0 +1,22 @@ +export { vars as actionButton } from "./action-button.mjs"; +export { vars as actionChip } from "./action-chip.mjs"; +export { vars as avatar } from "./avatar.mjs"; +export { vars as badge } from "./badge.mjs"; +export { vars as callout } from "./callout.mjs"; +export { vars as checkbox } from "./checkbox.mjs"; +export { vars as chipTab } from "./chip-tab.mjs"; +export { vars as chipTablist } from "./chip-tablist.mjs"; +export { vars as controlChip } from "./control-chip.mjs"; +export { vars as dialog } from "./dialog.mjs"; +export { vars as expandButton } from "./expand-button.mjs"; +export { vars as fab } from "./fab.mjs"; +export { vars as helpBubble } from "./help-bubble.mjs"; +export { vars as inlineBanner } from "./inline-banner.mjs"; +export { vars as radio } from "./radio.mjs"; +export { vars as segmentedControl } from "./segmented-control.mjs"; +export { vars as selectBox } from "./select-box.mjs"; +export { vars as switch } from "./switch.mjs"; +export { vars as tab } from "./tab.mjs"; +export { vars as tablist } from "./tablist.mjs"; +export { vars as textButton } from "./text-button.mjs"; +export { vars as typography } from "./typography.mjs"; \ No newline at end of file diff --git a/packages/vars/lib/component/inline-banner.d.ts b/packages/vars/lib/component/inline-banner.d.ts new file mode 100644 index 000000000..1d982cb05 --- /dev/null +++ b/packages/vars/lib/component/inline-banner.d.ts @@ -0,0 +1,220 @@ +export declare const vars: { + "base": { + "enabled": { + "root": { + "gap": "var(--seed-v3-unit-x1)", + "paddingXStart": "var(--seed-v3-unit-x4)", + "paddingXEnd": "var(--seed-v3-unit-x1)" + }, + "content": { + "gap": "var(--seed-v3-unit-x2)", + "paddingY": "10.5px", + "fontSize": "var(--seed-v3-font-size-t4)", + "lineHeight": "var(--seed-v3-line-height-t4)" + }, + "icon": { + "size": "var(--seed-v3-unit-x4)", + "marginY": "1.5px" + }, + "title": { + "fontWeight": "var(--seed-v3-font-weight-bold)" + }, + "label": { + "fontWeight": "var(--seed-v3-font-weight-medium)" + }, + "linkLabel": { + "size": "var(--seed-v3-unit-x10)", + "paddingX": "var(--seed-v3-unit-x3)", + "fontWeight": "var(--seed-v3-font-weight-regular)", + "fontSize": "var(--seed-v3-font-size-t2)", + "lineHeight": "var(--seed-v3-line-height-t2)" + }, + "dismissButton": { + "size": "var(--seed-v3-unit-x10)" + }, + "dismissIcon": { + "size": "var(--seed-v3-unit-x4)" + }, + "actionableIcon": { + "size": "var(--seed-v3-unit-x4)", + "margin": "var(--seed-v3-unit-x3)" + } + } + }, + "typeContentOnly": { + "enabled": { + "content": { + "paddingXEnd": "var(--seed-v3-unit-x3)" + } + } + }, + "variantNeutralWeak": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-weak)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "title": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "label": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "linkLabel": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "dismissIcon": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "actionableIcon": { + "color": "var(--seed-v3-color-fg-neutral)" + } + } + }, + "variantPositiveWeak": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-positive-weak)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-positive-contrast)" + }, + "title": { + "color": "var(--seed-v3-color-fg-positive-contrast)" + }, + "label": { + "color": "var(--seed-v3-color-fg-positive-contrast)" + }, + "linkLabel": { + "color": "var(--seed-v3-color-fg-positive-contrast)" + }, + "dismissIcon": { + "color": "var(--seed-v3-color-fg-positive-contrast)" + }, + "actionableIcon": { + "color": "var(--seed-v3-color-fg-positive-contrast)" + } + } + }, + "variantInformativeWeak": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-informative-weak)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-informative-contrast)" + }, + "title": { + "color": "var(--seed-v3-color-fg-informative-contrast)" + }, + "label": { + "color": "var(--seed-v3-color-fg-informative-contrast)" + }, + "linkLabel": { + "color": "var(--seed-v3-color-fg-informative-contrast)" + }, + "dismissIcon": { + "color": "var(--seed-v3-color-fg-informative-contrast)" + }, + "actionableIcon": { + "color": "var(--seed-v3-color-fg-informative-contrast)" + } + } + }, + "variantWarningWeak": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-warning-weak)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-warning-contrast)" + }, + "title": { + "color": "var(--seed-v3-color-fg-warning-contrast)" + }, + "label": { + "color": "var(--seed-v3-color-fg-warning-contrast)" + }, + "linkLabel": { + "color": "var(--seed-v3-color-fg-warning-contrast)" + }, + "dismissIcon": { + "color": "var(--seed-v3-color-fg-warning-contrast)" + }, + "actionableIcon": { + "color": "var(--seed-v3-color-fg-warning-contrast)" + } + } + }, + "variantWarningSolid": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-warning-solid)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "title": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "label": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "linkLabel": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "dismissIcon": { + "color": "var(--seed-v3-color-fg-neutral)" + }, + "actionableIcon": { + "color": "var(--seed-v3-color-fg-neutral)" + } + } + }, + "variantDangerWeak": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-danger-weak)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-danger-contrast)" + }, + "title": { + "color": "var(--seed-v3-color-fg-danger-contrast)" + }, + "label": { + "color": "var(--seed-v3-color-fg-danger-contrast)" + }, + "linkLabel": { + "color": "var(--seed-v3-color-fg-danger-contrast)" + }, + "actionableIcon": { + "color": "var(--seed-v3-color-fg-danger-contrast)" + } + } + }, + "variantDangerSolid": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-danger-solid)" + }, + "icon": { + "color": "var(--seed-v3-color-fg-static-white)" + }, + "title": { + "color": "var(--seed-v3-color-fg-static-white)" + }, + "label": { + "color": "var(--seed-v3-color-fg-static-white)" + }, + "linkLabel": { + "color": "var(--seed-v3-color-fg-static-white)" + }, + "actionableIcon": { + "color": "var(--seed-v3-color-fg-static-white)" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/inline-banner.vars.ts b/packages/vars/lib/component/inline-banner.mjs similarity index 100% rename from packages/vars/src/component/inline-banner.vars.ts rename to packages/vars/lib/component/inline-banner.mjs diff --git a/packages/vars/lib/component/radio.d.ts b/packages/vars/lib/component/radio.d.ts new file mode 100644 index 000000000..0ef8938c5 --- /dev/null +++ b/packages/vars/lib/component/radio.d.ts @@ -0,0 +1,87 @@ +export declare const vars: { + "base": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-layer-default)", + "strokeWidth": "1.25px", + "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-fg-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-unit-x6)" + }, + "icon": { + "size": "var(--seed-v3-unit-x2_5)" + } + }, + "disabled": { + "icon": { + "size": "var(--seed-v3-unit-x3)" + } + } + }, + "sizeMedium": { + "enabled": { + "root": { + "size": "var(--seed-v3-unit-x5)" + }, + "icon": { + "size": "var(--seed-v3-unit-x2)" + } + }, + "disabled": { + "icon": { + "size": "var(--seed-v3-unit-x2_5)" + } + } + }, + "sizeSmall": { + "enabled": { + "root": { + "size": "var(--seed-v3-unit-x4_5)" + }, + "icon": { + "size": "var(--seed-v3-unit-x2)" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/radio.vars.ts b/packages/vars/lib/component/radio.mjs similarity index 100% rename from packages/vars/src/component/radio.vars.ts rename to packages/vars/lib/component/radio.mjs diff --git a/packages/vars/lib/component/segmented-control.d.ts b/packages/vars/lib/component/segmented-control.d.ts new file mode 100644 index 000000000..287e35cb4 --- /dev/null +++ b/packages/vars/lib/component/segmented-control.d.ts @@ -0,0 +1,50 @@ +export declare const vars: { + "base": { + "enabled": { + "root": { + "padding": "var(--seed-v3-unit-x1)", + "cornerRadius": "var(--seed-v3-radius-full)", + "color": "var(--seed-v3-color-bg-neutral-weak)" + }, + "segment": { + "height": "var(--seed-v3-unit-x8)", + "cornerRadius": "var(--seed-v3-radius-full)", + "paddingX": "var(--seed-v3-unit-x4)", + "minWidth": "86px", + "fontSize": "var(--seed-v3-font-size-t5)", + "lineHeight": "var(--seed-v3-line-height-t5)", + "fontWeight": "var(--seed-v3-font-weight-medium)", + "color": "var(--seed-v3-color-fg-neutral-muted)" + }, + "indicator": { + "cornerRadius": "var(--seed-v3-radius-full)", + "color": "var(--seed-v3-color-bg-layer-default)" + } + }, + "enabledPressed": { + "segment": { + "color": "var(--seed-v3-color-bg-neutral-weak-pressed)" + } + }, + "selected": { + "segment": { + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + }, + "enabledSelected": { + "segment": { + "color": "var(--seed-v3-color-fg-neutral)" + } + }, + "enabledSelectedPressed": { + "indicator": { + "color": "var(--seed-v3-color-bg-layer-default-pressed)" + } + }, + "disabled": { + "segment": { + "color": "var(--seed-v3-color-fg-disabled)" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/segmented-control.vars.ts b/packages/vars/lib/component/segmented-control.mjs similarity index 100% rename from packages/vars/src/component/segmented-control.vars.ts rename to packages/vars/lib/component/segmented-control.mjs diff --git a/packages/vars/lib/component/select-box.d.ts b/packages/vars/lib/component/select-box.d.ts new file mode 100644 index 000000000..e192fd153 --- /dev/null +++ b/packages/vars/lib/component/select-box.d.ts @@ -0,0 +1,51 @@ +export declare const vars: { + "base": { + "enabled": { + "root": { + "gap": "var(--seed-v3-unit-x3)" + }, + "box": { + "paddingX": "var(--seed-v3-unit-x4)", + "paddingY": "19px", + "gap": "var(--seed-v3-unit-x2_5)", + "strokeWidth": "1px", + "strokeColor": "var(--seed-v3-color-stroke-neutral)", + "cornerRadius": "var(--seed-v3-radius-x3)" + }, + "content": { + "gap": "var(--seed-v3-unit-x0_5)" + }, + "label": { + "color": "var(--seed-v3-color-fg-neutral)", + "fontWeight": "var(--seed-v3-font-weight-bold)", + "fontSize": "var(--seed-v3-font-size-t5)", + "lineHeight": "var(--seed-v3-line-height-t5)" + }, + "description": { + "color": "var(--seed-v3-color-fg-neutral-muted)", + "fontWeight": "var(--seed-v3-font-weight-regular)", + "fontSize": "var(--seed-v3-font-size-t4)", + "lineHeight": "var(--seed-v3-line-height-t4)" + }, + "control": { + "marginY": "0" + } + }, + "pressed": { + "box": { + "color": "var(--seed-v3-color-bg-layer-default-pressed)" + } + }, + "selected": { + "box": { + "color": "var(--seed-v3-color-bg-neutral-weak)", + "strokeColor": "var(--seed-v3-color-stroke-control)" + } + }, + "selectedPressed": { + "box": { + "color": "var(--seed-v3-color-bg-neutral-weak-pressed)" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/select-box.vars.ts b/packages/vars/lib/component/select-box.mjs similarity index 100% rename from packages/vars/src/component/select-box.vars.ts rename to packages/vars/lib/component/select-box.mjs diff --git a/packages/vars/lib/component/switch.d.ts b/packages/vars/lib/component/switch.d.ts new file mode 100644 index 000000000..d21979cfe --- /dev/null +++ b/packages/vars/lib/component/switch.d.ts @@ -0,0 +1,57 @@ +export declare const vars: { + "base": { + "enabled": { + "control": { + "color": "var(--seed-v3-color-palette-gray-600)", + "cornerRadius": "var(--seed-v3-radius-full)" + }, + "thumb": { + "color": "var(--seed-v3-color-fg-static-white)", + "cornerRadius": "var(--seed-v3-radius-full)" + } + }, + "enabledSelected": { + "control": { + "color": "var(--seed-v3-color-bg-brand-solid)" + } + }, + "disabled": { + "root": { + "opacity": "0.38" + } + } + }, + "sizeMedium": { + "enabled": { + "root": { + "height": "31px", + "width": "51px" + }, + "control": { + "paddingX": "2px", + "paddingY": "2px" + }, + "thumb": { + "height": "27px", + "width": "27px", + "shadow": "0px 3px 8px 0px #00000026, 0px 1px 3px 0px #0000000f" + } + } + }, + "sizeSmall": { + "enabled": { + "root": { + "height": "16px", + "width": "26px" + }, + "control": { + "paddingX": "2px", + "paddingY": "2px" + }, + "thumb": { + "height": "12px", + "width": "12px" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/switch.vars.ts b/packages/vars/lib/component/switch.mjs similarity index 86% rename from packages/vars/src/component/switch.vars.ts rename to packages/vars/lib/component/switch.mjs index a46c6b436..e3c5737e3 100644 --- a/packages/vars/src/component/switch.vars.ts +++ b/packages/vars/lib/component/switch.mjs @@ -34,7 +34,7 @@ export const vars = { "thumb": { "height": "27px", "width": "27px", - "shadow": "[object Object] [object Object] [object Object] [object Object] #00000026, [object Object] [object Object] [object Object] [object Object] #0000000f" + "shadow": "0px 3px 8px 0px #00000026, 0px 1px 3px 0px #0000000f" } } }, diff --git a/packages/vars/lib/component/tab.d.ts b/packages/vars/lib/component/tab.d.ts new file mode 100644 index 000000000..cc3747fda --- /dev/null +++ b/packages/vars/lib/component/tab.d.ts @@ -0,0 +1,51 @@ +export declare const vars: { + "base": { + "enabled": { + "label": { + "color": "var(--seed-v3-color-fg-neutral-subtle)" + }, + "notification": { + "size": "var(--seed-v3-unit-x1)", + "cornerRadius": "var(--seed-v3-radius-full)", + "color": "var(--seed-v3-color-bg-brand-solid)", + "marginLeft": "var(--seed-v3-unit-x0_5)" + } + }, + "selected": { + "label": { + "color": "var(--seed-v3-color-fg-neutral)" + } + }, + "disabled": { + "label": { + "color": "var(--seed-v3-color-fg-disabled)" + } + } + }, + "sizeMedium": { + "enabled": { + "root": { + "minHeight": "44px", + "paddingX": "var(--seed-v3-unit-x2_5)", + "paddingY": "var(--seed-v3-unit-x2_5)" + }, + "label": { + "fontSize": "var(--seed-v3-font-size-t5)", + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + } + }, + "sizeSmall": { + "enabled": { + "root": { + "minHeight": "40px", + "paddingX": "var(--seed-v3-unit-x2_5)", + "paddingY": "var(--seed-v3-unit-x2_5)" + }, + "label": { + "fontSize": "var(--seed-v3-font-size-t4)", + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/tab.vars.ts b/packages/vars/lib/component/tab.mjs similarity index 100% rename from packages/vars/src/component/tab.vars.ts rename to packages/vars/lib/component/tab.mjs diff --git a/packages/vars/lib/component/tablist.d.ts b/packages/vars/lib/component/tablist.d.ts new file mode 100644 index 000000000..43af88299 --- /dev/null +++ b/packages/vars/lib/component/tablist.d.ts @@ -0,0 +1,43 @@ +export declare const vars: { + "base": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-bg-layer-default)", + "strokeBottomWidth": "1px", + "strokeColor": "var(--seed-v3-color-stroke-neutral)" + }, + "indicator": { + "height": "2px", + "color": "var(--seed-v3-color-fg-neutral)" + } + } + }, + "layoutHug": { + "enabled": { + "root": { + "paddingX": "var(--seed-v3-unit-x4)" + } + } + }, + "layoutFill": { + "enabled": { + "root": { + "paddingX": "0px" + } + } + }, + "sizeSmall": { + "enabled": { + "root": { + "height": "40px" + } + } + }, + "sizeMedium": { + "enabled": { + "root": { + "height": "44px" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/tablist.vars.ts b/packages/vars/lib/component/tablist.mjs similarity index 100% rename from packages/vars/src/component/tablist.vars.ts rename to packages/vars/lib/component/tablist.mjs diff --git a/packages/vars/lib/component/text-button.d.ts b/packages/vars/lib/component/text-button.d.ts new file mode 100644 index 000000000..ddeee539c --- /dev/null +++ b/packages/vars/lib/component/text-button.d.ts @@ -0,0 +1,109 @@ +export declare const vars: { + "base": { + "enabled": { + "root": { + "paddingY": "var(--seed-v3-unit-x0_5)", + "borderWidth": "0.125rem" + }, + "label": { + "fontWeight": "var(--seed-v3-font-weight-regular)" + }, + "prefixIcon": { + "marginXEnd": "var(--seed-v3-unit-x1)" + }, + "suffixIcon": { + "marginXStart": "var(--seed-v3-unit-x0_5)" + } + }, + "pressed": { + "root": { + "color": "var(--seed-v3-color-palette-gray-200)", + "borderColor": "var(--seed-v3-color-palette-gray-200)" + } + }, + "disabled": { + "root": { + "color": "var(--seed-v3-color-fg-disabled)" + } + } + }, + "variantBrand": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-fg-brand)" + } + } + }, + "variantNeutral": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-fg-neutral)" + } + } + }, + "variantNeutralSubtle": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-fg-neutral-subtle)" + } + } + }, + "variantDanger": { + "enabled": { + "root": { + "color": "var(--seed-v3-color-fg-danger)" + } + } + }, + "sizeLarge": { + "enabled": { + "root": { + "cornerRadius": "var(--seed-v3-radius-x1_5)" + }, + "prefixIcon": { + "size": "var(--seed-v3-unit-x4)" + }, + "suffixIcon": { + "size": "var(--seed-v3-unit-x4)" + }, + "label": { + "fontSize": "var(--seed-v3-font-size-t6)", + "lineHeight": "var(--seed-v3-line-height-t6)" + } + } + }, + "sizeMedium": { + "enabled": { + "root": { + "cornerRadius": "var(--seed-v3-radius-x1_5)" + }, + "prefixIcon": { + "size": "var(--seed-v3-unit-x3_5)" + }, + "suffixIcon": { + "size": "var(--seed-v3-unit-x3_5)" + }, + "label": { + "fontSize": "var(--seed-v3-font-size-t5)", + "lineHeight": "var(--seed-v3-line-height-t5)" + } + } + }, + "sizeSmall": { + "enabled": { + "root": { + "cornerRadius": "var(--seed-v3-radius-x1)" + }, + "prefixIcon": { + "size": "var(--seed-v3-unit-x3_5)" + }, + "suffixIcon": { + "size": "var(--seed-v3-unit-x3_5)" + }, + "label": { + "fontSize": "var(--seed-v3-font-size-t4)", + "lineHeight": "var(--seed-v3-line-height-t4)" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/text-button.vars.ts b/packages/vars/lib/component/text-button.mjs similarity index 100% rename from packages/vars/src/component/text-button.vars.ts rename to packages/vars/lib/component/text-button.mjs diff --git a/packages/vars/lib/component/typography.d.ts b/packages/vars/lib/component/typography.d.ts new file mode 100644 index 000000000..85d9ac574 --- /dev/null +++ b/packages/vars/lib/component/typography.d.ts @@ -0,0 +1,209 @@ +export declare const vars: { + "typeLabelSmallDefault": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t1)", + "lineHeight": "var(--seed-v3-line-height-t1)", + "fontWeight": "var(--seed-v3-font-weight-regular)" + } + } + }, + "typeLabelSmallStrong": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t1)", + "lineHeight": "var(--seed-v3-line-height-t1)", + "fontWeight": "var(--seed-v3-font-weight-medium)" + } + } + }, + "typeLabelSmallStronger": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t1)", + "lineHeight": "var(--seed-v3-line-height-t1)", + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + } + }, + "typeLabelMediumDefault": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t2)", + "lineHeight": "var(--seed-v3-line-height-t2)", + "fontWeight": "var(--seed-v3-font-weight-regular)" + } + } + }, + "typeLabelMediumStrong": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t2)", + "lineHeight": "var(--seed-v3-line-height-t2)", + "fontWeight": "var(--seed-v3-font-weight-medium)" + } + } + }, + "typeLabelMediumStronger": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t2)", + "lineHeight": "var(--seed-v3-line-height-t2)", + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + } + }, + "typeLabelLargeDefault": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t3)", + "lineHeight": "var(--seed-v3-line-height-t3)", + "fontWeight": "var(--seed-v3-font-weight-regular)" + } + } + }, + "typeLabelLargeStrong": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t3)", + "lineHeight": "var(--seed-v3-line-height-t3)", + "fontWeight": "var(--seed-v3-font-weight-medium)" + } + } + }, + "typeLabelLargeStronger": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t3)", + "lineHeight": "var(--seed-v3-line-height-t3)", + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + } + }, + "typeBodySmallDefault": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t4)", + "lineHeight": "var(--seed-v3-line-height-t4)", + "fontWeight": "var(--seed-v3-font-weight-regular)" + } + } + }, + "typeBodySmallReadingDefault": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t4)", + "lineHeight": "var(--seed-v3-line-height-t5)", + "fontWeight": "var(--seed-v3-font-weight-regular)" + } + } + }, + "typeBodySmallStrong": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t4)", + "lineHeight": "var(--seed-v3-line-height-t4)", + "fontWeight": "var(--seed-v3-font-weight-medium)" + } + } + }, + "typeBodySmallStronger": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t4)", + "lineHeight": "var(--seed-v3-line-height-t4)", + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + } + }, + "typeBodyMediumDefault": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t5)", + "lineHeight": "var(--seed-v3-line-height-t5)", + "fontWeight": "var(--seed-v3-font-weight-regular)" + } + } + }, + "typeBodyMediumReadingDefault": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t5)", + "lineHeight": "var(--seed-v3-line-height-t6)", + "fontWeight": "var(--seed-v3-font-weight-regular)" + } + } + }, + "typeBodyMediumStrong": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t5)", + "lineHeight": "var(--seed-v3-line-height-t5)", + "fontWeight": "var(--seed-v3-font-weight-medium)" + } + } + }, + "typeBodyMediumStronger": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t5)", + "lineHeight": "var(--seed-v3-line-height-t5)", + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + } + }, + "typeTitleSmallDefault": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t5)", + "lineHeight": "var(--seed-v3-line-height-t5)", + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + } + }, + "typeTitleMediumDefault": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t6)", + "lineHeight": "var(--seed-v3-line-height-t6)", + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + } + }, + "typeTitleLargeDefault": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t7)", + "lineHeight": "var(--seed-v3-line-height-t7)", + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + } + }, + "typeHeadingSmallDefault": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t8)", + "lineHeight": "var(--seed-v3-line-height-t8)", + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + } + }, + "typeHeadingMediumDefault": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t9)", + "lineHeight": "var(--seed-v3-line-height-t9)", + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + } + }, + "typeHeadingLargeDefault": { + "enabled": { + "root": { + "fontSize": "var(--seed-v3-font-size-t10)", + "lineHeight": "var(--seed-v3-line-height-t10)", + "fontWeight": "var(--seed-v3-font-weight-bold)" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/src/component/typography.vars.ts b/packages/vars/lib/component/typography.mjs similarity index 100% rename from packages/vars/src/component/typography.vars.ts rename to packages/vars/lib/component/typography.mjs diff --git a/packages/vars/lib/font-size.d.ts b/packages/vars/lib/font-size.d.ts new file mode 100644 index 000000000..1610ac39d --- /dev/null +++ b/packages/vars/lib/font-size.d.ts @@ -0,0 +1,10 @@ +export declare const t1 = "var(--seed-v3-font-size-t1)"; +export declare const t2 = "var(--seed-v3-font-size-t2)"; +export declare const t3 = "var(--seed-v3-font-size-t3)"; +export declare const t4 = "var(--seed-v3-font-size-t4)"; +export declare const t5 = "var(--seed-v3-font-size-t5)"; +export declare const t6 = "var(--seed-v3-font-size-t6)"; +export declare const t7 = "var(--seed-v3-font-size-t7)"; +export declare const t8 = "var(--seed-v3-font-size-t8)"; +export declare const t9 = "var(--seed-v3-font-size-t9)"; +export declare const t10 = "var(--seed-v3-font-size-t10)"; \ No newline at end of file diff --git a/packages/vars/src/font-size.vars.ts b/packages/vars/lib/font-size.mjs similarity index 100% rename from packages/vars/src/font-size.vars.ts rename to packages/vars/lib/font-size.mjs diff --git a/packages/vars/lib/font-weight.d.ts b/packages/vars/lib/font-weight.d.ts new file mode 100644 index 000000000..d5f1ab4d9 --- /dev/null +++ b/packages/vars/lib/font-weight.d.ts @@ -0,0 +1,3 @@ +export declare const regular = "var(--seed-v3-font-weight-regular)"; +export declare const medium = "var(--seed-v3-font-weight-medium)"; +export declare const bold = "var(--seed-v3-font-weight-bold)"; \ No newline at end of file diff --git a/packages/vars/src/font-weight.vars.ts b/packages/vars/lib/font-weight.mjs similarity index 100% rename from packages/vars/src/font-weight.vars.ts rename to packages/vars/lib/font-weight.mjs diff --git a/packages/vars/lib/horizontal-spacing.d.ts b/packages/vars/lib/horizontal-spacing.d.ts new file mode 100644 index 000000000..f8503d82b --- /dev/null +++ b/packages/vars/lib/horizontal-spacing.d.ts @@ -0,0 +1,2 @@ +export declare const betweenChips = "var(--seed-v3-horizontal-spacing-between-chips)"; +export declare const globalGutter = "var(--seed-v3-horizontal-spacing-global-gutter)"; \ No newline at end of file diff --git a/packages/vars/src/horizontal-spacing.vars.ts b/packages/vars/lib/horizontal-spacing.mjs similarity index 100% rename from packages/vars/src/horizontal-spacing.vars.ts rename to packages/vars/lib/horizontal-spacing.mjs diff --git a/packages/vars/lib/index.mjs b/packages/vars/lib/index.mjs new file mode 100644 index 000000000..de750055b --- /dev/null +++ b/packages/vars/lib/index.mjs @@ -0,0 +1 @@ +export * as vars from "./vars.mjs"; diff --git a/packages/vars/lib/line-height.d.ts b/packages/vars/lib/line-height.d.ts new file mode 100644 index 000000000..fd70bfe52 --- /dev/null +++ b/packages/vars/lib/line-height.d.ts @@ -0,0 +1,10 @@ +export declare const t1 = "var(--seed-v3-line-height-t1)"; +export declare const t2 = "var(--seed-v3-line-height-t2)"; +export declare const t3 = "var(--seed-v3-line-height-t3)"; +export declare const t4 = "var(--seed-v3-line-height-t4)"; +export declare const t5 = "var(--seed-v3-line-height-t5)"; +export declare const t6 = "var(--seed-v3-line-height-t6)"; +export declare const t7 = "var(--seed-v3-line-height-t7)"; +export declare const t8 = "var(--seed-v3-line-height-t8)"; +export declare const t9 = "var(--seed-v3-line-height-t9)"; +export declare const t10 = "var(--seed-v3-line-height-t10)"; \ No newline at end of file diff --git a/packages/vars/src/line-height.vars.ts b/packages/vars/lib/line-height.mjs similarity index 100% rename from packages/vars/src/line-height.vars.ts rename to packages/vars/lib/line-height.mjs diff --git a/packages/vars/lib/radius.d.ts b/packages/vars/lib/radius.d.ts new file mode 100644 index 000000000..2a415a3c6 --- /dev/null +++ b/packages/vars/lib/radius.d.ts @@ -0,0 +1,11 @@ +export declare const x0_5 = "var(--seed-v3-radius-x0_5)"; +export declare const x1 = "var(--seed-v3-radius-x1)"; +export declare const x1_5 = "var(--seed-v3-radius-x1_5)"; +export declare const x2 = "var(--seed-v3-radius-x2)"; +export declare const x2_5 = "var(--seed-v3-radius-x2_5)"; +export declare const x3 = "var(--seed-v3-radius-x3)"; +export declare const x3_5 = "var(--seed-v3-radius-x3_5)"; +export declare const x4 = "var(--seed-v3-radius-x4)"; +export declare const x5 = "var(--seed-v3-radius-x5)"; +export declare const x6 = "var(--seed-v3-radius-x6)"; +export declare const full = "var(--seed-v3-radius-full)"; \ No newline at end of file diff --git a/packages/vars/src/radius.vars.ts b/packages/vars/lib/radius.mjs similarity index 100% rename from packages/vars/src/radius.vars.ts rename to packages/vars/lib/radius.mjs diff --git a/packages/vars/lib/unit.d.ts b/packages/vars/lib/unit.d.ts new file mode 100644 index 000000000..8b7ca1047 --- /dev/null +++ b/packages/vars/lib/unit.d.ts @@ -0,0 +1,19 @@ +export declare const x0_5 = "var(--seed-v3-unit-x0_5)"; +export declare const x1 = "var(--seed-v3-unit-x1)"; +export declare const x1_5 = "var(--seed-v3-unit-x1_5)"; +export declare const x2 = "var(--seed-v3-unit-x2)"; +export declare const x2_5 = "var(--seed-v3-unit-x2_5)"; +export declare const x3 = "var(--seed-v3-unit-x3)"; +export declare const x3_5 = "var(--seed-v3-unit-x3_5)"; +export declare const x4 = "var(--seed-v3-unit-x4)"; +export declare const x4_5 = "var(--seed-v3-unit-x4_5)"; +export declare const x5 = "var(--seed-v3-unit-x5)"; +export declare const x6 = "var(--seed-v3-unit-x6)"; +export declare const x7 = "var(--seed-v3-unit-x7)"; +export declare const x8 = "var(--seed-v3-unit-x8)"; +export declare const x9 = "var(--seed-v3-unit-x9)"; +export declare const x10 = "var(--seed-v3-unit-x10)"; +export declare const x12 = "var(--seed-v3-unit-x12)"; +export declare const x13 = "var(--seed-v3-unit-x13)"; +export declare const x14 = "var(--seed-v3-unit-x14)"; +export declare const x16 = "var(--seed-v3-unit-x16)"; \ No newline at end of file diff --git a/packages/vars/src/unit.vars.ts b/packages/vars/lib/unit.mjs similarity index 100% rename from packages/vars/src/unit.vars.ts rename to packages/vars/lib/unit.mjs diff --git a/packages/vars/lib/vars.d.ts b/packages/vars/lib/vars.d.ts new file mode 100644 index 000000000..3e6886760 --- /dev/null +++ b/packages/vars/lib/vars.d.ts @@ -0,0 +1,7 @@ +export * as $color from "./color"; +export * as $fontSize from "./font-size"; +export * as $fontWeight from "./font-weight"; +export * as $unit from "./unit"; +export * as $radius from "./radius"; +export * as $lineHeight from "./line-height"; +export * as $horizontalSpacing from "./horizontal-spacing"; \ No newline at end of file diff --git a/packages/vars/lib/vars.mjs b/packages/vars/lib/vars.mjs new file mode 100644 index 000000000..19d2f2d6d --- /dev/null +++ b/packages/vars/lib/vars.mjs @@ -0,0 +1,7 @@ +export * as $color from "./color"; +export * as $fontSize from "./font-size.mjs"; +export * as $fontWeight from "./font-weight.mjs"; +export * as $unit from "./unit.mjs"; +export * as $radius from "./radius.mjs"; +export * as $lineHeight from "./line-height.mjs"; +export * as $horizontalSpacing from "./horizontal-spacing.mjs"; \ No newline at end of file diff --git a/packages/vars/package.json b/packages/vars/package.json index 9f8fa9bef..e0a5ca6b3 100644 --- a/packages/vars/package.json +++ b/packages/vars/package.json @@ -31,18 +31,15 @@ "scripts": { "clean": "rm -rf lib", "prepack": "yarn rootage:generate", - "build": "nanobundle build", - "rootage:generate": "yarn rootage:generate:token && yarn rootage:generate:component && yarn build", - "rootage:generate:token": "yarn rootage token-ts ./src", - "rootage:generate:component": "yarn rootage component-spec ./src/component" + "rootage:generate": "yarn rootage:generate:token && yarn rootage:generate:component", + "rootage:generate:token": "yarn rootage token-ts ./lib", + "rootage:generate:component": "yarn rootage component-spec ./lib/component" }, "devDependencies": { - "@seed-design/rootage-cli": "0.0.0", - "nanobundle": "^1.6.0" + "@seed-design/rootage-cli": "0.0.0" }, "ultra": { "concurrent": [ - "build", "rootage:generate" ] } diff --git a/packages/vars/src/color/index.ts b/packages/vars/src/color/index.ts deleted file mode 100644 index 3602bcd3e..000000000 --- a/packages/vars/src/color/index.ts +++ /dev/null @@ -1,4 +0,0 @@ -export * as bg from "./bg.vars"; -export * as fg from "./fg.vars"; -export * as stroke from "./stroke.vars"; -export * as palette from "./palette.vars"; diff --git a/packages/vars/src/component/index.ts b/packages/vars/src/component/index.ts deleted file mode 100644 index e8c8fdef0..000000000 --- a/packages/vars/src/component/index.ts +++ /dev/null @@ -1,22 +0,0 @@ -export { vars as actionButton } from "./action-button.vars"; -export { vars as actionChip } from "./action-chip.vars"; -export { vars as avatar } from "./avatar.vars"; -export { vars as badge } from "./badge.vars"; -export { vars as callout } from "./callout.vars"; -export { vars as checkbox } from "./checkbox.vars"; -export { vars as chipTab } from "./chip-tab.vars"; -export { vars as chipTablist } from "./chip-tablist.vars"; -export { vars as controlChip } from "./control-chip.vars"; -export { vars as dialog } from "./dialog.vars"; -export { vars as expandButton } from "./expand-button.vars"; -export { vars as fab } from "./fab.vars"; -export { vars as helpBubble } from "./help-bubble.vars"; -export { vars as inlineBanner } from "./inline-banner.vars"; -export { vars as progressCircle } from "./progress-circle.vars"; -export { vars as radio } from "./radio.vars"; -export { vars as selectBox } from "./select-box.vars"; -export { vars as segmentedControl } from "./segmented-control.vars"; -export { vars as switch } from "./switch.vars"; -export { vars as tab } from "./tab.vars"; -export { vars as tablist } from "./tablist.vars"; -export { vars as textButton } from "./text-button.vars"; diff --git a/packages/vars/src/component/progress-circle.vars.ts b/packages/vars/src/component/progress-circle.vars.ts deleted file mode 100644 index ba4e3848e..000000000 --- a/packages/vars/src/component/progress-circle.vars.ts +++ /dev/null @@ -1,58 +0,0 @@ -export const vars = { - "base": { - "enabled": { - "root": {}, - "track": { - "fill": "#0017580d" - }, - "indicator": { - "color": "#d1d3d8" - }, - "indicator-path": {} - } - }, - "sizeSmall": { - "enabled": { - "root": { - "size": "var(--seed-v3-unit-6)" - }, - "track": {}, - "indicator": {} - } - }, - "sizeMedium": { - "enabled": { - "root": { - "size": "var(--seed-v3-unit-10)" - }, - "track": {}, - "indicator": {} - } - }, - "variantIndeterminate": { - "enabled": { - "root": {}, - "track": {}, - "indicator": {}, - "indicator-path": { - "headDashDuration": "1.2s", - "tailDashDuration": "1.2s", - "rotateDuration": "1.2s", - "headDashTimingFunction": "cubic-bezier(0.35, 0, 0.65, 1)", - "tailDashTimingFunction": "cubic-bezier(0.35, 0, 0.65, 0.6)", - "rotateTimingFunction": "cubic-bezier(0.35, 0.25, 0.65, 0.75)" - } - } - }, - "variantDeterminate": { - "enabled": { - "root": {}, - "track": {}, - "indicator": {}, - "indicator-path": { - "transitionDuration": "0.4s", - "transitionTimingFunction": "cubic-bezier(0, 0, 0.15, 1)" - } - } - } -} \ No newline at end of file diff --git a/packages/vars/src/index.ts b/packages/vars/src/index.ts deleted file mode 100644 index fa86b38ec..000000000 --- a/packages/vars/src/index.ts +++ /dev/null @@ -1,8 +0,0 @@ -export * as $color from "./color"; -export * as $component from "./component"; -export * as $fontSize from "./font-size.vars"; -export * as $fontWeight from "./font-weight.vars"; -export * as $lineHeight from "./line-height.vars"; -export * as $radius from "./radius.vars"; -export * as $unit from "./unit.vars"; -export * as $horizontalSpacing from "./horizontal-spacing.vars"; diff --git a/packages/vars/tsconfig.json b/packages/vars/tsconfig.json deleted file mode 100644 index 2f30fc3b4..000000000 --- a/packages/vars/tsconfig.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "compilerOptions": { - "target": "ESNext", - "module": "ESNext", - "moduleResolution": "Bundler", - "rootDir": "src", - "outDir": "lib" - } -} diff --git a/yarn.lock b/yarn.lock index 071f3f0d7..e70457232 100644 --- a/yarn.lock +++ b/yarn.lock @@ -6608,7 +6608,6 @@ __metadata: resolution: "@seed-design/vars@workspace:packages/vars" dependencies: "@seed-design/rootage-cli": 0.0.0 - nanobundle: ^1.6.0 languageName: unknown linkType: soft