@seed-design/css 2.8.3 → 3.0.0

package/vars/component/manner-temp-badge.d.ts

@@ -1,117 +0,0 @@
-export declare const vars: {
-  "base": {
-    "enabled": {
-      "root": {
-        "minHeight": "var(--seed-dimension-x5)",
-        "paddingY": "var(--seed-dimension-x0_5)",
-        "paddingX": "var(--seed-dimension-x1_5)",
-        "cornerRadius": "var(--seed-radius-full)"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-t1)",
-        "lineHeight": "var(--seed-line-height-t1)",
-        "fontWeight": "var(--seed-font-weight-bold)"
-      }
-    }
-  },
-  "levelL1": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l1-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l1-text)"
-      }
-    }
-  },
-  "levelL2": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l2-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l2-text)"
-      }
-    }
-  },
-  "levelL3": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l3-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l3-text)"
-      }
-    }
-  },
-  "levelL4": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l4-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l4-text)"
-      }
-    }
-  },
-  "levelL5": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l5-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l5-text)"
-      }
-    }
-  },
-  "levelL6": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l6-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l6-text)"
-      }
-    }
-  },
-  "levelL7": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l7-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l7-text)"
-      }
-    }
-  },
-  "levelL8": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l8-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l8-text)"
-      }
-    }
-  },
-  "levelL9": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l9-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l9-text)"
-      }
-    }
-  },
-  "levelL10": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l10-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l10-text)"
-      }
-    }
-  }
-}

package/vars/component/manner-temp-badge.mjs

@@ -1,117 +0,0 @@
-export const vars = {
-  "base": {
-    "enabled": {
-      "root": {
-        "minHeight": "var(--seed-dimension-x5)",
-        "paddingY": "var(--seed-dimension-x0_5)",
-        "paddingX": "var(--seed-dimension-x1_5)",
-        "cornerRadius": "var(--seed-radius-full)"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-t1)",
-        "lineHeight": "var(--seed-line-height-t1)",
-        "fontWeight": "var(--seed-font-weight-bold)"
-      }
-    }
-  },
-  "levelL1": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l1-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l1-text)"
-      }
-    }
-  },
-  "levelL2": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l2-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l2-text)"
-      }
-    }
-  },
-  "levelL3": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l3-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l3-text)"
-      }
-    }
-  },
-  "levelL4": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l4-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l4-text)"
-      }
-    }
-  },
-  "levelL5": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l5-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l5-text)"
-      }
-    }
-  },
-  "levelL6": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l6-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l6-text)"
-      }
-    }
-  },
-  "levelL7": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l7-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l7-text)"
-      }
-    }
-  },
-  "levelL8": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l8-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l8-text)"
-      }
-    }
-  },
-  "levelL9": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l9-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l9-text)"
-      }
-    }
-  },
-  "levelL10": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-manner-temp-l10-bg)"
-      },
-      "label": {
-        "color": "var(--seed-color-manner-temp-l10-text)"
-      }
-    }
-  }
-}

package/vars/component/manner-temp.d.ts

@@ -1,88 +0,0 @@
-export declare const vars: {
-  "base": {
-    "enabled": {
-      "root": {
-        "gap": "var(--seed-dimension-x1)"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-t5)",
-        "lineHeight": "var(--seed-line-height-t5)",
-        "fontWeight": "var(--seed-font-weight-bold)"
-      },
-      "emote": {
-        "size": "var(--seed-dimension-x8)",
-        "bleed": "var(--seed-dimension-x1)"
-      }
-    }
-  },
-  "levelL1": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l1-text)"
-      }
-    }
-  },
-  "levelL2": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l2-text)"
-      }
-    }
-  },
-  "levelL3": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l3-text)"
-      }
-    }
-  },
-  "levelL4": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l4-text)"
-      }
-    }
-  },
-  "levelL5": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l5-text)"
-      }
-    }
-  },
-  "levelL6": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l6-text)"
-      }
-    }
-  },
-  "levelL7": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l7-text)"
-      }
-    }
-  },
-  "levelL8": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l8-text)"
-      }
-    }
-  },
-  "levelL9": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l9-text)"
-      }
-    }
-  },
-  "levelL10": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l10-text)"
-      }
-    }
-  }
-}

package/vars/component/manner-temp.mjs

@@ -1,88 +0,0 @@
-export const vars = {
-  "base": {
-    "enabled": {
-      "root": {
-        "gap": "var(--seed-dimension-x1)"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-t5)",
-        "lineHeight": "var(--seed-line-height-t5)",
-        "fontWeight": "var(--seed-font-weight-bold)"
-      },
-      "emote": {
-        "size": "var(--seed-dimension-x8)",
-        "bleed": "var(--seed-dimension-x1)"
-      }
-    }
-  },
-  "levelL1": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l1-text)"
-      }
-    }
-  },
-  "levelL2": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l2-text)"
-      }
-    }
-  },
-  "levelL3": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l3-text)"
-      }
-    }
-  },
-  "levelL4": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l4-text)"
-      }
-    }
-  },
-  "levelL5": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l5-text)"
-      }
-    }
-  },
-  "levelL6": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l6-text)"
-      }
-    }
-  },
-  "levelL7": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l7-text)"
-      }
-    }
-  },
-  "levelL8": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l8-text)"
-      }
-    }
-  },
-  "levelL9": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l9-text)"
-      }
-    }
-  },
-  "levelL10": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-manner-temp-l10-text)"
-      }
-    }
-  }
-}

package/vars/component/menu-item.d.ts

@@ -1,129 +0,0 @@
-export declare const vars: {
-  "base": {
-    "enabled": {
-      "root": {
-        "colorDuration": "var(--seed-duration-color-transition)",
-        "colorTimingFunction": "var(--seed-timing-function-easing)",
-        "marginDuration": "var(--seed-duration-d3)",
-        "marginTimingFunction": "var(--seed-timing-function-easing)",
-        "borderRadiusDuration": "var(--seed-duration-d3)",
-        "borderRadiusTimingFunction": "var(--seed-timing-function-easing)"
-      },
-      "body": {
-        "gap": "var(--seed-dimension-x0_5)"
-      },
-      "label": {
-        "fontWeight": "var(--seed-font-weight-regular)"
-      },
-      "description": {
-        "fontWeight": "var(--seed-font-weight-regular)",
-        "color": "var(--seed-color-fg-neutral-subtle)"
-      }
-    },
-    "pressed": {
-      "root": {
-        "color": "var(--seed-color-bg-transparent-pressed)",
-        "marginX": "var(--seed-dimension-x2)",
-        "cornerRadius": "var(--seed-radius-r3)"
-      }
-    },
-    "disabled": {
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "suffixIcon": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "description": {
-        "color": "var(--seed-color-fg-disabled)"
-      }
-    }
-  },
-  /**
-   * 뷰포트 너비와 관계없이 사용할 수 있습니다.
-   */
-  "sizeMedium": {
-    "enabled": {
-      "root": {
-        "paddingX": "var(--seed-dimension-x4)",
-        "paddingY": "var(--seed-dimension-x3)",
-        "gap": "var(--seed-dimension-x3)"
-      },
-      "prefixIcon": {
-        "size": "22px"
-      },
-      "suffixIcon": {
-        "size": "18px"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-t5)",
-        "lineHeight": "var(--seed-line-height-t5)"
-      },
-      "description": {
-        "fontSize": "var(--seed-font-size-t3)",
-        "lineHeight": "var(--seed-line-height-t3)"
-      }
-    }
-  },
-  /**
-   * Breakpoint `lg` 이상(데스크톱)에서만 사용하고, 모바일에서는 사용하지 않습니다. 정밀한 선택이 가능한 마우스 입력 환경에서 사이즈를 더 작게 만들고자 할 때 사용합니다.
-   */
-  "sizeSmall": {
-    "enabled": {
-      "root": {
-        "paddingX": "var(--seed-dimension-x4)",
-        "paddingY": "var(--seed-dimension-x2_5)",
-        "gap": "var(--seed-dimension-x2)"
-      },
-      "prefixIcon": {
-        "size": "18px"
-      },
-      "suffixIcon": {
-        "size": "16px"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-t4)",
-        "lineHeight": "var(--seed-line-height-t4)"
-      },
-      "description": {
-        "fontSize": "var(--seed-font-size-t2)",
-        "lineHeight": "var(--seed-line-height-t2)"
-      }
-    }
-  },
-  /**
-   * 일반적인 작업을 수행하는 기본 아이템입니다.
-   */
-  "toneNeutral": {
-    "enabled": {
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-neutral)"
-      },
-      "suffixIcon": {
-        "color": "var(--seed-color-fg-neutral)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-neutral)"
-      }
-    }
-  },
-  /**
-   * 데이터 삭제와 같이 되돌릴 수 없는 작업을 수행하는 아이템입니다.
-   */
-  "toneCritical": {
-    "enabled": {
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-critical)"
-      },
-      "suffixIcon": {
-        "color": "var(--seed-color-fg-critical)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-critical)"
-      }
-    }
-  }
-}

package/vars/component/menu-item.mjs

@@ -1,117 +0,0 @@
-export const vars = {
-  "base": {
-    "enabled": {
-      "root": {
-        "colorDuration": "var(--seed-duration-color-transition)",
-        "colorTimingFunction": "var(--seed-timing-function-easing)",
-        "marginDuration": "var(--seed-duration-d3)",
-        "marginTimingFunction": "var(--seed-timing-function-easing)",
-        "borderRadiusDuration": "var(--seed-duration-d3)",
-        "borderRadiusTimingFunction": "var(--seed-timing-function-easing)"
-      },
-      "body": {
-        "gap": "var(--seed-dimension-x0_5)"
-      },
-      "label": {
-        "fontWeight": "var(--seed-font-weight-regular)"
-      },
-      "description": {
-        "fontWeight": "var(--seed-font-weight-regular)",
-        "color": "var(--seed-color-fg-neutral-subtle)"
-      }
-    },
-    "pressed": {
-      "root": {
-        "color": "var(--seed-color-bg-transparent-pressed)",
-        "marginX": "var(--seed-dimension-x2)",
-        "cornerRadius": "var(--seed-radius-r3)"
-      }
-    },
-    "disabled": {
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "suffixIcon": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "description": {
-        "color": "var(--seed-color-fg-disabled)"
-      }
-    }
-  },
-  "sizeMedium": {
-    "enabled": {
-      "root": {
-        "paddingX": "var(--seed-dimension-x4)",
-        "paddingY": "var(--seed-dimension-x3)",
-        "gap": "var(--seed-dimension-x3)"
-      },
-      "prefixIcon": {
-        "size": "22px"
-      },
-      "suffixIcon": {
-        "size": "18px"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-t5)",
-        "lineHeight": "var(--seed-line-height-t5)"
-      },
-      "description": {
-        "fontSize": "var(--seed-font-size-t3)",
-        "lineHeight": "var(--seed-line-height-t3)"
-      }
-    }
-  },
-  "sizeSmall": {
-    "enabled": {
-      "root": {
-        "paddingX": "var(--seed-dimension-x4)",
-        "paddingY": "var(--seed-dimension-x2_5)",
-        "gap": "var(--seed-dimension-x2)"
-      },
-      "prefixIcon": {
-        "size": "18px"
-      },
-      "suffixIcon": {
-        "size": "16px"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-t4)",
-        "lineHeight": "var(--seed-line-height-t4)"
-      },
-      "description": {
-        "fontSize": "var(--seed-font-size-t2)",
-        "lineHeight": "var(--seed-line-height-t2)"
-      }
-    }
-  },
-  "toneNeutral": {
-    "enabled": {
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-neutral)"
-      },
-      "suffixIcon": {
-        "color": "var(--seed-color-fg-neutral)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-neutral)"
-      }
-    }
-  },
-  "toneCritical": {
-    "enabled": {
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-critical)"
-      },
-      "suffixIcon": {
-        "color": "var(--seed-color-fg-critical)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-critical)"
-      }
-    }
-  }
-}

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

@@ -1,24 +0,0 @@
-export declare const vars: {
-  "base": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-weak)",
-        "minHeight": "52px",
-        "cornerRadius": "var(--seed-radius-r3)",
-        "paddingX": "var(--seed-dimension-x5)",
-        "paddingY": "var(--seed-dimension-x3_5)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-neutral)",
-        "fontSize": "var(--seed-font-size-t5)",
-        "lineHeight": "var(--seed-line-height-t5)",
-        "fontWeight": "var(--seed-font-weight-medium)"
-      }
-    },
-    "pressed": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-weak-pressed)"
-      }
-    }
-  }
-}

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

@@ -1,24 +0,0 @@
-export const vars = {
-  "base": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-weak)",
-        "minHeight": "52px",
-        "cornerRadius": "var(--seed-radius-r3)",
-        "paddingX": "var(--seed-dimension-x5)",
-        "paddingY": "var(--seed-dimension-x3_5)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-neutral)",
-        "fontSize": "var(--seed-font-size-t5)",
-        "lineHeight": "var(--seed-line-height-t5)",
-        "fontWeight": "var(--seed-font-weight-medium)"
-      }
-    },
-    "pressed": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-weak-pressed)"
-      }
-    }
-  }
-}