@liner-fe/design-token-primitive 0.2.37 → 0.2.39
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/.ultra.cache.json +1 -1
- package/CHANGELOG.md +12 -0
- package/dist/index.d.mts +4 -2
- package/dist/index.d.ts +4 -2
- package/dist/index.js +5 -4
- package/dist/index.mjs +5 -4
- package/package.json +1 -1
- package/src/constants/color/index.ts +5 -4
- package/src/constants/color/types.ts +2 -0
- package/src/constants/icon/index.ts +2 -0
package/.ultra.cache.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"files":{"dist":"
|
|
1
|
+
{"files":{"dist":"1769137908070.7898","node_modules":"1769137902588.7969","CHANGELOG.md":"a507cfb99488e6c149f508524830a3667e3632ef","README.md":"949c2c83c8df126f02d353d026438a79d250abe5","package.json":"35423e31d0f72cdcfd3bdd9c1e9d2f6c07c405ca","src/constants/breakpoint/index.ts":"120aae8fe049e6647d3ce6770e6511107d7464cb","src/constants/color/index.ts":"ab92fb51720b4296525d29d86069f5d68ba3b7ae","src/constants/color/types.ts":"8a7c40fb919540c9b21a4a115de2d51a6cc626af","src/constants/gap/index.ts":"8e40e2797894407e2978b82cd0fed348105f293e","src/constants/icon/index.ts":"f5cf72ee5620e5ad433ba1fe6206e2d100bafcda","src/constants/letterSpacing/index.ts":"017c411b8397e3132456e444b6c5e8bac604979e","src/constants/opacity/index.ts":"1774ea85d2fcb04e4c69ed1573eaf0ed67c9b42a","src/constants/padding/index.ts":"267ff2e7e49e9b33f001840eb36a5902ae0579ee","src/constants/radius/index.ts":"cfe1e349bde3f991ef7e302128f967e69708c617","src/constants/radius/type.ts":"f3e311e0748ceea01afa24ae86ca61a18434f225","src/constants/shadow/index.ts":"9e072cc498dceb05cdff54b70a279ca789bedcb6","src/constants/size/index.ts":"a93a165db6c70d21cbe4a3ad9104ac1c09e85929","src/constants/size/type.ts":"b957cbe25323824ddf7aa0cb28ee7eb6b22c0f70","src/constants/typography/index.ts":"338525604e5e49c2452e763e10c7e3bd48c1e88c","src/constants/typography/primitive.ts":"e6ac815644b0a785fbb05429fab9154e75bbd4ac","src/constants/typography/types.ts":"4d72d3bdf40436fcf9ce806d873034aa4fb3f35f","src/index.ts":"5f0a915d31c659890ecb4796b2b6846408d6edda","tsconfig.json":"e8ddd4d3aa30a69dfcb87539f01e33ff8e3cf4e7","tsup.config.ts":"65b5a0c01ae95a834c1bccdc82e96748bd64b7bb"},"deps":{}}
|
package/CHANGELOG.md
CHANGED
package/dist/index.d.mts
CHANGED
|
@@ -44,6 +44,7 @@ declare const iconSizeMap: {
|
|
|
44
44
|
readonly l: 32;
|
|
45
45
|
readonly xl: 40;
|
|
46
46
|
};
|
|
47
|
+
type IconSizeKey = keyof typeof iconSizeMap;
|
|
47
48
|
|
|
48
49
|
declare const letterSpacing: {
|
|
49
50
|
readonly 'lp-pri-font-letterspacing-tight': "-0.03em";
|
|
@@ -170,6 +171,7 @@ interface IPrimitive {
|
|
|
170
171
|
'lp-pri-brand-original-980': '#E2F2E3';
|
|
171
172
|
'lp-pri-brand-original-450': '#197B2E';
|
|
172
173
|
'lp-pri-brand-original-500': '#0C893B';
|
|
174
|
+
'lp-pri-brand-original-400': '#006E23';
|
|
173
175
|
'lp-pri-brand-original-380': '#006820';
|
|
174
176
|
'lp-pri-brand-original-330': '#005B1D';
|
|
175
177
|
'lp-pri-brand-original-270': '#004B17';
|
|
@@ -291,7 +293,7 @@ interface IColor {
|
|
|
291
293
|
}
|
|
292
294
|
type AlphasKey = `${alphaPrimitiveKeys}-alpha-${(typeof alphas)[number]}`;
|
|
293
295
|
type MyExtract<T, U extends Partial<T>> = T extends U ? T : never;
|
|
294
|
-
type BasicColorType = MyExtract<SystemKeys, 'neutral-label-primary' | 'neutral-label-secondary' | 'neutral-label-tertiary' | 'neutral-label-quaternary' | 'neutral-label-static-primary' | 'neutral-label-static-secondary' | 'inverse-label-primary' | 'inverse-label-secondary' | 'inverse-label-tertiary' | 'inverse-label-quaternary' | 'inverse-label-static-primary' | 'inverse-label-static-secondary' | 'brand-label-primary' | 'brand-label-secondary' | 'function-label-positive' | 'function-label-negative' | 'function-label-caution' | 'accent-label-yellow' | 'accent-label-cyan' | 'accent-label-mint' | 'accent-label-purple' | 'accent-label-pink' | 'neutral-fill-overlay-low' | 'neutral-fill-overlay-mid' | 'neutral-fill-overlay-high' | 'neutral-fill-overlay-highest' | 'neutral-container-lowest' | 'neutral-container-low' | 'neutral-container-mid' | 'neutral-container-high' | 'neutral-container-highest' | 'neutral-container-static-lowest' | 'brand-container-mid' | 'brand-container-high' | 'inverse-container-lowest' | 'inverse-container-low' | 'inverse-container-mid' | 'inverse-container-high' | 'inverse-container-static-high' | 'inverse-container-highest'>;
|
|
296
|
+
type BasicColorType = MyExtract<SystemKeys, 'neutral-label-primary' | 'neutral-label-secondary' | 'neutral-label-tertiary' | 'neutral-label-quaternary' | 'neutral-label-static-primary' | 'neutral-label-static-secondary' | 'inverse-label-primary' | 'inverse-label-secondary' | 'inverse-label-tertiary' | 'inverse-label-quaternary' | 'inverse-label-static-primary' | 'inverse-label-static-secondary' | 'brand-label-primary' | 'brand-label-secondary' | 'function-label-positive' | 'function-label-negative' | 'function-label-caution' | 'function-label-link' | 'accent-label-yellow' | 'accent-label-cyan' | 'accent-label-mint' | 'accent-label-purple' | 'accent-label-pink' | 'neutral-fill-overlay-low' | 'neutral-fill-overlay-mid' | 'neutral-fill-overlay-high' | 'neutral-fill-overlay-highest' | 'neutral-container-lowest' | 'neutral-container-low' | 'neutral-container-mid' | 'neutral-container-high' | 'neutral-container-highest' | 'neutral-container-static-lowest' | 'brand-container-mid' | 'brand-container-high' | 'inverse-container-lowest' | 'inverse-container-low' | 'inverse-container-mid' | 'inverse-container-high' | 'inverse-container-static-high' | 'inverse-container-highest'>;
|
|
295
297
|
|
|
296
298
|
declare const color: IColor;
|
|
297
299
|
declare const alphas: readonly [80, 72, 64, 56, 50, 48, 44, 40, 36, 32, 28, 24, 20, 16, 12, 8, 6, 4, 1, 0];
|
|
@@ -382,4 +384,4 @@ declare const typography: Record<TypographyKeys, TypographyValues>;
|
|
|
382
384
|
declare const typographyClassName: Partial<Record<"lp-sys-typo-title1-accent-bold" | "lp-sys-typo-title2-accent-bold" | "lp-sys-typo-title3-accent-bold" | "lp-sys-typo-title4-accent-bold" | "lp-sys-typo-title5-accent-bold" | "lp-sys-typo-title1-normal-bold" | "lp-sys-typo-title2-normal-bold" | "lp-sys-typo-title3-normal-bold" | "lp-sys-typo-title4-normal-bold" | "lp-sys-typo-title5-normal-bold" | "lp-sys-typo-display2-accent-black" | "lp-sys-typo-display3-accent-black" | "lp-sys-typo-heading1-answer" | "lp-sys-typo-heading2-answer" | "lp-sys-typo-heading3-answer" | "lp-sys-typo-heading4-answer" | "lp-sys-typo-heading5-answer" | "lp-sys-typo-heading6-answer" | "lp-sys-typo-paragraph1-normal-bold" | "lp-sys-typo-paragraph2-normal-bold" | "lp-sys-typo-paragraph3-normal-bold" | "lp-sys-typo-paragraph4-normal-bold" | "lp-sys-typo-paragraph1-normal-medium" | "lp-sys-typo-paragraph2-normal-medium" | "lp-sys-typo-paragraph3-normal-medium" | "lp-sys-typo-paragraph4-normal-medium" | "lp-sys-typo-paragraph1-normal-regular" | "lp-sys-typo-paragraph2-normal-regular" | "lp-sys-typo-paragraph3-normal-regular" | "lp-sys-typo-paragraph4-normal-regular" | "lp-sys-typo-paragraph2-post-regular" | "lp-sys-typo-paragraph3-post-regular" | "lp-sys-typo-paragraph4-post-regular" | "lp-sys-typo-paragraph2-answer-bold" | "lp-sys-typo-paragraph2-answer-regular" | "lp-sys-typo-caption1-normal-bold" | "lp-sys-typo-caption2-normal-bold" | "lp-sys-typo-caption3-normal-bold" | "lp-sys-typo-caption1-normal-medium" | "lp-sys-typo-caption2-normal-medium" | "lp-sys-typo-caption3-normal-medium" | "lp-sys-typo-caption1-normal-regular" | "lp-sys-typo-caption2-normal-regular" | "lp-sys-typo-caption3-normal-regular", "lp-sys-typo-title1-accent-bold" | "lp-sys-typo-title2-accent-bold" | "lp-sys-typo-title3-accent-bold" | "lp-sys-typo-title4-accent-bold" | "lp-sys-typo-title5-accent-bold" | "lp-sys-typo-title1-normal-bold" | "lp-sys-typo-title2-normal-bold" | "lp-sys-typo-title3-normal-bold" | "lp-sys-typo-title4-normal-bold" | "lp-sys-typo-title5-normal-bold" | "lp-sys-typo-display2-accent-black" | "lp-sys-typo-display3-accent-black" | "lp-sys-typo-heading1-answer" | "lp-sys-typo-heading2-answer" | "lp-sys-typo-heading3-answer" | "lp-sys-typo-heading4-answer" | "lp-sys-typo-heading5-answer" | "lp-sys-typo-heading6-answer" | "lp-sys-typo-paragraph1-normal-bold" | "lp-sys-typo-paragraph2-normal-bold" | "lp-sys-typo-paragraph3-normal-bold" | "lp-sys-typo-paragraph4-normal-bold" | "lp-sys-typo-paragraph1-normal-medium" | "lp-sys-typo-paragraph2-normal-medium" | "lp-sys-typo-paragraph3-normal-medium" | "lp-sys-typo-paragraph4-normal-medium" | "lp-sys-typo-paragraph1-normal-regular" | "lp-sys-typo-paragraph2-normal-regular" | "lp-sys-typo-paragraph3-normal-regular" | "lp-sys-typo-paragraph4-normal-regular" | "lp-sys-typo-paragraph2-post-regular" | "lp-sys-typo-paragraph3-post-regular" | "lp-sys-typo-paragraph4-post-regular" | "lp-sys-typo-paragraph2-answer-bold" | "lp-sys-typo-paragraph2-answer-regular" | "lp-sys-typo-caption1-normal-bold" | "lp-sys-typo-caption2-normal-bold" | "lp-sys-typo-caption3-normal-bold" | "lp-sys-typo-caption1-normal-medium" | "lp-sys-typo-caption2-normal-medium" | "lp-sys-typo-caption3-normal-medium" | "lp-sys-typo-caption1-normal-regular" | "lp-sys-typo-caption2-normal-regular" | "lp-sys-typo-caption3-normal-regular">>;
|
|
383
385
|
declare const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>>;
|
|
384
386
|
|
|
385
|
-
export { type AlphasKey, type BasicColorType, type FontFamily, type IColor, type IPrimitive, type IPrimitiveWithAlpha, SHADOW_KEYS, type SystemKeys, type TypographyCaption, type TypographyCaptionPrefix, type TypographyCaptionType, type TypographyDisplay, type TypographyDisplayPrefix, type TypographyDisplayType, type TypographyHeading, type TypographyHeadingPrefix, type TypographyHeadingType, type TypographyKeys, type TypographyParagraph, type TypographyParagraphPrefix, type TypographyParagraphType, type TypographyPrefix, type TypographyTitle, type TypographyTitlePrefix, type TypographyTitleType, type TypographyType, alphaPrimitive, type alphaPrimitiveKeys, alphas, breakpoint, breakpointOrigin, color, font, gap, iconSize, iconSizeMap, letterSpacing, opacity, padding, radius, shadow, size, typography, typographyClassName, typographyEnglish };
|
|
387
|
+
export { type AlphasKey, type BasicColorType, type FontFamily, type IColor, type IPrimitive, type IPrimitiveWithAlpha, type IconSizeKey, SHADOW_KEYS, type SystemKeys, type TypographyCaption, type TypographyCaptionPrefix, type TypographyCaptionType, type TypographyDisplay, type TypographyDisplayPrefix, type TypographyDisplayType, type TypographyHeading, type TypographyHeadingPrefix, type TypographyHeadingType, type TypographyKeys, type TypographyParagraph, type TypographyParagraphPrefix, type TypographyParagraphType, type TypographyPrefix, type TypographyTitle, type TypographyTitlePrefix, type TypographyTitleType, type TypographyType, alphaPrimitive, type alphaPrimitiveKeys, alphas, breakpoint, breakpointOrigin, color, font, gap, iconSize, iconSizeMap, letterSpacing, opacity, padding, radius, shadow, size, typography, typographyClassName, typographyEnglish };
|
package/dist/index.d.ts
CHANGED
|
@@ -44,6 +44,7 @@ declare const iconSizeMap: {
|
|
|
44
44
|
readonly l: 32;
|
|
45
45
|
readonly xl: 40;
|
|
46
46
|
};
|
|
47
|
+
type IconSizeKey = keyof typeof iconSizeMap;
|
|
47
48
|
|
|
48
49
|
declare const letterSpacing: {
|
|
49
50
|
readonly 'lp-pri-font-letterspacing-tight': "-0.03em";
|
|
@@ -170,6 +171,7 @@ interface IPrimitive {
|
|
|
170
171
|
'lp-pri-brand-original-980': '#E2F2E3';
|
|
171
172
|
'lp-pri-brand-original-450': '#197B2E';
|
|
172
173
|
'lp-pri-brand-original-500': '#0C893B';
|
|
174
|
+
'lp-pri-brand-original-400': '#006E23';
|
|
173
175
|
'lp-pri-brand-original-380': '#006820';
|
|
174
176
|
'lp-pri-brand-original-330': '#005B1D';
|
|
175
177
|
'lp-pri-brand-original-270': '#004B17';
|
|
@@ -291,7 +293,7 @@ interface IColor {
|
|
|
291
293
|
}
|
|
292
294
|
type AlphasKey = `${alphaPrimitiveKeys}-alpha-${(typeof alphas)[number]}`;
|
|
293
295
|
type MyExtract<T, U extends Partial<T>> = T extends U ? T : never;
|
|
294
|
-
type BasicColorType = MyExtract<SystemKeys, 'neutral-label-primary' | 'neutral-label-secondary' | 'neutral-label-tertiary' | 'neutral-label-quaternary' | 'neutral-label-static-primary' | 'neutral-label-static-secondary' | 'inverse-label-primary' | 'inverse-label-secondary' | 'inverse-label-tertiary' | 'inverse-label-quaternary' | 'inverse-label-static-primary' | 'inverse-label-static-secondary' | 'brand-label-primary' | 'brand-label-secondary' | 'function-label-positive' | 'function-label-negative' | 'function-label-caution' | 'accent-label-yellow' | 'accent-label-cyan' | 'accent-label-mint' | 'accent-label-purple' | 'accent-label-pink' | 'neutral-fill-overlay-low' | 'neutral-fill-overlay-mid' | 'neutral-fill-overlay-high' | 'neutral-fill-overlay-highest' | 'neutral-container-lowest' | 'neutral-container-low' | 'neutral-container-mid' | 'neutral-container-high' | 'neutral-container-highest' | 'neutral-container-static-lowest' | 'brand-container-mid' | 'brand-container-high' | 'inverse-container-lowest' | 'inverse-container-low' | 'inverse-container-mid' | 'inverse-container-high' | 'inverse-container-static-high' | 'inverse-container-highest'>;
|
|
296
|
+
type BasicColorType = MyExtract<SystemKeys, 'neutral-label-primary' | 'neutral-label-secondary' | 'neutral-label-tertiary' | 'neutral-label-quaternary' | 'neutral-label-static-primary' | 'neutral-label-static-secondary' | 'inverse-label-primary' | 'inverse-label-secondary' | 'inverse-label-tertiary' | 'inverse-label-quaternary' | 'inverse-label-static-primary' | 'inverse-label-static-secondary' | 'brand-label-primary' | 'brand-label-secondary' | 'function-label-positive' | 'function-label-negative' | 'function-label-caution' | 'function-label-link' | 'accent-label-yellow' | 'accent-label-cyan' | 'accent-label-mint' | 'accent-label-purple' | 'accent-label-pink' | 'neutral-fill-overlay-low' | 'neutral-fill-overlay-mid' | 'neutral-fill-overlay-high' | 'neutral-fill-overlay-highest' | 'neutral-container-lowest' | 'neutral-container-low' | 'neutral-container-mid' | 'neutral-container-high' | 'neutral-container-highest' | 'neutral-container-static-lowest' | 'brand-container-mid' | 'brand-container-high' | 'inverse-container-lowest' | 'inverse-container-low' | 'inverse-container-mid' | 'inverse-container-high' | 'inverse-container-static-high' | 'inverse-container-highest'>;
|
|
295
297
|
|
|
296
298
|
declare const color: IColor;
|
|
297
299
|
declare const alphas: readonly [80, 72, 64, 56, 50, 48, 44, 40, 36, 32, 28, 24, 20, 16, 12, 8, 6, 4, 1, 0];
|
|
@@ -382,4 +384,4 @@ declare const typography: Record<TypographyKeys, TypographyValues>;
|
|
|
382
384
|
declare const typographyClassName: Partial<Record<"lp-sys-typo-title1-accent-bold" | "lp-sys-typo-title2-accent-bold" | "lp-sys-typo-title3-accent-bold" | "lp-sys-typo-title4-accent-bold" | "lp-sys-typo-title5-accent-bold" | "lp-sys-typo-title1-normal-bold" | "lp-sys-typo-title2-normal-bold" | "lp-sys-typo-title3-normal-bold" | "lp-sys-typo-title4-normal-bold" | "lp-sys-typo-title5-normal-bold" | "lp-sys-typo-display2-accent-black" | "lp-sys-typo-display3-accent-black" | "lp-sys-typo-heading1-answer" | "lp-sys-typo-heading2-answer" | "lp-sys-typo-heading3-answer" | "lp-sys-typo-heading4-answer" | "lp-sys-typo-heading5-answer" | "lp-sys-typo-heading6-answer" | "lp-sys-typo-paragraph1-normal-bold" | "lp-sys-typo-paragraph2-normal-bold" | "lp-sys-typo-paragraph3-normal-bold" | "lp-sys-typo-paragraph4-normal-bold" | "lp-sys-typo-paragraph1-normal-medium" | "lp-sys-typo-paragraph2-normal-medium" | "lp-sys-typo-paragraph3-normal-medium" | "lp-sys-typo-paragraph4-normal-medium" | "lp-sys-typo-paragraph1-normal-regular" | "lp-sys-typo-paragraph2-normal-regular" | "lp-sys-typo-paragraph3-normal-regular" | "lp-sys-typo-paragraph4-normal-regular" | "lp-sys-typo-paragraph2-post-regular" | "lp-sys-typo-paragraph3-post-regular" | "lp-sys-typo-paragraph4-post-regular" | "lp-sys-typo-paragraph2-answer-bold" | "lp-sys-typo-paragraph2-answer-regular" | "lp-sys-typo-caption1-normal-bold" | "lp-sys-typo-caption2-normal-bold" | "lp-sys-typo-caption3-normal-bold" | "lp-sys-typo-caption1-normal-medium" | "lp-sys-typo-caption2-normal-medium" | "lp-sys-typo-caption3-normal-medium" | "lp-sys-typo-caption1-normal-regular" | "lp-sys-typo-caption2-normal-regular" | "lp-sys-typo-caption3-normal-regular", "lp-sys-typo-title1-accent-bold" | "lp-sys-typo-title2-accent-bold" | "lp-sys-typo-title3-accent-bold" | "lp-sys-typo-title4-accent-bold" | "lp-sys-typo-title5-accent-bold" | "lp-sys-typo-title1-normal-bold" | "lp-sys-typo-title2-normal-bold" | "lp-sys-typo-title3-normal-bold" | "lp-sys-typo-title4-normal-bold" | "lp-sys-typo-title5-normal-bold" | "lp-sys-typo-display2-accent-black" | "lp-sys-typo-display3-accent-black" | "lp-sys-typo-heading1-answer" | "lp-sys-typo-heading2-answer" | "lp-sys-typo-heading3-answer" | "lp-sys-typo-heading4-answer" | "lp-sys-typo-heading5-answer" | "lp-sys-typo-heading6-answer" | "lp-sys-typo-paragraph1-normal-bold" | "lp-sys-typo-paragraph2-normal-bold" | "lp-sys-typo-paragraph3-normal-bold" | "lp-sys-typo-paragraph4-normal-bold" | "lp-sys-typo-paragraph1-normal-medium" | "lp-sys-typo-paragraph2-normal-medium" | "lp-sys-typo-paragraph3-normal-medium" | "lp-sys-typo-paragraph4-normal-medium" | "lp-sys-typo-paragraph1-normal-regular" | "lp-sys-typo-paragraph2-normal-regular" | "lp-sys-typo-paragraph3-normal-regular" | "lp-sys-typo-paragraph4-normal-regular" | "lp-sys-typo-paragraph2-post-regular" | "lp-sys-typo-paragraph3-post-regular" | "lp-sys-typo-paragraph4-post-regular" | "lp-sys-typo-paragraph2-answer-bold" | "lp-sys-typo-paragraph2-answer-regular" | "lp-sys-typo-caption1-normal-bold" | "lp-sys-typo-caption2-normal-bold" | "lp-sys-typo-caption3-normal-bold" | "lp-sys-typo-caption1-normal-medium" | "lp-sys-typo-caption2-normal-medium" | "lp-sys-typo-caption3-normal-medium" | "lp-sys-typo-caption1-normal-regular" | "lp-sys-typo-caption2-normal-regular" | "lp-sys-typo-caption3-normal-regular">>;
|
|
383
385
|
declare const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>>;
|
|
384
386
|
|
|
385
|
-
export { type AlphasKey, type BasicColorType, type FontFamily, type IColor, type IPrimitive, type IPrimitiveWithAlpha, SHADOW_KEYS, type SystemKeys, type TypographyCaption, type TypographyCaptionPrefix, type TypographyCaptionType, type TypographyDisplay, type TypographyDisplayPrefix, type TypographyDisplayType, type TypographyHeading, type TypographyHeadingPrefix, type TypographyHeadingType, type TypographyKeys, type TypographyParagraph, type TypographyParagraphPrefix, type TypographyParagraphType, type TypographyPrefix, type TypographyTitle, type TypographyTitlePrefix, type TypographyTitleType, type TypographyType, alphaPrimitive, type alphaPrimitiveKeys, alphas, breakpoint, breakpointOrigin, color, font, gap, iconSize, iconSizeMap, letterSpacing, opacity, padding, radius, shadow, size, typography, typographyClassName, typographyEnglish };
|
|
387
|
+
export { type AlphasKey, type BasicColorType, type FontFamily, type IColor, type IPrimitive, type IPrimitiveWithAlpha, type IconSizeKey, SHADOW_KEYS, type SystemKeys, type TypographyCaption, type TypographyCaptionPrefix, type TypographyCaptionType, type TypographyDisplay, type TypographyDisplayPrefix, type TypographyDisplayType, type TypographyHeading, type TypographyHeadingPrefix, type TypographyHeadingType, type TypographyKeys, type TypographyParagraph, type TypographyParagraphPrefix, type TypographyParagraphType, type TypographyPrefix, type TypographyTitle, type TypographyTitlePrefix, type TypographyTitleType, type TypographyType, alphaPrimitive, type alphaPrimitiveKeys, alphas, breakpoint, breakpointOrigin, color, font, gap, iconSize, iconSizeMap, letterSpacing, opacity, padding, radius, shadow, size, typography, typographyClassName, typographyEnglish };
|
package/dist/index.js
CHANGED
|
@@ -382,11 +382,11 @@ var system = {
|
|
|
382
382
|
"inverse-border-opaque-subtle": ["lp-pri-gray-cool-270", "lp-pri-gray-cool-920"],
|
|
383
383
|
// brand / container
|
|
384
384
|
"brand-container-mid": ["lp-pri-brand-original-450", "lp-pri-brand-variation-380"],
|
|
385
|
-
"brand-container-mid-hover": ["lp-pri-brand-original-
|
|
385
|
+
"brand-container-mid-hover": ["lp-pri-brand-original-400", "lp-pri-brand-variation-420"],
|
|
386
386
|
"brand-container-high": ["lp-pri-brand-original-50", "lp-pri-brand-original-990"],
|
|
387
387
|
// brand / fill
|
|
388
388
|
"brand-fill-mid": ["lp-pri-brand-original-450", "lp-pri-brand-variation-380"],
|
|
389
|
-
"brand-fill-mid-hover": ["lp-pri-brand-original-
|
|
389
|
+
"brand-fill-mid-hover": ["lp-pri-brand-original-400", "lp-pri-brand-variation-420"],
|
|
390
390
|
"brand-fill-low": ["lp-pri-brand-original-990", "lp-pri-brand-variation-170"],
|
|
391
391
|
"brand-fill-low-hover": ["lp-pri-brand-original-980", "lp-pri-brand-variation-230"],
|
|
392
392
|
// brand / label
|
|
@@ -398,11 +398,11 @@ var system = {
|
|
|
398
398
|
"brand-border-opaque-strong": ["lp-pri-brand-original-450", "lp-pri-brand-variation-950"],
|
|
399
399
|
// brand / inverse container
|
|
400
400
|
"brandinverse-container-mid": ["lp-pri-brand-variation-380", "lp-pri-brand-original-450"],
|
|
401
|
-
"brandinverse-container-mid-hover": ["lp-pri-brand-variation-420", "lp-pri-brand-original-
|
|
401
|
+
"brandinverse-container-mid-hover": ["lp-pri-brand-variation-420", "lp-pri-brand-original-400"],
|
|
402
402
|
"brandinverse-container-high": ["lp-pri-brand-original-990", "lp-pri-brand-original-50"],
|
|
403
403
|
// brand inverse fill
|
|
404
404
|
"brandinverse-fill-mid": ["lp-pri-brand-variation-380", "lp-pri-brand-original-450"],
|
|
405
|
-
"brandinverse-fill-mid-hover": ["lp-pri-brand-variation-420", "lp-pri-brand-original-
|
|
405
|
+
"brandinverse-fill-mid-hover": ["lp-pri-brand-variation-420", "lp-pri-brand-original-400"],
|
|
406
406
|
"brandinverse-fill-low": ["lp-pri-brand-variation-170", "lp-pri-brand-original-990"],
|
|
407
407
|
"brandinverse-fill-low-hover": ["lp-pri-brand-variation-230", "lp-pri-brand-original-980"],
|
|
408
408
|
// brand / inverse label
|
|
@@ -461,6 +461,7 @@ var color = {
|
|
|
461
461
|
"lp-pri-brand-original-980": "#E2F2E3",
|
|
462
462
|
"lp-pri-brand-original-500": "#0C893B",
|
|
463
463
|
"lp-pri-brand-original-450": "#197B2E",
|
|
464
|
+
"lp-pri-brand-original-400": "#006E23",
|
|
464
465
|
"lp-pri-brand-original-380": "#006820",
|
|
465
466
|
"lp-pri-brand-original-330": "#005B1D",
|
|
466
467
|
"lp-pri-brand-original-270": "#004B17",
|
package/dist/index.mjs
CHANGED
|
@@ -338,11 +338,11 @@ var system = {
|
|
|
338
338
|
"inverse-border-opaque-subtle": ["lp-pri-gray-cool-270", "lp-pri-gray-cool-920"],
|
|
339
339
|
// brand / container
|
|
340
340
|
"brand-container-mid": ["lp-pri-brand-original-450", "lp-pri-brand-variation-380"],
|
|
341
|
-
"brand-container-mid-hover": ["lp-pri-brand-original-
|
|
341
|
+
"brand-container-mid-hover": ["lp-pri-brand-original-400", "lp-pri-brand-variation-420"],
|
|
342
342
|
"brand-container-high": ["lp-pri-brand-original-50", "lp-pri-brand-original-990"],
|
|
343
343
|
// brand / fill
|
|
344
344
|
"brand-fill-mid": ["lp-pri-brand-original-450", "lp-pri-brand-variation-380"],
|
|
345
|
-
"brand-fill-mid-hover": ["lp-pri-brand-original-
|
|
345
|
+
"brand-fill-mid-hover": ["lp-pri-brand-original-400", "lp-pri-brand-variation-420"],
|
|
346
346
|
"brand-fill-low": ["lp-pri-brand-original-990", "lp-pri-brand-variation-170"],
|
|
347
347
|
"brand-fill-low-hover": ["lp-pri-brand-original-980", "lp-pri-brand-variation-230"],
|
|
348
348
|
// brand / label
|
|
@@ -354,11 +354,11 @@ var system = {
|
|
|
354
354
|
"brand-border-opaque-strong": ["lp-pri-brand-original-450", "lp-pri-brand-variation-950"],
|
|
355
355
|
// brand / inverse container
|
|
356
356
|
"brandinverse-container-mid": ["lp-pri-brand-variation-380", "lp-pri-brand-original-450"],
|
|
357
|
-
"brandinverse-container-mid-hover": ["lp-pri-brand-variation-420", "lp-pri-brand-original-
|
|
357
|
+
"brandinverse-container-mid-hover": ["lp-pri-brand-variation-420", "lp-pri-brand-original-400"],
|
|
358
358
|
"brandinverse-container-high": ["lp-pri-brand-original-990", "lp-pri-brand-original-50"],
|
|
359
359
|
// brand inverse fill
|
|
360
360
|
"brandinverse-fill-mid": ["lp-pri-brand-variation-380", "lp-pri-brand-original-450"],
|
|
361
|
-
"brandinverse-fill-mid-hover": ["lp-pri-brand-variation-420", "lp-pri-brand-original-
|
|
361
|
+
"brandinverse-fill-mid-hover": ["lp-pri-brand-variation-420", "lp-pri-brand-original-400"],
|
|
362
362
|
"brandinverse-fill-low": ["lp-pri-brand-variation-170", "lp-pri-brand-original-990"],
|
|
363
363
|
"brandinverse-fill-low-hover": ["lp-pri-brand-variation-230", "lp-pri-brand-original-980"],
|
|
364
364
|
// brand / inverse label
|
|
@@ -417,6 +417,7 @@ var color = {
|
|
|
417
417
|
"lp-pri-brand-original-980": "#E2F2E3",
|
|
418
418
|
"lp-pri-brand-original-500": "#0C893B",
|
|
419
419
|
"lp-pri-brand-original-450": "#197B2E",
|
|
420
|
+
"lp-pri-brand-original-400": "#006E23",
|
|
420
421
|
"lp-pri-brand-original-380": "#006820",
|
|
421
422
|
"lp-pri-brand-original-330": "#005B1D",
|
|
422
423
|
"lp-pri-brand-original-270": "#004B17",
|
package/package.json
CHANGED
|
@@ -140,12 +140,12 @@ const system: Record<SystemKeys, [keyof IPrimitiveWithAlpha, keyof IPrimitiveWit
|
|
|
140
140
|
|
|
141
141
|
// brand / container
|
|
142
142
|
'brand-container-mid': ['lp-pri-brand-original-450', 'lp-pri-brand-variation-380'],
|
|
143
|
-
'brand-container-mid-hover': ['lp-pri-brand-original-
|
|
143
|
+
'brand-container-mid-hover': ['lp-pri-brand-original-400', 'lp-pri-brand-variation-420'],
|
|
144
144
|
'brand-container-high': ['lp-pri-brand-original-50', 'lp-pri-brand-original-990'],
|
|
145
145
|
|
|
146
146
|
// brand / fill
|
|
147
147
|
'brand-fill-mid': ['lp-pri-brand-original-450', 'lp-pri-brand-variation-380'],
|
|
148
|
-
'brand-fill-mid-hover': ['lp-pri-brand-original-
|
|
148
|
+
'brand-fill-mid-hover': ['lp-pri-brand-original-400', 'lp-pri-brand-variation-420'],
|
|
149
149
|
'brand-fill-low': ['lp-pri-brand-original-990', 'lp-pri-brand-variation-170'],
|
|
150
150
|
'brand-fill-low-hover': ['lp-pri-brand-original-980', 'lp-pri-brand-variation-230'],
|
|
151
151
|
|
|
@@ -160,12 +160,12 @@ const system: Record<SystemKeys, [keyof IPrimitiveWithAlpha, keyof IPrimitiveWit
|
|
|
160
160
|
|
|
161
161
|
// brand / inverse container
|
|
162
162
|
'brandinverse-container-mid': ['lp-pri-brand-variation-380', 'lp-pri-brand-original-450'],
|
|
163
|
-
'brandinverse-container-mid-hover': ['lp-pri-brand-variation-420', 'lp-pri-brand-original-
|
|
163
|
+
'brandinverse-container-mid-hover': ['lp-pri-brand-variation-420', 'lp-pri-brand-original-400'],
|
|
164
164
|
'brandinverse-container-high': ['lp-pri-brand-original-990', 'lp-pri-brand-original-50'],
|
|
165
165
|
|
|
166
166
|
// brand inverse fill
|
|
167
167
|
'brandinverse-fill-mid': ['lp-pri-brand-variation-380', 'lp-pri-brand-original-450'],
|
|
168
|
-
'brandinverse-fill-mid-hover': ['lp-pri-brand-variation-420', 'lp-pri-brand-original-
|
|
168
|
+
'brandinverse-fill-mid-hover': ['lp-pri-brand-variation-420', 'lp-pri-brand-original-400'],
|
|
169
169
|
'brandinverse-fill-low': ['lp-pri-brand-variation-170', 'lp-pri-brand-original-990'],
|
|
170
170
|
'brandinverse-fill-low-hover': ['lp-pri-brand-variation-230', 'lp-pri-brand-original-980'],
|
|
171
171
|
|
|
@@ -233,6 +233,7 @@ export const color: IColor = {
|
|
|
233
233
|
'lp-pri-brand-original-980': '#E2F2E3',
|
|
234
234
|
'lp-pri-brand-original-500': '#0C893B',
|
|
235
235
|
'lp-pri-brand-original-450': '#197B2E',
|
|
236
|
+
'lp-pri-brand-original-400': '#006E23',
|
|
236
237
|
'lp-pri-brand-original-380': '#006820',
|
|
237
238
|
'lp-pri-brand-original-330': '#005B1D',
|
|
238
239
|
'lp-pri-brand-original-270': '#004B17',
|
|
@@ -22,6 +22,7 @@ export interface IPrimitive {
|
|
|
22
22
|
'lp-pri-brand-original-980': '#E2F2E3';
|
|
23
23
|
'lp-pri-brand-original-450': '#197B2E';
|
|
24
24
|
'lp-pri-brand-original-500': '#0C893B';
|
|
25
|
+
'lp-pri-brand-original-400': '#006E23';
|
|
25
26
|
'lp-pri-brand-original-380': '#006820';
|
|
26
27
|
'lp-pri-brand-original-330': '#005B1D';
|
|
27
28
|
'lp-pri-brand-original-270': '#004B17';
|
|
@@ -293,6 +294,7 @@ export type BasicColorType = MyExtract<
|
|
|
293
294
|
| 'function-label-positive'
|
|
294
295
|
| 'function-label-negative'
|
|
295
296
|
| 'function-label-caution'
|
|
297
|
+
| 'function-label-link'
|
|
296
298
|
| 'accent-label-yellow'
|
|
297
299
|
| 'accent-label-cyan'
|
|
298
300
|
| 'accent-label-mint'
|