@seed-design/lynx-css 0.0.0-alpha-20260622094810

package/vars/component/checkbox-group.d.ts

@@ -0,0 +1,9 @@
+export declare const vars: {
+  "base": {
+    "enabled": {
+      "root": {
+        "gapY": "var(--seed-dimension-x1)"
+      }
+    }
+  }
+}

package/vars/component/checkbox-group.mjs

@@ -0,0 +1,9 @@
+export const vars = {
+  "base": {
+    "enabled": {
+      "root": {
+        "gapY": "var(--seed-dimension-x1)"
+      }
+    }
+  }
+}

package/vars/component/checkbox.d.ts

@@ -0,0 +1,53 @@
+export declare const vars: {
+  "base": {
+    "enabled": {
+      "label": {
+        "color": "var(--seed-color-fg-neutral)"
+      },
+      "root": {
+        "gap": "var(--seed-dimension-x2)"
+      }
+    },
+    "disabled": {
+      "label": {
+        "color": "var(--seed-color-fg-disabled)"
+      }
+    }
+  },
+  "weightRegular": {
+    "enabled": {
+      "label": {
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "weightBold": {
+    "enabled": {
+      "label": {
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "sizeMedium": {
+    "enabled": {
+      "root": {
+        "minHeight": "var(--seed-dimension-x8)"
+      },
+      "label": {
+        "fontSize": "var(--seed-font-size-t4)",
+        "lineHeight": "var(--seed-line-height-t4)"
+      }
+    }
+  },
+  "sizeLarge": {
+    "enabled": {
+      "root": {
+        "minHeight": "var(--seed-dimension-x9)"
+      },
+      "label": {
+        "fontSize": "var(--seed-font-size-t5)",
+        "lineHeight": "var(--seed-line-height-t5)"
+      }
+    }
+  }
+}

package/vars/component/checkbox.mjs

@@ -0,0 +1,53 @@
+export const vars = {
+  "base": {
+    "enabled": {
+      "label": {
+        "color": "var(--seed-color-fg-neutral)"
+      },
+      "root": {
+        "gap": "var(--seed-dimension-x2)"
+      }
+    },
+    "disabled": {
+      "label": {
+        "color": "var(--seed-color-fg-disabled)"
+      }
+    }
+  },
+  "weightRegular": {
+    "enabled": {
+      "label": {
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "weightBold": {
+    "enabled": {
+      "label": {
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "sizeMedium": {
+    "enabled": {
+      "root": {
+        "minHeight": "var(--seed-dimension-x8)"
+      },
+      "label": {
+        "fontSize": "var(--seed-font-size-t4)",
+        "lineHeight": "var(--seed-line-height-t4)"
+      }
+    }
+  },
+  "sizeLarge": {
+    "enabled": {
+      "root": {
+        "minHeight": "var(--seed-dimension-x9)"
+      },
+      "label": {
+        "fontSize": "var(--seed-font-size-t5)",
+        "lineHeight": "var(--seed-line-height-t5)"
+      }
+    }
+  }
+}

package/vars/component/checkmark.d.ts

@@ -0,0 +1,195 @@
+export declare const vars: {
+  "base": {
+    "enabled": {
+      "root": {
+        "colorDuration": "var(--seed-duration-color-transition)",
+        "colorTimingFunction": "var(--seed-timing-function-easing)"
+      }
+    }
+  },
+  /**
+   * 필수 선택 항목이고 사용자가 해당 내용을 인지해야 하는 경우 사용합니다.
+   */
+  "variantSquare": {
+    "enabled": {
+      "root": {
+        "strokeWidth": "1px",
+        "strokeColor": "var(--seed-color-stroke-neutral-weak)"
+      }
+    },
+    "pressed": {
+      "root": {
+        "color": "var(--seed-color-bg-transparent-pressed)"
+      }
+    },
+    "enabledSelected": {
+      "root": {
+        "strokeWidth": "0px",
+        "strokeColor": "#00000000"
+      }
+    },
+    "disabled": {
+      "root": {
+        "color": "var(--seed-color-bg-disabled)",
+        "strokeColor": "var(--seed-color-stroke-neutral-muted)"
+      },
+      "icon": {
+        "color": "var(--seed-color-fg-disabled)"
+      }
+    },
+    "disabledSelected": {
+      "icon": {
+        "color": "var(--seed-color-fg-disabled)"
+      }
+    }
+  },
+  /**
+   * - `variant=square`: 필수 선택 항목이고 사용자가 해당 내용을 인지해야 하는 경우 사용합니다.
+   */
+  "variantSquareToneBrand": {
+    "enabledSelected": {
+      "root": {
+        "color": "var(--seed-color-bg-brand-solid)"
+      },
+      "icon": {
+        "color": "var(--seed-color-palette-static-white)"
+      }
+    },
+    "pressedSelected": {
+      "root": {
+        "color": "var(--seed-color-bg-brand-solid-pressed)"
+      }
+    }
+  },
+  /**
+   * - `variant=square`: 필수 선택 항목이고 사용자가 해당 내용을 인지해야 하는 경우 사용합니다.
+   */
+  "variantSquareToneNeutral": {
+    "enabledSelected": {
+      "root": {
+        "color": "var(--seed-color-bg-neutral-inverted)"
+      },
+      "icon": {
+        "color": "var(--seed-color-fg-neutral-inverted)"
+      }
+    },
+    "pressedSelected": {
+      "root": {
+        "color": "var(--seed-color-bg-neutral-inverted-pressed)"
+      }
+    }
+  },
+  /**
+   * 필수 선택 항목이 아니고, 3개 이하 항목으로 구성되는 경우 사용하는 것을 권장합니다.
+   */
+  "variantGhost": {
+    "enabled": {
+      "icon": {
+        "color": "var(--seed-color-fg-placeholder)",
+        "colorDuration": "var(--seed-duration-color-transition)",
+        "colorTimingFunction": "var(--seed-timing-function-easing)"
+      }
+    },
+    "pressed": {
+      "root": {
+        "color": "var(--seed-color-bg-transparent-pressed)"
+      }
+    },
+    "disabled": {
+      "icon": {
+        "color": "var(--seed-color-fg-disabled)"
+      }
+    },
+    "disabledSelected": {
+      "icon": {
+        "color": "var(--seed-color-fg-disabled)"
+      }
+    }
+  },
+  /**
+   * - `variant=ghost`: 필수 선택 항목이 아니고, 3개 이하 항목으로 구성되는 경우 사용하는 것을 권장합니다.
+   */
+  "variantGhostToneBrand": {
+    "enabledSelected": {
+      "icon": {
+        "color": "var(--seed-color-fg-brand)"
+      }
+    },
+    "pressedSelected": {
+      "root": {
+        "color": "var(--seed-color-palette-carrot-200)"
+      }
+    }
+  },
+  /**
+   * - `variant=ghost`: 필수 선택 항목이 아니고, 3개 이하 항목으로 구성되는 경우 사용하는 것을 권장합니다.
+   */
+  "variantGhostToneNeutral": {
+    "enabledSelected": {
+      "icon": {
+        "color": "var(--seed-color-fg-neutral)"
+      }
+    },
+    "pressedSelected": {
+      "root": {
+        "color": "var(--seed-color-palette-gray-200)"
+      }
+    }
+  },
+  "sizeMedium": {
+    "enabled": {
+      "root": {
+        "size": "var(--seed-dimension-x5)",
+        "cornerRadius": "var(--seed-radius-r1)"
+      }
+    }
+  },
+  "sizeLarge": {
+    "enabled": {
+      "root": {
+        "size": "var(--seed-dimension-x6)",
+        "cornerRadius": "var(--seed-radius-r1)"
+      }
+    }
+  },
+  /**
+   * - `variant=square`: 필수 선택 항목이고 사용자가 해당 내용을 인지해야 하는 경우 사용합니다.
+   */
+  "variantSquareSizeMedium": {
+    "enabled": {
+      "icon": {
+        "size": "12px"
+      }
+    }
+  },
+  /**
+   * - `variant=square`: 필수 선택 항목이고 사용자가 해당 내용을 인지해야 하는 경우 사용합니다.
+   */
+  "variantSquareSizeLarge": {
+    "enabled": {
+      "icon": {
+        "size": "14px"
+      }
+    }
+  },
+  /**
+   * - `variant=ghost`: 필수 선택 항목이 아니고, 3개 이하 항목으로 구성되는 경우 사용하는 것을 권장합니다.
+   */
+  "variantGhostSizeMedium": {
+    "enabled": {
+      "icon": {
+        "size": "14px"
+      }
+    }
+  },
+  /**
+   * - `variant=ghost`: 필수 선택 항목이 아니고, 3개 이하 항목으로 구성되는 경우 사용하는 것을 권장합니다.
+   */
+  "variantGhostSizeLarge": {
+    "enabled": {
+      "icon": {
+        "size": "18px"
+      }
+    }
+  }
+}

package/vars/component/checkmark.mjs

@@ -0,0 +1,165 @@
+export const vars = {
+  "base": {
+    "enabled": {
+      "root": {
+        "colorDuration": "var(--seed-duration-color-transition)",
+        "colorTimingFunction": "var(--seed-timing-function-easing)"
+      }
+    }
+  },
+  "variantSquare": {
+    "enabled": {
+      "root": {
+        "strokeWidth": "1px",
+        "strokeColor": "var(--seed-color-stroke-neutral-weak)"
+      }
+    },
+    "pressed": {
+      "root": {
+        "color": "var(--seed-color-bg-transparent-pressed)"
+      }
+    },
+    "enabledSelected": {
+      "root": {
+        "strokeWidth": "0px",
+        "strokeColor": "#00000000"
+      }
+    },
+    "disabled": {
+      "root": {
+        "color": "var(--seed-color-bg-disabled)",
+        "strokeColor": "var(--seed-color-stroke-neutral-muted)"
+      },
+      "icon": {
+        "color": "var(--seed-color-fg-disabled)"
+      }
+    },
+    "disabledSelected": {
+      "icon": {
+        "color": "var(--seed-color-fg-disabled)"
+      }
+    }
+  },
+  "variantSquareToneBrand": {
+    "enabledSelected": {
+      "root": {
+        "color": "var(--seed-color-bg-brand-solid)"
+      },
+      "icon": {
+        "color": "var(--seed-color-palette-static-white)"
+      }
+    },
+    "pressedSelected": {
+      "root": {
+        "color": "var(--seed-color-bg-brand-solid-pressed)"
+      }
+    }
+  },
+  "variantSquareToneNeutral": {
+    "enabledSelected": {
+      "root": {
+        "color": "var(--seed-color-bg-neutral-inverted)"
+      },
+      "icon": {
+        "color": "var(--seed-color-fg-neutral-inverted)"
+      }
+    },
+    "pressedSelected": {
+      "root": {
+        "color": "var(--seed-color-bg-neutral-inverted-pressed)"
+      }
+    }
+  },
+  "variantGhost": {
+    "enabled": {
+      "icon": {
+        "color": "var(--seed-color-fg-placeholder)",
+        "colorDuration": "var(--seed-duration-color-transition)",
+        "colorTimingFunction": "var(--seed-timing-function-easing)"
+      }
+    },
+    "pressed": {
+      "root": {
+        "color": "var(--seed-color-bg-transparent-pressed)"
+      }
+    },
+    "disabled": {
+      "icon": {
+        "color": "var(--seed-color-fg-disabled)"
+      }
+    },
+    "disabledSelected": {
+      "icon": {
+        "color": "var(--seed-color-fg-disabled)"
+      }
+    }
+  },
+  "variantGhostToneBrand": {
+    "enabledSelected": {
+      "icon": {
+        "color": "var(--seed-color-fg-brand)"
+      }
+    },
+    "pressedSelected": {
+      "root": {
+        "color": "var(--seed-color-palette-carrot-200)"
+      }
+    }
+  },
+  "variantGhostToneNeutral": {
+    "enabledSelected": {
+      "icon": {
+        "color": "var(--seed-color-fg-neutral)"
+      }
+    },
+    "pressedSelected": {
+      "root": {
+        "color": "var(--seed-color-palette-gray-200)"
+      }
+    }
+  },
+  "sizeMedium": {
+    "enabled": {
+      "root": {
+        "size": "var(--seed-dimension-x5)",
+        "cornerRadius": "var(--seed-radius-r1)"
+      }
+    }
+  },
+  "sizeLarge": {
+    "enabled": {
+      "root": {
+        "size": "var(--seed-dimension-x6)",
+        "cornerRadius": "var(--seed-radius-r1)"
+      }
+    }
+  },
+  "variantSquareSizeMedium": {
+    "enabled": {
+      "icon": {
+        "size": "12px"
+      }
+    }
+  },
+  "variantSquareSizeLarge": {
+    "enabled": {
+      "icon": {
+        "size": "14px"
+      }
+    }
+  },
+  "variantGhostSizeMedium": {
+    "enabled": {
+      "icon": {
+        "size": "14px"
+      }
+    }
+  },
+  "variantGhostSizeLarge": {
+    "enabled": {
+      "icon": {
+        "size": "18px"
+      }
+    }
+  }
+}

package/vars/component/chip-tab.d.ts

@@ -0,0 +1,121 @@
+export declare const vars: {
+  "base": {
+    "enabled": {
+      "root": {
+        "colorDuration": "var(--seed-duration-color-transition)",
+        "colorTimingFunction": "var(--seed-timing-function-easing)",
+        "paddingY": "var(--seed-dimension-x2)",
+        "cornerRadius": "var(--seed-radius-full)"
+      },
+      "label": {
+        "fontWeight": "var(--seed-font-weight-medium)"
+      }
+    }
+  },
+  "sizeMedium": {
+    "enabled": {
+      "root": {
+        "paddingX": "var(--seed-dimension-x3_5)",
+        "minHeight": "36px"
+      },
+      "label": {
+        "fontSize": "var(--seed-font-size-t4)"
+      }
+    }
+  },
+  "sizeLarge": {
+    "enabled": {
+      "root": {
+        "paddingX": "var(--seed-dimension-x4)",
+        "minHeight": "40px"
+      },
+      "label": {
+        "fontSize": "var(--seed-font-size-t4)"
+      }
+    }
+  },
+  "variantNeutralSolid": {
+    "enabled": {
+      "root": {
+        "color": "var(--seed-color-bg-neutral-weak-alpha)"
+      },
+      "label": {
+        "color": "var(--seed-color-fg-neutral)"
+      }
+    },
+    "enabledPressed": {
+      "root": {
+        "color": "var(--seed-color-bg-neutral-weak-alpha-pressed)"
+      }
+    },
+    "selected": {
+      "root": {
+        "color": "var(--seed-color-bg-neutral-inverted)"
+      },
+      "label": {
+        "color": "var(--seed-color-fg-neutral-inverted)"
+      }
+    },
+    "selectedPressed": {
+      "root": {
+        "color": "var(--seed-color-bg-neutral-inverted-pressed)"
+      }
+    },
+    "disabled": {
+      "label": {
+        "color": "var(--seed-color-fg-disabled)"
+      }
+    },
+    "selectedDisabled": {
+      "root": {
+        "color": "var(--seed-color-bg-disabled)"
+      },
+      "label": {
+        "color": "var(--seed-color-fg-disabled)"
+      }
+    }
+  },
+  "variantNeutralOutline": {
+    "enabled": {
+      "root": {
+        "color": "var(--seed-color-bg-transparent)",
+        "strokeColor": "var(--seed-color-stroke-neutral-muted)",
+        "strokeWidth": "1px"
+      },
+      "label": {
+        "color": "var(--seed-color-fg-neutral)"
+      }
+    },
+    "enabledPressed": {
+      "root": {
+        "color": "var(--seed-color-bg-transparent-pressed)"
+      }
+    },
+    "selected": {
+      "root": {
+        "color": "var(--seed-color-bg-neutral-inverted)"
+      },
+      "label": {
+        "color": "var(--seed-color-fg-neutral-inverted)"
+      }
+    },
+    "selectedPressed": {
+      "root": {
+        "color": "var(--seed-color-bg-neutral-inverted-pressed)"
+      }
+    },
+    "disabled": {
+      "label": {
+        "color": "var(--seed-color-fg-disabled)"
+      }
+    },
+    "selectedDisabled": {
+      "root": {
+        "color": "var(--seed-color-bg-disabled)"
+      },
+      "label": {
+        "color": "var(--seed-color-fg-disabled)"
+      }
+    }
+  }
+}