@loadsmart/miranda-tokens - npm Package Compare versions

Comparing version 3.0.1 to 3.1.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';
@@ -7,1 +7,2 @@ export { toSpacingCSSValue } from './utils/to-spacing-css-value';
 export { default as toCSSValue } from './utils/to-css-value';
+export { getHexColor } from './utils/get-hex-color';

dist/index.js

@@ -1,1 +0,183 @@
-"use strict";var r=require("./themes.js"),t=require("@loadsmart/miranda-tokens");function o(r,t){return r.filter((function(r){return r.startsWith(t)}))}function e(r,t){return r.filter((function(r){return!r.startsWith(t)}))}"function"==typeof SuppressedError&&SuppressedError;var n=e(e(Object.keys(r.LoadsmartTheme),"brand-"),"platform-"),a=o(n,"color-background-"),s=o(n,"border-radius-"),c=o(n,"border-"),i=o(n,"color-"),u=o(n,"elevation-"),l=o(n,"font-family-"),p=o(n,"font-size-"),O=o(n,"font-weight-"),S=o(n,"global-"),E=o(n,"glow-"),T=o(n,"line-height-"),N=o(n,"opacity-"),_=o(n,"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"],_,!0);function x(t){return r.LoadsmartTheme[t]}function d(r){var t=x(r);return null==t?t:"--m-".concat(r)}exports.BACKGROUND_COLOR_TOKENS=a,exports.BORDER_RADIUS_TOKENS=s,exports.BORDER_TOKENS=c,exports.BORDER_WIDTH_TOKENS=["border-none","border-thin","border-medium","border-thick"],exports.COLOR_TOKENS=i,exports.ELEVATION_TOKENS=u,exports.FONT_FAMILY_TOKENS=l,exports.FONT_SIZE_TOKENS=p,exports.FONT_WEIGHT_TOKENS=O,exports.GLOBAL_TOKENS=S,exports.GLOW_TOKENS=E,exports.LINE_HEIGHT_TOKENS=T,exports.OPACITY_TOKENS=N,exports.SPACING_TOKENS=_,exports.SPACING_TOKENS_WITH_NONE=f,exports.TOKENS=n,exports.getToken=x,exports.toCSSValue=function(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.toCSSVariable=d,exports.toSpacingCSSValue=function(r,o){var e,n=o?t.toCSSValue(o):"";return r&&null!==(e="none"===r?"0":t.toCSSValue(r))&&void 0!==e?e:n};
+'use strict';
+
+var themes = require('./themes.js');
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/**
+ * Sort an array of strings in a special way that considers numeric parts within the strings.
+ *
+ * @param values - An array of strings to be sorted.
+ * @returns - A new array containing the sorted strings.
+ */
+function sortNumericValues(values) {
+    // Create a copy of the input array to avoid modifying the original array.
+    return __spreadArray([], values, true).sort(function (a, b) {
+        return a.localeCompare(b, undefined, {
+            numeric: true,
+            sensitivity: 'base',
+        });
+    });
+}
+
+function extractTokens(tokens, prefix) {
+    return tokens.filter(function (token) {
+        return token.startsWith(prefix);
+    });
+}
+function excludeTokens(tokens, prefix) {
+    return tokens.filter(function (token) {
+        return !token.startsWith(prefix);
+    });
+}
+var ALL_TOKENS = Object.keys(themes.LoadsmartTheme);
+// We strip brand and platform-specific tokens as they should not be used directly.
+var TOKENS = sortNumericValues(excludeTokens(excludeTokens(ALL_TOKENS, 'brand-'), 'platform-'));
+var BACKGROUND_COLOR_TOKENS = extractTokens(TOKENS, 'color-background-');
+var BORDER_RADIUS_TOKENS = extractTokens(TOKENS, 'border-radius-');
+var BORDER_TOKENS = extractTokens(TOKENS, 'border-');
+var BORDER_WIDTH_TOKENS = [
+    'border-none',
+    'border-thin',
+    'border-medium',
+    'border-thick',
+];
+var COLOR_TOKENS = extractTokens(TOKENS, 'color-');
+var ELEVATION_TOKENS = extractTokens(TOKENS, 'elevation-');
+var FONT_FAMILY_TOKENS = extractTokens(TOKENS, 'font-family-');
+var FONT_SIZE_TOKENS = extractTokens(TOKENS, 'font-size-');
+var FONT_WEIGHT_TOKENS = extractTokens(TOKENS, 'font-weight-');
+var GLOBAL_TOKENS = extractTokens(TOKENS, 'global-');
+var GLOW_TOKENS = extractTokens(TOKENS, 'glow-');
+var LINE_HEIGHT_TOKENS = extractTokens(TOKENS, 'line-height-');
+var OPACITY_TOKENS = extractTokens(TOKENS, 'opacity-');
+var SPACING_TOKENS = extractTokens(TOKENS, 'spacing-');
+var MEDIA_QUERY_TOKENS = extractTokens(TOKENS, 'media-');
+var SPACING_TOKENS_WITH_NONE = __spreadArray(['none'], SPACING_TOKENS, true);
+
+/**
+ * Get token value.
+ *
+ * @example
+ * ```js
+ * getToken('color-primary')
+ * ```
+ *
+ * @param token - Token whose value should be retrieved.
+ * @returns {TokenValue | undefined} Token value or `undefined` otherwise.
+ */
+function getToken(token) {
+    return themes.LoadsmartTheme[token];
+}
+
+function toCSSVariable(token) {
+    var value = getToken(token);
+    if (value == null) {
+        return value;
+    }
+    return "--m-".concat(token);
+}
+
+function toCSSValue(token, alpha) {
+    var value = getToken(token);
+    if (value == null) {
+        return '';
+    }
+    if (token.startsWith('color-')) {
+        return "rgba(var(".concat(toCSSVariable(token), ", ").concat(value, "), ").concat(alpha !== null && alpha !== void 0 ? alpha : 1, ")");
+    }
+    return "var(".concat(toCSSVariable(token), ", ").concat(value, ")");
+}
+
+/**
+ * Get css value for spacing token validating 'none'.
+ *
+ * @param spacing - Spacing token or 'none'
+ * @param defaultSpacing - Default spacing token if the provided spacing is not valid
+ * @returns The css value for the spacing token
+ */
+function toSpacingCSSValue(spacing, defaultSpacing) {
+    var _a;
+    var defaultValue = defaultSpacing ? toCSSValue(defaultSpacing) : '';
+    if (!spacing) {
+        return defaultValue;
+    }
+    return (_a = (spacing === 'none' ? '0' : toCSSValue(spacing))) !== null && _a !== void 0 ? _a : defaultValue;
+}
+
+/**
+ * Get the hex value for a color token.
+ *
+ * @example
+ * ```js
+ * getHexColor('color-primary')
+ * ```
+ *
+ * @param token - Color token whose value should be retrieved.
+ * @returns {string | undefined} Hexadecimal color value or undefined
+ */
+function getHexColor(token) {
+    var tokenValue = String(getToken(token) || '');
+    if (!tokenValue)
+        return undefined;
+    var colors = tokenValue.split(', ').map(Number);
+    if (colors.length !== 3)
+        throw new Error('color token must be in the `R, G, B` format');
+    return colors.reduce(function (hexColor, current) {
+        var hexValue = current.toString(16).padStart(2, '0');
+        return hexColor.concat(hexValue);
+    }, '#');
+}
+
+exports.BACKGROUND_COLOR_TOKENS = BACKGROUND_COLOR_TOKENS;
+exports.BORDER_RADIUS_TOKENS = BORDER_RADIUS_TOKENS;
+exports.BORDER_TOKENS = BORDER_TOKENS;
+exports.BORDER_WIDTH_TOKENS = BORDER_WIDTH_TOKENS;
+exports.COLOR_TOKENS = COLOR_TOKENS;
+exports.ELEVATION_TOKENS = ELEVATION_TOKENS;
+exports.FONT_FAMILY_TOKENS = FONT_FAMILY_TOKENS;
+exports.FONT_SIZE_TOKENS = FONT_SIZE_TOKENS;
+exports.FONT_WEIGHT_TOKENS = FONT_WEIGHT_TOKENS;
+exports.GLOBAL_TOKENS = GLOBAL_TOKENS;
+exports.GLOW_TOKENS = GLOW_TOKENS;
+exports.LINE_HEIGHT_TOKENS = LINE_HEIGHT_TOKENS;
+exports.MEDIA_QUERY_TOKENS = MEDIA_QUERY_TOKENS;
+exports.OPACITY_TOKENS = OPACITY_TOKENS;
+exports.SPACING_TOKENS = SPACING_TOKENS;
+exports.SPACING_TOKENS_WITH_NONE = SPACING_TOKENS_WITH_NONE;
+exports.TOKENS = TOKENS;
+exports.getHexColor = getHexColor;
+exports.getToken = getToken;
+exports.toCSSValue = toCSSValue;
+exports.toCSSVariable = toCSSVariable;
+exports.toSpacingCSSValue = toSpacingCSSValue;

dist/themes.js

@@ -1,1 +0,119 @@
-"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, 98, 159","font-family-default":"'Manrope', sans-serif","font-family-title":"'Plus Jakarta Sans', '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":"'Plus Jakarta Sans', 'Manrope', sans-serif"};
+'use strict';
+
+/**
+ * Auto-generated file
+ * Do not edit directly
+ */
+var 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-input": "193, 206, 217",
+    "color-border": "230, 237, 242",
+    "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%",
+    "media-screen-desktop": "1025px",
+    "media-screen-tablet": "481px",
+    "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",
+    "global-height-small": "1.75rem",
+    "global-height-default": "2.5rem",
+    "global-height-large": "3rem",
+    "platform-font-default": "'Manrope', sans-serif",
+    "platform-font-title": "'PlusJakartaSans', 'Manrope', sans-serif"
+};
+
+exports.LoadsmartTheme = LoadsmartTheme;

dist/themes/loadsmart.theme.d.ts

@@ -24,2 +24,3 @@ /**
     "color-background-secondary-inverted": string;
+    "color-border-input": string;
     "color-border": string;
@@ -83,5 +84,4 @@ "color-divider": string;
     "line-height-6": string;
-    "global-height-small": string;
-    "global-height-default": string;
-    "global-height-large": string;
+    "media-screen-desktop": string;
+    "media-screen-tablet": string;
     "opacity-0": string;
@@ -112,2 +112,5 @@ "opacity-20": string;
     "spacing-0-5": string;
+    "global-height-small": string;
+    "global-height-default": string;
+    "global-height-large": string;
     "platform-font-default": string;
@@ -114,0 +117,0 @@ "platform-font-title": 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-input" | "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" | "media-screen-desktop" | "media-screen-tablet" | "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" | "global-height-small" | "global-height-default" | "global-height-large")[];
 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")[];
@@ -6,3 +6,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 BORDER_WIDTH_TOKENS: readonly ["border-none", "border-thin", "border-medium", "border-thick"];
-export declare const COLOR_TOKENS: ("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")[];
+export declare const COLOR_TOKENS: ("color-background-primary" | "color-background-secondary" | "color-background-tertiary" | "color-background-highlight" | "color-background-inverted" | "color-background-secondary-inverted" | "color-border-input" | "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")[];
 export declare const ELEVATION_TOKENS: ("elevation-1" | "elevation-2" | "elevation-3" | "elevation-4")[];
@@ -17,2 +17,3 @@ export declare const FONT_FAMILY_TOKENS: ("font-family-default" | "font-family-title")[];
 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" | "media-screen-tablet")[];
 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": "3.0.1",
+	"version": "3.1.0",
 	"description": "Design tokens for the Miranda Design System",
@@ -8,3 +8,3 @@ "main": "dist/index.js",
 	"files": [
-		"dist/*"
+		"dist"
 	],
@@ -28,5 +28,3 @@ "scripts": {
 	"license": "MIT",
-	"dependencies": {
-		"@loadsmart/miranda-toolset": "*"
-	},
+	"dependencies": {},
 	"devDependencies": {
@@ -33,0 +31,0 @@ "jest": "^29.4.1",

Fixed alerts

Wildcard dependency

Quality

Package has a dependency with a floating version range. This can cause issues if the dependency publishes a new major version.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

40014

increased by21.5%

Dependency count

0

decreased by-100%

Number of package files

22

increased by15.79%

Lines of code

637

increased by85.71%

Number of low quality alerts

1

decreased by-50%

Number of medium quality alerts

1

decreased by-50%

Dependency changes

• - Removed@loadsmart/miranda-toolset@*

• - Removed@loadsmart/miranda-toolset@2.0.1(transitive)