@seed-design/css 2.9.0 → 3.0.0

package/recipes/wheel-picker-public.css

@@ -1,124 +0,0 @@
-.seed-wheel-picker-public__root {
-    position: relative;
-    width: 100%;
-    overflow: hidden;
-    background-color: var(--seed-color-bg-layer-floating);
-    --seed-wheel-picker-public-item-color: var(--seed-color-fg-disabled);
-    --seed-wheel-picker-public-selected-item-color: var(--seed-color-fg-neutral);
-    --seed-wheel-picker-public-scroll-fog-size: min(calc(0.4 * 100%), var(--seed-wheel-picker-public-scroll-fog-max-height));
-}
-.seed-wheel-picker-public__scrollFog {
-    position: relative;
-    z-index: 1;
-    height: 100%;
-    overflow: hidden;
-}
-.seed-wheel-picker-public__columns {
-    display: flex;
-    width: 100%;
-    height: 100%;
-    justify-content: center;
-}
-.seed-wheel-picker-public__column {
-    box-sizing: border-box;
-    flex: 0 0 auto;
-    width: max-content;
-    height: 100%;
-    overflow-x: hidden;
-    overflow-y: auto;
-    overscroll-behavior-x: none;
-    overscroll-behavior-y: contain;
-    scroll-snap-type: y mandatory;
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-    outline: none;
-    touch-action: pan-y;
-    cursor: grab;
-    padding-block: var(--seed-wheel-picker-public-center-offset);
-}
-.seed-wheel-picker-public__column:is(:disabled, [disabled], [data-disabled]) {
-    overflow-y: hidden;
-    cursor: default;
-    --seed-wheel-picker-public-item-color: var(--seed-color-fg-disabled);
-    --seed-wheel-picker-public-selected-item-color: var(--seed-color-fg-disabled);
-}
-.seed-wheel-picker-public__column[data-wheel-picker-dragging] {
-    cursor: grabbing;
-    scroll-snap-type: none;
-}
-.seed-wheel-picker-public__column[data-wheel-picker-scrolling] {
-    scroll-snap-type: none;
-}
-.seed-wheel-picker-public__column::-webkit-scrollbar {
-    display: none;
-}
-.seed-wheel-picker-public__column :is([aria-selected=true], [data-selected]) {
-    outline: var(--seed-dimension-x0_5) solid transparent;
-    outline-offset: calc(var(--seed-dimension-x0_5) * -1);
-    border-radius: var(--seed-radius-r2);
-}
-.seed-wheel-picker-public__column:not([data-wheel-picker-pointer-focus]) :is([aria-selected=true], [data-selected]) {
-    transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
-}
-.seed-wheel-picker-public__column.seed-wheel-picker-public__column:is(:focus-visible, [data-focus-visible]):not([data-wheel-picker-pointer-focus]) :is([aria-selected=true], [data-selected]) {
-    outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
-    outline-offset: calc(var(--seed-dimension-x0_5) * -1);
-}
-.seed-wheel-picker-public__item {
-    display: flex;
-    height: var(--seed-wheel-picker-public-item-size);
-    min-height: var(--seed-wheel-picker-public-item-size);
-    align-items: center;
-    justify-content: center;
-    color: var(--seed-wheel-picker-public-item-color);
-    outline-color: transparent;
-    scroll-snap-align: center;
-    user-select: none;
-}
-.seed-wheel-picker-public__item[data-wheel-picker-indicator-overlap] {
-    color: transparent;
-    background-image: linear-gradient(to bottom, var(--seed-wheel-picker-public-item-color) 0%, var(--seed-wheel-picker-public-item-color) var(--seed-wheel-picker-indicator-overlap-start), var(--seed-wheel-picker-public-selected-item-color) var(--seed-wheel-picker-indicator-overlap-start), var(--seed-wheel-picker-public-selected-item-color) var(--seed-wheel-picker-indicator-overlap-end), var(--seed-wheel-picker-public-item-color) var(--seed-wheel-picker-indicator-overlap-end), var(--seed-wheel-picker-public-item-color) 100%);
-    background-clip: text;
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-}
-.seed-wheel-picker-public__itemLabel {
-    box-sizing: border-box;
-    display: flex;
-    flex-shrink: 0;
-    height: 100%;
-    align-items: center;
-    justify-content: center;
-    padding-inline: var(--seed-dimension-x4);
-    font-weight: var(--seed-font-weight-medium);
-    white-space: nowrap;
-}
-.seed-wheel-picker-public__selectionIndicator {
-    position: absolute;
-    z-index: 0;
-    inset-inline: var(--seed-dimension-x4);
-    top: 50%;
-    height: var(--seed-wheel-picker-public-item-size);
-    transform: translateY(-50%);
-    border-radius: var(--seed-radius-r2);
-    background-color: var(--seed-color-bg-neutral-weak);
-    pointer-events: none;
-}
-.seed-wheel-picker-public__root--size_small {
-    height: var(--seed-wheel-picker-public-viewport-size, 180px);
-    --seed-wheel-picker-public-item-size: 36px;
-    --seed-wheel-picker-public-scroll-fog-max-height: 108px;
-}
-.seed-wheel-picker-public__itemLabel--size_small {
-    font-size: var(--seed-font-size-t7-static);
-    line-height: var(--seed-line-height-t7-static);
-}
-.seed-wheel-picker-public__root--size_medium {
-    height: var(--seed-wheel-picker-public-viewport-size, 220px);
-    --seed-wheel-picker-public-item-size: 44px;
-    --seed-wheel-picker-public-scroll-fog-max-height: 132px;
-}
-.seed-wheel-picker-public__itemLabel--size_medium {
-    font-size: var(--seed-font-size-t10-static);
-    line-height: var(--seed-line-height-t10-static);
-}

package/recipes/wheel-picker-public.d.ts

@@ -1,24 +0,0 @@
-declare interface WheelPickerPublicVariant {
-  /**
-  * @default "medium"
-  */
-  size: "small" | "medium";
-}
-
-declare type WheelPickerPublicVariantMap = {
-  [key in keyof WheelPickerPublicVariant]: Array<WheelPickerPublicVariant[key]>;
-};
-
-export declare type WheelPickerPublicVariantProps = Partial<WheelPickerPublicVariant>;
-
-export declare type WheelPickerPublicSlotName = "root" | "scrollFog" | "columns" | "column" | "item" | "itemLabel" | "selectionIndicator";
-
-export declare const wheelPickerPublicVariantMap: WheelPickerPublicVariantMap;
-
-export declare const wheelPickerPublic: ((
-  props?: WheelPickerPublicVariantProps,
-) => Record<WheelPickerPublicSlotName, string>) & {
-  splitVariantProps: <T extends WheelPickerPublicVariantProps>(
-    props: T,
-  ) => [WheelPickerPublicVariantProps, Omit<T, keyof WheelPickerPublicVariantProps>];
-}

package/recipes/wheel-picker-public.layered.css

@@ -1,144 +0,0 @@
-@layer seed-components {
-  .seed-wheel-picker-public__root {
-    background-color: var(--seed-color-bg-layer-floating);
-    --seed-wheel-picker-public-item-color: var(--seed-color-fg-disabled);
-    --seed-wheel-picker-public-selected-item-color: var(--seed-color-fg-neutral);
-    --seed-wheel-picker-public-scroll-fog-size: min(calc(.4 * 100%), var(--seed-wheel-picker-public-scroll-fog-max-height));
-    width: 100%;
-    position: relative;
-    overflow: hidden;
-  }
-
-  .seed-wheel-picker-public__scrollFog {
-    z-index: 1;
-    height: 100%;
-    position: relative;
-    overflow: hidden;
-  }
-
-  .seed-wheel-picker-public__columns {
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    display: flex;
-  }
-
-  .seed-wheel-picker-public__column {
-    box-sizing: border-box;
-    overscroll-behavior-x: none;
-    overscroll-behavior-y: contain;
-    scroll-snap-type: y mandatory;
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-    touch-action: pan-y;
-    cursor: grab;
-    width: max-content;
-    height: 100%;
-    padding-block: var(--seed-wheel-picker-public-center-offset);
-    outline: none;
-    flex: none;
-    overflow: hidden auto;
-  }
-
-  .seed-wheel-picker-public__column:is(:disabled, [disabled], [data-disabled]) {
-    cursor: default;
-    --seed-wheel-picker-public-item-color: var(--seed-color-fg-disabled);
-    --seed-wheel-picker-public-selected-item-color: var(--seed-color-fg-disabled);
-    overflow-y: hidden;
-  }
-
-  .seed-wheel-picker-public__column[data-wheel-picker-dragging] {
-    cursor: grabbing;
-    scroll-snap-type: none;
-  }
-
-  .seed-wheel-picker-public__column[data-wheel-picker-scrolling] {
-    scroll-snap-type: none;
-  }
-
-  .seed-wheel-picker-public__column::-webkit-scrollbar {
-    display: none;
-  }
-
-  .seed-wheel-picker-public__column :is([aria-selected="true"], [data-selected]) {
-    outline: var(--seed-dimension-x0_5) solid transparent;
-    outline-offset: calc(var(--seed-dimension-x0_5) * -1);
-    border-radius: var(--seed-radius-r2);
-  }
-
-  .seed-wheel-picker-public__column:not([data-wheel-picker-pointer-focus]) :is([aria-selected="true"], [data-selected]) {
-    transition: outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
-  }
-
-  .seed-wheel-picker-public__column.seed-wheel-picker-public__column:is(:focus-visible, [data-focus-visible]):not([data-wheel-picker-pointer-focus]) :is([aria-selected="true"], [data-selected]) {
-    outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
-    outline-offset: calc(var(--seed-dimension-x0_5) * -1);
-  }
-
-  .seed-wheel-picker-public__item {
-    height: var(--seed-wheel-picker-public-item-size);
-    min-height: var(--seed-wheel-picker-public-item-size);
-    color: var(--seed-wheel-picker-public-item-color);
-    scroll-snap-align: center;
-    -webkit-user-select: none;
-    user-select: none;
-    outline-color: #0000;
-    justify-content: center;
-    align-items: center;
-    display: flex;
-  }
-
-  .seed-wheel-picker-public__item[data-wheel-picker-indicator-overlap] {
-    color: #0000;
-    background-image: linear-gradient(to bottom, var(--seed-wheel-picker-public-item-color) 0%, var(--seed-wheel-picker-public-item-color) var(--seed-wheel-picker-indicator-overlap-start), var(--seed-wheel-picker-public-selected-item-color) var(--seed-wheel-picker-indicator-overlap-start), var(--seed-wheel-picker-public-selected-item-color) var(--seed-wheel-picker-indicator-overlap-end), var(--seed-wheel-picker-public-item-color) var(--seed-wheel-picker-indicator-overlap-end), var(--seed-wheel-picker-public-item-color) 100%);
-    -webkit-text-fill-color: transparent;
-    -webkit-background-clip: text;
-    background-clip: text;
-  }
-
-  .seed-wheel-picker-public__itemLabel {
-    box-sizing: border-box;
-    height: 100%;
-    padding-inline: var(--seed-dimension-x4);
-    font-weight: var(--seed-font-weight-medium);
-    white-space: nowrap;
-    flex-shrink: 0;
-    justify-content: center;
-    align-items: center;
-    display: flex;
-  }
-
-  .seed-wheel-picker-public__selectionIndicator {
-    z-index: 0;
-    inset-inline: var(--seed-dimension-x4);
-    height: var(--seed-wheel-picker-public-item-size);
-    border-radius: var(--seed-radius-r2);
-    background-color: var(--seed-color-bg-neutral-weak);
-    pointer-events: none;
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-  }
-
-  .seed-wheel-picker-public__root--size_small {
-    height: var(--seed-wheel-picker-public-viewport-size, 180px);
-    --seed-wheel-picker-public-item-size: 36px;
-    --seed-wheel-picker-public-scroll-fog-max-height: 108px;
-  }
-
-  .seed-wheel-picker-public__itemLabel--size_small {
-    font-size: var(--seed-font-size-t7-static);
-    line-height: var(--seed-line-height-t7-static);
-  }
-
-  .seed-wheel-picker-public__root--size_medium {
-    height: var(--seed-wheel-picker-public-viewport-size, 220px);
-    --seed-wheel-picker-public-item-size: 44px;
-    --seed-wheel-picker-public-scroll-fog-max-height: 132px;
-  }
-
-  .seed-wheel-picker-public__itemLabel--size_medium {
-    font-size: var(--seed-font-size-t10-static);
-    line-height: var(--seed-line-height-t10-static);
-  }
-}

package/recipes/wheel-picker-public.layered.mjs

@@ -1,63 +0,0 @@
-import './wheel-picker-public.layered.css';
-import { createClassName, mergeVariants, splitVariantProps } from "./shared.mjs";
-
-const wheelPickerPublicSlotNames = [
-  [
-    "root",
-    "seed-wheel-picker-public__root"
-  ],
-  [
-    "scrollFog",
-    "seed-wheel-picker-public__scrollFog"
-  ],
-  [
-    "columns",
-    "seed-wheel-picker-public__columns"
-  ],
-  [
-    "column",
-    "seed-wheel-picker-public__column"
-  ],
-  [
-    "item",
-    "seed-wheel-picker-public__item"
-  ],
-  [
-    "itemLabel",
-    "seed-wheel-picker-public__itemLabel"
-  ],
-  [
-    "selectionIndicator",
-    "seed-wheel-picker-public__selectionIndicator"
-  ]
-];
-
-const defaultVariant = {
-  "size": "medium"
-};
-
-const compoundVariants = [];
-
-export const wheelPickerPublicVariantMap = {
-  "size": [
-    "small",
-    "medium"
-  ]
-};
-
-export const wheelPickerPublicVariantKeys = Object.keys(wheelPickerPublicVariantMap);
-
-export function wheelPickerPublic(props) {
-  return Object.fromEntries(
-    wheelPickerPublicSlotNames.map(([slot, className]) => {
-      return [
-        slot,
-        createClassName(className, mergeVariants(defaultVariant, props), compoundVariants),
-      ];
-    }),
-  );
-}
-
-Object.assign(wheelPickerPublic, { splitVariantProps: (props) => splitVariantProps(props, wheelPickerPublicVariantMap) });
-
-// @recipe(seed): wheel-picker-public

package/recipes/wheel-picker-public.mjs

@@ -1,63 +0,0 @@
-import './wheel-picker-public.css';
-import { createClassName, mergeVariants, splitVariantProps } from "./shared.mjs";
-
-const wheelPickerPublicSlotNames = [
-  [
-    "root",
-    "seed-wheel-picker-public__root"
-  ],
-  [
-    "scrollFog",
-    "seed-wheel-picker-public__scrollFog"
-  ],
-  [
-    "columns",
-    "seed-wheel-picker-public__columns"
-  ],
-  [
-    "column",
-    "seed-wheel-picker-public__column"
-  ],
-  [
-    "item",
-    "seed-wheel-picker-public__item"
-  ],
-  [
-    "itemLabel",
-    "seed-wheel-picker-public__itemLabel"
-  ],
-  [
-    "selectionIndicator",
-    "seed-wheel-picker-public__selectionIndicator"
-  ]
-];
-
-const defaultVariant = {
-  "size": "medium"
-};
-
-const compoundVariants = [];
-
-export const wheelPickerPublicVariantMap = {
-  "size": [
-    "small",
-    "medium"
-  ]
-};
-
-export const wheelPickerPublicVariantKeys = Object.keys(wheelPickerPublicVariantMap);
-
-export function wheelPickerPublic(props) {
-  return Object.fromEntries(
-    wheelPickerPublicSlotNames.map(([slot, className]) => {
-      return [
-        slot,
-        createClassName(className, mergeVariants(defaultVariant, props), compoundVariants),
-      ];
-    }),
-  );
-}
-
-Object.assign(wheelPickerPublic, { splitVariantProps: (props) => splitVariantProps(props, wheelPickerPublicVariantMap) });
-
-// @recipe(seed): wheel-picker-public

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

@@ -1,132 +0,0 @@
-export declare const vars: {
-  "base": {
-    "enabled": {
-      "root": {
-        "colorDuration": "var(--seed-duration-color-transition)",
-        "colorTimingFunction": "var(--seed-timing-function-easing)"
-      },
-      "trigger": {
-        "paddingX": "var(--seed-dimension-spacing-x-global-gutter)"
-      },
-      "body": {
-        "gap": "var(--seed-dimension-x0_5)"
-      },
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-neutral)"
-      },
-      "title": {
-        "color": "var(--seed-color-fg-neutral)",
-        "fontWeight": "var(--seed-font-weight-medium)"
-      },
-      "description": {
-        "color": "var(--seed-color-fg-neutral-subtle)",
-        "fontWeight": "var(--seed-font-weight-medium)"
-      },
-      "suffixIcon": {
-        "color": "var(--seed-color-fg-neutral-subtle)",
-        "rotateDuration": "var(--seed-duration-d6)",
-        "rotateTimingFunction": "var(--seed-timing-function-easing)"
-      },
-      "content": {
-        "expandHeightDuration": "var(--seed-duration-d6)",
-        "expandHeightTimingFunction": "var(--seed-timing-function-easing)",
-        "collapseHeightDuration": "var(--seed-duration-d6)",
-        "collapseHeightTimingFunction": "var(--seed-timing-function-easing)"
-      }
-    },
-    "disabled": {
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "title": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "description": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "suffixIcon": {
-        "color": "var(--seed-color-fg-disabled)"
-      }
-    },
-    "pressed": {
-      "trigger": {
-        "color": "var(--seed-color-bg-transparent-pressed)",
-        "marginX": "var(--seed-dimension-x1_5)",
-        "cornerRadius": "var(--seed-dimension-x2_5)"
-      }
-    }
-  },
-  "sizeMedium": {
-    "enabled": {
-      "trigger": {
-        "paddingY": "var(--seed-dimension-x4)"
-      },
-      "prefix": {
-        "paddingRight": "var(--seed-dimension-x3)"
-      },
-      "prefixIcon": {
-        "size": "22px"
-      },
-      "title": {
-        "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)"
-      },
-      "suffixIcon": {
-        "size": "var(--seed-dimension-x5)",
-        "paddingLeft": "var(--seed-dimension-x3)"
-      }
-    }
-  },
-  "sizeLarge": {
-    "enabled": {
-      "trigger": {
-        "paddingY": "var(--seed-dimension-x5)"
-      },
-      "prefix": {
-        "paddingRight": "var(--seed-dimension-x3)"
-      },
-      "prefixIcon": {
-        "size": "22px"
-      },
-      "title": {
-        "fontSize": "var(--seed-font-size-t7)",
-        "lineHeight": "var(--seed-line-height-t7)"
-      },
-      "description": {
-        "fontSize": "var(--seed-font-size-t5)",
-        "lineHeight": "var(--seed-line-height-t5)"
-      },
-      "suffixIcon": {
-        "size": "var(--seed-dimension-x6)",
-        "paddingLeft": "var(--seed-dimension-x3)"
-      }
-    }
-  },
-  /**
-   * Accordion Item들이 하나의 연속된 목록처럼 표현됩니다. 밀접하게 관련된 항목들을 컴팩트하게 나열할 때 사용합니다.
-   */
-  "variantInline": {
-    "enabled": {
-      "root": {
-        "dividerColor": "var(--seed-color-stroke-neutral-subtle)",
-        "dividerPaddingX": "var(--seed-dimension-x3)"
-      }
-    }
-  },
-  /**
-   * 각 Accordion Item이 개별 카드 형태로 분리되어 표현됩니다. 항목 간 시각적 독립성이 필요하거나, 각 섹션의 중요도가 동등할 때 사용합니다.
-   */
-  "variantSeparated": {
-    "enabled": {
-      "root": {
-        "strokeColor": "var(--seed-color-stroke-neutral-weak)",
-        "strokeWidth": "1px",
-        "cornerRadius": "var(--seed-radius-r3)"
-      }
-    }
-  }
-}

package/vars/component/accordion-item.mjs

@@ -1,126 +0,0 @@
-export const vars = {
-  "base": {
-    "enabled": {
-      "root": {
-        "colorDuration": "var(--seed-duration-color-transition)",
-        "colorTimingFunction": "var(--seed-timing-function-easing)"
-      },
-      "trigger": {
-        "paddingX": "var(--seed-dimension-spacing-x-global-gutter)"
-      },
-      "body": {
-        "gap": "var(--seed-dimension-x0_5)"
-      },
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-neutral)"
-      },
-      "title": {
-        "color": "var(--seed-color-fg-neutral)",
-        "fontWeight": "var(--seed-font-weight-medium)"
-      },
-      "description": {
-        "color": "var(--seed-color-fg-neutral-subtle)",
-        "fontWeight": "var(--seed-font-weight-medium)"
-      },
-      "suffixIcon": {
-        "color": "var(--seed-color-fg-neutral-subtle)",
-        "rotateDuration": "var(--seed-duration-d6)",
-        "rotateTimingFunction": "var(--seed-timing-function-easing)"
-      },
-      "content": {
-        "expandHeightDuration": "var(--seed-duration-d6)",
-        "expandHeightTimingFunction": "var(--seed-timing-function-easing)",
-        "collapseHeightDuration": "var(--seed-duration-d6)",
-        "collapseHeightTimingFunction": "var(--seed-timing-function-easing)"
-      }
-    },
-    "disabled": {
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "title": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "description": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "suffixIcon": {
-        "color": "var(--seed-color-fg-disabled)"
-      }
-    },
-    "pressed": {
-      "trigger": {
-        "color": "var(--seed-color-bg-transparent-pressed)",
-        "marginX": "var(--seed-dimension-x1_5)",
-        "cornerRadius": "var(--seed-dimension-x2_5)"
-      }
-    }
-  },
-  "sizeMedium": {
-    "enabled": {
-      "trigger": {
-        "paddingY": "var(--seed-dimension-x4)"
-      },
-      "prefix": {
-        "paddingRight": "var(--seed-dimension-x3)"
-      },
-      "prefixIcon": {
-        "size": "22px"
-      },
-      "title": {
-        "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)"
-      },
-      "suffixIcon": {
-        "size": "var(--seed-dimension-x5)",
-        "paddingLeft": "var(--seed-dimension-x3)"
-      }
-    }
-  },
-  "sizeLarge": {
-    "enabled": {
-      "trigger": {
-        "paddingY": "var(--seed-dimension-x5)"
-      },
-      "prefix": {
-        "paddingRight": "var(--seed-dimension-x3)"
-      },
-      "prefixIcon": {
-        "size": "22px"
-      },
-      "title": {
-        "fontSize": "var(--seed-font-size-t7)",
-        "lineHeight": "var(--seed-line-height-t7)"
-      },
-      "description": {
-        "fontSize": "var(--seed-font-size-t5)",
-        "lineHeight": "var(--seed-line-height-t5)"
-      },
-      "suffixIcon": {
-        "size": "var(--seed-dimension-x6)",
-        "paddingLeft": "var(--seed-dimension-x3)"
-      }
-    }
-  },
-  "variantInline": {
-    "enabled": {
-      "root": {
-        "dividerColor": "var(--seed-color-stroke-neutral-subtle)",
-        "dividerPaddingX": "var(--seed-dimension-x3)"
-      }
-    }
-  },
-  "variantSeparated": {
-    "enabled": {
-      "root": {
-        "strokeColor": "var(--seed-color-stroke-neutral-weak)",
-        "strokeWidth": "1px",
-        "cornerRadius": "var(--seed-radius-r3)"
-      }
-    }
-  }
-}