@x-plat/tokens-haetbitgil 0.1.0

package/dist/index.cjs

@@ -0,0 +1,148 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  brand: () => brand,
+  primitive: () => import_tokens_core3.primitive,
+  semantic: () => import_tokens_core3.semantic,
+  spacingPrimitive: () => import_tokens_core3.spacingPrimitive,
+  spacingSemantic: () => import_tokens_core3.spacingSemantic,
+  system: () => system,
+  typoBrand: () => typoBrand,
+  typoPrimitive: () => import_tokens_core3.typoPrimitive,
+  typoSemantic: () => import_tokens_core3.typoSemantic
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/colors.ts
+var import_tokens_default = require("@x-plat/tokens-default");
+var import_tokens_core = require("@x-plat/tokens-core");
+var brand = {
+  ...import_tokens_default.brand,
+  primary: {
+    50: "#EEF3FA",
+    100: "#DEE8F6",
+    200: "#B6CCEB",
+    300: "#7DA5DC",
+    400: "#3D78CB",
+    500: "#2A5BA1",
+    600: "#224981",
+    700: "#1B3A66",
+    800: "#122644",
+    900: "#0A1628"
+  },
+  secondary: {
+    50: "#FFF5EF",
+    100: "#FFD7C0",
+    200: "#FFB991",
+    300: "#FF9B61",
+    400: "#FF7D32",
+    500: "#FF652F",
+    600: "#FF4B2B",
+    700: "#FF3228",
+    800: "#CB0900",
+    900: "#6F0500"
+  },
+  neutral: {
+    50: "#F7F7F7",
+    100: "#EAEBEB",
+    200: "#D3D4D5",
+    300: "#B5B8BA",
+    400: "#9DA1A5",
+    500: "#848B90",
+    600: "#4A6478",
+    700: "#2A475F",
+    800: "#10273C",
+    900: "#000F1F"
+  }
+};
+var system = import_tokens_default.system;
+
+// src/typography.ts
+var import_tokens_core2 = require("@x-plat/tokens-core");
+var typoBrand = {
+  "font-family": {
+    font: (0, import_tokens_core2.typoFont)("sans")
+  },
+  size: {
+    "display-1": { pc: 64, tablet: 52, mobile: 40 },
+    "display-2": { pc: 56, tablet: 48, mobile: 36 },
+    "title-1": { pc: 52, tablet: 44, mobile: 36 },
+    "title-2": { pc: 48, tablet: 40, mobile: 32 },
+    "heading-1": { pc: 40, tablet: 36, mobile: 28 },
+    "heading-2": { pc: 36, tablet: 32, mobile: 24 },
+    "body-1": { pc: 28, tablet: 22, mobile: 18 },
+    "body-2": { pc: 24, tablet: 20, mobile: 16 },
+    "label-1": { pc: 20, tablet: 16, mobile: 16 },
+    "label-2": { pc: 18, tablet: 16, mobile: 14 },
+    "caption-1": { pc: 15, tablet: 13, mobile: 13 },
+    "caption-2": { pc: 14, tablet: 12, mobile: 12 }
+  },
+  "line-height": {
+    "display-1": { pc: 84, tablet: 68, mobile: 52 },
+    "display-2": { pc: 74, tablet: 62, mobile: 48 },
+    "title-1": { pc: 68, tablet: 58, mobile: 48 },
+    "title-2": { pc: 62, tablet: 52, mobile: 42 },
+    "heading-1": { pc: 52, tablet: 46, mobile: 36 },
+    "heading-2": { pc: 46, tablet: 42, mobile: 32 },
+    "body-1": { pc: 40, tablet: 32, mobile: 26 },
+    "body-2": { pc: 34, tablet: 28, mobile: 22 },
+    "label-1": { pc: 28, tablet: 24, mobile: 22 },
+    "label-2": { pc: 26, tablet: 22, mobile: 20 },
+    "caption-1": { pc: 20, tablet: 18, mobile: 18 },
+    "caption-2": { pc: 20, tablet: 18, mobile: 18 }
+  },
+  weight: {
+    regular: (0, import_tokens_core2.typoWeight)("regular"),
+    medium: (0, import_tokens_core2.typoWeight)("medium"),
+    semibold: (0, import_tokens_core2.typoWeight)("semibold"),
+    bold: (0, import_tokens_core2.typoWeight)("bold")
+  },
+  "letter-spacing": {
+    "display-1": (0, import_tokens_core2.typoLs)("tight"),
+    "display-2": (0, import_tokens_core2.typoLs)("tight"),
+    "title-1": (0, import_tokens_core2.typoLs)("tight"),
+    "title-2": (0, import_tokens_core2.typoLs)("tight"),
+    "heading-1": (0, import_tokens_core2.typoLs)("tight"),
+    "heading-2": (0, import_tokens_core2.typoLs)("tight"),
+    "body-1": (0, import_tokens_core2.typoLs)("normal"),
+    "body-2": (0, import_tokens_core2.typoLs)("normal"),
+    "label-1": (0, import_tokens_core2.typoLs)("normal"),
+    "label-2": (0, import_tokens_core2.typoLs)("wide"),
+    "caption-1": (0, import_tokens_core2.typoLs)("wide"),
+    "caption-2": (0, import_tokens_core2.typoLs)("wide")
+  }
+};
+
+// src/index.ts
+var import_tokens_core3 = require("@x-plat/tokens-core");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  brand,
+  primitive,
+  semantic,
+  spacingPrimitive,
+  spacingSemantic,
+  system,
+  typoBrand,
+  typoPrimitive,
+  typoSemantic
+});

package/dist/index.d.cts

@@ -0,0 +1,23 @@
+import { TokenTheme, TypoBrandTokens } from '@x-plat/tokens-core';
+export { BrandTokens, SystemTokens, TokenTheme, TypoBrandTokens, primitive, semantic, spacingPrimitive, spacingSemantic, typoPrimitive, typoSemantic } from '@x-plat/tokens-core';
+
+/**
+ * tokens-haetbitgil: 햇빛길 브랜드 테마
+ * tokens-default 를 기반으로 primary/secondary/neutral 색상만 override.
+ */
+
+declare const brand: TokenTheme["brand"];
+declare const system: TokenTheme["system"];
+
+/**
+ * tokens-haetbitgil: Typography Brand (햇빛길)
+ *
+ * size / line-height 가 default 보다 1.5~2배 큰 자체 반응형 raw 값.
+ * primitive 에 없는 값을 직접 정의.
+ *
+ * font-family / weight / letter-spacing 은 default 와 동일 패턴 — primitive alias.
+ */
+
+declare const typoBrand: TypoBrandTokens;
+
+export { brand, system, typoBrand };

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+import { TokenTheme, TypoBrandTokens } from '@x-plat/tokens-core';
+export { BrandTokens, SystemTokens, TokenTheme, TypoBrandTokens, primitive, semantic, spacingPrimitive, spacingSemantic, typoPrimitive, typoSemantic } from '@x-plat/tokens-core';
+
+/**
+ * tokens-haetbitgil: 햇빛길 브랜드 테마
+ * tokens-default 를 기반으로 primary/secondary/neutral 색상만 override.
+ */
+
+declare const brand: TokenTheme["brand"];
+declare const system: TokenTheme["system"];
+
+/**
+ * tokens-haetbitgil: Typography Brand (햇빛길)
+ *
+ * size / line-height 가 default 보다 1.5~2배 큰 자체 반응형 raw 값.
+ * primitive 에 없는 값을 직접 정의.
+ *
+ * font-family / weight / letter-spacing 은 default 와 동일 패턴 — primitive alias.
+ */
+
+declare const typoBrand: TypoBrandTokens;
+
+export { brand, system, typoBrand };

package/dist/index.js

@@ -0,0 +1,116 @@
+// src/colors.ts
+import {
+  brand as defaultBrand,
+  system as defaultSystem
+} from "@x-plat/tokens-default";
+import { primitive, semantic } from "@x-plat/tokens-core";
+var brand = {
+  ...defaultBrand,
+  primary: {
+    50: "#EEF3FA",
+    100: "#DEE8F6",
+    200: "#B6CCEB",
+    300: "#7DA5DC",
+    400: "#3D78CB",
+    500: "#2A5BA1",
+    600: "#224981",
+    700: "#1B3A66",
+    800: "#122644",
+    900: "#0A1628"
+  },
+  secondary: {
+    50: "#FFF5EF",
+    100: "#FFD7C0",
+    200: "#FFB991",
+    300: "#FF9B61",
+    400: "#FF7D32",
+    500: "#FF652F",
+    600: "#FF4B2B",
+    700: "#FF3228",
+    800: "#CB0900",
+    900: "#6F0500"
+  },
+  neutral: {
+    50: "#F7F7F7",
+    100: "#EAEBEB",
+    200: "#D3D4D5",
+    300: "#B5B8BA",
+    400: "#9DA1A5",
+    500: "#848B90",
+    600: "#4A6478",
+    700: "#2A475F",
+    800: "#10273C",
+    900: "#000F1F"
+  }
+};
+var system = defaultSystem;
+
+// src/typography.ts
+import { typoFont, typoLs, typoWeight } from "@x-plat/tokens-core";
+var typoBrand = {
+  "font-family": {
+    font: typoFont("sans")
+  },
+  size: {
+    "display-1": { pc: 64, tablet: 52, mobile: 40 },
+    "display-2": { pc: 56, tablet: 48, mobile: 36 },
+    "title-1": { pc: 52, tablet: 44, mobile: 36 },
+    "title-2": { pc: 48, tablet: 40, mobile: 32 },
+    "heading-1": { pc: 40, tablet: 36, mobile: 28 },
+    "heading-2": { pc: 36, tablet: 32, mobile: 24 },
+    "body-1": { pc: 28, tablet: 22, mobile: 18 },
+    "body-2": { pc: 24, tablet: 20, mobile: 16 },
+    "label-1": { pc: 20, tablet: 16, mobile: 16 },
+    "label-2": { pc: 18, tablet: 16, mobile: 14 },
+    "caption-1": { pc: 15, tablet: 13, mobile: 13 },
+    "caption-2": { pc: 14, tablet: 12, mobile: 12 }
+  },
+  "line-height": {
+    "display-1": { pc: 84, tablet: 68, mobile: 52 },
+    "display-2": { pc: 74, tablet: 62, mobile: 48 },
+    "title-1": { pc: 68, tablet: 58, mobile: 48 },
+    "title-2": { pc: 62, tablet: 52, mobile: 42 },
+    "heading-1": { pc: 52, tablet: 46, mobile: 36 },
+    "heading-2": { pc: 46, tablet: 42, mobile: 32 },
+    "body-1": { pc: 40, tablet: 32, mobile: 26 },
+    "body-2": { pc: 34, tablet: 28, mobile: 22 },
+    "label-1": { pc: 28, tablet: 24, mobile: 22 },
+    "label-2": { pc: 26, tablet: 22, mobile: 20 },
+    "caption-1": { pc: 20, tablet: 18, mobile: 18 },
+    "caption-2": { pc: 20, tablet: 18, mobile: 18 }
+  },
+  weight: {
+    regular: typoWeight("regular"),
+    medium: typoWeight("medium"),
+    semibold: typoWeight("semibold"),
+    bold: typoWeight("bold")
+  },
+  "letter-spacing": {
+    "display-1": typoLs("tight"),
+    "display-2": typoLs("tight"),
+    "title-1": typoLs("tight"),
+    "title-2": typoLs("tight"),
+    "heading-1": typoLs("tight"),
+    "heading-2": typoLs("tight"),
+    "body-1": typoLs("normal"),
+    "body-2": typoLs("normal"),
+    "label-1": typoLs("normal"),
+    "label-2": typoLs("wide"),
+    "caption-1": typoLs("wide"),
+    "caption-2": typoLs("wide")
+  }
+};
+
+// src/index.ts
+import { primitive as primitive2, semantic as semantic2, spacingPrimitive, spacingSemantic, typoPrimitive, typoSemantic } from "@x-plat/tokens-core";
+export {
+  brand,
+  primitive2 as primitive,
+  semantic2 as semantic,
+  spacingPrimitive,
+  spacingSemantic,
+  system,
+  typoBrand,
+  typoPrimitive,
+  typoSemantic
+};