@seed-design/css 2.8.3 → 3.0.0

package/vars/component/text-input.mjs

@@ -1,263 +0,0 @@
-export const vars = {
-  "base": {
-    "enabled": {
-      "root": {
-        "strokeColor": "var(--seed-color-stroke-neutral-weak)",
-        "strokeDuration": "0.1s",
-        "strokeTimingFunction": "var(--seed-timing-function-easing)"
-      },
-      "value": {
-        "color": "var(--seed-color-fg-neutral)",
-        "fontWeight": "var(--seed-font-weight-regular)"
-      },
-      "placeholder": {
-        "color": "var(--seed-color-fg-placeholder)",
-        "fontWeight": "var(--seed-font-weight-regular)"
-      },
-      "prefixText": {
-        "color": "var(--seed-color-fg-neutral-subtle)",
-        "fontWeight": "var(--seed-font-weight-regular)"
-      },
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-neutral-muted)"
-      },
-      "suffixText": {
-        "color": "var(--seed-color-fg-neutral-subtle)",
-        "fontWeight": "var(--seed-font-weight-regular)"
-      },
-      "suffixIcon": {
-        "color": "var(--seed-color-fg-neutral-muted)"
-      }
-    },
-    "focused": {
-      "root": {
-        "strokeColor": "var(--seed-color-stroke-neutral-contrast)"
-      }
-    },
-    "invalid": {
-      "root": {
-        "strokeColor": "var(--seed-color-stroke-critical-solid)"
-      }
-    },
-    "invalidFocused": {
-      "root": {
-        "strokeColor": "var(--seed-color-stroke-critical-solid)"
-      }
-    },
-    "disabled": {
-      "value": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "placeholder": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "prefixText": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "suffixText": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "suffixIcon": {
-        "color": "var(--seed-color-fg-disabled)"
-      }
-    }
-  },
-  "variantOutline": {
-    "enabled": {
-      "root": {
-        "strokeWidth": "1px"
-      }
-    },
-    "focused": {
-      "root": {
-        "strokeWidth": "2px"
-      }
-    },
-    "invalid": {
-      "root": {
-        "strokeWidth": "2px"
-      }
-    },
-    "readonly": {
-      "root": {
-        "color": "var(--seed-color-bg-disabled)"
-      }
-    },
-    "disabled": {
-      "root": {
-        "color": "var(--seed-color-bg-disabled)"
-      }
-    }
-  },
-  "variantOutlineSizeLarge": {
-    "enabled": {
-      "root": {
-        "gap": "var(--seed-dimension-x2_5)",
-        "minHeight": "var(--seed-dimension-x13)",
-        "cornerRadius": "var(--seed-radius-r3)",
-        "paddingX": "var(--seed-dimension-x4)"
-      },
-      "value": {
-        "fontSize": "var(--seed-font-size-t5)",
-        "lineHeight": "var(--seed-line-height-t5)"
-      },
-      "placeholder": {
-        "fontSize": "var(--seed-font-size-t5)",
-        "lineHeight": "var(--seed-line-height-t5)"
-      },
-      "prefixText": {
-        "fontSize": "var(--seed-font-size-t5)",
-        "lineHeight": "var(--seed-line-height-t5)"
-      },
-      "prefixIcon": {
-        "size": "var(--seed-dimension-x5)"
-      },
-      "suffixText": {
-        "fontSize": "var(--seed-font-size-t5)",
-        "lineHeight": "var(--seed-line-height-t5)"
-      },
-      "suffixIcon": {
-        "size": "var(--seed-dimension-x5)"
-      }
-    }
-  },
-  "variantOutlineSizeMedium": {
-    "enabled": {
-      "root": {
-        "gap": "var(--seed-dimension-x2)",
-        "minHeight": "var(--seed-dimension-x10)",
-        "cornerRadius": "var(--seed-radius-r2)",
-        "paddingX": "var(--seed-dimension-x3_5)"
-      },
-      "value": {
-        "fontSize": "var(--seed-font-size-t4)",
-        "lineHeight": "var(--seed-line-height-t4)"
-      },
-      "placeholder": {
-        "fontSize": "var(--seed-font-size-t4)",
-        "lineHeight": "var(--seed-line-height-t4)"
-      },
-      "prefixText": {
-        "fontSize": "var(--seed-font-size-t4)",
-        "lineHeight": "var(--seed-line-height-t4)"
-      },
-      "prefixIcon": {
-        "size": "var(--seed-dimension-x4)"
-      },
-      "suffixText": {
-        "fontSize": "var(--seed-font-size-t4)",
-        "lineHeight": "var(--seed-line-height-t4)"
-      },
-      "suffixIcon": {
-        "size": "var(--seed-dimension-x4)"
-      }
-    }
-  },
-  "variantUnderline": {
-    "enabled": {
-      "root": {
-        "strokeBottomWidth": "1px"
-      }
-    },
-    "focused": {
-      "root": {
-        "strokeBottomWidth": "2px"
-      }
-    },
-    "invalid": {
-      "root": {
-        "strokeBottomWidth": "2px"
-      }
-    },
-    "readonly": {
-      "value": {
-        "color": "var(--seed-color-fg-neutral-muted)"
-      },
-      "placeholder": {
-        "color": "var(--seed-color-fg-neutral-muted)"
-      }
-    }
-  },
-  "variantUnderlineSizeLarge": {
-    "enabled": {
-      "root": {
-        "gap": "var(--seed-dimension-x2_5)",
-        "minHeight": "var(--seed-dimension-x10)",
-        "paddingY": "var(--seed-dimension-x2)"
-      },
-      "value": {
-        "fontSize": "var(--seed-font-size-t6)",
-        "lineHeight": "var(--seed-line-height-t6)"
-      },
-      "placeholder": {
-        "fontSize": "var(--seed-font-size-t6)",
-        "lineHeight": "var(--seed-line-height-t6)"
-      },
-      "prefixText": {
-        "fontSize": "var(--seed-font-size-t6)",
-        "lineHeight": "var(--seed-line-height-t6)"
-      },
-      "prefixIcon": {
-        "size": "var(--seed-dimension-x6)"
-      },
-      "suffixText": {
-        "fontSize": "var(--seed-font-size-t6)",
-        "lineHeight": "var(--seed-line-height-t6)"
-      },
-      "suffixIcon": {
-        "size": "var(--seed-dimension-x6)"
-      }
-    }
-  },
-  "variantUnderlineSizeMedium": {
-    "enabled": {
-      "root": {
-        "gap": "var(--seed-dimension-x2)",
-        "minHeight": "34px",
-        "paddingY": "var(--seed-dimension-x1_5)"
-      },
-      "value": {
-        "fontSize": "var(--seed-font-size-t5)",
-        "lineHeight": "var(--seed-line-height-t5)"
-      },
-      "placeholder": {
-        "fontSize": "var(--seed-font-size-t5)",
-        "lineHeight": "var(--seed-line-height-t5)"
-      },
-      "prefixText": {
-        "fontSize": "var(--seed-font-size-t5)",
-        "lineHeight": "var(--seed-line-height-t5)"
-      },
-      "prefixIcon": {
-        "size": "var(--seed-dimension-x5)"
-      },
-      "suffixText": {
-        "fontSize": "var(--seed-font-size-t5)",
-        "lineHeight": "var(--seed-line-height-t5)"
-      },
-      "suffixIcon": {
-        "size": "var(--seed-dimension-x5)"
-      }
-    }
-  },
-  "typeSingleline": {},
-  "typeMultilineSizeLarge": {
-    "enabled": {
-      "root": {
-        "minHeight": "94px",
-        "paddingY": "var(--seed-dimension-x3_5)"
-      }
-    }
-  },
-  "typeMultilineSizeMedium": {
-    "enabled": {
-      "root": {
-        "minHeight": "82px",
-        "paddingY": "var(--seed-dimension-x3)"
-      }
-    }
-  }
-}

package/vars/component/time-picker.d.ts

@@ -1,27 +0,0 @@
-export declare const vars: {
-  "base": {
-    "enabled": {
-      "root": {
-        "height": "220px"
-      },
-      "selectionIndicator": {
-        "height": "44px",
-        "cornerRadius": "var(--seed-radius-r2)",
-        "color": "var(--seed-color-bg-neutral-weak)"
-      },
-      "item": {
-        "height": "44px",
-        "paddingX": "var(--seed-dimension-x4)",
-        "fontSize": "var(--seed-font-size-t10-static)",
-        "lineHeight": "var(--seed-line-height-t10-static)",
-        "fontWeight": "var(--seed-font-weight-medium)",
-        "color": "var(--seed-color-fg-disabled)"
-      }
-    },
-    "selected": {
-      "item": {
-        "color": "var(--seed-color-fg-neutral)"
-      }
-    }
-  }
-}

package/vars/component/time-picker.mjs

@@ -1,27 +0,0 @@
-export const vars = {
-  "base": {
-    "enabled": {
-      "root": {
-        "height": "220px"
-      },
-      "selectionIndicator": {
-        "height": "44px",
-        "cornerRadius": "var(--seed-radius-r2)",
-        "color": "var(--seed-color-bg-neutral-weak)"
-      },
-      "item": {
-        "height": "44px",
-        "paddingX": "var(--seed-dimension-x4)",
-        "fontSize": "var(--seed-font-size-t10-static)",
-        "lineHeight": "var(--seed-line-height-t10-static)",
-        "fontWeight": "var(--seed-font-weight-medium)",
-        "color": "var(--seed-color-fg-disabled)"
-      }
-    },
-    "selected": {
-      "item": {
-        "color": "var(--seed-color-fg-neutral)"
-      }
-    }
-  }
-}

package/vars/component/toggle-button.d.ts

@@ -1,213 +0,0 @@
-export declare const vars: {
-  "base": {
-    "enabled": {
-      "root": {
-        "colorDuration": "var(--seed-duration-color-transition)",
-        "colorTimingFunction": "var(--seed-timing-function-easing)"
-      },
-      "label": {
-        "fontWeight": "var(--seed-font-weight-bold)"
-      }
-    }
-  },
-  /**
-   * 브랜드 컬러로 강조된 스타일입니다.
-   */
-  "variantBrandSolid": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-brand-solid)"
-      },
-      "label": {
-        "color": "var(--seed-color-palette-static-white)"
-      },
-      "prefixIcon": {
-        "color": "var(--seed-color-palette-static-white)"
-      },
-      "suffixIcon": {
-        "color": "var(--seed-color-palette-static-white)"
-      },
-      "progressCircle": {
-        "trackColor": "var(--seed-color-palette-static-white-alpha-300)",
-        "rangeColor": "var(--seed-color-palette-static-white)"
-      }
-    },
-    "pressed": {
-      "root": {
-        "color": "var(--seed-color-bg-brand-solid-pressed)"
-      }
-    },
-    "selected": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-weak)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-neutral)"
-      },
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-neutral)"
-      },
-      "suffixIcon": {
-        "color": "var(--seed-color-fg-neutral)"
-      },
-      "progressCircle": {
-        "trackColor": "var(--seed-color-palette-gray-500)",
-        "rangeColor": "var(--seed-color-fg-neutral)"
-      }
-    },
-    "selectedPressed": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-weak-pressed)"
-      }
-    },
-    "disabled": {
-      "root": {
-        "color": "var(--seed-color-bg-disabled)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "suffixIcon": {
-        "color": "var(--seed-color-fg-disabled)"
-      }
-    },
-    "loading": {
-      "root": {
-        "color": "var(--seed-color-bg-brand-solid-pressed)"
-      }
-    },
-    "selectedLoading": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-weak-pressed)"
-      }
-    }
-  },
-  /**
-   * 기본적인 토글 스타일입니다.
-   */
-  "variantNeutralWeak": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-weak)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-neutral)"
-      },
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-neutral)"
-      },
-      "suffixIcon": {
-        "color": "var(--seed-color-fg-neutral)"
-      },
-      "progressCircle": {
-        "trackColor": "var(--seed-color-palette-gray-500)",
-        "rangeColor": "var(--seed-color-fg-neutral)"
-      }
-    },
-    "pressed": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-weak-pressed)"
-      }
-    },
-    "selected": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-weak)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-neutral)"
-      },
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-neutral)"
-      },
-      "suffixIcon": {
-        "color": "var(--seed-color-fg-neutral)"
-      },
-      "progressCircle": {
-        "trackColor": "var(--seed-color-palette-gray-500)",
-        "rangeColor": "var(--seed-color-fg-neutral)"
-      }
-    },
-    "selectedPressed": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-weak-pressed)"
-      }
-    },
-    "disabled": {
-      "root": {
-        "color": "var(--seed-color-bg-disabled)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "suffixIcon": {
-        "color": "var(--seed-color-fg-disabled)"
-      }
-    },
-    "loading": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-weak-pressed)"
-      }
-    },
-    "selectedLoading": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-weak-pressed)"
-      }
-    }
-  },
-  "sizeXsmall": {
-    "enabled": {
-      "root": {
-        "minHeight": "var(--seed-dimension-x8)",
-        "cornerRadius": "var(--seed-radius-full)",
-        "gap": "var(--seed-dimension-x1)",
-        "paddingX": "var(--seed-dimension-x3_5)",
-        "paddingY": "var(--seed-dimension-x1_5)"
-      },
-      "prefixIcon": {
-        "size": "var(--seed-dimension-x3_5)"
-      },
-      "suffixIcon": {
-        "size": "var(--seed-dimension-x3_5)"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-t3)",
-        "lineHeight": "var(--seed-line-height-t3)"
-      },
-      "progressCircle": {
-        "size": "14px",
-        "thickness": "2px"
-      }
-    }
-  },
-  "sizeSmall": {
-    "enabled": {
-      "root": {
-        "minHeight": "var(--seed-dimension-x9)",
-        "cornerRadius": "var(--seed-radius-full)",
-        "gap": "var(--seed-dimension-x1)",
-        "paddingX": "var(--seed-dimension-x4)",
-        "paddingY": "var(--seed-dimension-x2)"
-      },
-      "prefixIcon": {
-        "size": "var(--seed-dimension-x3_5)"
-      },
-      "suffixIcon": {
-        "size": "var(--seed-dimension-x3_5)"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-t4)",
-        "lineHeight": "var(--seed-line-height-t4)"
-      },
-      "progressCircle": {
-        "size": "14px",
-        "thickness": "2px"
-      }
-    }
-  }
-}