@loadsmart/miranda-tokens - npm Package Compare versions

Comparing version 2.12.1 to 2.13.0

dist/index.d.ts

@@ -1,2 +0,2 @@
-export type { BackgroundColorToken, BorderRadiusToken, BorderToken, BorderWidthToken, ColorToken, ElevationToken, FontFamilyToken, FontSizeToken, FontWeightToken, GlobalToken, GlowToken, LineHeightToken, OpacityToken, SpacingToken, SpacingTokenWithNone, Token, } from './types';
+export type { BackgroundColorToken, BorderRadiusToken, BorderToken, BorderWidthToken, ColorToken, ElevationToken, FontFamilyToken, FontSizeToken, FontWeightToken, GlobalToken, GlowToken, LineHeightToken, MediaQueryToken, OpacityToken, SpacingToken, SpacingTokenWithNone, Token, } from './types';
 export * from './values';
@@ -3,0 +3,0 @@ export { toSpacingCSSValue } from './utils/to-spacing-css-value';

dist/index.js

@@ -1,1 +0,1 @@
-"use strict";var r=require("./themes.js");function t(r,t){return r.filter((function(r){return r.startsWith(t)}))}function o(r,t){return r.filter((function(r){return!r.startsWith(t)}))}"function"==typeof SuppressedError&&SuppressedError;var e=o(o(Object.keys(r.LoadsmartTheme),"brand-"),"platform-"),n=t(e,"color-background-"),a=t(e,"border-radius-"),s=t(e,"border-"),c=t(e,"color-"),i=t(e,"elevation-"),u=t(e,"font-family-"),p=t(e,"font-size-"),l=t(e,"font-weight-"),O=t(e,"global-"),S=t(e,"glow-"),E=t(e,"line-height-"),T=t(e,"opacity-"),N=t(e,"spacing-"),f=function(r,t,o){if(o||2===arguments.length)for(var e,n=0,a=t.length;n<a;n++)!e&&n in t||(e||(e=Array.prototype.slice.call(t,0,n)),e[n]=t[n]);return r.concat(e||Array.prototype.slice.call(t))}(["none"],N,!0);function _(t){return r.LoadsmartTheme[t]}function x(r){var t=_(r);return null==t?t:"--m-".concat(r)}function d(r,t){var o=_(r);return null==o?"":r.startsWith("color-")?"rgba(var(".concat(x(r),", ").concat(o,"), ").concat(null!=t?t:1,")"):"var(".concat(x(r),", ").concat(o,")")}exports.BACKGROUND_COLOR_TOKENS=n,exports.BORDER_RADIUS_TOKENS=a,exports.BORDER_TOKENS=s,exports.BORDER_WIDTH_TOKENS=["border-none","border-thin","border-medium","border-thick"],exports.COLOR_TOKENS=c,exports.ELEVATION_TOKENS=i,exports.FONT_FAMILY_TOKENS=u,exports.FONT_SIZE_TOKENS=p,exports.FONT_WEIGHT_TOKENS=l,exports.GLOBAL_TOKENS=O,exports.GLOW_TOKENS=S,exports.LINE_HEIGHT_TOKENS=E,exports.OPACITY_TOKENS=T,exports.SPACING_TOKENS=N,exports.SPACING_TOKENS_WITH_NONE=f,exports.TOKENS=e,exports.getHexColor=function(r){var t=String(_(r)||"");if(t){var o=t.split(", ").map(Number);if(3!==o.length)throw new Error("color token must be in the `R, G, B` format");return o.reduce((function(r,t){var o=t.toString(16).padStart(2,"0");return r.concat(o)}),"#")}},exports.getToken=_,exports.toCSSValue=d,exports.toCSSVariable=x,exports.toSpacingCSSValue=function(r,t){var o,e=t?d(t):"";return r&&null!==(o="none"===r?"0":d(r))&&void 0!==o?o:e};
+"use strict";var r=require("./themes.js");function t(r,t){return r.filter((function(r){return r.startsWith(t)}))}function o(r,t){return r.filter((function(r){return!r.startsWith(t)}))}"function"==typeof SuppressedError&&SuppressedError;var e=o(o(Object.keys(r.LoadsmartTheme),"brand-"),"platform-"),n=t(e,"color-background-"),a=t(e,"border-radius-"),s=t(e,"border-"),i=t(e,"color-"),c=t(e,"elevation-"),u=t(e,"font-family-"),p=t(e,"font-size-"),l=t(e,"font-weight-"),O=t(e,"global-"),S=t(e,"glow-"),E=t(e,"line-height-"),T=t(e,"opacity-"),N=t(e,"spacing-"),_=t(e,"media-"),f=function(r,t,o){if(o||2===arguments.length)for(var e,n=0,a=t.length;n<a;n++)!e&&n in t||(e||(e=Array.prototype.slice.call(t,0,n)),e[n]=t[n]);return r.concat(e||Array.prototype.slice.call(t))}(["none"],N,!0);function x(t){return r.LoadsmartTheme[t]}function d(r){var t=x(r);return null==t?t:"--m-".concat(r)}function K(r,t){var o=x(r);return null==o?"":r.startsWith("color-")?"rgba(var(".concat(d(r),", ").concat(o,"), ").concat(null!=t?t:1,")"):"var(".concat(d(r),", ").concat(o,")")}exports.BACKGROUND_COLOR_TOKENS=n,exports.BORDER_RADIUS_TOKENS=a,exports.BORDER_TOKENS=s,exports.BORDER_WIDTH_TOKENS=["border-none","border-thin","border-medium","border-thick"],exports.COLOR_TOKENS=i,exports.ELEVATION_TOKENS=c,exports.FONT_FAMILY_TOKENS=u,exports.FONT_SIZE_TOKENS=p,exports.FONT_WEIGHT_TOKENS=l,exports.GLOBAL_TOKENS=O,exports.GLOW_TOKENS=S,exports.LINE_HEIGHT_TOKENS=E,exports.MEDIA_QUERY_TOKENS=_,exports.OPACITY_TOKENS=T,exports.SPACING_TOKENS=N,exports.SPACING_TOKENS_WITH_NONE=f,exports.TOKENS=e,exports.getHexColor=function(r){var t=String(x(r)||"");if(t){var o=t.split(", ").map(Number);if(3!==o.length)throw new Error("color token must be in the `R, G, B` format");return o.reduce((function(r,t){var o=t.toString(16).padStart(2,"0");return r.concat(o)}),"#")}},exports.getToken=x,exports.toCSSValue=K,exports.toCSSVariable=d,exports.toSpacingCSSValue=function(r,t){var o,e=t?K(t):"";return r&&null!==(o="none"===r?"0":K(r))&&void 0!==o?o:e};

dist/themes.js

@@ -1,1 +0,1 @@
-"use strict";exports.LoadsmartTheme={"brand-color-brand":"20, 214, 77","brand-color-brand-accent-1":"0, 215, 215","brand-color-brand-accent-2":"132, 241, 30","border-radius-none":"0px","border-radius-s":"4px","border-radius-m":"8px","border-radius-l":"16px","border-radius-circle":"50%","border-none":0,"border-thin":"1px","border-medium":"2px","border-thick":"4px","color-background-primary":"252, 252, 255","color-background-secondary":"248, 249, 251","color-background-tertiary":"230, 237, 242","color-background-highlight":"202, 219, 221","color-background-inverted":"32, 41, 49","color-background-secondary-inverted":"61, 74, 85","color-border":"193, 206, 217","color-divider":"230, 237, 242","color-brand":"20, 214, 77","color-brand-accent-1":"0, 215, 215","color-brand-accent-2":"132, 241, 30","color-primary-20":"202, 219, 221","color-primary-60":"0, 84, 84","color-primary-100":"0, 51, 51","color-accent-20":"229, 245, 255","color-accent-60":"0, 98, 159","color-accent-100":"15, 66, 97","color-neutral-0":"252, 252, 255","color-neutral-10":"248, 249, 251","color-neutral-20":"230, 237, 242","color-neutral-40":"193, 206, 217","color-neutral-60":"94, 118, 138","color-neutral-80":"92, 106, 118","color-neutral-90":"61, 74, 85","color-neutral-100":"32, 41, 49","color-success-20":"227, 247, 239","color-success-60":"3, 124, 94","color-success-100":"0, 94, 71","color-danger-20":"255, 233, 230","color-danger-60":"186, 27, 27","color-danger-100":"104, 0, 3","color-warning-20":"255, 243, 214","color-warning-60":"248, 182, 14","color-warning-100":"102, 63, 25","color-text-primary":"32, 41, 49","color-text-secondary":"61, 74, 85","color-text-tertiary":"92, 106, 118","color-text-placeholder":"94, 118, 138","color-text-disabled":"193, 206, 217","color-text-inverted":"252, 252, 255","color-text-secondary-inverted":"193, 206, 217","color-text-error":"186, 27, 27","color-text-highlight":"0, 98, 159","color-text-link":"0, 84, 84","font-family-default":"'Manrope', sans-serif","font-family-title":"'PlusJakartaSans', 'Manrope', sans-serif","font-size-1":"0.625rem","font-size-2":"0.75rem","font-size-3":"0.875rem","font-size-4":"1rem","font-size-5":"1.25rem","font-size-6":"1.625rem","font-size-7":"2.375rem","font-size-8":"3rem","font-size-9":"3.625rem","font-weight-regular":500,"font-weight-medium":600,"font-weight-bold":700,"line-height-1":"100%","line-height-2":"125%","line-height-3":"130%","line-height-4":"140%","line-height-5":"150%","line-height-6":"180%","global-height-small":"1.75rem","global-height-default":"2.5rem","global-height-large":"3rem","opacity-0":"0%","opacity-20":"20%","opacity-40":"40%","opacity-60":"60%","opacity-100":"100%","elevation-1":"0px 0px 2px rgba(94, 118, 138, 0.1), 0px 1px 6px 2px rgba(61, 74, 85, 0.15)","elevation-2":"0px 1px 3px rgba(94, 118, 138, 0.2), 0px 4px 8px 3px rgba(61, 74, 85, 0.15)","elevation-3":"0px 0px 4px rgba(94, 118, 138, 0.2), 0px 6px 12px 6px rgba(61, 74, 85, 0.15)","elevation-4":"0px 5px 6px 4px rgba(94, 118, 138, 0.2), 0px 8px 10px rgba(61, 74, 85, 0.1)","glow-primary":"0.0px 0.0px 4.0px 0px rgb(3, 124, 94, .5)","glow-warning":"0.0px 0.0px 4.0px 0px rgba(255, 206, 79, 1.0)","spacing-1":"4px","spacing-2":"8px","spacing-3":"12px","spacing-4":"16px","spacing-5":"20px","spacing-6":"24px","spacing-8":"32px","spacing-10":"40px","spacing-12":"48px","spacing-14":"56px","spacing-16":"64px","spacing-20":"80px","spacing-30":"120px","spacing-0-5":"2px","platform-font-default":"'Manrope', sans-serif","platform-font-title":"'PlusJakartaSans', 'Manrope', sans-serif"};
+"use strict";exports.LoadsmartTheme={"brand-color-brand":"20, 214, 77","brand-color-brand-accent-1":"0, 215, 215","brand-color-brand-accent-2":"132, 241, 30","border-radius-none":"0px","border-radius-s":"4px","border-radius-m":"8px","border-radius-l":"16px","border-radius-circle":"50%","border-none":0,"border-thin":"1px","border-medium":"2px","border-thick":"4px","color-background-primary":"252, 252, 255","color-background-secondary":"248, 249, 251","color-background-tertiary":"230, 237, 242","color-background-highlight":"202, 219, 221","color-background-inverted":"32, 41, 49","color-background-secondary-inverted":"61, 74, 85","color-border":"193, 206, 217","color-divider":"230, 237, 242","color-brand":"20, 214, 77","color-brand-accent-1":"0, 215, 215","color-brand-accent-2":"132, 241, 30","color-primary-20":"202, 219, 221","color-primary-60":"0, 84, 84","color-primary-100":"0, 51, 51","color-accent-20":"229, 245, 255","color-accent-60":"0, 98, 159","color-accent-100":"15, 66, 97","color-neutral-0":"252, 252, 255","color-neutral-10":"248, 249, 251","color-neutral-20":"230, 237, 242","color-neutral-40":"193, 206, 217","color-neutral-60":"94, 118, 138","color-neutral-80":"92, 106, 118","color-neutral-90":"61, 74, 85","color-neutral-100":"32, 41, 49","color-success-20":"227, 247, 239","color-success-60":"3, 124, 94","color-success-100":"0, 94, 71","color-danger-20":"255, 233, 230","color-danger-60":"186, 27, 27","color-danger-100":"104, 0, 3","color-warning-20":"255, 243, 214","color-warning-60":"248, 182, 14","color-warning-100":"102, 63, 25","color-text-primary":"32, 41, 49","color-text-secondary":"61, 74, 85","color-text-tertiary":"92, 106, 118","color-text-placeholder":"94, 118, 138","color-text-disabled":"193, 206, 217","color-text-inverted":"252, 252, 255","color-text-secondary-inverted":"193, 206, 217","color-text-error":"186, 27, 27","color-text-highlight":"0, 98, 159","color-text-link":"0, 84, 84","font-family-default":"'Manrope', sans-serif","font-family-title":"'PlusJakartaSans', 'Manrope', sans-serif","font-size-1":"0.625rem","font-size-2":"0.75rem","font-size-3":"0.875rem","font-size-4":"1rem","font-size-5":"1.25rem","font-size-6":"1.625rem","font-size-7":"2.375rem","font-size-8":"3rem","font-size-9":"3.625rem","font-weight-regular":500,"font-weight-medium":600,"font-weight-bold":700,"line-height-1":"100%","line-height-2":"125%","line-height-3":"130%","line-height-4":"140%","line-height-5":"150%","line-height-6":"180%","global-height-small":"1.75rem","global-height-default":"2.5rem","global-height-large":"3rem","media-screen-desktop":"1025px","opacity-0":"0%","opacity-20":"20%","opacity-40":"40%","opacity-60":"60%","opacity-100":"100%","elevation-1":"0px 0px 2px rgba(94, 118, 138, 0.1), 0px 1px 6px 2px rgba(61, 74, 85, 0.15)","elevation-2":"0px 1px 3px rgba(94, 118, 138, 0.2), 0px 4px 8px 3px rgba(61, 74, 85, 0.15)","elevation-3":"0px 0px 4px rgba(94, 118, 138, 0.2), 0px 6px 12px 6px rgba(61, 74, 85, 0.15)","elevation-4":"0px 5px 6px 4px rgba(94, 118, 138, 0.2), 0px 8px 10px rgba(61, 74, 85, 0.1)","glow-primary":"0.0px 0.0px 4.0px 0px rgb(3, 124, 94, .5)","glow-warning":"0.0px 0.0px 4.0px 0px rgba(255, 206, 79, 1.0)","spacing-1":"4px","spacing-2":"8px","spacing-3":"12px","spacing-4":"16px","spacing-5":"20px","spacing-6":"24px","spacing-8":"32px","spacing-10":"40px","spacing-12":"48px","spacing-14":"56px","spacing-16":"64px","spacing-20":"80px","spacing-30":"120px","spacing-0-5":"2px","platform-font-default":"'Manrope', sans-serif","platform-font-title":"'PlusJakartaSans', 'Manrope', sans-serif"};

dist/themes/loadsmart.theme.d.ts

@@ -85,2 +85,3 @@ /**
     "global-height-large": string;
+    "media-screen-desktop": string;
     "opacity-0": string;
@@ -87,0 +88,0 @@ "opacity-20": string;

dist/types.d.ts

@@ -1,2 +0,2 @@
-import type { BACKGROUND_COLOR_TOKENS, BORDER_RADIUS_TOKENS, BORDER_TOKENS, BORDER_WIDTH_TOKENS, COLOR_TOKENS, ELEVATION_TOKENS, FONT_FAMILY_TOKENS, FONT_SIZE_TOKENS, FONT_WEIGHT_TOKENS, GLOBAL_TOKENS, GLOW_TOKENS, LINE_HEIGHT_TOKENS, OPACITY_TOKENS, SPACING_TOKENS, SPACING_TOKENS_WITH_NONE, TOKENS } from './values';
+import type { BACKGROUND_COLOR_TOKENS, BORDER_RADIUS_TOKENS, BORDER_TOKENS, BORDER_WIDTH_TOKENS, COLOR_TOKENS, ELEVATION_TOKENS, FONT_FAMILY_TOKENS, FONT_SIZE_TOKENS, FONT_WEIGHT_TOKENS, GLOBAL_TOKENS, GLOW_TOKENS, LINE_HEIGHT_TOKENS, OPACITY_TOKENS, SPACING_TOKENS, SPACING_TOKENS_WITH_NONE, MEDIA_QUERY_TOKENS, TOKENS } from './values';
 type DashPrefix<T extends string> = T extends '' ? '' : `-${T}`;
@@ -26,3 +26,4 @@ export type DashNestedKeys<T> = T extends string | number ? '' : (T extends object ? {
 export type SpacingTokenWithNone = (typeof SPACING_TOKENS_WITH_NONE)[number];
+export type MediaQueryToken = (typeof MEDIA_QUERY_TOKENS)[number];
 export type Token = (typeof TOKENS)[number];
 export {};

dist/utils/to-css-value.d.ts

@@ -1,5 +0,5 @@
-import type { BorderToken, ColorToken, ElevationToken, FontFamilyToken, FontSizeToken, FontWeightToken, GlowToken, LineHeightToken, OpacityToken, SpacingToken, GlobalToken } from '../types';
-type NonColorToken = BorderToken | ElevationToken | FontFamilyToken | FontSizeToken | FontWeightToken | GlowToken | LineHeightToken | OpacityToken | SpacingToken | GlobalToken;
+import type { BorderToken, ColorToken, ElevationToken, FontFamilyToken, FontSizeToken, FontWeightToken, GlowToken, LineHeightToken, MediaQueryToken, OpacityToken, SpacingToken, GlobalToken } from '../types';
+type NonColorToken = BorderToken | ElevationToken | FontFamilyToken | FontSizeToken | FontWeightToken | GlowToken | LineHeightToken | MediaQueryToken | OpacityToken | SpacingToken | GlobalToken;
 declare function toCSSValue(token: ColorToken, alpha?: number): string;
 declare function toCSSValue(token: NonColorToken): string;
 export default toCSSValue;

dist/values.d.ts

@@ -1,2 +0,2 @@
-export declare const TOKENS: ("border-radius-none" | "border-radius-s" | "border-radius-m" | "border-radius-l" | "border-radius-circle" | "border-none" | "border-thin" | "border-medium" | "border-thick" | "color-background-primary" | "color-background-secondary" | "color-background-tertiary" | "color-background-highlight" | "color-background-inverted" | "color-background-secondary-inverted" | "color-border" | "color-divider" | "color-brand" | "color-brand-accent-1" | "color-brand-accent-2" | "color-primary-20" | "color-primary-60" | "color-primary-100" | "color-accent-20" | "color-accent-60" | "color-accent-100" | "color-neutral-0" | "color-neutral-10" | "color-neutral-20" | "color-neutral-40" | "color-neutral-60" | "color-neutral-80" | "color-neutral-90" | "color-neutral-100" | "color-success-20" | "color-success-60" | "color-success-100" | "color-danger-20" | "color-danger-60" | "color-danger-100" | "color-warning-20" | "color-warning-60" | "color-warning-100" | "color-text-primary" | "color-text-secondary" | "color-text-tertiary" | "color-text-placeholder" | "color-text-disabled" | "color-text-inverted" | "color-text-secondary-inverted" | "color-text-error" | "color-text-highlight" | "color-text-link" | "font-family-default" | "font-family-title" | "font-size-1" | "font-size-2" | "font-size-3" | "font-size-4" | "font-size-5" | "font-size-6" | "font-size-7" | "font-size-8" | "font-size-9" | "font-weight-regular" | "font-weight-medium" | "font-weight-bold" | "line-height-1" | "line-height-2" | "line-height-3" | "line-height-4" | "line-height-5" | "line-height-6" | "global-height-small" | "global-height-default" | "global-height-large" | "opacity-0" | "opacity-20" | "opacity-40" | "opacity-60" | "opacity-100" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "glow-primary" | "glow-warning" | "spacing-1" | "spacing-2" | "spacing-3" | "spacing-4" | "spacing-5" | "spacing-6" | "spacing-8" | "spacing-10" | "spacing-12" | "spacing-14" | "spacing-16" | "spacing-20" | "spacing-30" | "spacing-0-5")[];
+export declare const TOKENS: ("border-radius-none" | "border-radius-s" | "border-radius-m" | "border-radius-l" | "border-radius-circle" | "border-none" | "border-thin" | "border-medium" | "border-thick" | "color-background-primary" | "color-background-secondary" | "color-background-tertiary" | "color-background-highlight" | "color-background-inverted" | "color-background-secondary-inverted" | "color-border" | "color-divider" | "color-brand" | "color-brand-accent-1" | "color-brand-accent-2" | "color-primary-20" | "color-primary-60" | "color-primary-100" | "color-accent-20" | "color-accent-60" | "color-accent-100" | "color-neutral-0" | "color-neutral-10" | "color-neutral-20" | "color-neutral-40" | "color-neutral-60" | "color-neutral-80" | "color-neutral-90" | "color-neutral-100" | "color-success-20" | "color-success-60" | "color-success-100" | "color-danger-20" | "color-danger-60" | "color-danger-100" | "color-warning-20" | "color-warning-60" | "color-warning-100" | "color-text-primary" | "color-text-secondary" | "color-text-tertiary" | "color-text-placeholder" | "color-text-disabled" | "color-text-inverted" | "color-text-secondary-inverted" | "color-text-error" | "color-text-highlight" | "color-text-link" | "font-family-default" | "font-family-title" | "font-size-1" | "font-size-2" | "font-size-3" | "font-size-4" | "font-size-5" | "font-size-6" | "font-size-7" | "font-size-8" | "font-size-9" | "font-weight-regular" | "font-weight-medium" | "font-weight-bold" | "line-height-1" | "line-height-2" | "line-height-3" | "line-height-4" | "line-height-5" | "line-height-6" | "global-height-small" | "global-height-default" | "global-height-large" | "media-screen-desktop" | "opacity-0" | "opacity-20" | "opacity-40" | "opacity-60" | "opacity-100" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "glow-primary" | "glow-warning" | "spacing-1" | "spacing-2" | "spacing-3" | "spacing-4" | "spacing-5" | "spacing-6" | "spacing-8" | "spacing-10" | "spacing-12" | "spacing-14" | "spacing-16" | "spacing-20" | "spacing-30" | "spacing-0-5")[];
 export declare const BACKGROUND_COLOR_TOKENS: ("color-background-primary" | "color-background-secondary" | "color-background-tertiary" | "color-background-highlight" | "color-background-inverted" | "color-background-secondary-inverted")[];
@@ -16,2 +16,3 @@ export declare const BORDER_RADIUS_TOKENS: ("border-radius-none" | "border-radius-s" | "border-radius-m" | "border-radius-l" | "border-radius-circle")[];
 export declare const SPACING_TOKENS: ("spacing-1" | "spacing-2" | "spacing-3" | "spacing-4" | "spacing-5" | "spacing-6" | "spacing-8" | "spacing-10" | "spacing-12" | "spacing-14" | "spacing-16" | "spacing-20" | "spacing-30" | "spacing-0-5")[];
+export declare const MEDIA_QUERY_TOKENS: "media-screen-desktop"[];
 export declare const SPACING_TOKENS_WITH_NONE: readonly ["none", ...("spacing-1" | "spacing-2" | "spacing-3" | "spacing-4" | "spacing-5" | "spacing-6" | "spacing-8" | "spacing-10" | "spacing-12" | "spacing-14" | "spacing-16" | "spacing-20" | "spacing-30" | "spacing-0-5")[]];

package.json

 {
 	"name": "@loadsmart/miranda-tokens",
-	"version": "2.12.1",
+	"version": "2.13.0",
 	"description": "Design tokens for the Miranda Design System",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

34007

increased by1.3%

Lines of code

363

increased by1.11%

No dependency changes