@seed-design/lynx-css 0.1.0

package/vars/component/link-content.d.ts

@@ -0,0 +1,58 @@
+export declare const vars: {
+  "weightRegular": {
+    "enabled": {
+      "label": {
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "weightBold": {
+    "enabled": {
+      "label": {
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "sizeT4": {
+    "enabled": {
+      "root": {
+        "gap": "var(--seed-dimension-x0_5)"
+      },
+      "suffixIcon": {
+        "size": "var(--seed-dimension-x3)"
+      },
+      "label": {
+        "fontSize": "var(--seed-font-size-t4)",
+        "lineHeight": "var(--seed-line-height-t4)"
+      }
+    }
+  },
+  "sizeT5": {
+    "enabled": {
+      "root": {
+        "gap": "var(--seed-dimension-x0_5)"
+      },
+      "suffixIcon": {
+        "size": "var(--seed-dimension-x3_5)"
+      },
+      "label": {
+        "fontSize": "var(--seed-font-size-t5)",
+        "lineHeight": "var(--seed-line-height-t5)"
+      }
+    }
+  },
+  "sizeT6": {
+    "enabled": {
+      "root": {
+        "gap": "var(--seed-dimension-x0_5)"
+      },
+      "suffixIcon": {
+        "size": "var(--seed-dimension-x4)"
+      },
+      "label": {
+        "fontSize": "var(--seed-font-size-t6)",
+        "lineHeight": "var(--seed-line-height-t6)"
+      }
+    }
+  }
+}

package/vars/component/link-content.mjs

@@ -0,0 +1,58 @@
+export const vars = {
+  "weightRegular": {
+    "enabled": {
+      "label": {
+        "fontWeight": "var(--seed-font-weight-regular)"
+      }
+    }
+  },
+  "weightBold": {
+    "enabled": {
+      "label": {
+        "fontWeight": "var(--seed-font-weight-bold)"
+      }
+    }
+  },
+  "sizeT4": {
+    "enabled": {
+      "root": {
+        "gap": "var(--seed-dimension-x0_5)"
+      },
+      "suffixIcon": {
+        "size": "var(--seed-dimension-x3)"
+      },
+      "label": {
+        "fontSize": "var(--seed-font-size-t4)",
+        "lineHeight": "var(--seed-line-height-t4)"
+      }
+    }
+  },
+  "sizeT5": {
+    "enabled": {
+      "root": {
+        "gap": "var(--seed-dimension-x0_5)"
+      },
+      "suffixIcon": {
+        "size": "var(--seed-dimension-x3_5)"
+      },
+      "label": {
+        "fontSize": "var(--seed-font-size-t5)",
+        "lineHeight": "var(--seed-line-height-t5)"
+      }
+    }
+  },
+  "sizeT6": {
+    "enabled": {
+      "root": {
+        "gap": "var(--seed-dimension-x0_5)"
+      },
+      "suffixIcon": {
+        "size": "var(--seed-dimension-x4)"
+      },
+      "label": {
+        "fontSize": "var(--seed-font-size-t6)",
+        "lineHeight": "var(--seed-line-height-t6)"
+      }
+    }
+  }
+}

package/vars/component/list-header.d.ts

@@ -0,0 +1,29 @@
+export declare const vars: {
+  "base": {
+    "enabled": {
+      "root": {
+        "paddingX": "var(--seed-dimension-spacing-x-global-gutter)",
+        "paddingY": "var(--seed-dimension-x2)",
+        "gap": "var(--seed-dimension-x2_5)",
+        "fontSize": "var(--seed-font-size-t4)",
+        "lineHeight": "var(--seed-line-height-t4)"
+      }
+    }
+  },
+  "variantMediumWeak": {
+    "enabled": {
+      "root": {
+        "fontWeight": "var(--seed-font-weight-medium)",
+        "color": "var(--seed-color-fg-neutral-subtle)"
+      }
+    }
+  },
+  "variantBoldSolid": {
+    "enabled": {
+      "root": {
+        "fontWeight": "var(--seed-font-weight-bold)",
+        "color": "var(--seed-color-fg-neutral)"
+      }
+    }
+  }
+}

package/vars/component/list-header.mjs

@@ -0,0 +1,29 @@
+export const vars = {
+  "base": {
+    "enabled": {
+      "root": {
+        "paddingX": "var(--seed-dimension-spacing-x-global-gutter)",
+        "paddingY": "var(--seed-dimension-x2)",
+        "gap": "var(--seed-dimension-x2_5)",
+        "fontSize": "var(--seed-font-size-t4)",
+        "lineHeight": "var(--seed-line-height-t4)"
+      }
+    }
+  },
+  "variantMediumWeak": {
+    "enabled": {
+      "root": {
+        "fontWeight": "var(--seed-font-weight-medium)",
+        "color": "var(--seed-color-fg-neutral-subtle)"
+      }
+    }
+  },
+  "variantBoldSolid": {
+    "enabled": {
+      "root": {
+        "fontWeight": "var(--seed-font-weight-bold)",
+        "color": "var(--seed-color-fg-neutral)"
+      }
+    }
+  }
+}

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

@@ -0,0 +1,89 @@
+export declare const vars: {
+  "base": {
+    "enabled": {
+      "root": {
+        "paddingY": "var(--seed-dimension-x3)",
+        "paddingX": "var(--seed-dimension-spacing-x-global-gutter)",
+        "color": "var(--seed-color-bg-transparent)",
+        "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)",
+        "contentScaleDuration": "var(--seed-duration-pressed-scale)",
+        "contentScaleTimingFunction": "var(--seed-timing-function-pressed-scale)"
+      },
+      "body": {
+        "gap": "var(--seed-dimension-x0_5)",
+        "paddingRight": "var(--seed-dimension-x2_5)"
+      },
+      "title": {
+        "color": "var(--seed-color-fg-neutral)",
+        "fontSize": "var(--seed-font-size-t5)",
+        "lineHeight": "var(--seed-line-height-t5)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      },
+      "detail": {
+        "color": "var(--seed-color-fg-neutral-subtle)",
+        "fontSize": "var(--seed-font-size-t3)",
+        "lineHeight": "var(--seed-line-height-t3)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      },
+      "prefix": {
+        "paddingRight": "var(--seed-dimension-x3)"
+      },
+      "prefixIcon": {
+        "size": "22px",
+        "color": "var(--seed-color-fg-neutral)"
+      },
+      "suffix": {
+        "gap": "var(--seed-dimension-x1)"
+      },
+      "suffixText": {
+        "color": "var(--seed-color-fg-neutral-subtle)",
+        "fontSize": "var(--seed-font-size-t5)",
+        "lineHeight": "var(--seed-line-height-t5)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      },
+      "suffixIcon": {
+        "size": "18px",
+        "color": "var(--seed-color-fg-neutral-subtle)"
+      }
+    },
+    "pressed": {
+      "root": {
+        "color": "var(--seed-color-bg-transparent-pressed)",
+        /** pressed 시 배경 레이어는 좌우 폭이 marginX만큼 줄어들고, 배경 레이어 위 요소들이 위치하는 레이아웃 레이어는 scale로 인해 전체적으로 줄어드는 형태로 두 레이어가 별개로 작동합니다. 이 값은 OS 동작 줄이기 설정의 영향을 받지 않습니다. */
+        "marginX": "var(--seed-dimension-x1_5)",
+        "cornerRadius": "var(--seed-dimension-x2_5)",
+        /** pressed 시 배경 레이어는 좌우 폭이 marginX만큼 줄어들고, 배경 레이어 위 요소들이 위치하는 레이아웃 레이어는 scale로 인해 전체적으로 줄어드는 형태로 두 레이어가 별개로 작동합니다. OS 동작 줄이기 등의 설정이 켜진 경우 이 값을 1로 변경하여 사용합니다. */
+        "contentScale": "0.97"
+      }
+    },
+    "highlighted": {
+      "root": {
+        "color": "var(--seed-color-bg-brand-weak)"
+      }
+    },
+    "highlightedPressed": {
+      "root": {
+        "color": "var(--seed-color-bg-brand-weak-pressed)"
+      }
+    },
+    "disabled": {
+      "title": {
+        "color": "var(--seed-color-fg-disabled)"
+      },
+      "detail": {
+        "color": "var(--seed-color-fg-disabled)"
+      },
+      "prefixIcon": {
+        "color": "var(--seed-color-fg-disabled)"
+      },
+      "suffixIcon": {
+        "color": "var(--seed-color-fg-disabled)"
+      }
+    }
+  }
+}

package/vars/component/list-item.mjs

@@ -0,0 +1,87 @@
+export const vars = {
+  "base": {
+    "enabled": {
+      "root": {
+        "paddingY": "var(--seed-dimension-x3)",
+        "paddingX": "var(--seed-dimension-spacing-x-global-gutter)",
+        "color": "var(--seed-color-bg-transparent)",
+        "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)",
+        "contentScaleDuration": "var(--seed-duration-pressed-scale)",
+        "contentScaleTimingFunction": "var(--seed-timing-function-pressed-scale)"
+      },
+      "body": {
+        "gap": "var(--seed-dimension-x0_5)",
+        "paddingRight": "var(--seed-dimension-x2_5)"
+      },
+      "title": {
+        "color": "var(--seed-color-fg-neutral)",
+        "fontSize": "var(--seed-font-size-t5)",
+        "lineHeight": "var(--seed-line-height-t5)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      },
+      "detail": {
+        "color": "var(--seed-color-fg-neutral-subtle)",
+        "fontSize": "var(--seed-font-size-t3)",
+        "lineHeight": "var(--seed-line-height-t3)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      },
+      "prefix": {
+        "paddingRight": "var(--seed-dimension-x3)"
+      },
+      "prefixIcon": {
+        "size": "22px",
+        "color": "var(--seed-color-fg-neutral)"
+      },
+      "suffix": {
+        "gap": "var(--seed-dimension-x1)"
+      },
+      "suffixText": {
+        "color": "var(--seed-color-fg-neutral-subtle)",
+        "fontSize": "var(--seed-font-size-t5)",
+        "lineHeight": "var(--seed-line-height-t5)",
+        "fontWeight": "var(--seed-font-weight-regular)"
+      },
+      "suffixIcon": {
+        "size": "18px",
+        "color": "var(--seed-color-fg-neutral-subtle)"
+      }
+    },
+    "pressed": {
+      "root": {
+        "color": "var(--seed-color-bg-transparent-pressed)",
+        "marginX": "var(--seed-dimension-x1_5)",
+        "cornerRadius": "var(--seed-dimension-x2_5)",
+        "contentScale": "0.97"
+      }
+    },
+    "highlighted": {
+      "root": {
+        "color": "var(--seed-color-bg-brand-weak)"
+      }
+    },
+    "highlightedPressed": {
+      "root": {
+        "color": "var(--seed-color-bg-brand-weak-pressed)"
+      }
+    },
+    "disabled": {
+      "title": {
+        "color": "var(--seed-color-fg-disabled)"
+      },
+      "detail": {
+        "color": "var(--seed-color-fg-disabled)"
+      },
+      "prefixIcon": {
+        "color": "var(--seed-color-fg-disabled)"
+      },
+      "suffixIcon": {
+        "color": "var(--seed-color-fg-disabled)"
+      }
+    }
+  }
+}

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

@@ -0,0 +1,117 @@
+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

@@ -0,0 +1,117 @@
+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

@@ -0,0 +1,88 @@
+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)"
+      }
+    }
+  }
+}