@liner-fe/design-token 2.0.33 → 2.0.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/global.css +207 -108
- package/lib/design/color/index.d.ts +224 -2
- package/lib/design/color/vars.d.ts +41 -24
- package/lib/index.cjs +2 -124
- package/lib/index.cjs.map +2 -2
- package/lib/index.mjs +2 -124
- package/lib/index.mjs.map +2 -2
- package/package.json +1 -1
- package/src/design/color/index.ts +1 -125
- package/src/design/color/vars.ts +1 -1
- package/src/design/color/type.ts +0 -103
- package/src/global.css +0 -170
package/lib/index.cjs
CHANGED
|
@@ -47,132 +47,10 @@ __export(src_exports, {
|
|
|
47
47
|
module.exports = __toCommonJS(src_exports);
|
|
48
48
|
|
|
49
49
|
// src/design/color/index.ts
|
|
50
|
-
var color = {
|
|
51
|
-
primitive: {
|
|
52
|
-
"lp-pri-achromatic-white": "#ffffff",
|
|
53
|
-
"lp-pri-achromatic-black": "#000000",
|
|
54
|
-
"lp-pri-gray-cool-950": "#F7F8FF",
|
|
55
|
-
"lp-pri-gray-cool-900": "#EEF0F7",
|
|
56
|
-
"lp-pri-gray-cool-800": "#DFE3F3",
|
|
57
|
-
"lp-pri-gray-cool-700": "#C7CFE9",
|
|
58
|
-
"lp-pri-gray-cool-600": "#97A5D6",
|
|
59
|
-
"lp-pri-gray-cool-500": "#7487C4",
|
|
60
|
-
"lp-pri-gray-cool-400": "#5B6BA4",
|
|
61
|
-
"lp-pri-gray-cool-300": "#4A5889",
|
|
62
|
-
"lp-pri-gray-cool-200": "#39426A",
|
|
63
|
-
"lp-pri-gray-cool-100": "#282C3E",
|
|
64
|
-
"lp-pri-gray-cool-50": "#1F2131",
|
|
65
|
-
"lp-pri-brand-original-950": "#F5F6FF",
|
|
66
|
-
"lp-pri-brand-original-900": "#E9EBFF",
|
|
67
|
-
"lp-pri-brand-original-800": "#D4D7FF",
|
|
68
|
-
"lp-pri-brand-original-700": "#ADB3FF",
|
|
69
|
-
"lp-pri-brand-original-600": "#8690FF",
|
|
70
|
-
"lp-pri-brand-original-500": "#5F6CFF",
|
|
71
|
-
"lp-pri-brand-original-400": "#3B49E3",
|
|
72
|
-
"lp-pri-brand-original-300": "#303CB5",
|
|
73
|
-
"lp-pri-brand-original-200": "#242F86",
|
|
74
|
-
"lp-pri-brand-original-100": "#1B2366",
|
|
75
|
-
"lp-pri-brand-original-50": "#151A4D",
|
|
76
|
-
"lp-pri-brand-variation-950": "#F6F4FE",
|
|
77
|
-
"lp-pri-brand-variation-900": "#EDE9FE",
|
|
78
|
-
"lp-pri-brand-variation-800": "#DBD3FE",
|
|
79
|
-
"lp-pri-brand-variation-700": "#B8A7FE",
|
|
80
|
-
"lp-pri-brand-variation-600": "#947BFE",
|
|
81
|
-
"lp-pri-brand-variation-500": "#704FFD",
|
|
82
|
-
"lp-pri-brand-variation-400": "#593AFF",
|
|
83
|
-
"lp-pri-brand-variation-300": "#422BCE",
|
|
84
|
-
"lp-pri-brand-variation-200": "#321F9B",
|
|
85
|
-
"lp-pri-brand-variation-100": "#24156E",
|
|
86
|
-
"lp-pri-brand-variation-50": "#1A1052",
|
|
87
|
-
"lp-pri-red-900": "#FFE9EB",
|
|
88
|
-
"lp-pri-red-800": "#FFCDD1",
|
|
89
|
-
"lp-pri-red-700": "#FF9AA2",
|
|
90
|
-
"lp-pri-red-600": "#FF6773",
|
|
91
|
-
"lp-pri-red-500": "#FF3445",
|
|
92
|
-
"lp-pri-red-400": "#FA1D2F",
|
|
93
|
-
"lp-pri-red-300": "#C2172C",
|
|
94
|
-
"lp-pri-red-200": "#910B1D",
|
|
95
|
-
"lp-pri-red-100": "#68081A",
|
|
96
|
-
"lp-pri-red-50": "#4A0616",
|
|
97
|
-
"lp-pri-orange-900": "#FFEEE6",
|
|
98
|
-
"lp-pri-orange-800": "#FFD2B8",
|
|
99
|
-
"lp-pri-orange-700": "#FFA970",
|
|
100
|
-
"lp-pri-orange-600": "#FF8842",
|
|
101
|
-
"lp-pri-orange-500": "#FF6215",
|
|
102
|
-
"lp-pri-orange-400": "#F84B10",
|
|
103
|
-
"lp-pri-orange-300": "#BD3512",
|
|
104
|
-
"lp-pri-orange-200": "#8A220D",
|
|
105
|
-
"lp-pri-orange-100": "#61170E",
|
|
106
|
-
"lp-pri-orange-50": "#45110E",
|
|
107
|
-
"lp-pri-green-900": "#E2F6E5",
|
|
108
|
-
"lp-pri-green-800": "#BDEAC4",
|
|
109
|
-
"lp-pri-green-700": "#83D88E",
|
|
110
|
-
"lp-pri-green-600": "#51C760",
|
|
111
|
-
"lp-pri-green-500": "#26AF3E",
|
|
112
|
-
"lp-pri-green-400": "#1B9632",
|
|
113
|
-
"lp-pri-green-300": "#137728",
|
|
114
|
-
"lp-pri-green-200": "#0C5B1F",
|
|
115
|
-
"lp-pri-green-100": "#074218",
|
|
116
|
-
"lp-pri-green-50": "#053014"
|
|
117
|
-
},
|
|
118
|
-
system: {
|
|
119
|
-
dark: {
|
|
120
|
-
"lp-neutral-primary": "lp-pri-gray-cool-950",
|
|
121
|
-
"lp-neutral-secondary": "lp-pri-gray-cool-900",
|
|
122
|
-
"lp-neutral-tertiary": "lp-pri-gray-cool-800",
|
|
123
|
-
"lp-inverse-neutral-primary": "lp-pri-achromatic-white",
|
|
124
|
-
"lp-neutral-container-primary": "lp-pri-gray-cool-700",
|
|
125
|
-
"lp-neutral-container-secondary": "lp-pri-gray-cool-600",
|
|
126
|
-
"lp-neutral-container-tertiary": "lp-pri-gray-cool-500",
|
|
127
|
-
"lp-neutral-border-primary": "lp-pri-gray-cool-400",
|
|
128
|
-
"lp-neutral-border-secondary": "lp-pri-gray-cool-300",
|
|
129
|
-
"lp-neutral-border-tertiary": "lp-pri-gray-cool-200",
|
|
130
|
-
"lp-neutral-placeholder": "lp-pri-gray-cool-100",
|
|
131
|
-
"lp-accent-primary": "lp-pri-brand-original-600",
|
|
132
|
-
"lp-accent-container-primary": "lp-pri-brand-original-500",
|
|
133
|
-
"lp-positive-primary": "lp-pri-green-600",
|
|
134
|
-
"lp-positive-container-primary": "lp-pri-green-500",
|
|
135
|
-
"lp-caution-primary": "lp-pri-orange-600",
|
|
136
|
-
"lp-caution-container-primary": "lp-pri-orange-500",
|
|
137
|
-
"lp-negative-primary": "lp-pri-red-600",
|
|
138
|
-
"lp-negative-container-primary": "lp-pri-red-500",
|
|
139
|
-
"lp-link-primary": "lp-pri-brand-original-700",
|
|
140
|
-
"lp-dim": "lp-pri-gray-cool-100",
|
|
141
|
-
"lp-status-neutral-primary": "lp-pri-gray-cool-950",
|
|
142
|
-
"lp-status-accent-primary": "lp-pri-brand-original-500",
|
|
143
|
-
"lp-status-disabled-primary": "lp-pri-gray-cool-300"
|
|
144
|
-
},
|
|
145
|
-
light: {
|
|
146
|
-
"lp-neutral-primary": "lp-pri-gray-cool-50",
|
|
147
|
-
"lp-neutral-secondary": "lp-pri-gray-cool-100",
|
|
148
|
-
"lp-neutral-tertiary": "lp-pri-gray-cool-200",
|
|
149
|
-
"lp-inverse-neutral-primary": "lp-pri-achromatic-black",
|
|
150
|
-
"lp-neutral-container-primary": "lp-pri-gray-cool-300",
|
|
151
|
-
"lp-neutral-container-secondary": "lp-pri-gray-cool-400",
|
|
152
|
-
"lp-neutral-container-tertiary": "lp-pri-gray-cool-500",
|
|
153
|
-
"lp-neutral-border-primary": "lp-pri-gray-cool-600",
|
|
154
|
-
"lp-neutral-border-secondary": "lp-pri-gray-cool-700",
|
|
155
|
-
"lp-neutral-border-tertiary": "lp-pri-gray-cool-800",
|
|
156
|
-
"lp-neutral-placeholder": "lp-pri-gray-cool-900",
|
|
157
|
-
"lp-accent-primary": "lp-pri-brand-original-400",
|
|
158
|
-
"lp-accent-container-primary": "lp-pri-brand-original-300",
|
|
159
|
-
"lp-positive-primary": "lp-pri-green-400",
|
|
160
|
-
"lp-positive-container-primary": "lp-pri-green-300",
|
|
161
|
-
"lp-caution-primary": "lp-pri-orange-400",
|
|
162
|
-
"lp-caution-container-primary": "lp-pri-orange-300",
|
|
163
|
-
"lp-negative-primary": "lp-pri-red-400",
|
|
164
|
-
"lp-negative-container-primary": "lp-pri-red-300",
|
|
165
|
-
"lp-link-primary": "lp-pri-brand-original-500",
|
|
166
|
-
"lp-dim": "lp-pri-gray-cool-50",
|
|
167
|
-
"lp-status-neutral-primary": "lp-pri-gray-cool-50",
|
|
168
|
-
"lp-status-accent-primary": "lp-pri-brand-original-400",
|
|
169
|
-
"lp-status-disabled-primary": "lp-pri-gray-cool-200"
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
};
|
|
50
|
+
var color = { "color": { "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": "#F7F8FF", "lp-pri-gray-cool-940": "#EDEEF0", "lp-pri-gray-cool-920": "#E9E9EB", "lp-pri-gray-cool-900": "#EEF0F7", "lp-pri-gray-cool-850": "#D7D7D9", "lp-pri-gray-cool-800": "#DFE3F3", "lp-pri-gray-cool-700": "#C7CFE9", "lp-pri-gray-cool-600": "#97A5D6", "lp-pri-gray-cool-500": "#7487C4", "lp-pri-gray-cool-450": "#6D6D70", "lp-pri-gray-cool-400": "#5B6BA4", "lp-pri-gray-cool-350": "#58595C", "lp-pri-gray-cool-300": "#4A5889", "lp-pri-gray-cool-250": "#3B3B3D", "lp-pri-gray-cool-200": "#39426A", "lp-pri-gray-cool-100": "#282C3E", "lp-pri-gray-cool-50": "#1F2131", "lp-pri-brand-original-950": "#F5F6FF", "lp-pri-brand-original-900": "#E9EBFF", "lp-pri-brand-original-800": "#D4D7FF", "lp-pri-brand-original-700": "#ADB3FF", "lp-pri-brand-original-600": "#8690FF", "lp-pri-brand-original-500": "#5F6CFF", "lp-pri-brand-original-400": "#3B49E3", "lp-pri-brand-original-300": "#303CB5", "lp-pri-brand-original-200": "#242F86", "lp-pri-brand-original-100": "#1B2366", "lp-pri-brand-original-50": "#151A4D", "lp-pri-brand-variation-950": "#F6F4FE", "lp-pri-brand-variation-900": "#EDE9FE", "lp-pri-brand-variation-800": "#DBD3FE", "lp-pri-brand-variation-700": "#B8A7FE", "lp-pri-brand-variation-600": "#947BFE", "lp-pri-brand-variation-500": "#704FFD", "lp-pri-brand-variation-400": "#593AFF", "lp-pri-brand-variation-300": "#422BCE", "lp-pri-brand-variation-200": "#321F9B", "lp-pri-brand-variation-100": "#24156E", "lp-pri-brand-variation-50": "#1A1052", "lp-pri-red-900": "#FFE9EB", "lp-pri-red-800": "#FFCDD1", "lp-pri-red-700": "#FF9AA2", "lp-pri-red-600": "#FF6773", "lp-pri-red-500": "#FF3445", "lp-pri-red-400": "#FA1D2F", "lp-pri-red-300": "#C2172C", "lp-pri-red-200": "#910B1D", "lp-pri-red-100": "#68081A", "lp-pri-red-50": "#4A0616", "lp-pri-orange-900": "#FFEEE6", "lp-pri-orange-800": "#FFD2B8", "lp-pri-orange-700": "#FFA970", "lp-pri-orange-600": "#FF8842", "lp-pri-orange-500": "#FF6215", "lp-pri-orange-400": "#F84B10", "lp-pri-orange-300": "#BD3512", "lp-pri-orange-200": "#8A220D", "lp-pri-orange-100": "#61170E", "lp-pri-orange-50": "#45110E", "lp-pri-green-900": "#E2F6E5", "lp-pri-green-800": "#BDEAC4", "lp-pri-green-700": "#83D88E", "lp-pri-green-600": "#51C760", "lp-pri-green-500": "#26AF3E", "lp-pri-green-400": "#1B9632", "lp-pri-green-300": "#137728", "lp-pri-green-200": "#0C5B1F", "lp-pri-green-100": "#074218", "lp-pri-green-50": "#053014", "lp-pri-gray-cool-920-alpha-80": "#CCE9E9EB", "lp-pri-gray-cool-920-alpha-72": "#B8E9E9EB", "lp-pri-gray-cool-920-alpha-64": "#A3E9E9EB", "lp-pri-gray-cool-920-alpha-56": "#8FE9E9EB", "lp-pri-gray-cool-920-alpha-50": "#7FE9E9EB", "lp-pri-gray-cool-920-alpha-48": "#7AE9E9EB", "lp-pri-gray-cool-920-alpha-44": "#70E9E9EB", "lp-pri-gray-cool-920-alpha-40": "#66E9E9EB", "lp-pri-gray-cool-920-alpha-36": "#5CE9E9EB", "lp-pri-gray-cool-920-alpha-32": "#52E9E9EB", "lp-pri-gray-cool-920-alpha-28": "#47E9E9EB", "lp-pri-gray-cool-920-alpha-24": "#3DE9E9EB", "lp-pri-gray-cool-920-alpha-20": "#33E9E9EB", "lp-pri-gray-cool-920-alpha-16": "#29E9E9EB", "lp-pri-gray-cool-920-alpha-12": "#1FE9E9EB", "lp-pri-gray-cool-920-alpha-8": "#14E9E9EB", "lp-pri-gray-cool-920-alpha-4": "#0AE9E9EB", "lp-pri-gray-cool-920-alpha-1": "#03E9E9EB", "lp-pri-gray-cool-920-alpha-0": "#00E9E9EB", "lp-pri-gray-cool-450-alpha-80": "#CC6D6D70", "lp-pri-gray-cool-450-alpha-72": "#B86D6D70", "lp-pri-gray-cool-450-alpha-64": "#A36D6D70", "lp-pri-gray-cool-450-alpha-56": "#8F6D6D70", "lp-pri-gray-cool-450-alpha-50": "#7F6D6D70", "lp-pri-gray-cool-450-alpha-48": "#7A6D6D70", "lp-pri-gray-cool-450-alpha-44": "#706D6D70", "lp-pri-gray-cool-450-alpha-40": "#666D6D70", "lp-pri-gray-cool-450-alpha-36": "#5C6D6D70", "lp-pri-gray-cool-450-alpha-32": "#526D6D70", "lp-pri-gray-cool-450-alpha-28": "#476D6D70", "lp-pri-gray-cool-450-alpha-24": "#3D6D6D70", "lp-pri-gray-cool-450-alpha-20": "#336D6D70", "lp-pri-gray-cool-450-alpha-16": "#296D6D70", "lp-pri-gray-cool-450-alpha-12": "#1F6D6D70", "lp-pri-gray-cool-450-alpha-8": "#146D6D70", "lp-pri-gray-cool-450-alpha-4": "#0A6D6D70", "lp-pri-gray-cool-450-alpha-1": "#036D6D70", "lp-pri-gray-cool-450-alpha-0": "#006D6D70", "lp-pri-brand-original-50-alpha-80": "#CC151A4D", "lp-pri-brand-original-50-alpha-72": "#B8151A4D", "lp-pri-brand-original-50-alpha-64": "#A3151A4D", "lp-pri-brand-original-50-alpha-56": "#8F151A4D", "lp-pri-brand-original-50-alpha-50": "#7F151A4D", "lp-pri-brand-original-50-alpha-48": "#7A151A4D", "lp-pri-brand-original-50-alpha-44": "#70151A4D", "lp-pri-brand-original-50-alpha-40": "#66151A4D", "lp-pri-brand-original-50-alpha-36": "#5C151A4D", "lp-pri-brand-original-50-alpha-32": "#52151A4D", "lp-pri-brand-original-50-alpha-28": "#47151A4D", "lp-pri-brand-original-50-alpha-24": "#3D151A4D", "lp-pri-brand-original-50-alpha-20": "#33151A4D", "lp-pri-brand-original-50-alpha-16": "#29151A4D", "lp-pri-brand-original-50-alpha-12": "#1F151A4D", "lp-pri-brand-original-50-alpha-8": "#14151A4D", "lp-pri-brand-original-50-alpha-4": "#0A151A4D", "lp-pri-brand-original-50-alpha-1": "#03151A4D", "lp-pri-brand-original-50-alpha-0": "#00151A4D" }, "system": { "dark": { "lp-neutral-container-lowest": "lp-pri-gray-cool-100", "lp-neutral-container-low": "lp-pri-gray-cool-200", "lp-neutral-container-mid": "lp-pri-gray-cool-200", "lp-neutral-container-high": "lp-pri-gray-cool-250", "lp-neutral-container-highest": "lp-pri-gray-cool-300", "lp-neutral-fill-lowest": "lp-pri-gray-cool-450-alpha-12", "lp-neutral-fill-low": "lp-pri-gray-cool-450-alpha-24", "lp-neutral-fill-mid": "lp-pri-gray-cool-450-alpha-32", "lp-neutral-label-primary": "lp-pri-achromatic-white", "lp-neutral-label-secondary": "lp-pri-achromatic-black", "lp-neutral-label-tertiary": "lp-pri-gray-cool-920-alpha-32", "lp-neutral-label-quaternary": "lp-pri-red-200-alpha-20", "lp-neutral-border-overlay-normal": "lp-pri-gray-cool-920-alpha-28", "lp-neutral-border-overlay-subtle": "lp-pri-gray-cool-920-alpha-20", "lp-neutral-border-opaque-strong": "lp-pri-achromatic-white", "lp-neutral-border-opaque-normal": "lp-pri-gray-cool-350", "lp-neutral-border-opaque-subtle": "lp-pri-achromatic-black", "lp-inverse-container-lowest": "lp-pri-achromatic-black", "lp-inverse-container-low": "lp-pri-achromatic-black", "lp-inverse-container-mid": "lp-pri-achromatic-black", "lp-inverse-container-high": "lp-pri-achromatic-black", "lp-inverse-container-highest": "lp-pri-achromatic-black", "lp-inverse-fill-lowest": "lp-pri-achromatic-black", "lp-inverse-fill-low": "lp-pri-achromatic-black", "lp-inverse-fill-mid": "lp-pri-achromatic-black", "lp-inverse-label-primary": "lp-pri-achromatic-black", "lp-inverse-label-static-primary": "lp-pri-achromatic-black", "lp-inverse-label-secondary": "lp-pri-achromatic-black", "lp-inverse-label-tertiary": "lp-pri-achromatic-black", "lp-inverse-label-quaternary": "lp-pri-achromatic-black", "lp-inverse-border-overlay-normal": "lp-pri-achromatic-black", "lp-inverse-border-overlay-subtle": "lp-pri-achromatic-black", "lp-inverse-border-opaque-strong": "lp-pri-achromatic-black", "lp-inverse-border-opaque-normal": "lp-pri-achromatic-black", "lp-inverse-border-opaque-subtle": "lp-pri-achromatic-black", "lp-brand-container-mid": "lp-pri-achromatic-black", "lp-brand-container-high": "lp-pri-achromatic-black", "lp-brand-label-primary": "lp-pri-achromatic-black", "lp-brand-label-secondary": "lp-pri-achromatic-black", "lp-brand-border-overlay-normal": "lp-pri-achromatic-black", "lp-brand-border-opaque-normal": "lp-pri-achromatic-black" }, "light": { "lp-neutral-container-lowest": "lp-pri-achromatic-white", "lp-neutral-container-low": "lp-pri-gray-cool-980", "lp-neutral-container-mid": "lp-pri-gray-cool-970", "lp-neutral-container-high": "lp-pri-gray-cool-940", "lp-neutral-container-highest": "lp-pri-gray-cool-920", "lp-neutral-fill-lowest": "lp-pri-gray-cool-450-alpha-4", "lp-neutral-fill-low": "lp-pri-gray-cool-450-alpha-12", "lp-neutral-fill-mid": "lp-pri-gray-cool-450-alpha-20", "lp-neutral-label-primary": "lp-pri-gray-cool-100", "lp-neutral-label-secondary": "lp-pri-gray-cool-450-alpha-80", "lp-neutral-label-tertiary": "lp-pri-gray-cool-450-alpha-44", "lp-neutral-label-quaternary": "lp-pri-gray-cool-450-alpha-24", "lp-neutral-border-overlay-normal": "lp-pri-gray-cool-450-alpha-24", "lp-neutral-border-overlay-subtle": "lp-pri-gray-cool-450-alpha-16", "lp-neutral-border-opaque-strong": "lp-pri-gray-cool-100", "lp-neutral-border-opaque-normal": "lp-pri-gray-cool-850", "lp-neutral-border-opaque-subtle": "lp-pri-achromatic-black", "lp-inverse-container-lowest": "lp-pri-achromatic-black", "lp-inverse-container-low": "lp-pri-achromatic-black", "lp-inverse-container-mid": "lp-pri-achromatic-black", "lp-inverse-container-high": "lp-pri-achromatic-black", "lp-inverse-container-highest": "lp-pri-achromatic-black", "lp-inverse-fill-lowest": "lp-pri-achromatic-black", "lp-inverse-fill-low": "lp-pri-achromatic-black", "lp-inverse-fill-mid": "lp-pri-achromatic-black", "lp-inverse-label-primary": "lp-pri-achromatic-black", "lp-inverse-label-static-primary": "lp-pri-achromatic-black", "lp-inverse-label-secondary": "lp-pri-achromatic-black", "lp-inverse-label-tertiary": "lp-pri-achromatic-black", "lp-inverse-label-quaternary": "lp-pri-achromatic-black", "lp-inverse-border-overlay-normal": "lp-pri-achromatic-black", "lp-inverse-border-overlay-subtle": "lp-pri-achromatic-black", "lp-inverse-border-opaque-strong": "lp-pri-achromatic-black", "lp-inverse-border-opaque-normal": "lp-pri-achromatic-black", "lp-inverse-border-opaque-subtle": "lp-pri-achromatic-black", "lp-brand-container-mid": "lp-pri-achromatic-black", "lp-brand-container-high": "lp-pri-achromatic-black", "lp-brand-label-primary": "lp-pri-achromatic-black", "lp-brand-label-secondary": "lp-pri-achromatic-black", "lp-brand-border-overlay-normal": "lp-pri-achromatic-black", "lp-brand-border-opaque-normal": "lp-pri-achromatic-black" } } } };
|
|
173
51
|
|
|
174
52
|
// src/design/color/vars.ts
|
|
175
|
-
var vars = { "color": { "lp-neutral-
|
|
53
|
+
var vars = { "color": { "lp-neutral-container-lowest": "var(--lp-neutral-container-lowest)", "lp-neutral-container-low": "var(--lp-neutral-container-low)", "lp-neutral-container-mid": "var(--lp-neutral-container-mid)", "lp-neutral-container-high": "var(--lp-neutral-container-high)", "lp-neutral-container-highest": "var(--lp-neutral-container-highest)", "lp-neutral-fill-lowest": "var(--lp-neutral-fill-lowest)", "lp-neutral-fill-low": "var(--lp-neutral-fill-low)", "lp-neutral-fill-mid": "var(--lp-neutral-fill-mid)", "lp-neutral-label-primary": "var(--lp-neutral-label-primary)", "lp-neutral-label-secondary": "var(--lp-neutral-label-secondary)", "lp-neutral-label-tertiary": "var(--lp-neutral-label-tertiary)", "lp-neutral-label-quaternary": "var(--lp-neutral-label-quaternary)", "lp-neutral-border-overlay-normal": "var(--lp-neutral-border-overlay-normal)", "lp-neutral-border-overlay-subtle": "var(--lp-neutral-border-overlay-subtle)", "lp-neutral-border-opaque-strong": "var(--lp-neutral-border-opaque-strong)", "lp-neutral-border-opaque-normal": "var(--lp-neutral-border-opaque-normal)", "lp-neutral-border-opaque-subtle": "var(--lp-neutral-border-opaque-subtle)", "lp-inverse-container-lowest": "var(--lp-inverse-container-lowest)", "lp-inverse-container-low": "var(--lp-inverse-container-low)", "lp-inverse-container-mid": "var(--lp-inverse-container-mid)", "lp-inverse-container-high": "var(--lp-inverse-container-high)", "lp-inverse-container-highest": "var(--lp-inverse-container-highest)", "lp-inverse-fill-lowest": "var(--lp-inverse-fill-lowest)", "lp-inverse-fill-low": "var(--lp-inverse-fill-low)", "lp-inverse-fill-mid": "var(--lp-inverse-fill-mid)", "lp-inverse-label-primary": "var(--lp-inverse-label-primary)", "lp-inverse-label-static-primary": "var(--lp-inverse-label-static-primary)", "lp-inverse-label-secondary": "var(--lp-inverse-label-secondary)", "lp-inverse-label-tertiary": "var(--lp-inverse-label-tertiary)", "lp-inverse-label-quaternary": "var(--lp-inverse-label-quaternary)", "lp-inverse-border-overlay-normal": "var(--lp-inverse-border-overlay-normal)", "lp-inverse-border-overlay-subtle": "var(--lp-inverse-border-overlay-subtle)", "lp-inverse-border-opaque-strong": "var(--lp-inverse-border-opaque-strong)", "lp-inverse-border-opaque-normal": "var(--lp-inverse-border-opaque-normal)", "lp-inverse-border-opaque-subtle": "var(--lp-inverse-border-opaque-subtle)", "lp-brand-container-mid": "var(--lp-brand-container-mid)", "lp-brand-container-high": "var(--lp-brand-container-high)", "lp-brand-label-primary": "var(--lp-brand-label-primary)", "lp-brand-label-secondary": "var(--lp-brand-label-secondary)", "lp-brand-border-overlay-normal": "var(--lp-brand-border-overlay-normal)", "lp-brand-border-opaque-normal": "var(--lp-brand-border-opaque-normal)" } };
|
|
176
54
|
|
|
177
55
|
// src/design/radius/index.ts
|
|
178
56
|
var radius = {
|
package/lib/index.cjs.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/index.ts", "../src/design/color/index.ts", "../src/design/color/vars.ts", "../src/design/radius/index.ts", "../src/design/opacity/index.ts", "../src/design/size/index.ts", "../src/design/typography/primitive.ts", "../src/design/typography/semantic.ts", "../src/design/typography/usage/Heading.tsx", "../src/hooks/useDarkTheme.ts", "../src/hooks/useLanguage.ts"],
|
|
4
|
-
"sourcesContent": ["export * from './design/color';\nexport * from './design/color/vars';\nexport * from './design/radius';\nexport * from './design/opacity';\nexport * from './design/size';\nexport * from './design/typography';\n\nexport * from './hooks/useDarkTheme';\nexport * from './hooks/useLanguage';\n", "import { IColor } from './type';\n\nexport const color: IColor = {\n primitive: {\n 'lp-pri-achromatic-white': '#ffffff',\n 'lp-pri-achromatic-black': '#000000',\n 'lp-pri-gray-cool-950': '#F7F8FF',\n 'lp-pri-gray-cool-900': '#EEF0F7',\n 'lp-pri-gray-cool-800': '#DFE3F3',\n 'lp-pri-gray-cool-700': '#C7CFE9',\n 'lp-pri-gray-cool-600': '#97A5D6',\n 'lp-pri-gray-cool-500': '#7487C4',\n 'lp-pri-gray-cool-400': '#5B6BA4',\n 'lp-pri-gray-cool-300': '#4A5889',\n 'lp-pri-gray-cool-200': '#39426A',\n 'lp-pri-gray-cool-100': '#282C3E',\n 'lp-pri-gray-cool-50': '#1F2131',\n 'lp-pri-brand-original-950': '#F5F6FF',\n 'lp-pri-brand-original-900': '#E9EBFF',\n 'lp-pri-brand-original-800': '#D4D7FF',\n 'lp-pri-brand-original-700': '#ADB3FF',\n 'lp-pri-brand-original-600': '#8690FF',\n 'lp-pri-brand-original-500': '#5F6CFF',\n 'lp-pri-brand-original-400': '#3B49E3',\n 'lp-pri-brand-original-300': '#303CB5',\n 'lp-pri-brand-original-200': '#242F86',\n 'lp-pri-brand-original-100': '#1B2366',\n 'lp-pri-brand-original-50': '#151A4D',\n 'lp-pri-brand-variation-950': '#F6F4FE',\n 'lp-pri-brand-variation-900': '#EDE9FE',\n 'lp-pri-brand-variation-800': '#DBD3FE',\n 'lp-pri-brand-variation-700': '#B8A7FE',\n 'lp-pri-brand-variation-600': '#947BFE',\n 'lp-pri-brand-variation-500': '#704FFD',\n 'lp-pri-brand-variation-400': '#593AFF',\n 'lp-pri-brand-variation-300': '#422BCE',\n 'lp-pri-brand-variation-200': '#321F9B',\n 'lp-pri-brand-variation-100': '#24156E',\n 'lp-pri-brand-variation-50': '#1A1052',\n 'lp-pri-red-900': '#FFE9EB',\n 'lp-pri-red-800': '#FFCDD1',\n 'lp-pri-red-700': '#FF9AA2',\n 'lp-pri-red-600': '#FF6773',\n 'lp-pri-red-500': '#FF3445',\n 'lp-pri-red-400': '#FA1D2F',\n 'lp-pri-red-300': '#C2172C',\n 'lp-pri-red-200': '#910B1D',\n 'lp-pri-red-100': '#68081A',\n 'lp-pri-red-50': '#4A0616',\n 'lp-pri-orange-900': '#FFEEE6',\n 'lp-pri-orange-800': '#FFD2B8',\n 'lp-pri-orange-700': '#FFA970',\n 'lp-pri-orange-600': '#FF8842',\n 'lp-pri-orange-500': '#FF6215',\n 'lp-pri-orange-400': '#F84B10',\n 'lp-pri-orange-300': '#BD3512',\n 'lp-pri-orange-200': '#8A220D',\n 'lp-pri-orange-100': '#61170E',\n 'lp-pri-orange-50': '#45110E',\n 'lp-pri-green-900': '#E2F6E5',\n 'lp-pri-green-800': '#BDEAC4',\n 'lp-pri-green-700': '#83D88E',\n 'lp-pri-green-600': '#51C760',\n 'lp-pri-green-500': '#26AF3E',\n 'lp-pri-green-400': '#1B9632',\n 'lp-pri-green-300': '#137728',\n 'lp-pri-green-200': '#0C5B1F',\n 'lp-pri-green-100': '#074218',\n 'lp-pri-green-50': '#053014',\n },\n system: {\n dark: {\n 'lp-neutral-primary': 'lp-pri-gray-cool-950',\n 'lp-neutral-secondary': 'lp-pri-gray-cool-900',\n 'lp-neutral-tertiary': 'lp-pri-gray-cool-800',\n 'lp-inverse-neutral-primary': 'lp-pri-achromatic-white',\n 'lp-neutral-container-primary': 'lp-pri-gray-cool-700',\n 'lp-neutral-container-secondary': 'lp-pri-gray-cool-600',\n 'lp-neutral-container-tertiary': 'lp-pri-gray-cool-500',\n 'lp-neutral-border-primary': 'lp-pri-gray-cool-400',\n 'lp-neutral-border-secondary': 'lp-pri-gray-cool-300',\n 'lp-neutral-border-tertiary': 'lp-pri-gray-cool-200',\n 'lp-neutral-placeholder': 'lp-pri-gray-cool-100',\n 'lp-accent-primary': 'lp-pri-brand-original-600',\n 'lp-accent-container-primary': 'lp-pri-brand-original-500',\n 'lp-positive-primary': 'lp-pri-green-600',\n 'lp-positive-container-primary': 'lp-pri-green-500',\n 'lp-caution-primary': 'lp-pri-orange-600',\n 'lp-caution-container-primary': 'lp-pri-orange-500',\n 'lp-negative-primary': 'lp-pri-red-600',\n 'lp-negative-container-primary': 'lp-pri-red-500',\n 'lp-link-primary': 'lp-pri-brand-original-700',\n 'lp-dim': 'lp-pri-gray-cool-100',\n 'lp-status-neutral-primary': 'lp-pri-gray-cool-950',\n 'lp-status-accent-primary': 'lp-pri-brand-original-500',\n 'lp-status-disabled-primary': 'lp-pri-gray-cool-300',\n },\n light: {\n 'lp-neutral-primary': 'lp-pri-gray-cool-50',\n 'lp-neutral-secondary': 'lp-pri-gray-cool-100',\n 'lp-neutral-tertiary': 'lp-pri-gray-cool-200',\n 'lp-inverse-neutral-primary': 'lp-pri-achromatic-black',\n 'lp-neutral-container-primary': 'lp-pri-gray-cool-300',\n 'lp-neutral-container-secondary': 'lp-pri-gray-cool-400',\n 'lp-neutral-container-tertiary': 'lp-pri-gray-cool-500',\n 'lp-neutral-border-primary': 'lp-pri-gray-cool-600',\n 'lp-neutral-border-secondary': 'lp-pri-gray-cool-700',\n 'lp-neutral-border-tertiary': 'lp-pri-gray-cool-800',\n 'lp-neutral-placeholder': 'lp-pri-gray-cool-900',\n 'lp-accent-primary': 'lp-pri-brand-original-400',\n 'lp-accent-container-primary': 'lp-pri-brand-original-300',\n 'lp-positive-primary': 'lp-pri-green-400',\n 'lp-positive-container-primary': 'lp-pri-green-300',\n 'lp-caution-primary': 'lp-pri-orange-400',\n 'lp-caution-container-primary': 'lp-pri-orange-300',\n 'lp-negative-primary': 'lp-pri-red-400',\n 'lp-negative-container-primary': 'lp-pri-red-300',\n 'lp-link-primary': 'lp-pri-brand-original-500',\n 'lp-dim': 'lp-pri-gray-cool-50',\n 'lp-status-neutral-primary': 'lp-pri-gray-cool-50',\n 'lp-status-accent-primary': 'lp-pri-brand-original-400',\n 'lp-status-disabled-primary': 'lp-pri-gray-cool-200',\n },\n },\n} as const;\n", "export const vars = {\"color\":{\"lp-neutral-primary\":\"var(--lp-neutral-primary)\",\"lp-neutral-secondary\":\"var(--lp-neutral-secondary)\",\"lp-neutral-tertiary\":\"var(--lp-neutral-tertiary)\",\"lp-inverse-neutral-primary\":\"var(--lp-inverse-neutral-primary)\",\"lp-neutral-container-primary\":\"var(--lp-neutral-container-primary)\",\"lp-neutral-container-secondary\":\"var(--lp-neutral-container-secondary)\",\"lp-neutral-container-tertiary\":\"var(--lp-neutral-container-tertiary)\",\"lp-neutral-border-primary\":\"var(--lp-neutral-border-primary)\",\"lp-neutral-border-secondary\":\"var(--lp-neutral-border-secondary)\",\"lp-neutral-border-tertiary\":\"var(--lp-neutral-border-tertiary)\",\"lp-neutral-placeholder\":\"var(--lp-neutral-placeholder)\",\"lp-accent-primary\":\"var(--lp-accent-primary)\",\"lp-accent-container-primary\":\"var(--lp-accent-container-primary)\",\"lp-positive-primary\":\"var(--lp-positive-primary)\",\"lp-positive-container-primary\":\"var(--lp-positive-container-primary)\",\"lp-caution-primary\":\"var(--lp-caution-primary)\",\"lp-caution-container-primary\":\"var(--lp-caution-container-primary)\",\"lp-negative-primary\":\"var(--lp-negative-primary)\",\"lp-negative-container-primary\":\"var(--lp-negative-container-primary)\",\"lp-link-primary\":\"var(--lp-link-primary)\",\"lp-dim\":\"var(--lp-dim)\",\"lp-status-neutral-primary\":\"var(--lp-status-neutral-primary)\",\"lp-status-accent-primary\":\"var(--lp-status-accent-primary)\",\"lp-status-disabled-primary\":\"var(--lp-status-disabled-primary)\"}}", "import { ISize } from '../size/type';\nimport { IRadius } from './type';\n\nexport const radius: IRadius = {\n 'lp-sys-xxs': ISize.lp_pri_2,\n 'lp-sys-xs': ISize.lp_pri_4,\n 'lp-sys-s': ISize.lp_pri_6,\n 'lp-sys-m': ISize.lp_pri_8,\n 'lp-sys-l': ISize.lp_pri_10,\n 'lp-sys-xl': ISize.lp_pri_12,\n 'lp-sys-xxl': ISize.lp_pri_200,\n} as const;\n", "export const opacity = {\n 'lp-pri-90': '90%',\n 'lp-pri-80': '80%',\n 'lp-pri-70': '70%',\n 'lp-pri-60': '60%',\n 'lp-pri-50': '50%',\n 'lp-pri-40': '40%',\n 'lp-pri-30': '30%',\n 'lp-pri-20': '20%',\n 'lp-pri-12': '12%',\n 'lp-pri-8': '8%',\n 'lp-pri-5': '5%',\n 'lp-pri-0': '0%',\n};\n", "import { ISize } from './type';\n\nexport const size: Record<keyof typeof ISize, ISize> = {\n lp_pri_0: ISize.lp_pri_0,\n lp_pri_1: ISize.lp_pri_1,\n lp_pri_2: ISize.lp_pri_2,\n lp_pri_3: ISize.lp_pri_3,\n lp_pri_4: ISize.lp_pri_4,\n lp_pri_6: ISize.lp_pri_6,\n lp_pri_8: ISize.lp_pri_8,\n lp_pri_10: ISize.lp_pri_10,\n lp_pri_12: ISize.lp_pri_12,\n lp_pri_14: ISize.lp_pri_14,\n lp_pri_16: ISize.lp_pri_16,\n lp_pri_18: ISize.lp_pri_18,\n lp_pri_20: ISize.lp_pri_20,\n lp_pri_24: ISize.lp_pri_24,\n lp_pri_32: ISize.lp_pri_32,\n lp_pri_40: ISize.lp_pri_40,\n lp_pri_48: ISize.lp_pri_48,\n lp_pri_56: ISize.lp_pri_56,\n lp_pri_64: ISize.lp_pri_64,\n lp_pri_80: ISize.lp_pri_80,\n lp_pri_100: ISize.lp_pri_100,\n lp_pri_120: ISize.lp_pri_120,\n lp_pri_140: ISize.lp_pri_140,\n lp_pri_160: ISize.lp_pri_160,\n lp_pri_180: ISize.lp_pri_180,\n lp_pri_200: ISize.lp_pri_200,\n};\n", "const lineHeight = {\n 'lp-pri-font-lineheight-120': '120%',\n 'lp-pri-font-lineheight-130': '130%',\n 'lp-pri-font-lineheight-150': '150%',\n 'lp-pri-font-lineheight-180': '180%',\n} as const;\n\nconst size = {\n 'lp-pri-font-size-8': 8,\n 'lp-pri-font-size-11': 11,\n 'lp-pri-font-size-12': 12,\n 'lp-pri-font-size-13': 13,\n 'lp-pri-font-size-14': 14,\n 'lp-pri-font-size-15': 15,\n 'lp-pri-font-size-16': 16,\n 'lp-pri-font-size-17': 17,\n 'lp-pri-font-size-20': 20,\n 'lp-pri-font-size-24': 24,\n 'lp-pri-font-size-28': 28,\n 'lp-pri-font-size-32': 32,\n 'lp-pri-font-size-40': 40,\n 'lp-pri-font-size-64': 64,\n 'lp-pri-font-size-72': 72,\n} as const;\n\nconst weight = {\n 'lp-pri-font-weight-300': 300,\n 'lp-pri-font-weight-350': 350,\n 'lp-pri-font-weight-400': 400,\n 'lp-pri-font-weight-420': 420,\n 'lp-pri-font-weight-450': 450,\n 'lp-pri-font-weight-500': 500,\n 'lp-pri-font-weight-600': 600,\n 'lp-pri-font-weight-650': 650,\n 'lp-pri-font-weight-700': 700,\n 'lp-pri-font-weight-800': 800,\n} as const;\n\nexport const font = { weight, lineHeight, size };\n", "import { font } from './primitive';\nimport { TypographyKeys } from './types';\n\nexport type FontFamily =\n | 'lp-pri-font-family-poppins'\n | 'lp-pri-font-family-pretendard-jp'\n | 'lp-pri-font-family-variables-pretendard'\n | 'lp-pri-font-family-variables-pretendard-jp';\n\ninterface TypographyValues {\n family: FontFamily;\n weight: keyof typeof font.weight;\n lineHeight: keyof typeof font.lineHeight;\n size: keyof typeof font.size;\n}\n\nexport const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-title1-normal-medium': {\n family: 'lp-pri-font-family-poppins',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-72',\n },\n};\n\nexport const typography: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-title1-normal-medium': {\n family: 'lp-pri-font-family-pretendard-jp',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-72',\n },\n};\n", "import React from 'react';\nimport { HTMLAttributes } from 'react';\nimport { IDisplayProps, IHeadingProps } from './types';\n\nexport const Heading1 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n\nexport const Heading2 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n", "import { useLayoutEffect } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const isUserColorTheme = localStorage.getItem('color-theme');\n\n const setDarkTheme = () => {\n document.documentElement.setAttribute('color-theme', 'dark');\n };\n\n const setLightTheme = () => {\n document.documentElement.setAttribute('color-theme', 'light');\n };\n\n const toggleTheme = () => {\n const willChangeTheme = document.documentElement.getAttribute('color-theme') === 'light' ? 'dark' : 'light';\n\n document.documentElement.setAttribute('color-theme', willChangeTheme);\n localStorage.setItem(LOCAL_STORAGE_KEY, willChangeTheme);\n };\n\n useLayoutEffect(() => {\n const prevTheme = localStorage.getItem(LOCAL_STORAGE_KEY);\n if (prevTheme) {\n if (prevTheme === 'dark') {\n setDarkTheme();\n } else {\n setLightTheme();\n }\n } else {\n const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n }\n }, []);\n\n return {\n setDarkTheme,\n toggleTheme,\n };\n};\n", "export const useLanguage = () => {};\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;
|
|
4
|
+
"sourcesContent": ["export * from './design/color';\nexport * from './design/color/vars';\nexport * from './design/radius';\nexport * from './design/opacity';\nexport * from './design/size';\nexport * from './design/typography';\n\nexport * from './hooks/useDarkTheme';\nexport * from './hooks/useLanguage';\n", "export const color = {\"color\":{\"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\":\"#F7F8FF\",\"lp-pri-gray-cool-940\":\"#EDEEF0\",\"lp-pri-gray-cool-920\":\"#E9E9EB\",\"lp-pri-gray-cool-900\":\"#EEF0F7\",\"lp-pri-gray-cool-850\":\"#D7D7D9\",\"lp-pri-gray-cool-800\":\"#DFE3F3\",\"lp-pri-gray-cool-700\":\"#C7CFE9\",\"lp-pri-gray-cool-600\":\"#97A5D6\",\"lp-pri-gray-cool-500\":\"#7487C4\",\"lp-pri-gray-cool-450\":\"#6D6D70\",\"lp-pri-gray-cool-400\":\"#5B6BA4\",\"lp-pri-gray-cool-350\":\"#58595C\",\"lp-pri-gray-cool-300\":\"#4A5889\",\"lp-pri-gray-cool-250\":\"#3B3B3D\",\"lp-pri-gray-cool-200\":\"#39426A\",\"lp-pri-gray-cool-100\":\"#282C3E\",\"lp-pri-gray-cool-50\":\"#1F2131\",\"lp-pri-brand-original-950\":\"#F5F6FF\",\"lp-pri-brand-original-900\":\"#E9EBFF\",\"lp-pri-brand-original-800\":\"#D4D7FF\",\"lp-pri-brand-original-700\":\"#ADB3FF\",\"lp-pri-brand-original-600\":\"#8690FF\",\"lp-pri-brand-original-500\":\"#5F6CFF\",\"lp-pri-brand-original-400\":\"#3B49E3\",\"lp-pri-brand-original-300\":\"#303CB5\",\"lp-pri-brand-original-200\":\"#242F86\",\"lp-pri-brand-original-100\":\"#1B2366\",\"lp-pri-brand-original-50\":\"#151A4D\",\"lp-pri-brand-variation-950\":\"#F6F4FE\",\"lp-pri-brand-variation-900\":\"#EDE9FE\",\"lp-pri-brand-variation-800\":\"#DBD3FE\",\"lp-pri-brand-variation-700\":\"#B8A7FE\",\"lp-pri-brand-variation-600\":\"#947BFE\",\"lp-pri-brand-variation-500\":\"#704FFD\",\"lp-pri-brand-variation-400\":\"#593AFF\",\"lp-pri-brand-variation-300\":\"#422BCE\",\"lp-pri-brand-variation-200\":\"#321F9B\",\"lp-pri-brand-variation-100\":\"#24156E\",\"lp-pri-brand-variation-50\":\"#1A1052\",\"lp-pri-red-900\":\"#FFE9EB\",\"lp-pri-red-800\":\"#FFCDD1\",\"lp-pri-red-700\":\"#FF9AA2\",\"lp-pri-red-600\":\"#FF6773\",\"lp-pri-red-500\":\"#FF3445\",\"lp-pri-red-400\":\"#FA1D2F\",\"lp-pri-red-300\":\"#C2172C\",\"lp-pri-red-200\":\"#910B1D\",\"lp-pri-red-100\":\"#68081A\",\"lp-pri-red-50\":\"#4A0616\",\"lp-pri-orange-900\":\"#FFEEE6\",\"lp-pri-orange-800\":\"#FFD2B8\",\"lp-pri-orange-700\":\"#FFA970\",\"lp-pri-orange-600\":\"#FF8842\",\"lp-pri-orange-500\":\"#FF6215\",\"lp-pri-orange-400\":\"#F84B10\",\"lp-pri-orange-300\":\"#BD3512\",\"lp-pri-orange-200\":\"#8A220D\",\"lp-pri-orange-100\":\"#61170E\",\"lp-pri-orange-50\":\"#45110E\",\"lp-pri-green-900\":\"#E2F6E5\",\"lp-pri-green-800\":\"#BDEAC4\",\"lp-pri-green-700\":\"#83D88E\",\"lp-pri-green-600\":\"#51C760\",\"lp-pri-green-500\":\"#26AF3E\",\"lp-pri-green-400\":\"#1B9632\",\"lp-pri-green-300\":\"#137728\",\"lp-pri-green-200\":\"#0C5B1F\",\"lp-pri-green-100\":\"#074218\",\"lp-pri-green-50\":\"#053014\",\"lp-pri-gray-cool-920-alpha-80\":\"#CCE9E9EB\",\"lp-pri-gray-cool-920-alpha-72\":\"#B8E9E9EB\",\"lp-pri-gray-cool-920-alpha-64\":\"#A3E9E9EB\",\"lp-pri-gray-cool-920-alpha-56\":\"#8FE9E9EB\",\"lp-pri-gray-cool-920-alpha-50\":\"#7FE9E9EB\",\"lp-pri-gray-cool-920-alpha-48\":\"#7AE9E9EB\",\"lp-pri-gray-cool-920-alpha-44\":\"#70E9E9EB\",\"lp-pri-gray-cool-920-alpha-40\":\"#66E9E9EB\",\"lp-pri-gray-cool-920-alpha-36\":\"#5CE9E9EB\",\"lp-pri-gray-cool-920-alpha-32\":\"#52E9E9EB\",\"lp-pri-gray-cool-920-alpha-28\":\"#47E9E9EB\",\"lp-pri-gray-cool-920-alpha-24\":\"#3DE9E9EB\",\"lp-pri-gray-cool-920-alpha-20\":\"#33E9E9EB\",\"lp-pri-gray-cool-920-alpha-16\":\"#29E9E9EB\",\"lp-pri-gray-cool-920-alpha-12\":\"#1FE9E9EB\",\"lp-pri-gray-cool-920-alpha-8\":\"#14E9E9EB\",\"lp-pri-gray-cool-920-alpha-4\":\"#0AE9E9EB\",\"lp-pri-gray-cool-920-alpha-1\":\"#03E9E9EB\",\"lp-pri-gray-cool-920-alpha-0\":\"#00E9E9EB\",\"lp-pri-gray-cool-450-alpha-80\":\"#CC6D6D70\",\"lp-pri-gray-cool-450-alpha-72\":\"#B86D6D70\",\"lp-pri-gray-cool-450-alpha-64\":\"#A36D6D70\",\"lp-pri-gray-cool-450-alpha-56\":\"#8F6D6D70\",\"lp-pri-gray-cool-450-alpha-50\":\"#7F6D6D70\",\"lp-pri-gray-cool-450-alpha-48\":\"#7A6D6D70\",\"lp-pri-gray-cool-450-alpha-44\":\"#706D6D70\",\"lp-pri-gray-cool-450-alpha-40\":\"#666D6D70\",\"lp-pri-gray-cool-450-alpha-36\":\"#5C6D6D70\",\"lp-pri-gray-cool-450-alpha-32\":\"#526D6D70\",\"lp-pri-gray-cool-450-alpha-28\":\"#476D6D70\",\"lp-pri-gray-cool-450-alpha-24\":\"#3D6D6D70\",\"lp-pri-gray-cool-450-alpha-20\":\"#336D6D70\",\"lp-pri-gray-cool-450-alpha-16\":\"#296D6D70\",\"lp-pri-gray-cool-450-alpha-12\":\"#1F6D6D70\",\"lp-pri-gray-cool-450-alpha-8\":\"#146D6D70\",\"lp-pri-gray-cool-450-alpha-4\":\"#0A6D6D70\",\"lp-pri-gray-cool-450-alpha-1\":\"#036D6D70\",\"lp-pri-gray-cool-450-alpha-0\":\"#006D6D70\",\"lp-pri-brand-original-50-alpha-80\":\"#CC151A4D\",\"lp-pri-brand-original-50-alpha-72\":\"#B8151A4D\",\"lp-pri-brand-original-50-alpha-64\":\"#A3151A4D\",\"lp-pri-brand-original-50-alpha-56\":\"#8F151A4D\",\"lp-pri-brand-original-50-alpha-50\":\"#7F151A4D\",\"lp-pri-brand-original-50-alpha-48\":\"#7A151A4D\",\"lp-pri-brand-original-50-alpha-44\":\"#70151A4D\",\"lp-pri-brand-original-50-alpha-40\":\"#66151A4D\",\"lp-pri-brand-original-50-alpha-36\":\"#5C151A4D\",\"lp-pri-brand-original-50-alpha-32\":\"#52151A4D\",\"lp-pri-brand-original-50-alpha-28\":\"#47151A4D\",\"lp-pri-brand-original-50-alpha-24\":\"#3D151A4D\",\"lp-pri-brand-original-50-alpha-20\":\"#33151A4D\",\"lp-pri-brand-original-50-alpha-16\":\"#29151A4D\",\"lp-pri-brand-original-50-alpha-12\":\"#1F151A4D\",\"lp-pri-brand-original-50-alpha-8\":\"#14151A4D\",\"lp-pri-brand-original-50-alpha-4\":\"#0A151A4D\",\"lp-pri-brand-original-50-alpha-1\":\"#03151A4D\",\"lp-pri-brand-original-50-alpha-0\":\"#00151A4D\"},\"system\":{\"dark\":{\"lp-neutral-container-lowest\":\"lp-pri-gray-cool-100\",\"lp-neutral-container-low\":\"lp-pri-gray-cool-200\",\"lp-neutral-container-mid\":\"lp-pri-gray-cool-200\",\"lp-neutral-container-high\":\"lp-pri-gray-cool-250\",\"lp-neutral-container-highest\":\"lp-pri-gray-cool-300\",\"lp-neutral-fill-lowest\":\"lp-pri-gray-cool-450-alpha-12\",\"lp-neutral-fill-low\":\"lp-pri-gray-cool-450-alpha-24\",\"lp-neutral-fill-mid\":\"lp-pri-gray-cool-450-alpha-32\",\"lp-neutral-label-primary\":\"lp-pri-achromatic-white\",\"lp-neutral-label-secondary\":\"lp-pri-achromatic-black\",\"lp-neutral-label-tertiary\":\"lp-pri-gray-cool-920-alpha-32\",\"lp-neutral-label-quaternary\":\"lp-pri-red-200-alpha-20\",\"lp-neutral-border-overlay-normal\":\"lp-pri-gray-cool-920-alpha-28\",\"lp-neutral-border-overlay-subtle\":\"lp-pri-gray-cool-920-alpha-20\",\"lp-neutral-border-opaque-strong\":\"lp-pri-achromatic-white\",\"lp-neutral-border-opaque-normal\":\"lp-pri-gray-cool-350\",\"lp-neutral-border-opaque-subtle\":\"lp-pri-achromatic-black\",\"lp-inverse-container-lowest\":\"lp-pri-achromatic-black\",\"lp-inverse-container-low\":\"lp-pri-achromatic-black\",\"lp-inverse-container-mid\":\"lp-pri-achromatic-black\",\"lp-inverse-container-high\":\"lp-pri-achromatic-black\",\"lp-inverse-container-highest\":\"lp-pri-achromatic-black\",\"lp-inverse-fill-lowest\":\"lp-pri-achromatic-black\",\"lp-inverse-fill-low\":\"lp-pri-achromatic-black\",\"lp-inverse-fill-mid\":\"lp-pri-achromatic-black\",\"lp-inverse-label-primary\":\"lp-pri-achromatic-black\",\"lp-inverse-label-static-primary\":\"lp-pri-achromatic-black\",\"lp-inverse-label-secondary\":\"lp-pri-achromatic-black\",\"lp-inverse-label-tertiary\":\"lp-pri-achromatic-black\",\"lp-inverse-label-quaternary\":\"lp-pri-achromatic-black\",\"lp-inverse-border-overlay-normal\":\"lp-pri-achromatic-black\",\"lp-inverse-border-overlay-subtle\":\"lp-pri-achromatic-black\",\"lp-inverse-border-opaque-strong\":\"lp-pri-achromatic-black\",\"lp-inverse-border-opaque-normal\":\"lp-pri-achromatic-black\",\"lp-inverse-border-opaque-subtle\":\"lp-pri-achromatic-black\",\"lp-brand-container-mid\":\"lp-pri-achromatic-black\",\"lp-brand-container-high\":\"lp-pri-achromatic-black\",\"lp-brand-label-primary\":\"lp-pri-achromatic-black\",\"lp-brand-label-secondary\":\"lp-pri-achromatic-black\",\"lp-brand-border-overlay-normal\":\"lp-pri-achromatic-black\",\"lp-brand-border-opaque-normal\":\"lp-pri-achromatic-black\"},\"light\":{\"lp-neutral-container-lowest\":\"lp-pri-achromatic-white\",\"lp-neutral-container-low\":\"lp-pri-gray-cool-980\",\"lp-neutral-container-mid\":\"lp-pri-gray-cool-970\",\"lp-neutral-container-high\":\"lp-pri-gray-cool-940\",\"lp-neutral-container-highest\":\"lp-pri-gray-cool-920\",\"lp-neutral-fill-lowest\":\"lp-pri-gray-cool-450-alpha-4\",\"lp-neutral-fill-low\":\"lp-pri-gray-cool-450-alpha-12\",\"lp-neutral-fill-mid\":\"lp-pri-gray-cool-450-alpha-20\",\"lp-neutral-label-primary\":\"lp-pri-gray-cool-100\",\"lp-neutral-label-secondary\":\"lp-pri-gray-cool-450-alpha-80\",\"lp-neutral-label-tertiary\":\"lp-pri-gray-cool-450-alpha-44\",\"lp-neutral-label-quaternary\":\"lp-pri-gray-cool-450-alpha-24\",\"lp-neutral-border-overlay-normal\":\"lp-pri-gray-cool-450-alpha-24\",\"lp-neutral-border-overlay-subtle\":\"lp-pri-gray-cool-450-alpha-16\",\"lp-neutral-border-opaque-strong\":\"lp-pri-gray-cool-100\",\"lp-neutral-border-opaque-normal\":\"lp-pri-gray-cool-850\",\"lp-neutral-border-opaque-subtle\":\"lp-pri-achromatic-black\",\"lp-inverse-container-lowest\":\"lp-pri-achromatic-black\",\"lp-inverse-container-low\":\"lp-pri-achromatic-black\",\"lp-inverse-container-mid\":\"lp-pri-achromatic-black\",\"lp-inverse-container-high\":\"lp-pri-achromatic-black\",\"lp-inverse-container-highest\":\"lp-pri-achromatic-black\",\"lp-inverse-fill-lowest\":\"lp-pri-achromatic-black\",\"lp-inverse-fill-low\":\"lp-pri-achromatic-black\",\"lp-inverse-fill-mid\":\"lp-pri-achromatic-black\",\"lp-inverse-label-primary\":\"lp-pri-achromatic-black\",\"lp-inverse-label-static-primary\":\"lp-pri-achromatic-black\",\"lp-inverse-label-secondary\":\"lp-pri-achromatic-black\",\"lp-inverse-label-tertiary\":\"lp-pri-achromatic-black\",\"lp-inverse-label-quaternary\":\"lp-pri-achromatic-black\",\"lp-inverse-border-overlay-normal\":\"lp-pri-achromatic-black\",\"lp-inverse-border-overlay-subtle\":\"lp-pri-achromatic-black\",\"lp-inverse-border-opaque-strong\":\"lp-pri-achromatic-black\",\"lp-inverse-border-opaque-normal\":\"lp-pri-achromatic-black\",\"lp-inverse-border-opaque-subtle\":\"lp-pri-achromatic-black\",\"lp-brand-container-mid\":\"lp-pri-achromatic-black\",\"lp-brand-container-high\":\"lp-pri-achromatic-black\",\"lp-brand-label-primary\":\"lp-pri-achromatic-black\",\"lp-brand-label-secondary\":\"lp-pri-achromatic-black\",\"lp-brand-border-overlay-normal\":\"lp-pri-achromatic-black\",\"lp-brand-border-opaque-normal\":\"lp-pri-achromatic-black\"}}}}", "export const vars = {\"color\":{\"lp-neutral-container-lowest\":\"var(--lp-neutral-container-lowest)\",\"lp-neutral-container-low\":\"var(--lp-neutral-container-low)\",\"lp-neutral-container-mid\":\"var(--lp-neutral-container-mid)\",\"lp-neutral-container-high\":\"var(--lp-neutral-container-high)\",\"lp-neutral-container-highest\":\"var(--lp-neutral-container-highest)\",\"lp-neutral-fill-lowest\":\"var(--lp-neutral-fill-lowest)\",\"lp-neutral-fill-low\":\"var(--lp-neutral-fill-low)\",\"lp-neutral-fill-mid\":\"var(--lp-neutral-fill-mid)\",\"lp-neutral-label-primary\":\"var(--lp-neutral-label-primary)\",\"lp-neutral-label-secondary\":\"var(--lp-neutral-label-secondary)\",\"lp-neutral-label-tertiary\":\"var(--lp-neutral-label-tertiary)\",\"lp-neutral-label-quaternary\":\"var(--lp-neutral-label-quaternary)\",\"lp-neutral-border-overlay-normal\":\"var(--lp-neutral-border-overlay-normal)\",\"lp-neutral-border-overlay-subtle\":\"var(--lp-neutral-border-overlay-subtle)\",\"lp-neutral-border-opaque-strong\":\"var(--lp-neutral-border-opaque-strong)\",\"lp-neutral-border-opaque-normal\":\"var(--lp-neutral-border-opaque-normal)\",\"lp-neutral-border-opaque-subtle\":\"var(--lp-neutral-border-opaque-subtle)\",\"lp-inverse-container-lowest\":\"var(--lp-inverse-container-lowest)\",\"lp-inverse-container-low\":\"var(--lp-inverse-container-low)\",\"lp-inverse-container-mid\":\"var(--lp-inverse-container-mid)\",\"lp-inverse-container-high\":\"var(--lp-inverse-container-high)\",\"lp-inverse-container-highest\":\"var(--lp-inverse-container-highest)\",\"lp-inverse-fill-lowest\":\"var(--lp-inverse-fill-lowest)\",\"lp-inverse-fill-low\":\"var(--lp-inverse-fill-low)\",\"lp-inverse-fill-mid\":\"var(--lp-inverse-fill-mid)\",\"lp-inverse-label-primary\":\"var(--lp-inverse-label-primary)\",\"lp-inverse-label-static-primary\":\"var(--lp-inverse-label-static-primary)\",\"lp-inverse-label-secondary\":\"var(--lp-inverse-label-secondary)\",\"lp-inverse-label-tertiary\":\"var(--lp-inverse-label-tertiary)\",\"lp-inverse-label-quaternary\":\"var(--lp-inverse-label-quaternary)\",\"lp-inverse-border-overlay-normal\":\"var(--lp-inverse-border-overlay-normal)\",\"lp-inverse-border-overlay-subtle\":\"var(--lp-inverse-border-overlay-subtle)\",\"lp-inverse-border-opaque-strong\":\"var(--lp-inverse-border-opaque-strong)\",\"lp-inverse-border-opaque-normal\":\"var(--lp-inverse-border-opaque-normal)\",\"lp-inverse-border-opaque-subtle\":\"var(--lp-inverse-border-opaque-subtle)\",\"lp-brand-container-mid\":\"var(--lp-brand-container-mid)\",\"lp-brand-container-high\":\"var(--lp-brand-container-high)\",\"lp-brand-label-primary\":\"var(--lp-brand-label-primary)\",\"lp-brand-label-secondary\":\"var(--lp-brand-label-secondary)\",\"lp-brand-border-overlay-normal\":\"var(--lp-brand-border-overlay-normal)\",\"lp-brand-border-opaque-normal\":\"var(--lp-brand-border-opaque-normal)\"}}", "import { ISize } from '../size/type';\nimport { IRadius } from './type';\n\nexport const radius: IRadius = {\n 'lp-sys-xxs': ISize.lp_pri_2,\n 'lp-sys-xs': ISize.lp_pri_4,\n 'lp-sys-s': ISize.lp_pri_6,\n 'lp-sys-m': ISize.lp_pri_8,\n 'lp-sys-l': ISize.lp_pri_10,\n 'lp-sys-xl': ISize.lp_pri_12,\n 'lp-sys-xxl': ISize.lp_pri_200,\n} as const;\n", "export const opacity = {\n 'lp-pri-90': '90%',\n 'lp-pri-80': '80%',\n 'lp-pri-70': '70%',\n 'lp-pri-60': '60%',\n 'lp-pri-50': '50%',\n 'lp-pri-40': '40%',\n 'lp-pri-30': '30%',\n 'lp-pri-20': '20%',\n 'lp-pri-12': '12%',\n 'lp-pri-8': '8%',\n 'lp-pri-5': '5%',\n 'lp-pri-0': '0%',\n};\n", "import { ISize } from './type';\n\nexport const size: Record<keyof typeof ISize, ISize> = {\n lp_pri_0: ISize.lp_pri_0,\n lp_pri_1: ISize.lp_pri_1,\n lp_pri_2: ISize.lp_pri_2,\n lp_pri_3: ISize.lp_pri_3,\n lp_pri_4: ISize.lp_pri_4,\n lp_pri_6: ISize.lp_pri_6,\n lp_pri_8: ISize.lp_pri_8,\n lp_pri_10: ISize.lp_pri_10,\n lp_pri_12: ISize.lp_pri_12,\n lp_pri_14: ISize.lp_pri_14,\n lp_pri_16: ISize.lp_pri_16,\n lp_pri_18: ISize.lp_pri_18,\n lp_pri_20: ISize.lp_pri_20,\n lp_pri_24: ISize.lp_pri_24,\n lp_pri_32: ISize.lp_pri_32,\n lp_pri_40: ISize.lp_pri_40,\n lp_pri_48: ISize.lp_pri_48,\n lp_pri_56: ISize.lp_pri_56,\n lp_pri_64: ISize.lp_pri_64,\n lp_pri_80: ISize.lp_pri_80,\n lp_pri_100: ISize.lp_pri_100,\n lp_pri_120: ISize.lp_pri_120,\n lp_pri_140: ISize.lp_pri_140,\n lp_pri_160: ISize.lp_pri_160,\n lp_pri_180: ISize.lp_pri_180,\n lp_pri_200: ISize.lp_pri_200,\n};\n", "const lineHeight = {\n 'lp-pri-font-lineheight-120': '120%',\n 'lp-pri-font-lineheight-130': '130%',\n 'lp-pri-font-lineheight-150': '150%',\n 'lp-pri-font-lineheight-180': '180%',\n} as const;\n\nconst size = {\n 'lp-pri-font-size-8': 8,\n 'lp-pri-font-size-11': 11,\n 'lp-pri-font-size-12': 12,\n 'lp-pri-font-size-13': 13,\n 'lp-pri-font-size-14': 14,\n 'lp-pri-font-size-15': 15,\n 'lp-pri-font-size-16': 16,\n 'lp-pri-font-size-17': 17,\n 'lp-pri-font-size-20': 20,\n 'lp-pri-font-size-24': 24,\n 'lp-pri-font-size-28': 28,\n 'lp-pri-font-size-32': 32,\n 'lp-pri-font-size-40': 40,\n 'lp-pri-font-size-64': 64,\n 'lp-pri-font-size-72': 72,\n} as const;\n\nconst weight = {\n 'lp-pri-font-weight-300': 300,\n 'lp-pri-font-weight-350': 350,\n 'lp-pri-font-weight-400': 400,\n 'lp-pri-font-weight-420': 420,\n 'lp-pri-font-weight-450': 450,\n 'lp-pri-font-weight-500': 500,\n 'lp-pri-font-weight-600': 600,\n 'lp-pri-font-weight-650': 650,\n 'lp-pri-font-weight-700': 700,\n 'lp-pri-font-weight-800': 800,\n} as const;\n\nexport const font = { weight, lineHeight, size };\n", "import { font } from './primitive';\nimport { TypographyKeys } from './types';\n\nexport type FontFamily =\n | 'lp-pri-font-family-poppins'\n | 'lp-pri-font-family-pretendard-jp'\n | 'lp-pri-font-family-variables-pretendard'\n | 'lp-pri-font-family-variables-pretendard-jp';\n\ninterface TypographyValues {\n family: FontFamily;\n weight: keyof typeof font.weight;\n lineHeight: keyof typeof font.lineHeight;\n size: keyof typeof font.size;\n}\n\nexport const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-title1-normal-medium': {\n family: 'lp-pri-font-family-poppins',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-72',\n },\n};\n\nexport const typography: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-title1-normal-medium': {\n family: 'lp-pri-font-family-pretendard-jp',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-72',\n },\n};\n", "import React from 'react';\nimport { HTMLAttributes } from 'react';\nimport { IDisplayProps, IHeadingProps } from './types';\n\nexport const Heading1 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n\nexport const Heading2 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n", "import { useLayoutEffect } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const isUserColorTheme = localStorage.getItem('color-theme');\n\n const setDarkTheme = () => {\n document.documentElement.setAttribute('color-theme', 'dark');\n };\n\n const setLightTheme = () => {\n document.documentElement.setAttribute('color-theme', 'light');\n };\n\n const toggleTheme = () => {\n const willChangeTheme = document.documentElement.getAttribute('color-theme') === 'light' ? 'dark' : 'light';\n\n document.documentElement.setAttribute('color-theme', willChangeTheme);\n localStorage.setItem(LOCAL_STORAGE_KEY, willChangeTheme);\n };\n\n useLayoutEffect(() => {\n const prevTheme = localStorage.getItem(LOCAL_STORAGE_KEY);\n if (prevTheme) {\n if (prevTheme === 'dark') {\n setDarkTheme();\n } else {\n setLightTheme();\n }\n } else {\n const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n }\n }, []);\n\n return {\n setDarkTheme,\n toggleTheme,\n };\n};\n", "export const useLanguage = () => {};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["size", "React", "import_react"]
|
|
7
7
|
}
|
package/lib/index.mjs
CHANGED
|
@@ -2,132 +2,10 @@ var __defProp = Object.defineProperty;
|
|
|
2
2
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
3
|
|
|
4
4
|
// src/design/color/index.ts
|
|
5
|
-
var color = {
|
|
6
|
-
primitive: {
|
|
7
|
-
"lp-pri-achromatic-white": "#ffffff",
|
|
8
|
-
"lp-pri-achromatic-black": "#000000",
|
|
9
|
-
"lp-pri-gray-cool-950": "#F7F8FF",
|
|
10
|
-
"lp-pri-gray-cool-900": "#EEF0F7",
|
|
11
|
-
"lp-pri-gray-cool-800": "#DFE3F3",
|
|
12
|
-
"lp-pri-gray-cool-700": "#C7CFE9",
|
|
13
|
-
"lp-pri-gray-cool-600": "#97A5D6",
|
|
14
|
-
"lp-pri-gray-cool-500": "#7487C4",
|
|
15
|
-
"lp-pri-gray-cool-400": "#5B6BA4",
|
|
16
|
-
"lp-pri-gray-cool-300": "#4A5889",
|
|
17
|
-
"lp-pri-gray-cool-200": "#39426A",
|
|
18
|
-
"lp-pri-gray-cool-100": "#282C3E",
|
|
19
|
-
"lp-pri-gray-cool-50": "#1F2131",
|
|
20
|
-
"lp-pri-brand-original-950": "#F5F6FF",
|
|
21
|
-
"lp-pri-brand-original-900": "#E9EBFF",
|
|
22
|
-
"lp-pri-brand-original-800": "#D4D7FF",
|
|
23
|
-
"lp-pri-brand-original-700": "#ADB3FF",
|
|
24
|
-
"lp-pri-brand-original-600": "#8690FF",
|
|
25
|
-
"lp-pri-brand-original-500": "#5F6CFF",
|
|
26
|
-
"lp-pri-brand-original-400": "#3B49E3",
|
|
27
|
-
"lp-pri-brand-original-300": "#303CB5",
|
|
28
|
-
"lp-pri-brand-original-200": "#242F86",
|
|
29
|
-
"lp-pri-brand-original-100": "#1B2366",
|
|
30
|
-
"lp-pri-brand-original-50": "#151A4D",
|
|
31
|
-
"lp-pri-brand-variation-950": "#F6F4FE",
|
|
32
|
-
"lp-pri-brand-variation-900": "#EDE9FE",
|
|
33
|
-
"lp-pri-brand-variation-800": "#DBD3FE",
|
|
34
|
-
"lp-pri-brand-variation-700": "#B8A7FE",
|
|
35
|
-
"lp-pri-brand-variation-600": "#947BFE",
|
|
36
|
-
"lp-pri-brand-variation-500": "#704FFD",
|
|
37
|
-
"lp-pri-brand-variation-400": "#593AFF",
|
|
38
|
-
"lp-pri-brand-variation-300": "#422BCE",
|
|
39
|
-
"lp-pri-brand-variation-200": "#321F9B",
|
|
40
|
-
"lp-pri-brand-variation-100": "#24156E",
|
|
41
|
-
"lp-pri-brand-variation-50": "#1A1052",
|
|
42
|
-
"lp-pri-red-900": "#FFE9EB",
|
|
43
|
-
"lp-pri-red-800": "#FFCDD1",
|
|
44
|
-
"lp-pri-red-700": "#FF9AA2",
|
|
45
|
-
"lp-pri-red-600": "#FF6773",
|
|
46
|
-
"lp-pri-red-500": "#FF3445",
|
|
47
|
-
"lp-pri-red-400": "#FA1D2F",
|
|
48
|
-
"lp-pri-red-300": "#C2172C",
|
|
49
|
-
"lp-pri-red-200": "#910B1D",
|
|
50
|
-
"lp-pri-red-100": "#68081A",
|
|
51
|
-
"lp-pri-red-50": "#4A0616",
|
|
52
|
-
"lp-pri-orange-900": "#FFEEE6",
|
|
53
|
-
"lp-pri-orange-800": "#FFD2B8",
|
|
54
|
-
"lp-pri-orange-700": "#FFA970",
|
|
55
|
-
"lp-pri-orange-600": "#FF8842",
|
|
56
|
-
"lp-pri-orange-500": "#FF6215",
|
|
57
|
-
"lp-pri-orange-400": "#F84B10",
|
|
58
|
-
"lp-pri-orange-300": "#BD3512",
|
|
59
|
-
"lp-pri-orange-200": "#8A220D",
|
|
60
|
-
"lp-pri-orange-100": "#61170E",
|
|
61
|
-
"lp-pri-orange-50": "#45110E",
|
|
62
|
-
"lp-pri-green-900": "#E2F6E5",
|
|
63
|
-
"lp-pri-green-800": "#BDEAC4",
|
|
64
|
-
"lp-pri-green-700": "#83D88E",
|
|
65
|
-
"lp-pri-green-600": "#51C760",
|
|
66
|
-
"lp-pri-green-500": "#26AF3E",
|
|
67
|
-
"lp-pri-green-400": "#1B9632",
|
|
68
|
-
"lp-pri-green-300": "#137728",
|
|
69
|
-
"lp-pri-green-200": "#0C5B1F",
|
|
70
|
-
"lp-pri-green-100": "#074218",
|
|
71
|
-
"lp-pri-green-50": "#053014"
|
|
72
|
-
},
|
|
73
|
-
system: {
|
|
74
|
-
dark: {
|
|
75
|
-
"lp-neutral-primary": "lp-pri-gray-cool-950",
|
|
76
|
-
"lp-neutral-secondary": "lp-pri-gray-cool-900",
|
|
77
|
-
"lp-neutral-tertiary": "lp-pri-gray-cool-800",
|
|
78
|
-
"lp-inverse-neutral-primary": "lp-pri-achromatic-white",
|
|
79
|
-
"lp-neutral-container-primary": "lp-pri-gray-cool-700",
|
|
80
|
-
"lp-neutral-container-secondary": "lp-pri-gray-cool-600",
|
|
81
|
-
"lp-neutral-container-tertiary": "lp-pri-gray-cool-500",
|
|
82
|
-
"lp-neutral-border-primary": "lp-pri-gray-cool-400",
|
|
83
|
-
"lp-neutral-border-secondary": "lp-pri-gray-cool-300",
|
|
84
|
-
"lp-neutral-border-tertiary": "lp-pri-gray-cool-200",
|
|
85
|
-
"lp-neutral-placeholder": "lp-pri-gray-cool-100",
|
|
86
|
-
"lp-accent-primary": "lp-pri-brand-original-600",
|
|
87
|
-
"lp-accent-container-primary": "lp-pri-brand-original-500",
|
|
88
|
-
"lp-positive-primary": "lp-pri-green-600",
|
|
89
|
-
"lp-positive-container-primary": "lp-pri-green-500",
|
|
90
|
-
"lp-caution-primary": "lp-pri-orange-600",
|
|
91
|
-
"lp-caution-container-primary": "lp-pri-orange-500",
|
|
92
|
-
"lp-negative-primary": "lp-pri-red-600",
|
|
93
|
-
"lp-negative-container-primary": "lp-pri-red-500",
|
|
94
|
-
"lp-link-primary": "lp-pri-brand-original-700",
|
|
95
|
-
"lp-dim": "lp-pri-gray-cool-100",
|
|
96
|
-
"lp-status-neutral-primary": "lp-pri-gray-cool-950",
|
|
97
|
-
"lp-status-accent-primary": "lp-pri-brand-original-500",
|
|
98
|
-
"lp-status-disabled-primary": "lp-pri-gray-cool-300"
|
|
99
|
-
},
|
|
100
|
-
light: {
|
|
101
|
-
"lp-neutral-primary": "lp-pri-gray-cool-50",
|
|
102
|
-
"lp-neutral-secondary": "lp-pri-gray-cool-100",
|
|
103
|
-
"lp-neutral-tertiary": "lp-pri-gray-cool-200",
|
|
104
|
-
"lp-inverse-neutral-primary": "lp-pri-achromatic-black",
|
|
105
|
-
"lp-neutral-container-primary": "lp-pri-gray-cool-300",
|
|
106
|
-
"lp-neutral-container-secondary": "lp-pri-gray-cool-400",
|
|
107
|
-
"lp-neutral-container-tertiary": "lp-pri-gray-cool-500",
|
|
108
|
-
"lp-neutral-border-primary": "lp-pri-gray-cool-600",
|
|
109
|
-
"lp-neutral-border-secondary": "lp-pri-gray-cool-700",
|
|
110
|
-
"lp-neutral-border-tertiary": "lp-pri-gray-cool-800",
|
|
111
|
-
"lp-neutral-placeholder": "lp-pri-gray-cool-900",
|
|
112
|
-
"lp-accent-primary": "lp-pri-brand-original-400",
|
|
113
|
-
"lp-accent-container-primary": "lp-pri-brand-original-300",
|
|
114
|
-
"lp-positive-primary": "lp-pri-green-400",
|
|
115
|
-
"lp-positive-container-primary": "lp-pri-green-300",
|
|
116
|
-
"lp-caution-primary": "lp-pri-orange-400",
|
|
117
|
-
"lp-caution-container-primary": "lp-pri-orange-300",
|
|
118
|
-
"lp-negative-primary": "lp-pri-red-400",
|
|
119
|
-
"lp-negative-container-primary": "lp-pri-red-300",
|
|
120
|
-
"lp-link-primary": "lp-pri-brand-original-500",
|
|
121
|
-
"lp-dim": "lp-pri-gray-cool-50",
|
|
122
|
-
"lp-status-neutral-primary": "lp-pri-gray-cool-50",
|
|
123
|
-
"lp-status-accent-primary": "lp-pri-brand-original-400",
|
|
124
|
-
"lp-status-disabled-primary": "lp-pri-gray-cool-200"
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
};
|
|
5
|
+
var color = { "color": { "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": "#F7F8FF", "lp-pri-gray-cool-940": "#EDEEF0", "lp-pri-gray-cool-920": "#E9E9EB", "lp-pri-gray-cool-900": "#EEF0F7", "lp-pri-gray-cool-850": "#D7D7D9", "lp-pri-gray-cool-800": "#DFE3F3", "lp-pri-gray-cool-700": "#C7CFE9", "lp-pri-gray-cool-600": "#97A5D6", "lp-pri-gray-cool-500": "#7487C4", "lp-pri-gray-cool-450": "#6D6D70", "lp-pri-gray-cool-400": "#5B6BA4", "lp-pri-gray-cool-350": "#58595C", "lp-pri-gray-cool-300": "#4A5889", "lp-pri-gray-cool-250": "#3B3B3D", "lp-pri-gray-cool-200": "#39426A", "lp-pri-gray-cool-100": "#282C3E", "lp-pri-gray-cool-50": "#1F2131", "lp-pri-brand-original-950": "#F5F6FF", "lp-pri-brand-original-900": "#E9EBFF", "lp-pri-brand-original-800": "#D4D7FF", "lp-pri-brand-original-700": "#ADB3FF", "lp-pri-brand-original-600": "#8690FF", "lp-pri-brand-original-500": "#5F6CFF", "lp-pri-brand-original-400": "#3B49E3", "lp-pri-brand-original-300": "#303CB5", "lp-pri-brand-original-200": "#242F86", "lp-pri-brand-original-100": "#1B2366", "lp-pri-brand-original-50": "#151A4D", "lp-pri-brand-variation-950": "#F6F4FE", "lp-pri-brand-variation-900": "#EDE9FE", "lp-pri-brand-variation-800": "#DBD3FE", "lp-pri-brand-variation-700": "#B8A7FE", "lp-pri-brand-variation-600": "#947BFE", "lp-pri-brand-variation-500": "#704FFD", "lp-pri-brand-variation-400": "#593AFF", "lp-pri-brand-variation-300": "#422BCE", "lp-pri-brand-variation-200": "#321F9B", "lp-pri-brand-variation-100": "#24156E", "lp-pri-brand-variation-50": "#1A1052", "lp-pri-red-900": "#FFE9EB", "lp-pri-red-800": "#FFCDD1", "lp-pri-red-700": "#FF9AA2", "lp-pri-red-600": "#FF6773", "lp-pri-red-500": "#FF3445", "lp-pri-red-400": "#FA1D2F", "lp-pri-red-300": "#C2172C", "lp-pri-red-200": "#910B1D", "lp-pri-red-100": "#68081A", "lp-pri-red-50": "#4A0616", "lp-pri-orange-900": "#FFEEE6", "lp-pri-orange-800": "#FFD2B8", "lp-pri-orange-700": "#FFA970", "lp-pri-orange-600": "#FF8842", "lp-pri-orange-500": "#FF6215", "lp-pri-orange-400": "#F84B10", "lp-pri-orange-300": "#BD3512", "lp-pri-orange-200": "#8A220D", "lp-pri-orange-100": "#61170E", "lp-pri-orange-50": "#45110E", "lp-pri-green-900": "#E2F6E5", "lp-pri-green-800": "#BDEAC4", "lp-pri-green-700": "#83D88E", "lp-pri-green-600": "#51C760", "lp-pri-green-500": "#26AF3E", "lp-pri-green-400": "#1B9632", "lp-pri-green-300": "#137728", "lp-pri-green-200": "#0C5B1F", "lp-pri-green-100": "#074218", "lp-pri-green-50": "#053014", "lp-pri-gray-cool-920-alpha-80": "#CCE9E9EB", "lp-pri-gray-cool-920-alpha-72": "#B8E9E9EB", "lp-pri-gray-cool-920-alpha-64": "#A3E9E9EB", "lp-pri-gray-cool-920-alpha-56": "#8FE9E9EB", "lp-pri-gray-cool-920-alpha-50": "#7FE9E9EB", "lp-pri-gray-cool-920-alpha-48": "#7AE9E9EB", "lp-pri-gray-cool-920-alpha-44": "#70E9E9EB", "lp-pri-gray-cool-920-alpha-40": "#66E9E9EB", "lp-pri-gray-cool-920-alpha-36": "#5CE9E9EB", "lp-pri-gray-cool-920-alpha-32": "#52E9E9EB", "lp-pri-gray-cool-920-alpha-28": "#47E9E9EB", "lp-pri-gray-cool-920-alpha-24": "#3DE9E9EB", "lp-pri-gray-cool-920-alpha-20": "#33E9E9EB", "lp-pri-gray-cool-920-alpha-16": "#29E9E9EB", "lp-pri-gray-cool-920-alpha-12": "#1FE9E9EB", "lp-pri-gray-cool-920-alpha-8": "#14E9E9EB", "lp-pri-gray-cool-920-alpha-4": "#0AE9E9EB", "lp-pri-gray-cool-920-alpha-1": "#03E9E9EB", "lp-pri-gray-cool-920-alpha-0": "#00E9E9EB", "lp-pri-gray-cool-450-alpha-80": "#CC6D6D70", "lp-pri-gray-cool-450-alpha-72": "#B86D6D70", "lp-pri-gray-cool-450-alpha-64": "#A36D6D70", "lp-pri-gray-cool-450-alpha-56": "#8F6D6D70", "lp-pri-gray-cool-450-alpha-50": "#7F6D6D70", "lp-pri-gray-cool-450-alpha-48": "#7A6D6D70", "lp-pri-gray-cool-450-alpha-44": "#706D6D70", "lp-pri-gray-cool-450-alpha-40": "#666D6D70", "lp-pri-gray-cool-450-alpha-36": "#5C6D6D70", "lp-pri-gray-cool-450-alpha-32": "#526D6D70", "lp-pri-gray-cool-450-alpha-28": "#476D6D70", "lp-pri-gray-cool-450-alpha-24": "#3D6D6D70", "lp-pri-gray-cool-450-alpha-20": "#336D6D70", "lp-pri-gray-cool-450-alpha-16": "#296D6D70", "lp-pri-gray-cool-450-alpha-12": "#1F6D6D70", "lp-pri-gray-cool-450-alpha-8": "#146D6D70", "lp-pri-gray-cool-450-alpha-4": "#0A6D6D70", "lp-pri-gray-cool-450-alpha-1": "#036D6D70", "lp-pri-gray-cool-450-alpha-0": "#006D6D70", "lp-pri-brand-original-50-alpha-80": "#CC151A4D", "lp-pri-brand-original-50-alpha-72": "#B8151A4D", "lp-pri-brand-original-50-alpha-64": "#A3151A4D", "lp-pri-brand-original-50-alpha-56": "#8F151A4D", "lp-pri-brand-original-50-alpha-50": "#7F151A4D", "lp-pri-brand-original-50-alpha-48": "#7A151A4D", "lp-pri-brand-original-50-alpha-44": "#70151A4D", "lp-pri-brand-original-50-alpha-40": "#66151A4D", "lp-pri-brand-original-50-alpha-36": "#5C151A4D", "lp-pri-brand-original-50-alpha-32": "#52151A4D", "lp-pri-brand-original-50-alpha-28": "#47151A4D", "lp-pri-brand-original-50-alpha-24": "#3D151A4D", "lp-pri-brand-original-50-alpha-20": "#33151A4D", "lp-pri-brand-original-50-alpha-16": "#29151A4D", "lp-pri-brand-original-50-alpha-12": "#1F151A4D", "lp-pri-brand-original-50-alpha-8": "#14151A4D", "lp-pri-brand-original-50-alpha-4": "#0A151A4D", "lp-pri-brand-original-50-alpha-1": "#03151A4D", "lp-pri-brand-original-50-alpha-0": "#00151A4D" }, "system": { "dark": { "lp-neutral-container-lowest": "lp-pri-gray-cool-100", "lp-neutral-container-low": "lp-pri-gray-cool-200", "lp-neutral-container-mid": "lp-pri-gray-cool-200", "lp-neutral-container-high": "lp-pri-gray-cool-250", "lp-neutral-container-highest": "lp-pri-gray-cool-300", "lp-neutral-fill-lowest": "lp-pri-gray-cool-450-alpha-12", "lp-neutral-fill-low": "lp-pri-gray-cool-450-alpha-24", "lp-neutral-fill-mid": "lp-pri-gray-cool-450-alpha-32", "lp-neutral-label-primary": "lp-pri-achromatic-white", "lp-neutral-label-secondary": "lp-pri-achromatic-black", "lp-neutral-label-tertiary": "lp-pri-gray-cool-920-alpha-32", "lp-neutral-label-quaternary": "lp-pri-red-200-alpha-20", "lp-neutral-border-overlay-normal": "lp-pri-gray-cool-920-alpha-28", "lp-neutral-border-overlay-subtle": "lp-pri-gray-cool-920-alpha-20", "lp-neutral-border-opaque-strong": "lp-pri-achromatic-white", "lp-neutral-border-opaque-normal": "lp-pri-gray-cool-350", "lp-neutral-border-opaque-subtle": "lp-pri-achromatic-black", "lp-inverse-container-lowest": "lp-pri-achromatic-black", "lp-inverse-container-low": "lp-pri-achromatic-black", "lp-inverse-container-mid": "lp-pri-achromatic-black", "lp-inverse-container-high": "lp-pri-achromatic-black", "lp-inverse-container-highest": "lp-pri-achromatic-black", "lp-inverse-fill-lowest": "lp-pri-achromatic-black", "lp-inverse-fill-low": "lp-pri-achromatic-black", "lp-inverse-fill-mid": "lp-pri-achromatic-black", "lp-inverse-label-primary": "lp-pri-achromatic-black", "lp-inverse-label-static-primary": "lp-pri-achromatic-black", "lp-inverse-label-secondary": "lp-pri-achromatic-black", "lp-inverse-label-tertiary": "lp-pri-achromatic-black", "lp-inverse-label-quaternary": "lp-pri-achromatic-black", "lp-inverse-border-overlay-normal": "lp-pri-achromatic-black", "lp-inverse-border-overlay-subtle": "lp-pri-achromatic-black", "lp-inverse-border-opaque-strong": "lp-pri-achromatic-black", "lp-inverse-border-opaque-normal": "lp-pri-achromatic-black", "lp-inverse-border-opaque-subtle": "lp-pri-achromatic-black", "lp-brand-container-mid": "lp-pri-achromatic-black", "lp-brand-container-high": "lp-pri-achromatic-black", "lp-brand-label-primary": "lp-pri-achromatic-black", "lp-brand-label-secondary": "lp-pri-achromatic-black", "lp-brand-border-overlay-normal": "lp-pri-achromatic-black", "lp-brand-border-opaque-normal": "lp-pri-achromatic-black" }, "light": { "lp-neutral-container-lowest": "lp-pri-achromatic-white", "lp-neutral-container-low": "lp-pri-gray-cool-980", "lp-neutral-container-mid": "lp-pri-gray-cool-970", "lp-neutral-container-high": "lp-pri-gray-cool-940", "lp-neutral-container-highest": "lp-pri-gray-cool-920", "lp-neutral-fill-lowest": "lp-pri-gray-cool-450-alpha-4", "lp-neutral-fill-low": "lp-pri-gray-cool-450-alpha-12", "lp-neutral-fill-mid": "lp-pri-gray-cool-450-alpha-20", "lp-neutral-label-primary": "lp-pri-gray-cool-100", "lp-neutral-label-secondary": "lp-pri-gray-cool-450-alpha-80", "lp-neutral-label-tertiary": "lp-pri-gray-cool-450-alpha-44", "lp-neutral-label-quaternary": "lp-pri-gray-cool-450-alpha-24", "lp-neutral-border-overlay-normal": "lp-pri-gray-cool-450-alpha-24", "lp-neutral-border-overlay-subtle": "lp-pri-gray-cool-450-alpha-16", "lp-neutral-border-opaque-strong": "lp-pri-gray-cool-100", "lp-neutral-border-opaque-normal": "lp-pri-gray-cool-850", "lp-neutral-border-opaque-subtle": "lp-pri-achromatic-black", "lp-inverse-container-lowest": "lp-pri-achromatic-black", "lp-inverse-container-low": "lp-pri-achromatic-black", "lp-inverse-container-mid": "lp-pri-achromatic-black", "lp-inverse-container-high": "lp-pri-achromatic-black", "lp-inverse-container-highest": "lp-pri-achromatic-black", "lp-inverse-fill-lowest": "lp-pri-achromatic-black", "lp-inverse-fill-low": "lp-pri-achromatic-black", "lp-inverse-fill-mid": "lp-pri-achromatic-black", "lp-inverse-label-primary": "lp-pri-achromatic-black", "lp-inverse-label-static-primary": "lp-pri-achromatic-black", "lp-inverse-label-secondary": "lp-pri-achromatic-black", "lp-inverse-label-tertiary": "lp-pri-achromatic-black", "lp-inverse-label-quaternary": "lp-pri-achromatic-black", "lp-inverse-border-overlay-normal": "lp-pri-achromatic-black", "lp-inverse-border-overlay-subtle": "lp-pri-achromatic-black", "lp-inverse-border-opaque-strong": "lp-pri-achromatic-black", "lp-inverse-border-opaque-normal": "lp-pri-achromatic-black", "lp-inverse-border-opaque-subtle": "lp-pri-achromatic-black", "lp-brand-container-mid": "lp-pri-achromatic-black", "lp-brand-container-high": "lp-pri-achromatic-black", "lp-brand-label-primary": "lp-pri-achromatic-black", "lp-brand-label-secondary": "lp-pri-achromatic-black", "lp-brand-border-overlay-normal": "lp-pri-achromatic-black", "lp-brand-border-opaque-normal": "lp-pri-achromatic-black" } } } };
|
|
128
6
|
|
|
129
7
|
// src/design/color/vars.ts
|
|
130
|
-
var vars = { "color": { "lp-neutral-
|
|
8
|
+
var vars = { "color": { "lp-neutral-container-lowest": "var(--lp-neutral-container-lowest)", "lp-neutral-container-low": "var(--lp-neutral-container-low)", "lp-neutral-container-mid": "var(--lp-neutral-container-mid)", "lp-neutral-container-high": "var(--lp-neutral-container-high)", "lp-neutral-container-highest": "var(--lp-neutral-container-highest)", "lp-neutral-fill-lowest": "var(--lp-neutral-fill-lowest)", "lp-neutral-fill-low": "var(--lp-neutral-fill-low)", "lp-neutral-fill-mid": "var(--lp-neutral-fill-mid)", "lp-neutral-label-primary": "var(--lp-neutral-label-primary)", "lp-neutral-label-secondary": "var(--lp-neutral-label-secondary)", "lp-neutral-label-tertiary": "var(--lp-neutral-label-tertiary)", "lp-neutral-label-quaternary": "var(--lp-neutral-label-quaternary)", "lp-neutral-border-overlay-normal": "var(--lp-neutral-border-overlay-normal)", "lp-neutral-border-overlay-subtle": "var(--lp-neutral-border-overlay-subtle)", "lp-neutral-border-opaque-strong": "var(--lp-neutral-border-opaque-strong)", "lp-neutral-border-opaque-normal": "var(--lp-neutral-border-opaque-normal)", "lp-neutral-border-opaque-subtle": "var(--lp-neutral-border-opaque-subtle)", "lp-inverse-container-lowest": "var(--lp-inverse-container-lowest)", "lp-inverse-container-low": "var(--lp-inverse-container-low)", "lp-inverse-container-mid": "var(--lp-inverse-container-mid)", "lp-inverse-container-high": "var(--lp-inverse-container-high)", "lp-inverse-container-highest": "var(--lp-inverse-container-highest)", "lp-inverse-fill-lowest": "var(--lp-inverse-fill-lowest)", "lp-inverse-fill-low": "var(--lp-inverse-fill-low)", "lp-inverse-fill-mid": "var(--lp-inverse-fill-mid)", "lp-inverse-label-primary": "var(--lp-inverse-label-primary)", "lp-inverse-label-static-primary": "var(--lp-inverse-label-static-primary)", "lp-inverse-label-secondary": "var(--lp-inverse-label-secondary)", "lp-inverse-label-tertiary": "var(--lp-inverse-label-tertiary)", "lp-inverse-label-quaternary": "var(--lp-inverse-label-quaternary)", "lp-inverse-border-overlay-normal": "var(--lp-inverse-border-overlay-normal)", "lp-inverse-border-overlay-subtle": "var(--lp-inverse-border-overlay-subtle)", "lp-inverse-border-opaque-strong": "var(--lp-inverse-border-opaque-strong)", "lp-inverse-border-opaque-normal": "var(--lp-inverse-border-opaque-normal)", "lp-inverse-border-opaque-subtle": "var(--lp-inverse-border-opaque-subtle)", "lp-brand-container-mid": "var(--lp-brand-container-mid)", "lp-brand-container-high": "var(--lp-brand-container-high)", "lp-brand-label-primary": "var(--lp-brand-label-primary)", "lp-brand-label-secondary": "var(--lp-brand-label-secondary)", "lp-brand-border-overlay-normal": "var(--lp-brand-border-overlay-normal)", "lp-brand-border-opaque-normal": "var(--lp-brand-border-opaque-normal)" } };
|
|
131
9
|
|
|
132
10
|
// src/design/radius/index.ts
|
|
133
11
|
var radius = {
|