zdp-design-system 0.43.8

package/dist/tokens/zdp.tokens.json

@@ -0,0 +1,241 @@
+{
+  "$schema": "../schemas/design-tokens.schema.json",
+  "name": "zdp-core",
+  "version": "0.6.10",
+  "color": {
+    "ink": {
+      "strong": {
+        "hex": "#2f2418",
+        "oklch": "oklch(27% 0.04 70)"
+      },
+      "normal": {
+        "hex": "#4a3826",
+        "oklch": "oklch(36% 0.05 70)"
+      },
+      "muted": {
+        "hex": "#776955",
+        "oklch": "oklch(50% 0.035 82)"
+      },
+      "inverse": {
+        "hex": "#fff8ea",
+        "oklch": "oklch(98% 0.025 86)"
+      }
+    },
+    "surface": {
+      "canvas": {
+        "hex": "#f7f1e3",
+        "oklch": "oklch(95% 0.03 86)"
+      },
+      "panel": {
+        "hex": "#fff8ea",
+        "oklch": "oklch(98% 0.025 86)"
+      },
+      "raised": {
+        "hex": "#f1e4cc",
+        "oklch": "oklch(91% 0.045 82)"
+      },
+      "inverse": {
+        "hex": "#2f2418",
+        "oklch": "oklch(27% 0.04 70)"
+      }
+    },
+    "line": {
+      "subtle": {
+        "hex": "#d8c8ac",
+        "oklch": "oklch(82% 0.045 82)"
+      },
+      "strong": {
+        "hex": "#b89a6a",
+        "oklch": "oklch(70% 0.08 76)"
+      },
+      "focus": {
+        "hex": "#8b6f45",
+        "oklch": "oklch(55% 0.075 76)"
+      }
+    },
+    "focus": {
+      "surface": {
+        "hex": "#e7c97a",
+        "oklch": "oklch(84% 0.1 86)"
+      },
+      "text": {
+        "hex": "#1f160d",
+        "oklch": "oklch(20% 0.035 70)"
+      },
+      "line": {
+        "hex": "#1f160d",
+        "oklch": "oklch(20% 0.035 70)"
+      }
+    },
+    "scrollbar": {
+      "track": {
+        "hex": "#f1e4cc",
+        "oklch": "oklch(91% 0.045 82)"
+      },
+      "thumb": {
+        "hex": "#b89a6a",
+        "oklch": "oklch(70% 0.08 76)"
+      },
+      "thumbHover": {
+        "hex": "#8b6f45",
+        "oklch": "oklch(55% 0.075 76)"
+      }
+    },
+    "selection": {
+      "surface": {
+        "hex": "#e7c97a",
+        "oklch": "oklch(84% 0.1 86)"
+      },
+      "text": {
+        "hex": "#1f160d",
+        "oklch": "oklch(20% 0.035 70)"
+      }
+    },
+    "accent": {
+      "primary": {
+        "hex": "#d8c8ac",
+        "oklch": "oklch(82% 0.045 82)"
+      },
+      "primaryStrong": {
+        "hex": "#b89a6a",
+        "oklch": "oklch(70% 0.08 76)"
+      },
+      "primarySoft": {
+        "hex": "#f1e4cc",
+        "oklch": "oklch(91% 0.045 82)"
+      },
+      "success": {
+        "hex": "#8a9076",
+        "oklch": "oklch(63% 0.035 105)"
+      },
+      "warning": {
+        "hex": "#a9824f",
+        "oklch": "oklch(60% 0.075 68)"
+      },
+      "danger": {
+        "hex": "#8b5a4d",
+        "oklch": "oklch(48% 0.06 35)"
+      }
+    }
+  },
+  "space": {
+    "0": "0",
+    "1": "0.25rem",
+    "2": "0.5rem",
+    "3": "0.75rem",
+    "4": "1rem",
+    "5": "1.25rem",
+    "6": "1.5rem",
+    "8": "2rem",
+    "10": "2.5rem",
+    "12": "3rem"
+  },
+  "radius": {
+    "none": "0",
+    "sm": "0.25rem",
+    "md": "0.375rem",
+    "lg": "0.5rem",
+    "pill": "999px"
+  },
+  "font": {
+    "family": {
+      "sans": "\"Pretendard Variable\", Pretendard, \"Manrope Variable\", Manrope, \"Inter Variable\", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "latin": "\"Manrope Variable\", Manrope, \"Inter Variable\", Inter, \"Pretendard Variable\", Pretendard, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "korean": "\"Pretendard Variable\", Pretendard, \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "chinese": "\"Noto Sans SC Variable\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", \"Pretendard Variable\", Pretendard, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "devanagari": "\"Noto Sans Devanagari Variable\", \"Noto Sans Devanagari\", \"Nirmala UI\", \"Kohinoor Devanagari\", ui-sans-serif, system-ui, sans-serif",
+      "japanese": "\"Noto Sans JP Variable\", \"Noto Sans JP\", \"Hiragino Sans\", \"Yu Gothic\", \"Meiryo\", \"Pretendard Variable\", Pretendard, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "multiscript": "\"Pretendard Variable\", Pretendard, \"Manrope Variable\", Manrope, \"Inter Variable\", Inter, \"Noto Sans SC Variable\", \"Noto Sans SC\", \"Noto Sans JP Variable\", \"Noto Sans JP\", \"Noto Sans Devanagari Variable\", \"Noto Sans Devanagari\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", \"PingFang SC\", \"Microsoft YaHei\", \"Hiragino Sans\", \"Yu Gothic\", \"Meiryo\", \"Nirmala UI\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "serif": "Cardo, Georgia, \"Times New Roman\", ui-serif, serif",
+      "display": "\"Pretendard Variable\", Pretendard, \"Manrope Variable\", Manrope, \"Inter Variable\", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "brand": "\"Playwrite AU VIC Guides\", \"Pretendard Variable\", Pretendard, \"Manrope Variable\", Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "expressionScript": "Tangerine, \"Playwrite AU VIC Guides\", cursive",
+      "expressionInscription": "\"Caesar Dressing\", \"Fredericka the Great\", fantasy",
+      "expressionSketch": "\"Fredericka the Great\", \"Caesar Dressing\", fantasy",
+      "expressionEditorial": "Merriweather, Copse, Cardo, Georgia, \"Times New Roman\", ui-serif, serif",
+      "expressionSans": "\"Google Sans\", Cabin, \"Pretendard Variable\", Pretendard, \"Manrope Variable\", Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "expressionKeyboard": "\"Libertinus Keyboard\", \"JetBrains Mono\", \"SFMono-Regular\", Consolas, monospace",
+      "mono": "\"JetBrains Mono\", \"SFMono-Regular\", Consolas, monospace"
+    },
+    "size": {
+      "xs": "0.875rem",
+      "sm": "1rem",
+      "md": "1.0625rem",
+      "lg": "1.1875rem",
+      "xl": "1.375rem"
+    },
+    "weight": {
+      "regular": "400",
+      "medium": "500",
+      "semibold": "600",
+      "bold": "700"
+    },
+    "lineHeight": {
+      "tight": "1.2",
+      "normal": "1.6",
+      "relaxed": "1.65"
+    }
+  },
+  "type": {
+    "bodySize": "1.125rem",
+    "bodyLineHeight": "1.6",
+    "bodySmallSize": "1rem",
+    "bodySmallLineHeight": "1.6",
+    "pageTitleSize": "2.75rem",
+    "pageTitleCompactSize": "2rem",
+    "pageTitleLineHeight": "1.15",
+    "titleSize": "1.375rem",
+    "titleLineHeight": "1.2",
+    "labelSize": "0.875rem",
+    "labelLineHeight": "1.2",
+    "captionSize": "0.875rem",
+    "captionLineHeight": "1.4",
+    "controlSize": "1rem",
+    "controlLineHeight": "1.2",
+    "dataSize": "1rem",
+    "dataLineHeight": "1.4"
+  },
+  "breakpoint": {
+    "mobile": "40rem",
+    "tablet": "64rem",
+    "desktop": "80rem",
+    "wide": "96rem"
+  },
+  "control": {
+    "heightSm": "2.25rem",
+    "heightMd": "2.75rem",
+    "iconSm": "2.25rem",
+    "iconMd": "2.75rem",
+    "glyphSm": "1rem",
+    "glyphMd": "1.25rem",
+    "choiceSize": "1.25rem",
+    "choiceIndicatorSize": "0.5rem",
+    "switchWidth": "2.25rem",
+    "switchHeight": "1.25rem",
+    "switchThumbSize": "0.875rem",
+    "switchThumbOffset": "0.125rem",
+    "switchThumbCheckedOffset": "1.125rem",
+    "radius": "0.375rem",
+    "borderWidth": "1px",
+    "focusOutlineWidth": "3px",
+    "focusOutlineOffset": "2px",
+    "focusUnderlineWidth": "3px",
+    "scrollbarSize": "0.5rem",
+    "hitTarget": "2.75rem"
+  },
+  "i18n": {
+    "textWrap": "pretty",
+    "wordBreak": "normal",
+    "overflowWrap": "anywhere",
+    "hyphens": "auto"
+  },
+  "shadow": {
+    "focus": "none",
+    "sm": "none",
+    "md": "none"
+  },
+  "motion": {
+    "fast": "120ms",
+    "normal": "180ms"
+  }
+}

package/dist/tokens.js

@@ -0,0 +1,122 @@
+export const zdpTokenNames = [
+  'color.ink.strong',
+  'color.ink.normal',
+  'color.ink.muted',
+  'color.ink.inverse',
+  'color.surface.canvas',
+  'color.surface.panel',
+  'color.surface.raised',
+  'color.surface.inverse',
+  'color.line.subtle',
+  'color.line.strong',
+  'color.line.focus',
+  'color.focus.surface',
+  'color.focus.text',
+  'color.focus.line',
+  'color.scrollbar.track',
+  'color.scrollbar.thumb',
+  'color.scrollbar.thumbHover',
+  'color.selection.surface',
+  'color.selection.text',
+  'color.accent.primary',
+  'color.accent.primaryStrong',
+  'color.accent.primarySoft',
+  'color.accent.success',
+  'color.accent.warning',
+  'color.accent.danger',
+  'space.0',
+  'space.1',
+  'space.2',
+  'space.3',
+  'space.4',
+  'space.5',
+  'space.6',
+  'space.8',
+  'space.10',
+  'space.12',
+  'radius.none',
+  'radius.sm',
+  'radius.md',
+  'radius.lg',
+  'radius.pill',
+  'font.family.sans',
+  'font.family.latin',
+  'font.family.korean',
+  'font.family.chinese',
+  'font.family.devanagari',
+  'font.family.japanese',
+  'font.family.multiscript',
+  'font.family.serif',
+  'font.family.display',
+  'font.family.brand',
+  'font.family.expressionScript',
+  'font.family.expressionInscription',
+  'font.family.expressionSketch',
+  'font.family.expressionEditorial',
+  'font.family.expressionSans',
+  'font.family.expressionKeyboard',
+  'font.family.mono',
+  'font.size.xs',
+  'font.size.sm',
+  'font.size.md',
+  'font.size.lg',
+  'font.size.xl',
+  'font.weight.regular',
+  'font.weight.medium',
+  'font.weight.semibold',
+  'font.weight.bold',
+  'font.lineHeight.tight',
+  'font.lineHeight.normal',
+  'font.lineHeight.relaxed',
+  'type.bodySize',
+  'type.bodyLineHeight',
+  'type.bodySmallSize',
+  'type.bodySmallLineHeight',
+  'type.pageTitleSize',
+  'type.pageTitleCompactSize',
+  'type.pageTitleLineHeight',
+  'type.titleSize',
+  'type.titleLineHeight',
+  'type.labelSize',
+  'type.labelLineHeight',
+  'type.captionSize',
+  'type.captionLineHeight',
+  'type.controlSize',
+  'type.controlLineHeight',
+  'type.dataSize',
+  'type.dataLineHeight',
+  'breakpoint.mobile',
+  'breakpoint.tablet',
+  'breakpoint.desktop',
+  'breakpoint.wide',
+  'control.heightSm',
+  'control.heightMd',
+  'control.iconSm',
+  'control.iconMd',
+  'control.glyphSm',
+  'control.glyphMd',
+  'control.choiceSize',
+  'control.choiceIndicatorSize',
+  'control.switchWidth',
+  'control.switchHeight',
+  'control.switchThumbSize',
+  'control.switchThumbOffset',
+  'control.switchThumbCheckedOffset',
+  'control.radius',
+  'control.borderWidth',
+  'control.focusOutlineWidth',
+  'control.focusOutlineOffset',
+  'control.focusUnderlineWidth',
+  'control.scrollbarSize',
+  'control.hitTarget',
+  'i18n.textWrap',
+  'i18n.wordBreak',
+  'i18n.overflowWrap',
+  'i18n.hyphens',
+  'shadow.focus',
+  'shadow.sm',
+  'shadow.md',
+  'motion.fast',
+  'motion.normal'
+];
+

package/dist/tokens.ts

@@ -0,0 +1,123 @@
+export const zdpTokenNames = [
+  'color.ink.strong',
+  'color.ink.normal',
+  'color.ink.muted',
+  'color.ink.inverse',
+  'color.surface.canvas',
+  'color.surface.panel',
+  'color.surface.raised',
+  'color.surface.inverse',
+  'color.line.subtle',
+  'color.line.strong',
+  'color.line.focus',
+  'color.focus.surface',
+  'color.focus.text',
+  'color.focus.line',
+  'color.scrollbar.track',
+  'color.scrollbar.thumb',
+  'color.scrollbar.thumbHover',
+  'color.selection.surface',
+  'color.selection.text',
+  'color.accent.primary',
+  'color.accent.primaryStrong',
+  'color.accent.primarySoft',
+  'color.accent.success',
+  'color.accent.warning',
+  'color.accent.danger',
+  'space.0',
+  'space.1',
+  'space.2',
+  'space.3',
+  'space.4',
+  'space.5',
+  'space.6',
+  'space.8',
+  'space.10',
+  'space.12',
+  'radius.none',
+  'radius.sm',
+  'radius.md',
+  'radius.lg',
+  'radius.pill',
+  'font.family.sans',
+  'font.family.latin',
+  'font.family.korean',
+  'font.family.chinese',
+  'font.family.devanagari',
+  'font.family.japanese',
+  'font.family.multiscript',
+  'font.family.serif',
+  'font.family.display',
+  'font.family.brand',
+  'font.family.expressionScript',
+  'font.family.expressionInscription',
+  'font.family.expressionSketch',
+  'font.family.expressionEditorial',
+  'font.family.expressionSans',
+  'font.family.expressionKeyboard',
+  'font.family.mono',
+  'font.size.xs',
+  'font.size.sm',
+  'font.size.md',
+  'font.size.lg',
+  'font.size.xl',
+  'font.weight.regular',
+  'font.weight.medium',
+  'font.weight.semibold',
+  'font.weight.bold',
+  'font.lineHeight.tight',
+  'font.lineHeight.normal',
+  'font.lineHeight.relaxed',
+  'type.bodySize',
+  'type.bodyLineHeight',
+  'type.bodySmallSize',
+  'type.bodySmallLineHeight',
+  'type.pageTitleSize',
+  'type.pageTitleCompactSize',
+  'type.pageTitleLineHeight',
+  'type.titleSize',
+  'type.titleLineHeight',
+  'type.labelSize',
+  'type.labelLineHeight',
+  'type.captionSize',
+  'type.captionLineHeight',
+  'type.controlSize',
+  'type.controlLineHeight',
+  'type.dataSize',
+  'type.dataLineHeight',
+  'breakpoint.mobile',
+  'breakpoint.tablet',
+  'breakpoint.desktop',
+  'breakpoint.wide',
+  'control.heightSm',
+  'control.heightMd',
+  'control.iconSm',
+  'control.iconMd',
+  'control.glyphSm',
+  'control.glyphMd',
+  'control.choiceSize',
+  'control.choiceIndicatorSize',
+  'control.switchWidth',
+  'control.switchHeight',
+  'control.switchThumbSize',
+  'control.switchThumbOffset',
+  'control.switchThumbCheckedOffset',
+  'control.radius',
+  'control.borderWidth',
+  'control.focusOutlineWidth',
+  'control.focusOutlineOffset',
+  'control.focusUnderlineWidth',
+  'control.scrollbarSize',
+  'control.hitTarget',
+  'i18n.textWrap',
+  'i18n.wordBreak',
+  'i18n.overflowWrap',
+  'i18n.hyphens',
+  'shadow.focus',
+  'shadow.sm',
+  'shadow.md',
+  'motion.fast',
+  'motion.normal'
+] as const;
+
+export type ZdpTokenName = (typeof zdpTokenNames)[number];