@liner-fe/design-token-primitive 0.1.0

package/dist/constants/typography/types.d.ts

@@ -0,0 +1,15 @@
+export type TypographyPrefix = 'lp-sys-typo';
+export type TypographyTitlePrefix = 'title';
+export type TypographyTitle = '1-accent-bold' | '2-accent-bold' | '3-accent-bold' | '4-accent-bold' | '1-normal-bold' | '2-normal-bold' | '3-normal-bold' | '4-normal-bold' | '1-normal-medium' | '2-normal-medium' | '3-normal-medium' | '4-normal-medium';
+export type TypographyTitleType = `${TypographyTitlePrefix}${TypographyTitle}`;
+export type TypographyHeadingPrefix = 'heading';
+export type TypographyHeading = '1-answer' | '2-answer' | '3-answer' | '4-answer' | '5-answer' | '6-answer';
+export type TypographyHeadingType = `${TypographyHeadingPrefix}${TypographyHeading}`;
+export type TypographyParagraphPrefix = 'paragraph';
+export type TypographyParagraph = '1-normal-bold' | '2-normal-bold' | '3-normal-bold' | '4-normal-bold' | '1-normal-medium' | '2-normal-medium' | '3-normal-medium' | '4-normal-medium' | '1-normal-regular' | '2-normal-regular' | '3-normal-regular' | '4-normal-regular' | '1-post-regular' | '3-post-regular' | '1-answer-bold' | '1-answer-regular';
+export type TypographyParagraphType = `${TypographyParagraphPrefix}${TypographyParagraph}`;
+export type TypographyCaptionPrefix = 'caption';
+export type TypographyCaption = '1-normal-bold' | '2-normal-bold' | '3-normal-bold' | '1-normal-medium' | '2-normal-medium' | '3-normal-medium' | '1-normal-regular' | '2-normal-regular' | '3-normal-regular';
+export type TypographyCaptionType = `${TypographyCaptionPrefix}${TypographyCaption}`;
+export type TypographyKeys = `${TypographyPrefix}-${TypographyTitleType | TypographyHeadingType | TypographyParagraphType | TypographyCaptionType}`;
+export type TypographyType = TypographyCaptionPrefix | TypographyParagraphPrefix | TypographyHeadingPrefix | TypographyTitlePrefix;

package/dist/constants/typography/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+export * from './constants/breakpoint';
+export * from './constants/gap';
+export * from './constants/icon';
+export * from './constants/letterSpacing';
+export * from './constants/opacity';
+export * from './constants/padding';
+export * from './constants/shadow';
+export * from './constants/radius';
+export * from './constants/size';
+export * from './constants/color';
+export * from './constants/typography';
+export * from './constants/typography/primitive';
+export * from './constants/typography/types';

package/dist/index.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./constants/breakpoint"), exports);
+__exportStar(require("./constants/gap"), exports);
+__exportStar(require("./constants/icon"), exports);
+__exportStar(require("./constants/letterSpacing"), exports);
+__exportStar(require("./constants/opacity"), exports);
+__exportStar(require("./constants/padding"), exports);
+__exportStar(require("./constants/shadow"), exports);
+__exportStar(require("./constants/radius"), exports);
+__exportStar(require("./constants/size"), exports);
+__exportStar(require("./constants/color"), exports);
+__exportStar(require("./constants/typography"), exports);
+__exportStar(require("./constants/typography/primitive"), exports);
+__exportStar(require("./constants/typography/types"), exports);

package/dist/index.mjs

@@ -0,0 +1 @@
+var c={xs:"0px",s:"599px",m:"1023px",l:"1365px",xl:"1535px",xxl:"1919px",xxxl:"2559px"},a=p=>`@media (max-width: ${c[p]})`,F={s:a("s"),m:a("m"),l:a("l"),xl:a("xl"),xxl:a("xxl"),xxxl:a("xxxl")};var i={"lp-pri-size-minus6":"-6px","lp-pri-size-minus4":"-4px","lp-pri-size-minus2":"-2px","lp-pri-size-0":"0px","lp-pri-size-1":"1px","lp-pri-size-2":"2px","lp-pri-size-3":"3px","lp-pri-size-4":"4px","lp-pri-size-6":"6px","lp-pri-size-8":"8px","lp-pri-size-10":"10px","lp-pri-size-12":"12px","lp-pri-size-14":"14px","lp-pri-size-16":"16px","lp-pri-size-18":"18px","lp-pri-size-20":"20px","lp-pri-size-24":"24px","lp-pri-size-32":"32px","lp-pri-size-40":"40px","lp-pri-size-48":"48px","lp-pri-size-56":"56px","lp-pri-size-64":"64px","lp-pri-size-80":"80px","lp-pri-size-100":"100px","lp-pri-size-120":"120px","lp-pri-size-140":"140px","lp-pri-size-160":"160px","lp-pri-size-180":"180px","lp-pri-size-200":"200px"};var B={"lp-sys-gap-positive-50":i["lp-pri-size-2"],"lp-sys-gap-positive-100":i["lp-pri-size-4"],"lp-sys-gap-positive-150":i["lp-pri-size-6"],"lp-sys-gap-positive-200":i["lp-pri-size-8"],"lp-sys-gap-positive-300":i["lp-pri-size-12"],"lp-sys-gap-positive-400":i["lp-pri-size-16"],"lp-sys-gap-positive-500":i["lp-pri-size-20"],"lp-sys-gap-positive-600":i["lp-pri-size-24"],"lp-sys-gap-positive-700":i["lp-pri-size-32"],"lp-sys-gap-positive-800":i["lp-pri-size-40"],"lp-sys-gap-positive-900":i["lp-pri-size-48"]};var C={"lp-sys-icon-size-xs":i["lp-pri-size-16"],"lp-sys-icon-size-s":i["lp-pri-size-20"],"lp-sys-icon-size-m":i["lp-pri-size-24"],"lp-sys-icon-size-l":i["lp-pri-size-32"],"lp-sys-icon-size-xl":i["lp-pri-size-40"]};var I={"lp-pri-font-letterspacing-tight":-2.5};var T={"lp-pri-opacity-80":"80%","lp-pri-opacity-72":"72%","lp-pri-opacity-64":"64%","lp-pri-opacity-56":"56%","lp-pri-opacity-50":"50%","lp-pri-opacity-48":"48%","lp-pri-opacity-44":"44%","lp-pri-opacity-40":"40%","lp-pri-opacity-36":"36%","lp-pri-opacity-32":"32%","lp-pri-opacity-28":"28%","lp-pri-opacity-24":"24%","lp-pri-opacity-20":"20%","lp-pri-opacity-16":"16%","lp-pri-opacity-12":"12%","lp-pri-opacity-8":"8%","lp-pri-opacity-4":"4%","lp-pri-opacity-1":"1%","lp-pri-opacity-0":"0%"};var q={"lp-sys-padding-component-50":i["lp-pri-size-2"],"lp-sys-padding-component-100":i["lp-pri-size-4"],"lp-sys-padding-component-150":i["lp-pri-size-6"],"lp-sys-padding-component-200":i["lp-pri-size-8"],"lp-sys-padding-component-300":i["lp-pri-size-12"],"lp-sys-padding-component-400":i["lp-pri-size-16"],"lp-sys-padding-component-500":i["lp-pri-size-20"],"lp-sys-padding-component-600":i["lp-pri-size-24"],"lp-sys-padding-component-700":i["lp-pri-size-32"],"lp-sys-padding-component-800":i["lp-pri-size-40"],"lp-sys-padding-component-900":i["lp-pri-size-48"],"lp-sys-padding-section-50":i["lp-pri-size-20"],"lp-sys-padding-section-100":i["lp-pri-size-24"],"lp-sys-padding-section-200":i["lp-pri-size-32"],"lp-sys-padding-section-300":i["lp-pri-size-40"],"lp-sys-padding-section-400":i["lp-pri-size-48"],"lp-sys-padding-section-500":i["lp-pri-size-56"],"lp-sys-padding-section-600":i["lp-pri-size-64"],"lp-sys-padding-section-700":i["lp-pri-size-80"],"lp-sys-padding-section-800":i["lp-pri-size-100"],"lp-sys-padding-section-900":i["lp-pri-size-120"]};var _=["lp-sys-shadow-normal","lp-sys-shadow-strong","lp-sys-shadow-heavy"],P={"lp-sys-shadow-normal":["0px 2px 12px 0px rgba(0, 0, 0, 0.08), 0px 1px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)","0px 2px 12px 0px rgba(0, 0, 0, 0.24), 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 0px 1px 0px rgba(0, 0, 0, 0.2)"],"lp-sys-shadow-strong":["0px 6px 16px 0px rgba(0, 0, 0, 0.12), 0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)","0px 6px 16px 0px rgba(0, 0, 0, 0.36), 0px 4px 12px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)"],"lp-sys-shadow-heavy":["0px 16px 20px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)","0px 16px 20px 0px rgba(0, 0, 0, 0.36), 0px 8px 16px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)"]};var j={"lp-sys-radius-xxs":i["lp-pri-size-2"],"lp-sys-radius-xs":i["lp-pri-size-4"],"lp-sys-radius-s":i["lp-pri-size-6"],"lp-sys-radius-m":i["lp-pri-size-8"],"lp-sys-radius-l":i["lp-pri-size-10"],"lp-sys-radius-xl":i["lp-pri-size-12"],"lp-sys-radius-xxl":i["lp-pri-size-200"]};var U={"lp-pri-size-minus6":i["lp-pri-size-minus6"],"lp-pri-size-minus4":i["lp-pri-size-minus4"],"lp-pri-size-minus2":i["lp-pri-size-minus2"],"lp-pri-size-0":i["lp-pri-size-0"],"lp-pri-size-1":i["lp-pri-size-1"],"lp-pri-size-2":i["lp-pri-size-2"],"lp-pri-size-3":i["lp-pri-size-3"],"lp-pri-size-4":i["lp-pri-size-4"],"lp-pri-size-6":i["lp-pri-size-6"],"lp-pri-size-8":i["lp-pri-size-8"],"lp-pri-size-10":i["lp-pri-size-10"],"lp-pri-size-12":i["lp-pri-size-12"],"lp-pri-size-14":i["lp-pri-size-14"],"lp-pri-size-16":i["lp-pri-size-16"],"lp-pri-size-18":i["lp-pri-size-18"],"lp-pri-size-20":i["lp-pri-size-20"],"lp-pri-size-24":i["lp-pri-size-24"],"lp-pri-size-32":i["lp-pri-size-32"],"lp-pri-size-40":i["lp-pri-size-40"],"lp-pri-size-48":i["lp-pri-size-48"],"lp-pri-size-56":i["lp-pri-size-56"],"lp-pri-size-64":i["lp-pri-size-64"],"lp-pri-size-80":i["lp-pri-size-80"],"lp-pri-size-100":i["lp-pri-size-100"],"lp-pri-size-120":i["lp-pri-size-120"],"lp-pri-size-140":i["lp-pri-size-140"],"lp-pri-size-160":i["lp-pri-size-160"],"lp-pri-size-180":i["lp-pri-size-180"],"lp-pri-size-200":i["lp-pri-size-200"]};function t(p){return parseInt(p,16)}function g(p){var r=/^#?[0-9A-Fa-f]{6}$/;return r.test(p)}function y(p){return 0<=p&&p<=1}function n(p){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1;if(!g(p))throw new Error("Invalid hex value: ".concat(p));if(!y(r))throw new Error("Invalid alpha value(0~1): ".concat(r));var l=p.startsWith("#")?p.slice(1):p,o=t(l.slice(0,2)),f=t(l.slice(2,4)),h=t(l.slice(4,6));return"rgba(".concat(o,",").concat(f,",").concat(h,",").concat(r,")")}var m={"neutral-container-lowest":["lp-pri-achromatic-white","lp-pri-gray-cool-100"],"neutral-container-lowest-hover":["lp-pri-gray-cool-980","lp-pri-gray-cool-200"],"neutral-container-low":["lp-pri-gray-cool-980","lp-pri-gray-cool-200"],"neutral-container-low-hover":["lp-pri-gray-cool-970","lp-pri-gray-cool-250"],"neutral-container-mid":["lp-pri-gray-cool-970","lp-pri-gray-cool-250"],"neutral-container-mid-hover":["lp-pri-gray-cool-950","lp-pri-gray-cool-270"],"neutral-container-high":["lp-pri-gray-cool-940","lp-pri-gray-cool-250"],"neutral-container-high-hover":["lp-pri-gray-cool-900","lp-pri-gray-cool-300"],"neutral-container-highest":["lp-pri-gray-cool-920","lp-pri-gray-cool-300"],"neutral-container-static-lowest":["lp-pri-achromatic-white","lp-pri-achromatic-white"],"neutral-container-static-lowest-hover":["lp-pri-gray-cool-980","lp-pri-gray-cool-980"],"neutral-container-variation-lowest":["lp-pri-achromatic-white","lp-pri-gray-cool-200"],"neutral-fill-lowest":["lp-pri-gray-cool-dark-alpha-0","lp-pri-gray-cool-dark-alpha-0"],"neutral-fill-lowest-hover":["lp-pri-gray-cool-dark-alpha-6","lp-pri-gray-cool-dark-alpha-12"],"neutral-fill-low":["lp-pri-gray-cool-dark-alpha-4","lp-pri-gray-cool-dark-alpha-8"],"neutral-fill-low-hover":["lp-pri-gray-cool-dark-alpha-8","lp-pri-gray-cool-dark-alpha-20"],"neutral-fill-mid":["lp-pri-gray-cool-dark-alpha-8","lp-pri-gray-cool-dark-alpha-16"],"neutral-fill-mid-hover":["lp-pri-gray-cool-dark-alpha-16","lp-pri-gray-cool-dark-alpha-32"],"neutral-fill-high":["lp-pri-gray-cool-dark-alpha-20","lp-pri-gray-cool-dark-alpha-32"],"neutral-fill-high-hover":["lp-pri-gray-cool-dark-alpha-28","lp-pri-gray-cool-dark-alpha-44"],"neutral-fill-highest":["lp-pri-gray-cool-dark-alpha-72","lp-pri-gray-cool-dark-alpha-72"],"neutral-label-primary":["lp-pri-gray-cool-100","lp-pri-achromatic-white"],"neutral-label-secondary":["lp-pri-gray-cool-dark-alpha-80","lp-pri-gray-cool-light-alpha-64"],"neutral-label-tertiary":["lp-pri-gray-cool-dark-alpha-48","lp-pri-gray-cool-light-alpha-32"],"neutral-label-quaternary":["lp-pri-gray-cool-dark-alpha-24","lp-pri-gray-cool-light-alpha-20"],"neutral-label-static-primary":["lp-pri-gray-cool-100","lp-pri-gray-cool-100"],"neutral-label-static-secondary":["lp-pri-gray-cool-dark-alpha-80","lp-pri-gray-cool-dark-alpha-80"],"neutral-border-overlay-strong":["lp-pri-gray-cool-dark-alpha-64","lp-pri-gray-cool-light-alpha-64"],"neutral-border-overlay-normal":["lp-pri-gray-cool-dark-alpha-24","lp-pri-gray-cool-light-alpha-28"],"neutral-border-overlay-subtle":["lp-pri-gray-cool-dark-alpha-16","lp-pri-gray-cool-light-alpha-20"],"neutral-border-overlay-hint":["lp-pri-gray-cool-dark-alpha-12","lp-pri-gray-cool-light-alpha-12"],"neutral-border-opaque-strong":["lp-pri-gray-cool-100","lp-pri-achromatic-white"],"neutral-border-opaque-normal":["lp-pri-gray-cool-850","lp-pri-gray-cool-350"],"neutral-border-opaque-subtle":["lp-pri-gray-cool-920","lp-pri-gray-cool-250"],"inverse-container-lowest":["lp-pri-gray-cool-100","lp-pri-achromatic-white"],"inverse-container-lowest-hover":["lp-pri-gray-cool-200","lp-pri-gray-cool-980"],"inverse-container-low":["lp-pri-gray-cool-200","lp-pri-gray-cool-980"],"inverse-container-low-hover":["lp-pri-gray-cool-250","lp-pri-gray-cool-970"],"inverse-container-mid":["lp-pri-gray-cool-250","lp-pri-gray-cool-970"],"inverse-container-mid-hover":["lp-pri-gray-cool-270","lp-pri-gray-cool-950"],"inverse-container-high":["lp-pri-gray-cool-250","lp-pri-gray-cool-940"],"inverse-container-high-hover":["lp-pri-gray-cool-300","lp-pri-gray-cool-900"],"inverse-container-static-high":["lp-pri-gray-cool-250","lp-pri-gray-cool-250"],"inverse-container-static-high-hover":["lp-pri-gray-cool-350","lp-pri-gray-cool-350"],"inverse-container-highest":["lp-pri-gray-cool-300","lp-pri-gray-cool-920"],"inverse-fill-mid":["lp-pri-achromatic-white","lp-pri-gray-cool-light-alpha-24"],"inverse-fill-mid-hover":["lp-pri-gray-cool-dark-alpha-32","lp-pri-gray-cool-dark-alpha-16"],"inverse-label-primary":["lp-pri-achromatic-white","lp-pri-gray-cool-100"],"inverse-label-secondary":["lp-pri-gray-cool-light-alpha-64","lp-pri-gray-cool-dark-alpha-80"],"inverse-label-tertiary":["lp-pri-gray-cool-light-alpha-32","lp-pri-gray-cool-dark-alpha-48"],"inverse-label-quaternary":["lp-pri-gray-cool-light-alpha-20","lp-pri-gray-cool-dark-alpha-24"],"inverse-label-static-primary":["lp-pri-achromatic-white","lp-pri-achromatic-white"],"inverse-label-static-secondary":["lp-pri-gray-cool-light-alpha-64","lp-pri-gray-cool-light-alpha-64"],"inverse-border-overlay-strong":["lp-pri-gray-cool-light-alpha-64","lp-pri-gray-cool-dark-alpha-64"],"inverse-border-overlay-normal":["lp-pri-gray-cool-light-alpha-28","lp-pri-gray-cool-dark-alpha-24"],"inverse-border-overlay-subtle":["lp-pri-gray-cool-light-alpha-20","lp-pri-gray-cool-dark-alpha-16"],"inverse-border-overlay-hint":["lp-pri-gray-cool-light-alpha-12","lp-pri-gray-cool-dark-alpha-12"],"inverse-border-opaque-strong":["lp-pri-achromatic-white","lp-pri-gray-cool-100"],"inverse-border-opaque-normal":["lp-pri-gray-cool-350","lp-pri-gray-cool-850"],"inverse-border-opaque-subtle":["lp-pri-gray-cool-250","lp-pri-gray-cool-920"],"brand-container-mid":["lp-pri-brand-original-200","lp-pri-brand-variation-380"],"brand-container-mid-hover":["lp-pri-brand-original-150","lp-pri-brand-variation-350"],"brand-container-high":["lp-pri-brand-original-500","lp-pri-brand-original-500"],"brand-fill-mid":["lp-pri-brand-original-200","lp-pri-brand-variation-380"],"brand-fill-mid-hover":["lp-pri-brand-original-150","lp-pri-brand-variation-350"],"brand-fill-low":["lp-pri-brand-original-990","lp-pri-brand-variation-100"],"brand-fill-low-hover":["lp-pri-brand-original-980","lp-pri-brand-variation-150"],"brand-label-primary":["lp-pri-brand-original-500","lp-pri-brand-variation-950"],"brand-label-secondary":["lp-pri-brand-original-200","lp-pri-achromatic-white"],"brand-label-variation-secondary":["lp-pri-brand-original-200","lp-pri-achromatic-white-alpha-80"],"brand-border-opaque-normal":["lp-pri-brand-original-200","lp-pri-achromatic-white"],"brand-border-opaque-strong":["lp-pri-brand-original-500","lp-pri-brand-variation-950"],"brandinverse-label-primary":["lp-pri-brand-variation-950","lp-pri-brand-original-500"],"brandinverse-label-secondary":["lp-pri-achromatic-white","lp-pri-brand-original-200"],"brandinverse-label-static-primary":["lp-pri-brand-variation-950","lp-pri-brand-variation-950"],"accent-label-primary":["lp-pri-rainbow-orange-700","lp-pri-rainbow-orange-730"],"accent-container-primary":["lp-pri-rainbow-orange-800","lp-pri-rainbow-orange-500"],"function-container-positive":["lp-pri-rainbow-green-500","lp-pri-rainbow-green-600"],"function-container-negative":["lp-pri-rainbow-red-500","lp-pri-rainbow-red-500"],"function-container-negative-hover":["lp-pri-rainbow-red-400","lp-pri-rainbow-red-600"],"function-container-caution":["lp-pri-rainbow-orange-500","lp-pri-rainbow-orange-500"],"function-container-highlight":["lp-pri-rainbow-yellow-900","lp-pri-rainbow-yellow-100"],"function-container-selection":["lp-pri-brand-variation-950","lp-pri-brand-variation-100"],"function-container-drag":["lp-pri-brand-original-alpha-12","lp-pri-achromatic-white-alpha-16"],"function-label-positive":["lp-pri-rainbow-green-500","lp-pri-rainbow-green-600"],"function-label-negative":["lp-pri-rainbow-red-500","lp-pri-rainbow-red-500"],"function-label-caution":["lp-pri-rainbow-orange-500","lp-pri-rainbow-orange-500"],"function-label-link":["lp-pri-rainbow-cyan-300","lp-pri-rainbow-cyan-600"],"cover-dim-page":["lp-pri-achromatic-black-alpha-56","lp-pri-achromatic-black-alpha-56"]},s={primitive:{"lp-pri-achromatic-white":"#ffffff","lp-pri-achromatic-black":"#000000","lp-pri-gray-cool-980":"#F9F9FA","lp-pri-gray-cool-970":"#F6F6F7","lp-pri-gray-cool-950":"#F1F1F2","lp-pri-gray-cool-940":"#EDEEF0","lp-pri-gray-cool-920":"#E9E9EB","lp-pri-gray-cool-900":"#E3E3E6","lp-pri-gray-cool-850":"#D7D7D9","lp-pri-gray-cool-350":"#58595C","lp-pri-gray-cool-300":"#4A4A4D","lp-pri-gray-cool-270":"#39393B","lp-pri-gray-cool-250":"#313133","lp-pri-gray-cool-200":"#272729","lp-pri-gray-cool-120":"#252526","lp-pri-gray-cool-100":"#1E1E1F","lp-pri-brand-original-990":"#F6FFF1","lp-pri-brand-original-980":"#EBFFE7","lp-pri-brand-original-500":"#0C893B","lp-pri-brand-original-380":"#006829","lp-pri-brand-original-200":"#14371B","lp-pri-brand-original-150":"#14371B","lp-pri-brand-original-50":"#002109","lp-pri-brand-variation-950":"#C3FFD0","lp-pri-brand-variation-900":"#96F7B3","lp-pri-brand-variation-380":"#236638","lp-pri-brand-variation-350":"#1A5E31","lp-pri-brand-variation-250":"#00461F","lp-pri-brand-variation-150":"#0E2B1A","lp-pri-brand-variation-100":"#032110","lp-pri-rainbow-red-950":"#FFF5F5","lp-pri-rainbow-red-900":"#FFE7E7","lp-pri-rainbow-red-800":"#FFC3C3","lp-pri-rainbow-red-700":"#FF9090","lp-pri-rainbow-red-600":"#FF6060","lp-pri-rainbow-red-500":"#FF3333","lp-pri-rainbow-red-400":"#DB2323","lp-pri-rainbow-red-300":"#B81616","lp-pri-rainbow-red-200":"#710808","lp-pri-rainbow-red-100":"#410404","lp-pri-rainbow-orange-970":"#FFF4EF","lp-pri-rainbow-orange-940":"#FFEADC","lp-pri-rainbow-orange-900":"#FFDCC2","lp-pri-rainbow-orange-800":"#FFB77C","lp-pri-rainbow-orange-730":"#FF9B3E","lp-pri-rainbow-orange-700":"#FE8F16","lp-pri-rainbow-orange-600":"#DA7700","lp-pri-rainbow-orange-500":"#B46200","lp-pri-rainbow-orange-400":"#904D00","lp-pri-rainbow-orange-300":"#6D3900","lp-pri-rainbow-yellow-950":"#FFFDF4","lp-pri-rainbow-yellow-900":"#FFF9E3","lp-pri-rainbow-yellow-800":"#FFF0B4","lp-pri-rainbow-yellow-700":"#FFE375","lp-pri-rainbow-yellow-600":"#FFD739","lp-pri-rainbow-yellow-500":"#FFCC00","lp-pri-rainbow-yellow-400":"#DBB003","lp-pri-rainbow-yellow-300":"#B89405","lp-pri-rainbow-yellow-200":"#715B05","lp-pri-rainbow-yellow-100":"#413503","lp-pri-rainbow-lime_green-970":"#EAFFB6","lp-pri-rainbow-lime_green-940":"#CEFF56","lp-pri-rainbow-lime_green-900":"#BFF434","lp-pri-rainbow-lime_green-800":"#A4D706","lp-pri-rainbow-lime_green-730":"#94C300","lp-pri-rainbow-lime_green-700":"#8DBA00","lp-pri-rainbow-lime_green-600":"#779D00","lp-pri-rainbow-lime_green-500":"#628200","lp-pri-rainbow-lime_green-400":"#4D6700","lp-pri-rainbow-lime_green-300":"#394D00","lp-pri-rainbow-green-950":"#F5FEF7","lp-pri-rainbow-green-900":"#E6FCEA","lp-pri-rainbow-green-800":"#BFF5C8","lp-pri-rainbow-green-700":"#8CEC9C","lp-pri-rainbow-green-600":"#5DDF73","lp-pri-rainbow-green-500":"#30BF48","lp-pri-rainbow-green-400":"#20A536","lp-pri-rainbow-green-300":"#148B28","lp-pri-rainbow-green-200":"#075714","lp-pri-rainbow-green-100":"#03350B","lp-pri-rainbow-mint-950":"#F3FEFE","lp-pri-rainbow-mint-900":"#AFF7F7","lp-pri-rainbow-mint-800":"#6EF0F0","lp-pri-rainbow-mint-700":"#33E6E6","lp-pri-rainbow-mint-600":"#00CCCC","lp-pri-rainbow-mint-500":"#02B0B0","lp-pri-rainbow-mint-400":"#02B0B0","lp-pri-rainbow-mint-300":"#049494","lp-pri-rainbow-mint-200":"#045C5C","lp-pri-rainbow-mint-100":"#033737","lp-pri-rainbow-cyan-950":"#F6FBFF","lp-pri-rainbow-cyan-900":"#E8F6FF","lp-pri-rainbow-cyan-800":"#C6E8FF","lp-pri-rainbow-cyan-700":"#97D5FF","lp-pri-rainbow-cyan-600":"#6AC4FF","lp-pri-rainbow-cyan-500":"#40B3FF","lp-pri-rainbow-cyan-400":"#2B95DB","lp-pri-rainbow-cyan-300":"#1A79B8","lp-pri-rainbow-cyan-200":"#094771","lp-pri-rainbow-cyan-100":"#042941","lp-pri-rainbow-purple-950":"#FCF6FF","lp-pri-rainbow-purple-900":"#F7EAFE","lp-pri-rainbow-purple-800":"#EBCAFB","lp-pri-rainbow-purple-700":"#DAA0F7","lp-pri-rainbow-purple-600":"#C978F2","lp-pri-rainbow-purple-500":"#B450E6","lp-pri-rainbow-purple-400":"#9535C6","lp-pri-rainbow-purple-300":"#7920A6","lp-pri-rainbow-purple-200":"#480A67","lp-pri-rainbow-purple-100":"#29043C","lp-pri-rainbow-pink-950":"#FFF5F8","lp-pri-rainbow-pink-900":"#FFE7EF","lp-pri-rainbow-pink-800":"#FFC3D7","lp-pri-rainbow-pink-700":"#FF90B5","lp-pri-rainbow-pink-600":"#FF6095","lp-pri-rainbow-pink-500":"#FF3377","lp-pri-rainbow-pink-400":"#DB2360","lp-pri-rainbow-pink-300":"#B8164C","lp-pri-rainbow-pink-200":"#71082B","lp-pri-rainbow-pink-100":"#120107"},system:{dark:{},light:{}}},d=[80,72,64,56,50,48,44,40,36,32,28,24,20,16,12,8,6,4,1,0],b=[{name:"lp-pri-achromatic-white",value:"#FFFFFF"},{name:"lp-pri-gray-cool-dark",value:"#6D6D70"},{name:"lp-pri-gray-cool-light",value:"#E9E9EB"},{name:"lp-pri-brand-original",value:"#041166"},{name:"lp-pri-achromatic-black",value:"#000000"}],w=()=>{b.forEach(({name:p,value:r})=>{d.forEach(l=>{let o=`${p}-alpha-${l}`;s.primitive[o]=n(r.slice(1),l/100)})})};w();Object.entries(m).map(([p,r])=>{let l=p;s.system.light[l]=r[0],s.system.dark[l]=r[1]});var e={"lp-sys-typo-heading1-answer":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-700",lineHeight:"lp-pri-font-lineheight-180",size:"lp-pri-font-size-28"},"lp-sys-typo-heading2-answer":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-700",lineHeight:"lp-pri-font-lineheight-180",size:"lp-pri-font-size-24"},"lp-sys-typo-heading3-answer":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-700",lineHeight:"lp-pri-font-lineheight-180",size:"lp-pri-font-size-20"},"lp-sys-typo-heading4-answer":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-700",lineHeight:"lp-pri-font-lineheight-180",size:"lp-pri-font-size-17"},"lp-sys-typo-heading5-answer":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-700",lineHeight:"lp-pri-font-lineheight-180",size:"lp-pri-font-size-17"},"lp-sys-typo-heading6-answer":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-700",lineHeight:"lp-pri-font-lineheight-180",size:"lp-pri-font-size-17"},"lp-sys-typo-title1-accent-bold":{family:"lp-pri-font-family-variables-pretendard",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-32",weight:"lp-pri-font-weight-600"},"lp-sys-typo-title2-accent-bold":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-600",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-28"},"lp-sys-typo-title3-accent-bold":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-600",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-24"},"lp-sys-typo-title4-accent-bold":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-600",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-20"},"lp-sys-typo-title1-normal-bold":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-700",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-32"},"lp-sys-typo-title2-normal-bold":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-700",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-28"},"lp-sys-typo-title3-normal-bold":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-700",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-24"},"lp-sys-typo-title4-normal-bold":{weight:"lp-pri-font-weight-700",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-20",family:"lp-pri-font-family-variables-pretendard"},"lp-sys-typo-title1-normal-medium":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-500",size:"lp-pri-font-size-32",lineHeight:"lp-pri-font-lineheight-130"},"lp-sys-typo-title2-normal-medium":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-500",size:"lp-pri-font-size-28",lineHeight:"lp-pri-font-lineheight-130"},"lp-sys-typo-title3-normal-medium":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-500",size:"lp-pri-font-size-24",lineHeight:"lp-pri-font-lineheight-130"},"lp-sys-typo-title4-normal-medium":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-500",size:"lp-pri-font-size-20",lineHeight:"lp-pri-font-lineheight-130"},"lp-sys-typo-paragraph1-normal-bold":{weight:"lp-pri-font-weight-700",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-17",family:"lp-pri-font-family-variables-pretendard"},"lp-sys-typo-paragraph2-normal-bold":{weight:"lp-pri-font-weight-700",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-16",family:"lp-pri-font-family-variables-pretendard"},"lp-sys-typo-paragraph3-normal-bold":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-700",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-15"},"lp-sys-typo-paragraph4-normal-bold":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-700",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-14"},"lp-sys-typo-paragraph1-normal-medium":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-500",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-17"},"lp-sys-typo-paragraph2-normal-medium":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-500",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-16"},"lp-sys-typo-paragraph3-normal-medium":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-500",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-15"},"lp-sys-typo-paragraph4-normal-medium":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-500",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-14"},"lp-sys-typo-paragraph1-normal-regular":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-350",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-17"},"lp-sys-typo-paragraph2-normal-regular":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-350",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-16"},"lp-sys-typo-paragraph3-normal-regular":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-350",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-15"},"lp-sys-typo-paragraph4-normal-regular":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-350",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-14"},"lp-sys-typo-paragraph1-post-regular":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-350",lineHeight:"lp-pri-font-lineheight-150",size:"lp-pri-font-size-17"},"lp-sys-typo-paragraph3-post-regular":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-350",lineHeight:"lp-pri-font-lineheight-150",size:"lp-pri-font-size-15"},"lp-sys-typo-paragraph1-answer-bold":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-800",lineHeight:"lp-pri-font-lineheight-180",size:"lp-pri-font-size-16"},"lp-sys-typo-paragraph1-answer-regular":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-350",lineHeight:"lp-pri-font-lineheight-180",size:"lp-pri-font-size-16"},"lp-sys-typo-caption1-normal-bold":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-700",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-13"},"lp-sys-typo-caption2-normal-bold":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-700",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-12"},"lp-sys-typo-caption3-normal-bold":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-700",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-11"},"lp-sys-typo-caption1-normal-medium":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-500",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-13"},"lp-sys-typo-caption2-normal-medium":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-500",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-12"},"lp-sys-typo-caption3-normal-medium":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-500",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-11"},"lp-sys-typo-caption1-normal-regular":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-350",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-13"},"lp-sys-typo-caption2-normal-regular":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-350",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-12"},"lp-sys-typo-caption3-normal-regular":{family:"lp-pri-font-family-variables-pretendard",weight:"lp-pri-font-weight-350",lineHeight:"lp-pri-font-lineheight-130",size:"lp-pri-font-size-11"}},ii=(()=>{let p={};for(let r in e){let l=r;p[l]=l}return p})(),pi={"lp-sys-typo-title1-accent-bold":{...e["lp-sys-typo-title1-accent-bold"],family:"lp-pri-font-family-flare",size:"lp-pri-font-size-34",lineHeight:"lp-pri-font-lineheight-120",letterSpacing:"lp-pri-font-letterspacing-tight"},"lp-sys-typo-title2-accent-bold":{...e["lp-sys-typo-title2-accent-bold"],family:"lp-pri-font-family-flare",lineHeight:"lp-pri-font-lineheight-120",size:"lp-pri-font-size-30",letterSpacing:"lp-pri-font-letterspacing-tight"},"lp-sys-typo-title3-accent-bold":{...e["lp-sys-typo-title3-accent-bold"],family:"lp-pri-font-family-flare",lineHeight:"lp-pri-font-lineheight-120",size:"lp-pri-font-size-26",letterSpacing:"lp-pri-font-letterspacing-tight"},"lp-sys-typo-title4-accent-bold":{...e["lp-sys-typo-title4-accent-bold"],family:"lp-pri-font-family-flare",lineHeight:"lp-pri-font-lineheight-120",size:"lp-pri-font-size-22",letterSpacing:"lp-pri-font-letterspacing-tight"},"lp-sys-typo-paragraph1-answer-bold":{...e["lp-sys-typo-paragraph1-answer-bold"],family:"lp-pri-font-family-merriweather"},"lp-sys-typo-paragraph1-answer-regular":{...e["lp-sys-typo-paragraph1-answer-regular"],family:"lp-pri-font-family-merriweather"}};var z={"lp-pri-font-lineheight-120":"120%","lp-pri-font-lineheight-130":"130%","lp-pri-font-lineheight-150":"150%","lp-pri-font-lineheight-180":"180%"},x={"lp-pri-font-size-8":8,"lp-pri-font-size-11":11,"lp-pri-font-size-12":12,"lp-pri-font-size-13":13,"lp-pri-font-size-14":14,"lp-pri-font-size-15":15,"lp-pri-font-size-16":16,"lp-pri-font-size-17":17,"lp-pri-font-size-20":20,"lp-pri-font-size-22":22,"lp-pri-font-size-24":24,"lp-pri-font-size-26":26,"lp-pri-font-size-28":28,"lp-pri-font-size-30":30,"lp-pri-font-size-32":32,"lp-pri-font-size-34":34,"lp-pri-font-size-40":40,"lp-pri-font-size-56":56,"lp-pri-font-size-64":64,"lp-pri-font-size-72":72},u={"lp-pri-font-weight-300":300,"lp-pri-font-weight-350":350,"lp-pri-font-weight-400":400,"lp-pri-font-weight-500":500,"lp-pri-font-weight-600":600,"lp-pri-font-weight-700":700,"lp-pri-font-weight-800":800,"lp-pri-font-weight-900":900},v={"lp-pri-font-letterspacing-tight":-2.5},li={weight:u,lineHeight:z,size:x,letterSpacing:v};export{_ as SHADOW_KEYS,b as alphaPrimitive,d as alphas,F as breakpoint,c as breakpointOrigin,s as color,li as font,B as gap,C as iconSize,I as letterSpacing,T as opacity,q as padding,j as radius,P as shadow,U as size,e as typography,ii as typographyClassName,pi as typographyEnglish};

package/esbuild.js

@@ -0,0 +1,14 @@
+const esbuild = require('esbuild');
+
+const options = {
+  entryPoints: ['src/index.ts'],
+  bundle: true,
+  outfile: 'dist/index.mjs',
+  format: 'esm',
+  tsconfig: 'tsconfig.json',
+};
+
+esbuild
+  .build({ ...options, minify: true, sourcemap: false })
+  .then(() => console.log('📦: ⚡esbuild 번들링 success'))
+  .catch(() => process.exit(1));

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@liner-fe/design-token-primitive",
+  "version": "0.1.0",
+  "devDependencies": {
+    "@types/node": "^22.13.10",
+    "typescript": "^5.8.2"
+  },
+  "scripts": {
+    "build": "node esbuild.js && tsc -p tsconfig.json"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "publishConfig": {
+    "access": "public",
+    "main": "./dist/index.js"
+  },
+  "dependencies": {
+    "@toss/utils": "^1.6.1"
+  }
+}

package/src/constants/breakpoint/index.ts

@@ -0,0 +1,21 @@
+export const breakpointOrigin = {
+  xs: '0px',
+  s: '599px',
+  m: '1023px',
+  l: '1365px',
+  xl: '1535px',
+  xxl: '1919px',
+  xxxl: '2559px',
+} as const;
+
+const makeBreakpoint = (key: keyof typeof breakpointOrigin) =>
+  `@media (max-width: ${breakpointOrigin[key]})`;
+
+export const breakpoint = {
+  s: makeBreakpoint('s'),
+  m: makeBreakpoint('m'),
+  l: makeBreakpoint('l'),
+  xl: makeBreakpoint('xl'),
+  xxl: makeBreakpoint('xxl'),
+  xxxl: makeBreakpoint('xxxl'),
+};

package/src/constants/color/index.ts

@@ -0,0 +1,341 @@
+import { AlphasKey, IColor, IPrimitiveWithAlpha, SystemKeys } from './types';
+import { hexToRgba } from '@toss/utils';
+
+const system: Record<SystemKeys, [keyof IPrimitiveWithAlpha, keyof IPrimitiveWithAlpha]> = {
+  // neutral / container
+  'neutral-container-lowest': ['lp-pri-achromatic-white', 'lp-pri-gray-cool-100'],
+  'neutral-container-lowest-hover': ['lp-pri-gray-cool-980', 'lp-pri-gray-cool-200'],
+  'neutral-container-low': ['lp-pri-gray-cool-980', 'lp-pri-gray-cool-200'],
+  'neutral-container-low-hover': ['lp-pri-gray-cool-970', 'lp-pri-gray-cool-250'],
+  'neutral-container-mid': ['lp-pri-gray-cool-970', 'lp-pri-gray-cool-250'],
+  'neutral-container-mid-hover': ['lp-pri-gray-cool-950', 'lp-pri-gray-cool-270'],
+  'neutral-container-high': ['lp-pri-gray-cool-940', 'lp-pri-gray-cool-250'],
+  'neutral-container-high-hover': ['lp-pri-gray-cool-900', 'lp-pri-gray-cool-300'],
+  'neutral-container-highest': ['lp-pri-gray-cool-920', 'lp-pri-gray-cool-300'],
+  'neutral-container-static-lowest': ['lp-pri-achromatic-white', 'lp-pri-achromatic-white'],
+  'neutral-container-static-lowest-hover': ['lp-pri-gray-cool-980', 'lp-pri-gray-cool-980'],
+  'neutral-container-variation-lowest': ['lp-pri-achromatic-white', 'lp-pri-gray-cool-200'],
+
+  // neutral / fill
+  'neutral-fill-lowest': ['lp-pri-gray-cool-dark-alpha-0', 'lp-pri-gray-cool-dark-alpha-0'],
+  'neutral-fill-lowest-hover': ['lp-pri-gray-cool-dark-alpha-6', 'lp-pri-gray-cool-dark-alpha-12'],
+  'neutral-fill-low': ['lp-pri-gray-cool-dark-alpha-4', 'lp-pri-gray-cool-dark-alpha-8'],
+  'neutral-fill-low-hover': ['lp-pri-gray-cool-dark-alpha-8', 'lp-pri-gray-cool-dark-alpha-20'],
+  'neutral-fill-mid': ['lp-pri-gray-cool-dark-alpha-8', 'lp-pri-gray-cool-dark-alpha-16'],
+  'neutral-fill-mid-hover': ['lp-pri-gray-cool-dark-alpha-16', 'lp-pri-gray-cool-dark-alpha-32'],
+  'neutral-fill-high': ['lp-pri-gray-cool-dark-alpha-20', 'lp-pri-gray-cool-dark-alpha-32'],
+  'neutral-fill-high-hover': ['lp-pri-gray-cool-dark-alpha-28', 'lp-pri-gray-cool-dark-alpha-44'],
+  'neutral-fill-highest': ['lp-pri-gray-cool-dark-alpha-72', 'lp-pri-gray-cool-dark-alpha-72'],
+
+  // neutral / label
+  'neutral-label-primary': ['lp-pri-gray-cool-100', 'lp-pri-achromatic-white'],
+  'neutral-label-secondary': ['lp-pri-gray-cool-dark-alpha-80', 'lp-pri-gray-cool-light-alpha-64'],
+  'neutral-label-tertiary': ['lp-pri-gray-cool-dark-alpha-48', 'lp-pri-gray-cool-light-alpha-32'],
+  'neutral-label-quaternary': ['lp-pri-gray-cool-dark-alpha-24', 'lp-pri-gray-cool-light-alpha-20'],
+  'neutral-label-static-primary': ['lp-pri-gray-cool-100', 'lp-pri-gray-cool-100'],
+  'neutral-label-static-secondary': [
+    'lp-pri-gray-cool-dark-alpha-80',
+    'lp-pri-gray-cool-dark-alpha-80',
+  ],
+
+  // neutral / border
+  'neutral-border-overlay-strong': [
+    'lp-pri-gray-cool-dark-alpha-64',
+    'lp-pri-gray-cool-light-alpha-64',
+  ],
+  'neutral-border-overlay-normal': [
+    'lp-pri-gray-cool-dark-alpha-24',
+    'lp-pri-gray-cool-light-alpha-28',
+  ],
+  'neutral-border-overlay-subtle': [
+    'lp-pri-gray-cool-dark-alpha-16',
+    'lp-pri-gray-cool-light-alpha-20',
+  ],
+  'neutral-border-overlay-hint': [
+    'lp-pri-gray-cool-dark-alpha-12',
+    'lp-pri-gray-cool-light-alpha-12',
+  ],
+  'neutral-border-opaque-strong': ['lp-pri-gray-cool-100', 'lp-pri-achromatic-white'],
+  'neutral-border-opaque-normal': ['lp-pri-gray-cool-850', 'lp-pri-gray-cool-350'],
+  'neutral-border-opaque-subtle': ['lp-pri-gray-cool-920', 'lp-pri-gray-cool-250'],
+
+  // inverse / container
+  'inverse-container-lowest': ['lp-pri-gray-cool-100', 'lp-pri-achromatic-white'],
+  'inverse-container-lowest-hover': ['lp-pri-gray-cool-200', 'lp-pri-gray-cool-980'],
+  'inverse-container-low': ['lp-pri-gray-cool-200', 'lp-pri-gray-cool-980'],
+  'inverse-container-low-hover': ['lp-pri-gray-cool-250', 'lp-pri-gray-cool-970'],
+  'inverse-container-mid': ['lp-pri-gray-cool-250', 'lp-pri-gray-cool-970'],
+  'inverse-container-mid-hover': ['lp-pri-gray-cool-270', 'lp-pri-gray-cool-950'],
+  'inverse-container-high': ['lp-pri-gray-cool-250', 'lp-pri-gray-cool-940'],
+  'inverse-container-high-hover': ['lp-pri-gray-cool-300', 'lp-pri-gray-cool-900'],
+  'inverse-container-static-high': ['lp-pri-gray-cool-250', 'lp-pri-gray-cool-250'],
+  'inverse-container-static-high-hover': ['lp-pri-gray-cool-350', 'lp-pri-gray-cool-350'],
+  'inverse-container-highest': ['lp-pri-gray-cool-300', 'lp-pri-gray-cool-920'],
+
+  // inverse / fill
+  'inverse-fill-mid': ['lp-pri-achromatic-white', 'lp-pri-gray-cool-light-alpha-24'],
+  'inverse-fill-mid-hover': ['lp-pri-gray-cool-dark-alpha-32', 'lp-pri-gray-cool-dark-alpha-16'],
+
+  // inverse / label
+  'inverse-label-primary': ['lp-pri-achromatic-white', 'lp-pri-gray-cool-100'],
+  'inverse-label-secondary': ['lp-pri-gray-cool-light-alpha-64', 'lp-pri-gray-cool-dark-alpha-80'],
+  'inverse-label-tertiary': ['lp-pri-gray-cool-light-alpha-32', 'lp-pri-gray-cool-dark-alpha-48'],
+  'inverse-label-quaternary': ['lp-pri-gray-cool-light-alpha-20', 'lp-pri-gray-cool-dark-alpha-24'],
+  'inverse-label-static-primary': ['lp-pri-achromatic-white', 'lp-pri-achromatic-white'],
+  'inverse-label-static-secondary': [
+    'lp-pri-gray-cool-light-alpha-64',
+    'lp-pri-gray-cool-light-alpha-64',
+  ],
+
+  // inverse / border
+  'inverse-border-overlay-strong': [
+    'lp-pri-gray-cool-light-alpha-64',
+    'lp-pri-gray-cool-dark-alpha-64',
+  ],
+  'inverse-border-overlay-normal': [
+    'lp-pri-gray-cool-light-alpha-28',
+    'lp-pri-gray-cool-dark-alpha-24',
+  ],
+  'inverse-border-overlay-subtle': [
+    'lp-pri-gray-cool-light-alpha-20',
+    'lp-pri-gray-cool-dark-alpha-16',
+  ],
+  'inverse-border-overlay-hint': [
+    'lp-pri-gray-cool-light-alpha-12',
+    'lp-pri-gray-cool-dark-alpha-12',
+  ],
+  'inverse-border-opaque-strong': ['lp-pri-achromatic-white', 'lp-pri-gray-cool-100'],
+  'inverse-border-opaque-normal': ['lp-pri-gray-cool-350', 'lp-pri-gray-cool-850'],
+  'inverse-border-opaque-subtle': ['lp-pri-gray-cool-250', 'lp-pri-gray-cool-920'],
+
+  // brand / container
+  'brand-container-mid': ['lp-pri-brand-original-200', 'lp-pri-brand-variation-380'],
+  'brand-container-mid-hover': ['lp-pri-brand-original-150', 'lp-pri-brand-variation-350'],
+  'brand-container-high': ['lp-pri-brand-original-500', 'lp-pri-brand-original-500'],
+
+  // brand / fill
+  'brand-fill-mid': ['lp-pri-brand-original-200', 'lp-pri-brand-variation-380'],
+  'brand-fill-mid-hover': ['lp-pri-brand-original-150', 'lp-pri-brand-variation-350'],
+  'brand-fill-low': ['lp-pri-brand-original-990', 'lp-pri-brand-variation-100'],
+  'brand-fill-low-hover': ['lp-pri-brand-original-980', 'lp-pri-brand-variation-150'],
+
+  // brand / label
+  'brand-label-primary': ['lp-pri-brand-original-500', 'lp-pri-brand-variation-950'],
+  'brand-label-secondary': ['lp-pri-brand-original-200', 'lp-pri-achromatic-white'],
+  'brand-label-variation-secondary': [
+    'lp-pri-brand-original-200',
+    'lp-pri-achromatic-white-alpha-80',
+  ],
+
+  // brand / border
+  'brand-border-opaque-normal': ['lp-pri-brand-original-200', 'lp-pri-achromatic-white'],
+  'brand-border-opaque-strong': ['lp-pri-brand-original-500', 'lp-pri-brand-variation-950'],
+
+  // brand / inverse label
+  'brandinverse-label-primary': ['lp-pri-brand-variation-950', 'lp-pri-brand-original-500'],
+  'brandinverse-label-secondary': ['lp-pri-achromatic-white', 'lp-pri-brand-original-200'],
+  'brandinverse-label-static-primary': ['lp-pri-brand-variation-950', 'lp-pri-brand-variation-950'],
+
+  // accent / label
+  'accent-label-primary': ['lp-pri-rainbow-orange-700', 'lp-pri-rainbow-orange-730'],
+
+  // accent / container
+  'accent-container-primary': ['lp-pri-rainbow-orange-800', 'lp-pri-rainbow-orange-500'],
+
+  // function / container
+  'function-container-positive': ['lp-pri-rainbow-green-500', 'lp-pri-rainbow-green-600'],
+  'function-container-negative': ['lp-pri-rainbow-red-500', 'lp-pri-rainbow-red-500'],
+  'function-container-negative-hover': ['lp-pri-rainbow-red-400', 'lp-pri-rainbow-red-600'],
+  'function-container-caution': ['lp-pri-rainbow-orange-500', 'lp-pri-rainbow-orange-500'],
+  'function-container-highlight': ['lp-pri-rainbow-yellow-900', 'lp-pri-rainbow-yellow-100'],
+  'function-container-selection': ['lp-pri-brand-variation-950', 'lp-pri-brand-variation-100'],
+  'function-container-drag': ['lp-pri-brand-original-alpha-12', 'lp-pri-achromatic-white-alpha-16'],
+
+  // function / label
+  'function-label-positive': ['lp-pri-rainbow-green-500', 'lp-pri-rainbow-green-600'],
+  'function-label-negative': ['lp-pri-rainbow-red-500', 'lp-pri-rainbow-red-500'],
+  'function-label-caution': ['lp-pri-rainbow-orange-500', 'lp-pri-rainbow-orange-500'],
+  'function-label-link': ['lp-pri-rainbow-cyan-300', 'lp-pri-rainbow-cyan-600'],
+
+  // cover
+  'cover-dim-page': ['lp-pri-achromatic-black-alpha-56', 'lp-pri-achromatic-black-alpha-56'],
+};
+
+export const color: IColor = {
+  primitive: {
+    'lp-pri-achromatic-white': '#ffffff',
+    'lp-pri-achromatic-black': '#000000',
+    'lp-pri-gray-cool-980': '#F9F9FA',
+    'lp-pri-gray-cool-970': '#F6F6F7',
+    'lp-pri-gray-cool-950': '#F1F1F2',
+    'lp-pri-gray-cool-940': '#EDEEF0',
+    'lp-pri-gray-cool-920': '#E9E9EB',
+    'lp-pri-gray-cool-900': '#E3E3E6',
+    'lp-pri-gray-cool-850': '#D7D7D9',
+    'lp-pri-gray-cool-350': '#58595C',
+    'lp-pri-gray-cool-300': '#4A4A4D',
+    'lp-pri-gray-cool-270': '#39393B',
+    'lp-pri-gray-cool-250': '#313133',
+    'lp-pri-gray-cool-200': '#272729',
+    'lp-pri-gray-cool-120': '#252526',
+    'lp-pri-gray-cool-100': '#1E1E1F',
+
+    'lp-pri-brand-original-990': '#F6FFF1',
+    'lp-pri-brand-original-980': '#EBFFE7',
+    'lp-pri-brand-original-500': '#0C893B',
+    'lp-pri-brand-original-380': '#006829',
+    'lp-pri-brand-original-200': '#14371B',
+    'lp-pri-brand-original-150': '#14371B',
+    'lp-pri-brand-original-50': '#002109',
+
+    'lp-pri-brand-variation-950': '#C3FFD0',
+    'lp-pri-brand-variation-900': '#96F7B3',
+    'lp-pri-brand-variation-380': '#236638',
+    'lp-pri-brand-variation-350': '#1A5E31',
+    'lp-pri-brand-variation-250': '#00461F',
+    'lp-pri-brand-variation-150': '#0E2B1A',
+    'lp-pri-brand-variation-100': '#032110',
+
+    'lp-pri-rainbow-red-950': '#FFF5F5',
+    'lp-pri-rainbow-red-900': '#FFE7E7',
+    'lp-pri-rainbow-red-800': '#FFC3C3',
+    'lp-pri-rainbow-red-700': '#FF9090',
+    'lp-pri-rainbow-red-600': '#FF6060',
+    'lp-pri-rainbow-red-500': '#FF3333',
+    'lp-pri-rainbow-red-400': '#DB2323',
+    'lp-pri-rainbow-red-300': '#B81616',
+    'lp-pri-rainbow-red-200': '#710808',
+    'lp-pri-rainbow-red-100': '#410404',
+
+    'lp-pri-rainbow-orange-970': '#FFF4EF',
+    'lp-pri-rainbow-orange-940': '#FFEADC',
+    'lp-pri-rainbow-orange-900': '#FFDCC2',
+    'lp-pri-rainbow-orange-800': '#FFB77C',
+    'lp-pri-rainbow-orange-730': '#FF9B3E',
+    'lp-pri-rainbow-orange-700': '#FE8F16',
+    'lp-pri-rainbow-orange-600': '#DA7700',
+    'lp-pri-rainbow-orange-500': '#B46200',
+    'lp-pri-rainbow-orange-400': '#904D00',
+    'lp-pri-rainbow-orange-300': '#6D3900',
+
+    'lp-pri-rainbow-yellow-950': '#FFFDF4',
+    'lp-pri-rainbow-yellow-900': '#FFF9E3',
+    'lp-pri-rainbow-yellow-800': '#FFF0B4',
+    'lp-pri-rainbow-yellow-700': '#FFE375',
+    'lp-pri-rainbow-yellow-600': '#FFD739',
+    'lp-pri-rainbow-yellow-500': '#FFCC00',
+    'lp-pri-rainbow-yellow-400': '#DBB003',
+    'lp-pri-rainbow-yellow-300': '#B89405',
+    'lp-pri-rainbow-yellow-200': '#715B05',
+    'lp-pri-rainbow-yellow-100': '#413503',
+
+    'lp-pri-rainbow-lime_green-970': '#EAFFB6',
+    'lp-pri-rainbow-lime_green-940': '#CEFF56',
+    'lp-pri-rainbow-lime_green-900': '#BFF434',
+    'lp-pri-rainbow-lime_green-800': '#A4D706',
+    'lp-pri-rainbow-lime_green-730': '#94C300',
+    'lp-pri-rainbow-lime_green-700': '#8DBA00',
+    'lp-pri-rainbow-lime_green-600': '#779D00',
+    'lp-pri-rainbow-lime_green-500': '#628200',
+    'lp-pri-rainbow-lime_green-400': '#4D6700',
+    'lp-pri-rainbow-lime_green-300': '#394D00',
+
+    'lp-pri-rainbow-green-950': '#F5FEF7',
+    'lp-pri-rainbow-green-900': '#E6FCEA',
+    'lp-pri-rainbow-green-800': '#BFF5C8',
+    'lp-pri-rainbow-green-700': '#8CEC9C',
+    'lp-pri-rainbow-green-600': '#5DDF73',
+    'lp-pri-rainbow-green-500': '#30BF48',
+    'lp-pri-rainbow-green-400': '#20A536',
+    'lp-pri-rainbow-green-300': '#148B28',
+    'lp-pri-rainbow-green-200': '#075714',
+    'lp-pri-rainbow-green-100': '#03350B',
+
+    'lp-pri-rainbow-mint-950': '#F3FEFE',
+    'lp-pri-rainbow-mint-900': '#AFF7F7',
+    'lp-pri-rainbow-mint-800': '#6EF0F0',
+    'lp-pri-rainbow-mint-700': '#33E6E6',
+    'lp-pri-rainbow-mint-600': '#00CCCC',
+    'lp-pri-rainbow-mint-500': '#02B0B0',
+    'lp-pri-rainbow-mint-400': '#02B0B0',
+    'lp-pri-rainbow-mint-300': '#049494',
+    'lp-pri-rainbow-mint-200': '#045C5C',
+    'lp-pri-rainbow-mint-100': '#033737',
+
+    'lp-pri-rainbow-cyan-950': '#F6FBFF',
+    'lp-pri-rainbow-cyan-900': '#E8F6FF',
+    'lp-pri-rainbow-cyan-800': '#C6E8FF',
+    'lp-pri-rainbow-cyan-700': '#97D5FF',
+    'lp-pri-rainbow-cyan-600': '#6AC4FF',
+    'lp-pri-rainbow-cyan-500': '#40B3FF',
+    'lp-pri-rainbow-cyan-400': '#2B95DB',
+    'lp-pri-rainbow-cyan-300': '#1A79B8',
+    'lp-pri-rainbow-cyan-200': '#094771',
+    'lp-pri-rainbow-cyan-100': '#042941',
+
+    'lp-pri-rainbow-purple-950': '#FCF6FF',
+    'lp-pri-rainbow-purple-900': '#F7EAFE',
+    'lp-pri-rainbow-purple-800': '#EBCAFB',
+    'lp-pri-rainbow-purple-700': '#DAA0F7',
+    'lp-pri-rainbow-purple-600': '#C978F2',
+    'lp-pri-rainbow-purple-500': '#B450E6',
+    'lp-pri-rainbow-purple-400': '#9535C6',
+    'lp-pri-rainbow-purple-300': '#7920A6',
+    'lp-pri-rainbow-purple-200': '#480A67',
+    'lp-pri-rainbow-purple-100': '#29043C',
+
+    'lp-pri-rainbow-pink-950': '#FFF5F8',
+    'lp-pri-rainbow-pink-900': '#FFE7EF',
+    'lp-pri-rainbow-pink-800': '#FFC3D7',
+    'lp-pri-rainbow-pink-700': '#FF90B5',
+    'lp-pri-rainbow-pink-600': '#FF6095',
+    'lp-pri-rainbow-pink-500': '#FF3377',
+    'lp-pri-rainbow-pink-400': '#DB2360',
+    'lp-pri-rainbow-pink-300': '#B8164C',
+    'lp-pri-rainbow-pink-200': '#71082B',
+    'lp-pri-rainbow-pink-100': '#120107',
+  },
+  system: {
+    dark: {},
+    light: {},
+  },
+} as const;
+
+export const alphas = [
+  80, 72, 64, 56, 50, 48, 44, 40, 36, 32, 28, 24, 20, 16, 12, 8, 6, 4, 1, 0,
+] as const;
+
+export type alphaPrimitiveKeys =
+  | 'lp-pri-achromatic-white'
+  | 'lp-pri-gray-cool-dark'
+  | 'lp-pri-gray-cool-light'
+  | 'lp-pri-brand-original'
+  | 'lp-pri-achromatic-black'
+  | 'lp-pri-brand-variation';
+
+export const alphaPrimitive: { name: alphaPrimitiveKeys; value: string }[] = [
+  { name: 'lp-pri-achromatic-white', value: '#FFFFFF' },
+  { name: 'lp-pri-gray-cool-dark', value: '#6D6D70' },
+  { name: 'lp-pri-gray-cool-light', value: '#E9E9EB' },
+  { name: 'lp-pri-brand-original', value: '#041166' },
+  { name: 'lp-pri-achromatic-black', value: '#000000' },
+] as const;
+
+const generateAlpha = () => {
+  alphaPrimitive.forEach(({ name, value }) => {
+    alphas.forEach((alpha) => {
+      const alphaKey = `${name}-alpha-${alpha}` as AlphasKey;
+
+      color.primitive[alphaKey] = hexToRgba(value.slice(1), alpha / 100);
+    });
+  });
+};
+
+generateAlpha();
+
+Object.entries(system).map(([key, value]) => {
+  const systemKey = key as SystemKeys;
+
+  color.system.light[systemKey] = value[0];
+  color.system.dark[systemKey] = value[1];
+});