@seed-design/css 2.8.3 → 3.0.0

package/vars/component/badge.mjs

@@ -1,236 +0,0 @@
-export const vars = {
-  "sizeLarge": {
-    "enabled": {
-      "root": {
-        "maxWidth": "6.75rem",
-        "minHeight": "var(--seed-dimension-x6)",
-        "paddingX": "var(--seed-dimension-x2)",
-        "paddingY": "var(--seed-dimension-x1)",
-        "cornerRadius": "var(--seed-radius-r1_5)"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-t2)",
-        "lineHeight": "var(--seed-line-height-t2)"
-      }
-    }
-  },
-  "sizeMedium": {
-    "enabled": {
-      "root": {
-        "maxWidth": "7.5rem",
-        "minHeight": "var(--seed-dimension-x5)",
-        "paddingX": "var(--seed-dimension-x1_5)",
-        "paddingY": "var(--seed-dimension-x0_5)",
-        "cornerRadius": "var(--seed-radius-r1)"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-t1)",
-        "lineHeight": "var(--seed-line-height-t1)"
-      }
-    }
-  },
-  "variantWeak": {
-    "enabled": {
-      "label": {
-        "fontWeight": "var(--seed-font-weight-medium)"
-      }
-    }
-  },
-  "variantSolid": {
-    "enabled": {
-      "label": {
-        "fontWeight": "var(--seed-font-weight-bold)"
-      }
-    }
-  },
-  "variantOutline": {
-    "enabled": {
-      "root": {
-        "strokeWidth": "1px"
-      },
-      "label": {
-        "fontWeight": "var(--seed-font-weight-bold)"
-      }
-    }
-  },
-  "toneNeutralVariantWeak": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-weak)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-neutral-muted)"
-      }
-    }
-  },
-  "toneNeutralVariantSolid": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-palette-gray-800)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-neutral-inverted)"
-      }
-    }
-  },
-  "toneNeutralVariantOutline": {
-    "enabled": {
-      "root": {
-        "strokeColor": "var(--seed-color-stroke-neutral-muted)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-neutral-muted)"
-      }
-    }
-  },
-  "toneBrandVariantWeak": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-brand-weak)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-brand-contrast)"
-      }
-    }
-  },
-  "toneBrandVariantSolid": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-brand-solid)"
-      },
-      "label": {
-        "color": "var(--seed-color-palette-static-white)"
-      }
-    }
-  },
-  "toneBrandVariantOutline": {
-    "enabled": {
-      "root": {
-        "strokeColor": "var(--seed-color-stroke-brand-weak)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-brand)"
-      }
-    }
-  },
-  "toneInformativeVariantWeak": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-informative-weak)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-informative-contrast)"
-      }
-    }
-  },
-  "toneInformativeVariantSolid": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-informative-solid)"
-      },
-      "label": {
-        "color": "var(--seed-color-palette-static-white)"
-      }
-    }
-  },
-  "toneInformativeVariantOutline": {
-    "enabled": {
-      "root": {
-        "strokeColor": "var(--seed-color-stroke-informative-weak)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-informative)"
-      }
-    }
-  },
-  "tonePositiveVariantWeak": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-positive-weak)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-positive-contrast)"
-      }
-    }
-  },
-  "tonePositiveVariantSolid": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-positive-solid)"
-      },
-      "label": {
-        "color": "var(--seed-color-palette-static-white)"
-      }
-    }
-  },
-  "tonePositiveVariantOutline": {
-    "enabled": {
-      "root": {
-        "strokeColor": "var(--seed-color-stroke-positive-weak)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-positive)"
-      }
-    }
-  },
-  "toneWarningVariantWeak": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-warning-weak)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-warning-contrast)"
-      }
-    }
-  },
-  "toneWarningVariantSolid": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-warning-solid)"
-      },
-      "label": {
-        "color": "var(--seed-color-palette-static-black-alpha-900)"
-      }
-    }
-  },
-  "toneWarningVariantOutline": {
-    "enabled": {
-      "root": {
-        "strokeColor": "var(--seed-color-stroke-warning-weak)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-warning)"
-      }
-    }
-  },
-  "toneCriticalVariantWeak": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-critical-weak)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-critical-contrast)"
-      }
-    }
-  },
-  "toneCriticalVariantSolid": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-critical-solid)"
-      },
-      "label": {
-        "color": "var(--seed-color-palette-static-white)"
-      }
-    }
-  },
-  "toneCriticalVariantOutline": {
-    "enabled": {
-      "root": {
-        "strokeColor": "var(--seed-color-stroke-critical-weak)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-critical)"
-      }
-    }
-  }
-}

package/vars/component/bottom-sheet-close-button.d.ts

@@ -1,21 +0,0 @@
-export declare const vars: {
-  "base": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-weak)",
-        "cornerRadius": "var(--seed-radius-full)",
-        "targetSize": "44px",
-        "size": "28px"
-      },
-      "icon": {
-        "color": "var(--seed-color-fg-neutral)",
-        "size": "14px"
-      }
-    },
-    "pressed": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-weak-pressed)"
-      }
-    }
-  }
-}

package/vars/component/bottom-sheet-close-button.mjs

@@ -1,21 +0,0 @@
-export const vars = {
-  "base": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-weak)",
-        "cornerRadius": "var(--seed-radius-full)",
-        "targetSize": "44px",
-        "size": "28px"
-      },
-      "icon": {
-        "color": "var(--seed-color-fg-neutral)",
-        "size": "14px"
-      }
-    },
-    "pressed": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-weak-pressed)"
-      }
-    }
-  }
-}

package/vars/component/bottom-sheet-handle.d.ts

@@ -1,24 +0,0 @@
-export declare const vars: {
-  "base": {
-    "enabled": {
-      "root": {
-        "fromTop": "6px",
-        "width": "36px",
-        "height": "4px",
-        "color": "var(--seed-color-palette-gray-400)",
-        "borderRadius": "9999px",
-        "colorDuration": "var(--seed-duration-color-transition)",
-        "colorTimingFunction": "var(--seed-timing-function-easing)"
-      },
-      "touchArea": {
-        "width": "44px",
-        "height": "44px"
-      }
-    },
-    "pressed": {
-      "root": {
-        "color": "var(--seed-color-palette-gray-500)"
-      }
-    }
-  }
-}

package/vars/component/bottom-sheet-handle.mjs

@@ -1,24 +0,0 @@
-export const vars = {
-  "base": {
-    "enabled": {
-      "root": {
-        "fromTop": "6px",
-        "width": "36px",
-        "height": "4px",
-        "color": "var(--seed-color-palette-gray-400)",
-        "borderRadius": "9999px",
-        "colorDuration": "var(--seed-duration-color-transition)",
-        "colorTimingFunction": "var(--seed-timing-function-easing)"
-      },
-      "touchArea": {
-        "width": "44px",
-        "height": "44px"
-      }
-    },
-    "pressed": {
-      "root": {
-        "color": "var(--seed-color-palette-gray-500)"
-      }
-    }
-  }
-}

package/vars/component/bottom-sheet.d.ts

@@ -1,86 +0,0 @@
-export declare const vars: {
-  "base": {
-    "enabled": {
-      "backdrop": {
-        "color": "var(--seed-color-bg-overlay)",
-        "enterDuration": "var(--seed-duration-d6)",
-        "enterTimingFunction": "var(--seed-timing-function-enter)",
-        "enterOpacity": "0",
-        "exitDuration": "var(--seed-duration-d4)",
-        "exitTimingFunction": "var(--seed-timing-function-exit)",
-        "exitOpacity": "0"
-      },
-      "content": {
-        "color": "var(--seed-color-bg-layer-floating)",
-        "maxWidth": "480px",
-        "topCornerRadius": "var(--seed-radius-r6)",
-        "enterDuration": "var(--seed-duration-d6)",
-        "enterTimingFunction": "var(--seed-timing-function-enter-expressive)",
-        "exitDuration": "var(--seed-duration-d4)",
-        "exitTimingFunction": "var(--seed-timing-function-exit)"
-      },
-      "header": {
-        "gap": "var(--seed-dimension-x2)",
-        "paddingTop": "var(--seed-dimension-x6)",
-        "paddingBottom": "var(--seed-dimension-x4)"
-      },
-      "body": {
-        "paddingX": "var(--seed-dimension-spacing-x-global-gutter)"
-      },
-      "footer": {
-        "paddingX": "var(--seed-dimension-spacing-x-global-gutter)",
-        "paddingTop": "var(--seed-dimension-x3)",
-        "paddingBottom": "var(--seed-dimension-x4)"
-      },
-      "title": {
-        "color": "var(--seed-color-fg-neutral)",
-        "fontSize": "var(--seed-font-size-t8)",
-        "lineHeight": "var(--seed-line-height-t8)",
-        "fontWeight": "var(--seed-font-weight-bold)"
-      },
-      "description": {
-        "color": "var(--seed-color-fg-neutral-muted)",
-        "fontSize": "var(--seed-font-size-t5)",
-        "lineHeight": "var(--seed-line-height-t5)",
-        "fontWeight": "var(--seed-font-weight-regular)",
-        "paddingX": "var(--seed-dimension-spacing-x-global-gutter)"
-      },
-      "closeButton": {
-        "fromTop": "var(--seed-dimension-x6)",
-        "fromRight": "var(--seed-dimension-x4)"
-      }
-    }
-  },
-  "headerAlignmentLeftCloseButtonTrue": {
-    "enabled": {
-      "title": {
-        "paddingRight": "56px",
-        "paddingLeft": "var(--seed-dimension-spacing-x-global-gutter)"
-      }
-    }
-  },
-  "headerAlignmentLeftCloseButtonFalse": {
-    "enabled": {
-      "title": {
-        "paddingLeft": "var(--seed-dimension-spacing-x-global-gutter)",
-        "paddingRight": "var(--seed-dimension-spacing-x-global-gutter)"
-      }
-    }
-  },
-  "headerAlignmentCenterCloseButtonTrue": {
-    "enabled": {
-      "title": {
-        "paddingLeft": "56px",
-        "paddingRight": "56px"
-      }
-    }
-  },
-  "headerAlignmentCenterCloseButtonFalse": {
-    "enabled": {
-      "title": {
-        "paddingLeft": "var(--seed-dimension-spacing-x-global-gutter)",
-        "paddingRight": "var(--seed-dimension-spacing-x-global-gutter)"
-      }
-    }
-  }
-}

package/vars/component/bottom-sheet.mjs

@@ -1,86 +0,0 @@
-export const vars = {
-  "base": {
-    "enabled": {
-      "backdrop": {
-        "color": "var(--seed-color-bg-overlay)",
-        "enterDuration": "var(--seed-duration-d6)",
-        "enterTimingFunction": "var(--seed-timing-function-enter)",
-        "enterOpacity": "0",
-        "exitDuration": "var(--seed-duration-d4)",
-        "exitTimingFunction": "var(--seed-timing-function-exit)",
-        "exitOpacity": "0"
-      },
-      "content": {
-        "color": "var(--seed-color-bg-layer-floating)",
-        "maxWidth": "480px",
-        "topCornerRadius": "var(--seed-radius-r6)",
-        "enterDuration": "var(--seed-duration-d6)",
-        "enterTimingFunction": "var(--seed-timing-function-enter-expressive)",
-        "exitDuration": "var(--seed-duration-d4)",
-        "exitTimingFunction": "var(--seed-timing-function-exit)"
-      },
-      "header": {
-        "gap": "var(--seed-dimension-x2)",
-        "paddingTop": "var(--seed-dimension-x6)",
-        "paddingBottom": "var(--seed-dimension-x4)"
-      },
-      "body": {
-        "paddingX": "var(--seed-dimension-spacing-x-global-gutter)"
-      },
-      "footer": {
-        "paddingX": "var(--seed-dimension-spacing-x-global-gutter)",
-        "paddingTop": "var(--seed-dimension-x3)",
-        "paddingBottom": "var(--seed-dimension-x4)"
-      },
-      "title": {
-        "color": "var(--seed-color-fg-neutral)",
-        "fontSize": "var(--seed-font-size-t8)",
-        "lineHeight": "var(--seed-line-height-t8)",
-        "fontWeight": "var(--seed-font-weight-bold)"
-      },
-      "description": {
-        "color": "var(--seed-color-fg-neutral-muted)",
-        "fontSize": "var(--seed-font-size-t5)",
-        "lineHeight": "var(--seed-line-height-t5)",
-        "fontWeight": "var(--seed-font-weight-regular)",
-        "paddingX": "var(--seed-dimension-spacing-x-global-gutter)"
-      },
-      "closeButton": {
-        "fromTop": "var(--seed-dimension-x6)",
-        "fromRight": "var(--seed-dimension-x4)"
-      }
-    }
-  },
-  "headerAlignmentLeftCloseButtonTrue": {
-    "enabled": {
-      "title": {
-        "paddingRight": "56px",
-        "paddingLeft": "var(--seed-dimension-spacing-x-global-gutter)"
-      }
-    }
-  },
-  "headerAlignmentLeftCloseButtonFalse": {
-    "enabled": {
-      "title": {
-        "paddingLeft": "var(--seed-dimension-spacing-x-global-gutter)",
-        "paddingRight": "var(--seed-dimension-spacing-x-global-gutter)"
-      }
-    }
-  },
-  "headerAlignmentCenterCloseButtonTrue": {
-    "enabled": {
-      "title": {
-        "paddingLeft": "56px",
-        "paddingRight": "56px"
-      }
-    }
-  },
-  "headerAlignmentCenterCloseButtonFalse": {
-    "enabled": {
-      "title": {
-        "paddingLeft": "var(--seed-dimension-spacing-x-global-gutter)",
-        "paddingRight": "var(--seed-dimension-spacing-x-global-gutter)"
-      }
-    }
-  }
-}

package/vars/component/callout-close-button.d.ts

@@ -1,81 +0,0 @@
-export declare const vars: {
-  "base": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-transparent)",
-        "cornerRadius": "var(--seed-radius-r2)",
-        "size": "var(--seed-dimension-x10)",
-        "colorDuration": "var(--seed-duration-color-transition)",
-        "colorTimingFunction": "var(--seed-timing-function-easing)"
-      },
-      "icon": {
-        "size": "var(--seed-dimension-x4)"
-      }
-    },
-    "pressed": {
-      "root": {
-        "color": "var(--seed-color-bg-transparent-pressed)"
-      }
-    }
-  },
-  /**
-   * 일반적인 정보를 전달합니다.
-   */
-  "toneNeutral": {
-    "enabled": {
-      "icon": {
-        "color": "var(--seed-color-fg-neutral)"
-      }
-    }
-  },
-  /**
-   * 유용한 정보를 제공합니다.
-   */
-  "toneInformative": {
-    "enabled": {
-      "icon": {
-        "color": "var(--seed-color-fg-informative-contrast)"
-      }
-    }
-  },
-  /**
-   * 긍정적인 상태를 나타냅니다.
-   */
-  "tonePositive": {
-    "enabled": {
-      "icon": {
-        "color": "var(--seed-color-fg-positive-contrast)"
-      }
-    }
-  },
-  /**
-   * 주의가 필요한 상태를 나타냅니다.
-   */
-  "toneWarning": {
-    "enabled": {
-      "icon": {
-        "color": "var(--seed-color-fg-warning-contrast)"
-      }
-    }
-  },
-  /**
-   * 중요한 문제를 나타냅니다.
-   */
-  "toneCritical": {
-    "enabled": {
-      "icon": {
-        "color": "var(--seed-color-fg-critical-contrast)"
-      }
-    }
-  },
-  /**
-   * AI 기능을 나타냅니다.
-   */
-  "toneMagic": {
-    "enabled": {
-      "icon": {
-        "color": "var(--seed-color-fg-neutral)"
-      }
-    }
-  }
-}

package/vars/component/callout-close-button.mjs

@@ -1,63 +0,0 @@
-export const vars = {
-  "base": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-transparent)",
-        "cornerRadius": "var(--seed-radius-r2)",
-        "size": "var(--seed-dimension-x10)",
-        "colorDuration": "var(--seed-duration-color-transition)",
-        "colorTimingFunction": "var(--seed-timing-function-easing)"
-      },
-      "icon": {
-        "size": "var(--seed-dimension-x4)"
-      }
-    },
-    "pressed": {
-      "root": {
-        "color": "var(--seed-color-bg-transparent-pressed)"
-      }
-    }
-  },
-  "toneNeutral": {
-    "enabled": {
-      "icon": {
-        "color": "var(--seed-color-fg-neutral)"
-      }
-    }
-  },
-  "toneInformative": {
-    "enabled": {
-      "icon": {
-        "color": "var(--seed-color-fg-informative-contrast)"
-      }
-    }
-  },
-  "tonePositive": {
-    "enabled": {
-      "icon": {
-        "color": "var(--seed-color-fg-positive-contrast)"
-      }
-    }
-  },
-  "toneWarning": {
-    "enabled": {
-      "icon": {
-        "color": "var(--seed-color-fg-warning-contrast)"
-      }
-    }
-  },
-  "toneCritical": {
-    "enabled": {
-      "icon": {
-        "color": "var(--seed-color-fg-critical-contrast)"
-      }
-    }
-  },
-  "toneMagic": {
-    "enabled": {
-      "icon": {
-        "color": "var(--seed-color-fg-neutral)"
-      }
-    }
-  }
-}