@mirohq/design-tokens - npm Package Compare versions

Comparing version 5.2.0-style-dictionary.0 to 6.0.0-style-dictionary.0

dist/main.js

@@ -5,61 +5,34 @@ 'use strict';
 
-const borderWidths = {
-  none: 0,
-  sm: "1px",
-  md: "2px",
-  lg: "4px"
-};
-
-const fontSizes = {
-  125: "0.625rem",
-  150: "0.75rem",
-  175: "0.875rem",
-  200: "1rem",
-  225: "1.125rem",
-  250: "1.25rem",
-  300: "1.5rem",
-  400: "2rem",
-  500: "2.5rem",
-  600: "3rem",
-  800: "4rem",
-  900: "4.5rem"
-};
-
-const fonts = {
-  heading: "Roobert, sans-serif",
-  body: "OpenSans, Open Sans, sans-serif"
-};
-
-const sizesScales = [...Array(200)].reduce(
-  (acc, _, i) => {
-    const position = i + 1;
-    return {
-      ...acc,
-      [position]: "".concat(position * 4, "px")
-    };
-  },
-  {}
-);
-const sizes = {
-  "icon-200": "16px",
-  "icon-300": "24px",
-  "icon-400": "32px",
-  ...sizesScales
-};
-
-const strokeWidths = {
-  thin: "1.5px",
-  normal: "2px",
-  bold: "4px"
-};
-
-const zIndices = {
-  "dropdown-menu": 100,
-  select: 200,
-  popover: 300,
-  tooltip: 400
-};
-
 const colors = {
-  black: "#000000",
+  "alpha-black-100": "#1A1B1E1A",
+  "alpha-black-200": "#1A1B1E33",
+  "alpha-black-300": "#1A1B1E4D",
+  "alpha-black-400": "#1A1B1E66",
+  "alpha-black-50": "#1A1B1E0D",
+  "alpha-black-500": "#1A1B1E80",
+  "alpha-black-600": "#1A1B1E99",
+  "alpha-black-700": "#1A1B1EB3",
+  "alpha-black-800": "#1A1B1ECC",
+  "alpha-black-900": "#FFFFFFE6",
+  "alpha-gray-100": "#656B811A",
+  "alpha-gray-200": "#656B8133",
+  "alpha-gray-300": "#656B814D",
+  "alpha-gray-400": "#656B8166",
+  "alpha-gray-50": "#656B810D",
+  "alpha-gray-500": "#656B8180",
+  "alpha-gray-600": "#656B8199",
+  "alpha-gray-700": "#656B81B3",
+  "alpha-gray-800": "#656B81CC",
+  "alpha-gray-900": "#656B81E6",
+  "alpha-white-100": "#FFFFFF1A",
+  "alpha-white-200": "#FFFFFF33",
+  "alpha-white-300": "#FFFFFF4D",
+  "alpha-white-400": "#FFFFFF66",
+  "alpha-white-50": "#FFFFFF0D",
+  "alpha-white-500": "#FFFFFF80",
+  "alpha-white-600": "#FFFFFF99",
+  "alpha-white-700": "#FFFFFFB3",
+  "alpha-white-800": "#FFFFFFCC",
+  black: "#1C1C1E",
+  "miro-yellow": "#FFDD33",
   transparent: "#FFFFFF00",
@@ -86,21 +59,21 @@ white: "#FFFFFF",
   "blue-950": "#0F142E",
-  "gray-100": "#F3F4F6",
-  "gray-150": "#EBECF0",
-  "gray-200": "#E0E1E6",
-  "gray-250": "#D1D4DB",
-  "gray-300": "#C1C3CD",
-  "gray-350": "#ADB1BD",
-  "gray-400": "#979CAB",
-  "gray-450": "#7F8497",
-  "gray-50": "#F6F7F9",
+  "gray-100": "#F1F2F5",
+  "gray-150": "#E9EAEF",
+  "gray-200": "#E0E2E8",
+  "gray-250": "#D8DAE2",
+  "gray-300": "#C7CAD5",
+  "gray-350": "#AEB2C0",
+  "gray-400": "#959AAC",
+  "gray-450": "#7D8297",
+  "gray-50": "#FAFAFC",
   "gray-500": "#656B81",
-  "gray-550": "#575C6F",
-  "gray-600": "#4A4E5E",
-  "gray-650": "#3F424F",
-  "gray-700": "#343741",
-  "gray-750": "#2B2E35",
-  "gray-800": "#24262C",
-  "gray-850": "#1E1F24",
-  "gray-900": "#1A1B1E",
-  "gray-950": "#18191C",
+  "gray-550": "#5D6376",
+  "gray-600": "#555A6A",
+  "gray-650": "#4D515F",
+  "gray-700": "#454854",
+  "gray-750": "#3C3F49",
+  "gray-800": "#34363E",
+  "gray-850": "#2B2D33",
+  "gray-900": "#222428",
+  "gray-950": "#1A1B1E",
   "green-100": "#EAF6E6",
@@ -166,3 +139,3 @@ "green-150": "#DFF1DA",
 const radii = {
-  0: 0,
+  0: "0px",
   25: "2px",
@@ -177,3 +150,3 @@ 50: "4px",
 const space = {
-  0: 0,
+  0: "0px",
   25: "2px",
@@ -185,2 +158,3 @@ 50: "4px",
   300: "24px",
+  350: "28px",
   400: "32px",
@@ -192,27 +166,95 @@ 500: "40px",
   1200: "96px",
-  1600: "128px"
+  1600: "128px",
+  2e3: "192px"
 };
 
-var tokens = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  borderWidths: borderWidths,
-  fontSizes: fontSizes,
-  fonts: fonts,
-  sizes: sizes,
-  strokeWidths: strokeWidths,
-  zIndices: zIndices,
-  colors: colors,
-  radii: radii,
-  space: space
-});
+const fontWeights = {
+  regular: 400,
+  semibold: 600
+};
 
+const fonts = {
+  primary: "Roobert PRO",
+  secondary: "Open Sans"
+};
+
+const lineHeights = {
+  100: 1,
+  200: 1.2,
+  300: 1.35,
+  400: 1.4,
+  500: 1.5
+};
+
+const fontSizes = {
+  125: "0.625rem",
+  150: "0.75rem",
+  175: "0.875rem",
+  200: "1rem",
+  250: "1.25rem",
+  300: "1.5rem",
+  350: "1.75rem",
+  400: "2rem",
+  500: "2.5rem",
+  600: "3rem",
+  700: "3.5rem",
+  800: "4rem",
+  900: "4.5rem",
+  1e3: "5rem",
+  1100: "5.5rem",
+  1200: "6rem",
+  1300: "6.5rem",
+  1400: "7rem",
+  1500: "7.5rem",
+  1600: "8.5rem"
+};
+
+const borderWidths = {
+  none: 0,
+  sm: "1px",
+  md: "2px",
+  lg: "4px"
+};
+
+const sizesScales = [...Array(200)].reduce(
+  (acc, _, i) => {
+    const position = i + 1;
+    return {
+      ...acc,
+      [position]: "".concat(position * 4, "px")
+    };
+  },
+  {}
+);
+const sizes = {
+  "icon-200": "16px",
+  "icon-300": "24px",
+  "icon-400": "32px",
+  ...sizesScales
+};
+
+const strokeWidths = {
+  thin: "1.5px",
+  normal: "2px",
+  bold: "4px"
+};
+
+const zIndices = {
+  "dropdown-menu": 100,
+  select: 200,
+  popover: 300,
+  tooltip: 400
+};
+
 exports.borderWidths = borderWidths;
 exports.colors = colors;
 exports.fontSizes = fontSizes;
+exports.fontWeights = fontWeights;
 exports.fonts = fonts;
+exports.lineHeights = lineHeights;
 exports.radii = radii;
 exports.sizes = sizes;
 exports.space = space;
-exports.tokens = tokens;
+exports.strokeWidths = strokeWidths;
 exports.zIndices = zIndices;
 //# sourceMappingURL=main.js.map

dist/module.js

@@ -1,60 +0,33 @@
-const borderWidths = {
-  none: 0,
-  sm: "1px",
-  md: "2px",
-  lg: "4px"
-};
-
-const fontSizes = {
-  125: "0.625rem",
-  150: "0.75rem",
-  175: "0.875rem",
-  200: "1rem",
-  225: "1.125rem",
-  250: "1.25rem",
-  300: "1.5rem",
-  400: "2rem",
-  500: "2.5rem",
-  600: "3rem",
-  800: "4rem",
-  900: "4.5rem"
-};
-
-const fonts = {
-  heading: "Roobert, sans-serif",
-  body: "OpenSans, Open Sans, sans-serif"
-};
-
-const sizesScales = [...Array(200)].reduce(
-  (acc, _, i) => {
-    const position = i + 1;
-    return {
-      ...acc,
-      [position]: "".concat(position * 4, "px")
-    };
-  },
-  {}
-);
-const sizes = {
-  "icon-200": "16px",
-  "icon-300": "24px",
-  "icon-400": "32px",
-  ...sizesScales
-};
-
-const strokeWidths = {
-  thin: "1.5px",
-  normal: "2px",
-  bold: "4px"
-};
-
-const zIndices = {
-  "dropdown-menu": 100,
-  select: 200,
-  popover: 300,
-  tooltip: 400
-};
-
 const colors = {
-  black: "#000000",
+  "alpha-black-100": "#1A1B1E1A",
+  "alpha-black-200": "#1A1B1E33",
+  "alpha-black-300": "#1A1B1E4D",
+  "alpha-black-400": "#1A1B1E66",
+  "alpha-black-50": "#1A1B1E0D",
+  "alpha-black-500": "#1A1B1E80",
+  "alpha-black-600": "#1A1B1E99",
+  "alpha-black-700": "#1A1B1EB3",
+  "alpha-black-800": "#1A1B1ECC",
+  "alpha-black-900": "#FFFFFFE6",
+  "alpha-gray-100": "#656B811A",
+  "alpha-gray-200": "#656B8133",
+  "alpha-gray-300": "#656B814D",
+  "alpha-gray-400": "#656B8166",
+  "alpha-gray-50": "#656B810D",
+  "alpha-gray-500": "#656B8180",
+  "alpha-gray-600": "#656B8199",
+  "alpha-gray-700": "#656B81B3",
+  "alpha-gray-800": "#656B81CC",
+  "alpha-gray-900": "#656B81E6",
+  "alpha-white-100": "#FFFFFF1A",
+  "alpha-white-200": "#FFFFFF33",
+  "alpha-white-300": "#FFFFFF4D",
+  "alpha-white-400": "#FFFFFF66",
+  "alpha-white-50": "#FFFFFF0D",
+  "alpha-white-500": "#FFFFFF80",
+  "alpha-white-600": "#FFFFFF99",
+  "alpha-white-700": "#FFFFFFB3",
+  "alpha-white-800": "#FFFFFFCC",
+  black: "#1C1C1E",
+  "miro-yellow": "#FFDD33",
   transparent: "#FFFFFF00",
@@ -81,21 +54,21 @@ white: "#FFFFFF",
   "blue-950": "#0F142E",
-  "gray-100": "#F3F4F6",
-  "gray-150": "#EBECF0",
-  "gray-200": "#E0E1E6",
-  "gray-250": "#D1D4DB",
-  "gray-300": "#C1C3CD",
-  "gray-350": "#ADB1BD",
-  "gray-400": "#979CAB",
-  "gray-450": "#7F8497",
-  "gray-50": "#F6F7F9",
+  "gray-100": "#F1F2F5",
+  "gray-150": "#E9EAEF",
+  "gray-200": "#E0E2E8",
+  "gray-250": "#D8DAE2",
+  "gray-300": "#C7CAD5",
+  "gray-350": "#AEB2C0",
+  "gray-400": "#959AAC",
+  "gray-450": "#7D8297",
+  "gray-50": "#FAFAFC",
   "gray-500": "#656B81",
-  "gray-550": "#575C6F",
-  "gray-600": "#4A4E5E",
-  "gray-650": "#3F424F",
-  "gray-700": "#343741",
-  "gray-750": "#2B2E35",
-  "gray-800": "#24262C",
-  "gray-850": "#1E1F24",
-  "gray-900": "#1A1B1E",
-  "gray-950": "#18191C",
+  "gray-550": "#5D6376",
+  "gray-600": "#555A6A",
+  "gray-650": "#4D515F",
+  "gray-700": "#454854",
+  "gray-750": "#3C3F49",
+  "gray-800": "#34363E",
+  "gray-850": "#2B2D33",
+  "gray-900": "#222428",
+  "gray-950": "#1A1B1E",
   "green-100": "#EAF6E6",
@@ -161,3 +134,3 @@ "green-150": "#DFF1DA",
 const radii = {
-  0: 0,
+  0: "0px",
   25: "2px",
@@ -172,3 +145,3 @@ 50: "4px",
 const space = {
-  0: 0,
+  0: "0px",
   25: "2px",
@@ -180,2 +153,3 @@ 50: "4px",
   300: "24px",
+  350: "28px",
   400: "32px",
@@ -187,19 +161,85 @@ 500: "40px",
   1200: "96px",
-  1600: "128px"
+  1600: "128px",
+  2e3: "192px"
 };
 
-var tokens = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  borderWidths: borderWidths,
-  fontSizes: fontSizes,
-  fonts: fonts,
-  sizes: sizes,
-  strokeWidths: strokeWidths,
-  zIndices: zIndices,
-  colors: colors,
-  radii: radii,
-  space: space
-});
+const fontWeights = {
+  regular: 400,
+  semibold: 600
+};
 
-export { borderWidths, colors, fontSizes, fonts, radii, sizes, space, tokens, zIndices };
+const fonts = {
+  primary: "Roobert PRO",
+  secondary: "Open Sans"
+};
+
+const lineHeights = {
+  100: 1,
+  200: 1.2,
+  300: 1.35,
+  400: 1.4,
+  500: 1.5
+};
+
+const fontSizes = {
+  125: "0.625rem",
+  150: "0.75rem",
+  175: "0.875rem",
+  200: "1rem",
+  250: "1.25rem",
+  300: "1.5rem",
+  350: "1.75rem",
+  400: "2rem",
+  500: "2.5rem",
+  600: "3rem",
+  700: "3.5rem",
+  800: "4rem",
+  900: "4.5rem",
+  1e3: "5rem",
+  1100: "5.5rem",
+  1200: "6rem",
+  1300: "6.5rem",
+  1400: "7rem",
+  1500: "7.5rem",
+  1600: "8.5rem"
+};
+
+const borderWidths = {
+  none: 0,
+  sm: "1px",
+  md: "2px",
+  lg: "4px"
+};
+
+const sizesScales = [...Array(200)].reduce(
+  (acc, _, i) => {
+    const position = i + 1;
+    return {
+      ...acc,
+      [position]: "".concat(position * 4, "px")
+    };
+  },
+  {}
+);
+const sizes = {
+  "icon-200": "16px",
+  "icon-300": "24px",
+  "icon-400": "32px",
+  ...sizesScales
+};
+
+const strokeWidths = {
+  thin: "1.5px",
+  normal: "2px",
+  bold: "4px"
+};
+
+const zIndices = {
+  "dropdown-menu": 100,
+  select: 200,
+  popover: 300,
+  tooltip: 400
+};
+
+export { borderWidths, colors, fontSizes, fontWeights, fonts, lineHeights, radii, sizes, space, strokeWidths, zIndices };
 //# sourceMappingURL=module.js.map

dist/types.d.ts

@@ -1,54 +0,1 @@
-declare const borderWidths: {
-    readonly none: 0;
-    readonly sm: "1px";
-    readonly md: "2px";
-    readonly lg: "4px";
-};
-declare type BorderWidths = keyof typeof borderWidths;
-
-declare const fontSizes: {
-    readonly 125: "0.625rem";
-    readonly 150: "0.75rem";
-    readonly 175: "0.875rem";
-    readonly 200: "1rem";
-    readonly 225: "1.125rem";
-    readonly 250: "1.25rem";
-    readonly 300: "1.5rem";
-    readonly 400: "2rem";
-    readonly 500: "2.5rem";
-    readonly 600: "3rem";
-    readonly 800: "4rem";
-    readonly 900: "4.5rem";
-};
-declare type FontSizes = keyof typeof fontSizes;
-
-declare const fonts: {
-    readonly heading: "Roobert, sans-serif";
-    readonly body: "OpenSans, Open Sans, sans-serif";
-};
-declare type Fonts = keyof typeof fonts;
-
-declare const sizes: {
-    readonly number: string;
-    readonly 'icon-200': "16px";
-    readonly 'icon-300': "24px";
-    readonly 'icon-400': "32px";
-};
-declare type Sizes = keyof typeof sizes;
-
-declare const strokeWidths: {
-    readonly thin: "1.5px";
-    readonly normal: "2px";
-    readonly bold: "4px";
-};
-declare type StrokeWidths = keyof typeof strokeWidths;
-
-declare const zIndices: {
-    readonly 'dropdown-menu': 100;
-    readonly select: 200;
-    readonly popover: 300;
-    readonly tooltip: 400;
-};
-declare type ZIndices = keyof typeof zIndices;
-
 /**
@@ -58,3 +5,33 @@ * DO NOT MODIFY THIS FILE: This file was generated by Style Dictionary
 declare const colors: {
-    readonly black: "#000000";
+    readonly 'alpha-black-100': "#1A1B1E1A";
+    readonly 'alpha-black-200': "#1A1B1E33";
+    readonly 'alpha-black-300': "#1A1B1E4D";
+    readonly 'alpha-black-400': "#1A1B1E66";
+    readonly 'alpha-black-50': "#1A1B1E0D";
+    readonly 'alpha-black-500': "#1A1B1E80";
+    readonly 'alpha-black-600': "#1A1B1E99";
+    readonly 'alpha-black-700': "#1A1B1EB3";
+    readonly 'alpha-black-800': "#1A1B1ECC";
+    readonly 'alpha-black-900': "#FFFFFFE6";
+    readonly 'alpha-gray-100': "#656B811A";
+    readonly 'alpha-gray-200': "#656B8133";
+    readonly 'alpha-gray-300': "#656B814D";
+    readonly 'alpha-gray-400': "#656B8166";
+    readonly 'alpha-gray-50': "#656B810D";
+    readonly 'alpha-gray-500': "#656B8180";
+    readonly 'alpha-gray-600': "#656B8199";
+    readonly 'alpha-gray-700': "#656B81B3";
+    readonly 'alpha-gray-800': "#656B81CC";
+    readonly 'alpha-gray-900': "#656B81E6";
+    readonly 'alpha-white-100': "#FFFFFF1A";
+    readonly 'alpha-white-200': "#FFFFFF33";
+    readonly 'alpha-white-300': "#FFFFFF4D";
+    readonly 'alpha-white-400': "#FFFFFF66";
+    readonly 'alpha-white-50': "#FFFFFF0D";
+    readonly 'alpha-white-500': "#FFFFFF80";
+    readonly 'alpha-white-600': "#FFFFFF99";
+    readonly 'alpha-white-700': "#FFFFFFB3";
+    readonly 'alpha-white-800': "#FFFFFFCC";
+    readonly black: "#1C1C1E";
+    readonly 'miro-yellow': "#FFDD33";
     readonly transparent: "#FFFFFF00";
@@ -81,21 +58,21 @@ readonly white: "#FFFFFF";
     readonly 'blue-950': "#0F142E";
-    readonly 'gray-100': "#F3F4F6";
-    readonly 'gray-150': "#EBECF0";
-    readonly 'gray-200': "#E0E1E6";
-    readonly 'gray-250': "#D1D4DB";
-    readonly 'gray-300': "#C1C3CD";
-    readonly 'gray-350': "#ADB1BD";
-    readonly 'gray-400': "#979CAB";
-    readonly 'gray-450': "#7F8497";
-    readonly 'gray-50': "#F6F7F9";
+    readonly 'gray-100': "#F1F2F5";
+    readonly 'gray-150': "#E9EAEF";
+    readonly 'gray-200': "#E0E2E8";
+    readonly 'gray-250': "#D8DAE2";
+    readonly 'gray-300': "#C7CAD5";
+    readonly 'gray-350': "#AEB2C0";
+    readonly 'gray-400': "#959AAC";
+    readonly 'gray-450': "#7D8297";
+    readonly 'gray-50': "#FAFAFC";
     readonly 'gray-500': "#656B81";
-    readonly 'gray-550': "#575C6F";
-    readonly 'gray-600': "#4A4E5E";
-    readonly 'gray-650': "#3F424F";
-    readonly 'gray-700': "#343741";
-    readonly 'gray-750': "#2B2E35";
-    readonly 'gray-800': "#24262C";
-    readonly 'gray-850': "#1E1F24";
-    readonly 'gray-900': "#1A1B1E";
-    readonly 'gray-950': "#18191C";
+    readonly 'gray-550': "#5D6376";
+    readonly 'gray-600': "#555A6A";
+    readonly 'gray-650': "#4D515F";
+    readonly 'gray-700': "#454854";
+    readonly 'gray-750': "#3C3F49";
+    readonly 'gray-800': "#34363E";
+    readonly 'gray-850': "#2B2D33";
+    readonly 'gray-900': "#222428";
+    readonly 'gray-950': "#1A1B1E";
     readonly 'green-100': "#EAF6E6";
@@ -165,3 +142,3 @@ readonly 'green-150': "#DFF1DA";
 declare const radii: {
-    readonly 0: 0;
+    readonly 0: "0px";
     readonly 25: "2px";
@@ -180,3 +157,3 @@ readonly 50: "4px";
 declare const space: {
-    readonly 0: 0;
+    readonly 0: "0px";
     readonly 25: "2px";
@@ -188,2 +165,3 @@ readonly 50: "4px";
     readonly 300: "24px";
+    readonly 350: "28px";
     readonly 400: "32px";
@@ -196,46 +174,94 @@ readonly 500: "40px";
     readonly 1600: "128px";
+    readonly 2000: "192px";
 };
 declare type Space = keyof typeof space;
 
-declare const tokens_borderWidths: typeof borderWidths;
-type tokens_BorderWidths = BorderWidths;
-declare const tokens_fontSizes: typeof fontSizes;
-type tokens_FontSizes = FontSizes;
-declare const tokens_fonts: typeof fonts;
-type tokens_Fonts = Fonts;
-declare const tokens_sizes: typeof sizes;
-type tokens_Sizes = Sizes;
-declare const tokens_strokeWidths: typeof strokeWidths;
-type tokens_StrokeWidths = StrokeWidths;
-declare const tokens_zIndices: typeof zIndices;
-type tokens_ZIndices = ZIndices;
-declare const tokens_colors: typeof colors;
-type tokens_Colors = Colors;
-declare const tokens_radii: typeof radii;
-type tokens_Radii = Radii;
-declare const tokens_space: typeof space;
-type tokens_Space = Space;
-declare namespace tokens {
-  export {
-    tokens_borderWidths as borderWidths,
-    tokens_BorderWidths as BorderWidths,
-    tokens_fontSizes as fontSizes,
-    tokens_FontSizes as FontSizes,
-    tokens_fonts as fonts,
-    tokens_Fonts as Fonts,
-    tokens_sizes as sizes,
-    tokens_Sizes as Sizes,
-    tokens_strokeWidths as strokeWidths,
-    tokens_StrokeWidths as StrokeWidths,
-    tokens_zIndices as zIndices,
-    tokens_ZIndices as ZIndices,
-    tokens_colors as colors,
-    tokens_Colors as Colors,
-    tokens_radii as radii,
-    tokens_Radii as Radii,
-    tokens_space as space,
-    tokens_Space as Space,
-  };
-}
+/**
+ * DO NOT MODIFY THIS FILE: This file was generated by Style Dictionary
+ */
+declare const fontWeights: {
+    readonly regular: 400;
+    readonly semibold: 600;
+};
+declare type FontWeights = keyof typeof fontWeights;
 
-export { borderWidths, colors, fontSizes, fonts, radii, sizes, space, tokens, zIndices };
+/**
+ * DO NOT MODIFY THIS FILE: This file was generated by Style Dictionary
+ */
+declare const fonts: {
+    readonly primary: "Roobert PRO";
+    readonly secondary: "Open Sans";
+};
+declare type Fonts = keyof typeof fonts;
+
+/**
+ * DO NOT MODIFY THIS FILE: This file was generated by Style Dictionary
+ */
+declare const lineHeights: {
+    readonly 100: 1;
+    readonly 200: 1.2;
+    readonly 300: 1.35;
+    readonly 400: 1.4;
+    readonly 500: 1.5;
+};
+declare type LineHeights = keyof typeof lineHeights;
+
+/**
+ * DO NOT MODIFY THIS FILE: This file was generated by Style Dictionary
+ */
+declare const fontSizes: {
+    readonly 125: "0.625rem";
+    readonly 150: "0.75rem";
+    readonly 175: "0.875rem";
+    readonly 200: "1rem";
+    readonly 250: "1.25rem";
+    readonly 300: "1.5rem";
+    readonly 350: "1.75rem";
+    readonly 400: "2rem";
+    readonly 500: "2.5rem";
+    readonly 600: "3rem";
+    readonly 700: "3.5rem";
+    readonly 800: "4rem";
+    readonly 900: "4.5rem";
+    readonly 1000: "5rem";
+    readonly 1100: "5.5rem";
+    readonly 1200: "6rem";
+    readonly 1300: "6.5rem";
+    readonly 1400: "7rem";
+    readonly 1500: "7.5rem";
+    readonly 1600: "8.5rem";
+};
+declare type FontSizes = keyof typeof fontSizes;
+
+declare const borderWidths: {
+    readonly none: 0;
+    readonly sm: "1px";
+    readonly md: "2px";
+    readonly lg: "4px";
+};
+declare type BorderWidths = keyof typeof borderWidths;
+
+declare const sizes: {
+    readonly number: string;
+    readonly 'icon-200': "16px";
+    readonly 'icon-300': "24px";
+    readonly 'icon-400': "32px";
+};
+declare type Sizes = keyof typeof sizes;
+
+declare const strokeWidths: {
+    readonly thin: "1.5px";
+    readonly normal: "2px";
+    readonly bold: "4px";
+};
+declare type StrokeWidths = keyof typeof strokeWidths;
+
+declare const zIndices: {
+    readonly 'dropdown-menu': 100;
+    readonly select: 200;
+    readonly popover: 300;
+    readonly tooltip: 400;
+};
+declare type ZIndices = keyof typeof zIndices;
+
+export { BorderWidths, Colors, FontSizes, FontWeights, Fonts, LineHeights, Radii, Sizes, Space, StrokeWidths, ZIndices, borderWidths, colors, fontSizes, fontWeights, fonts, lineHeights, radii, sizes, space, strokeWidths, zIndices };

package.json

 {
   "name": "@mirohq/design-tokens",
-  "version": "5.2.0-style-dictionary.0",
+  "version": "6.0.0-style-dictionary.0",
   "description": "",
@@ -5,0 +5,0 @@ "author": "Miro",

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

44802

decreased by-12.89%

Number of package files

6

decreased by-25%

Lines of code

720

decreased by-46.03%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes