@uidu/theme - npm Package Compare versions

Comparing version 0.4.12 to 0.5.0

CHANGELOG.md

 # @uidu/theme
 
+## 0.5.0
+
+### Minor Changes
+
+- db36adf: Updated preconstruct build
+
+### Patch Changes
+
+- Updated dependencies [db36adf]
+  - @uidu/form@0.4.0
+
 ## 0.4.12
@@ -4,0 +15,0 @@

colors/package.json

 {
-  "main": "dist/theme.cjs.js",
-  "module": "dist/theme.esm.js",
-  "preconstruct": {
-    "source": "../src/colors.ts"
-  }
+  "main": "dist/uidu-theme-colors.cjs.js",
+  "module": "dist/uidu-theme-colors.esm.js",
+  "types": "dist/uidu-theme-colors.cjs.d.ts"
 }

components/package.json

 {
-  "main": "dist/theme.cjs.js",
-  "module": "dist/theme.esm.js",
-  "preconstruct": {
-    "source": "../src/components.ts"
-  }
+  "main": "dist/uidu-theme-components.cjs.js",
+  "module": "dist/uidu-theme-components.esm.js",
+  "types": "dist/uidu-theme-components.cjs.d.ts"
 }

constants/package.json

 {
-  "main": "dist/theme.cjs.js",
-  "module": "dist/theme.esm.js",
-  "preconstruct": {
-    "source": "../src/constants.ts"
-  }
+  "main": "dist/uidu-theme-constants.cjs.js",
+  "module": "dist/uidu-theme-constants.esm.js",
+  "types": "dist/uidu-theme-constants.cjs.d.ts"
 }

dist/colors-666181af.cjs.prod.js

@@ -1,10 +0,21 @@
-"use strict";
+'use strict';
 
-var DEFAULT_THEME_MODE = "light", THEME_MODES = [ "light", "dark" ];
+// ideally this would be fetched from ../constants but that causes a
+// circular dep loop. This will be refactored as part of a breaking
+// change in the future.
+var DEFAULT_THEME_MODE = 'light';
+var THEME_MODES = ['light', 'dark']; // Resolves the different types of theme objects in the current API
 
 function getTheme(props) {
   if (props && props.theme) {
-    if ("__ATLASKIT_THEME__" in props.theme) return props.theme.__ATLASKIT_THEME__;
-    if ("mode" in props.theme && THEME_MODES.includes(props.theme.mode)) return props.theme;
-  }
+    // Theme is the global Guidu theme
+    if ('__ATLASKIT_THEME__' in props.theme) {
+      return props.theme.__ATLASKIT_THEME__;
+    } // User has provided alternative modes
+    else if ('mode' in props.theme && THEME_MODES.includes(props.theme.mode)) {
+        return props.theme;
+      }
+  } // If format not supported (or no theme provided), return standard theme
+
+
   return {
@@ -15,13 +26,23 @@ mode: DEFAULT_THEME_MODE
 
+/* eslint-disable prefer-rest-params */
+
+// Unpack custom variants, and get correct value for the current theme
 function themedVariants(variantProp, variants) {
-  return function(props) {
+  return function (props) {
     var theme = getTheme(props);
+
     if (props && props[variantProp] && variants) {
       var modes = variants[props[variantProp]];
+
       if (modes && modes[theme.mode]) {
         var value = modes[theme.mode];
-        if (value) return value;
+
+        if (value) {
+          return value;
+        } // TS believes value can be undefined
+
       }
     }
-    return "";
+
+    return '';
   };
@@ -31,86 +52,246 @@ }
 function themed(modesOrVariant, variantModes) {
-  if ("string" == typeof modesOrVariant) return themedVariants(modesOrVariant, variantModes);
+  if (typeof modesOrVariant === 'string') {
+    return themedVariants(modesOrVariant, variantModes);
+  }
+
   var modes = modesOrVariant;
-  return function(props) {
-    var theme = getTheme(props);
+  return function (props) {
+    // Get theme from the user's props
+    var theme = getTheme(props); // User isn't required to provide both light and dark values
+
     if (theme.mode in modes) {
-      var value = modes[theme.mode];
-      if (value) return value;
+      var value = modes[theme.mode]; // TS believes value can be undefined
+
+      if (value) {
+        return value;
+      }
     }
-    return "";
+
+    return '';
   };
 }
 
-var R50 = "#FFEBE6", R75 = "#FFBDAD", R100 = "#FF8F73", R200 = "#FF7452", R300 = "#FF5630", R400 = "#DE350B", R500 = "#BF2600", Y50 = "#FFFAE6", Y75 = "#FFF0B3", Y100 = "#FFE380", Y200 = "#FFC400", Y300 = "#FFAB00", Y400 = "#FF991F", Y500 = "#FF8B00", G50 = "#E3FCEF", G75 = "#ABF5D1", G100 = "#79F2C0", G200 = "#57D9A3", G300 = "#36B37E", G400 = "#00875A", G500 = "#006644", B50 = "#DEEBFF", B75 = "#B3D4FF", B100 = "#4C9AFF", B200 = "#2684FF", B300 = "#0065FF", B400 = "#0052CC", B500 = "#0747A6", P50 = "#EAE6FF", P75 = "#C0B6F2", P100 = "#998DD9", P200 = "#8777D9", P300 = "#6554C0", P400 = "#5243AA", P500 = "#403294", T50 = "#E6FCFF", T75 = "#B3F5FF", T100 = "#79E2F2", T200 = "#00C7E6", T300 = "#00B8D9", T400 = "#00A3BF", T500 = "#008DA6", N0 = "#FFFFFF", N10 = "#FAFBFC", N20 = "#F4F5F7", N30 = "#EBECF0", N40 = "#DFE1E6", N50 = "#C1C7D0", N60 = "#B3BAC5", N70 = "#A5ADBA", N80 = "#97A0AF", N90 = "#8993A4", N100 = "#7A869A", N200 = "#6B778C", N300 = "#5E6C84", N400 = "#505F79", N500 = "#42526E", N600 = "#344563", N700 = "#253858", N800 = "#172B4D", N900 = "#091E42", N10A = "rgba(9, 30, 66, 0.02)", N20A = "rgba(9, 30, 66, 0.04)", N30A = "rgba(9, 30, 66, 0.08)", N40A = "rgba(9, 30, 66, 0.13)", N50A = "rgba(9, 30, 66, 0.25)", N60A = "rgba(9, 30, 66, 0.31)", N70A = "rgba(9, 30, 66, 0.36)", N80A = "rgba(9, 30, 66, 0.42)", N90A = "rgba(9, 30, 66, 0.48)", N100A = "rgba(9, 30, 66, 0.54)", N200A = "rgba(9, 30, 66, 0.60)", N300A = "rgba(9, 30, 66, 0.66)", N400A = "rgba(9, 30, 66, 0.71)", N500A = "rgba(9, 30, 66, 0.77)", N600A = "rgba(9, 30, 66, 0.82)", N700A = "rgba(9, 30, 66, 0.89)", N800A = "rgba(9, 30, 66, 0.95)", DN900 = "#E6EDFA", DN800 = "#DCE5F5", DN700 = "#CED9EB", DN600 = "#B8C7E0", DN500 = "#ABBBD6", DN400 = "#9FB0CC", DN300 = "#8C9CB8", DN200 = "#7988A3", DN100 = "#67758F", DN90 = "#56637A", DN80 = "#455166", DN70 = "#3B475C", DN60 = "#313D52", DN50 = "#283447", DN40 = "#202B3D", DN30 = "#1B2638", DN20 = "#121A29", DN10 = "#0E1624", DN0 = "#0D1424", DN800A = "rgba(13, 20, 36, 0.06)", DN700A = "rgba(13, 20, 36, 0.14)", DN600A = "rgba(13, 20, 36, 0.18)", DN500A = "rgba(13, 20, 36, 0.29)", DN400A = "rgba(13, 20, 36, 0.36)", DN300A = "rgba(13, 20, 36, 0.40)", DN200A = "rgba(13, 20, 36, 0.47)", DN100A = "rgba(13, 20, 36, 0.53)", DN90A = "rgba(13, 20, 36, 0.63)", DN80A = "rgba(13, 20, 36, 0.73)", DN70A = "rgba(13, 20, 36, 0.78)", DN60A = "rgba(13, 20, 36, 0.81)", DN50A = "rgba(13, 20, 36, 0.85)", DN40A = "rgba(13, 20, 36, 0.89)", DN30A = "rgba(13, 20, 36, 0.92)", DN20A = "rgba(13, 20, 36, 0.95)", DN10A = "rgba(13, 20, 36, 0.97)", background = themed({
+var R50 = '#FFEBE6';
+var R75 = '#FFBDAD';
+var R100 = '#FF8F73';
+var R200 = '#FF7452';
+var R300 = '#FF5630';
+var R400 = '#DE350B';
+var R500 = '#BF2600'; // Yellows
+
+var Y50 = '#FFFAE6';
+var Y75 = '#FFF0B3';
+var Y100 = '#FFE380';
+var Y200 = '#FFC400';
+var Y300 = '#FFAB00';
+var Y400 = '#FF991F';
+var Y500 = '#FF8B00'; // Greens
+
+var G50 = '#E3FCEF';
+var G75 = '#ABF5D1';
+var G100 = '#79F2C0';
+var G200 = '#57D9A3';
+var G300 = '#36B37E';
+var G400 = '#00875A';
+var G500 = '#006644'; // Blues
+
+var B50 = '#DEEBFF';
+var B75 = '#B3D4FF';
+var B100 = '#4C9AFF';
+var B200 = '#2684FF';
+var B300 = '#0065FF';
+var B400 = '#0052CC';
+var B500 = '#0747A6'; // Purples
+
+var P50 = '#EAE6FF';
+var P75 = '#C0B6F2';
+var P100 = '#998DD9';
+var P200 = '#8777D9';
+var P300 = '#6554C0';
+var P400 = '#5243AA';
+var P500 = '#403294'; // Teals
+
+var T50 = '#E6FCFF';
+var T75 = '#B3F5FF';
+var T100 = '#79E2F2';
+var T200 = '#00C7E6';
+var T300 = '#00B8D9';
+var T400 = '#00A3BF';
+var T500 = '#008DA6'; // Neutrals
+
+var N0 = '#FFFFFF';
+var N10 = '#FAFBFC';
+var N20 = '#F4F5F7';
+var N30 = '#EBECF0';
+var N40 = '#DFE1E6';
+var N50 = '#C1C7D0';
+var N60 = '#B3BAC5';
+var N70 = '#A5ADBA';
+var N80 = '#97A0AF';
+var N90 = '#8993A4';
+var N100 = '#7A869A';
+var N200 = '#6B778C';
+var N300 = '#5E6C84';
+var N400 = '#505F79';
+var N500 = '#42526E';
+var N600 = '#344563';
+var N700 = '#253858';
+var N800 = '#172B4D'; // ATTENTION: update the tints if you update this
+
+var N900 = '#091E42'; // Each tint is made of N900 and an alpha channel
+
+var N10A = 'rgba(9, 30, 66, 0.02)';
+var N20A = 'rgba(9, 30, 66, 0.04)';
+var N30A = 'rgba(9, 30, 66, 0.08)';
+var N40A = 'rgba(9, 30, 66, 0.13)';
+var N50A = 'rgba(9, 30, 66, 0.25)';
+var N60A = 'rgba(9, 30, 66, 0.31)';
+var N70A = 'rgba(9, 30, 66, 0.36)';
+var N80A = 'rgba(9, 30, 66, 0.42)';
+var N90A = 'rgba(9, 30, 66, 0.48)';
+var N100A = 'rgba(9, 30, 66, 0.54)';
+var N200A = 'rgba(9, 30, 66, 0.60)';
+var N300A = 'rgba(9, 30, 66, 0.66)';
+var N400A = 'rgba(9, 30, 66, 0.71)';
+var N500A = 'rgba(9, 30, 66, 0.77)';
+var N600A = 'rgba(9, 30, 66, 0.82)';
+var N700A = 'rgba(9, 30, 66, 0.89)';
+var N800A = 'rgba(9, 30, 66, 0.95)'; // Dark Mode Neutrals
+
+var DN900 = '#E6EDFA';
+var DN800 = '#DCE5F5';
+var DN700 = '#CED9EB';
+var DN600 = '#B8C7E0';
+var DN500 = '#ABBBD6';
+var DN400 = '#9FB0CC';
+var DN300 = '#8C9CB8';
+var DN200 = '#7988A3';
+var DN100 = '#67758F';
+var DN90 = '#56637A';
+var DN80 = '#455166';
+var DN70 = '#3B475C';
+var DN60 = '#313D52';
+var DN50 = '#283447';
+var DN40 = '#202B3D';
+var DN30 = '#1B2638';
+var DN20 = '#121A29';
+var DN10 = '#0E1624'; // ATTENTION: update the tints if you update this
+
+var DN0 = '#0D1424'; // Each dark tint is made of DN0 and an alpha channel
+
+var DN800A = 'rgba(13, 20, 36, 0.06)';
+var DN700A = 'rgba(13, 20, 36, 0.14)';
+var DN600A = 'rgba(13, 20, 36, 0.18)';
+var DN500A = 'rgba(13, 20, 36, 0.29)';
+var DN400A = 'rgba(13, 20, 36, 0.36)';
+var DN300A = 'rgba(13, 20, 36, 0.40)';
+var DN200A = 'rgba(13, 20, 36, 0.47)';
+var DN100A = 'rgba(13, 20, 36, 0.53)';
+var DN90A = 'rgba(13, 20, 36, 0.63)';
+var DN80A = 'rgba(13, 20, 36, 0.73)';
+var DN70A = 'rgba(13, 20, 36, 0.78)';
+var DN60A = 'rgba(13, 20, 36, 0.81)';
+var DN50A = 'rgba(13, 20, 36, 0.85)';
+var DN40A = 'rgba(13, 20, 36, 0.89)';
+var DN30A = 'rgba(13, 20, 36, 0.92)';
+var DN20A = 'rgba(13, 20, 36, 0.95)';
+var DN10A = 'rgba(13, 20, 36, 0.97)'; // Themed colors
+
+var background = themed({
   light: N0,
   dark: DN30
-}), backgroundActive = themed({
+});
+var backgroundActive = themed({
   light: B50,
   dark: B75
-}), backgroundHover = themed({
+});
+var backgroundHover = themed({
   light: N30,
   dark: DN70
-}), backgroundOnLayer = themed({
+});
+var backgroundOnLayer = themed({
   light: N0,
   dark: DN50
-}), text = themed({
+});
+var text = themed({
   light: N900,
   dark: DN600
-}), textHover = themed({
+});
+var textHover = themed({
   light: N800,
   dark: DN600
-}), textActive = themed({
+});
+var textActive = themed({
   light: B400,
   dark: B400
-}), subtleText = themed({
+});
+var subtleText = themed({
   light: N200,
   dark: DN300
-}), placeholderText = themed({
+});
+var placeholderText = themed({
   light: N100,
   dark: DN200
-}), heading = themed({
+});
+var heading = themed({
   light: N800,
   dark: DN600
-}), subtleHeading = themed({
+});
+var subtleHeading = themed({
   light: N200,
   dark: DN300
-}), codeBlock = themed({
+});
+var codeBlock = themed({
   light: N20,
   dark: DN50
-}), link = themed({
+});
+var link = themed({
   light: B400,
   dark: B100
-}), linkHover = themed({
+});
+var linkHover = themed({
   light: B300,
   dark: B200
-}), linkActive = themed({
+});
+var linkActive = themed({
   light: B500,
   dark: B100
-}), linkOutline = themed({
+});
+var linkOutline = themed({
   light: B100,
   dark: B200
-}), primary = themed({
+});
+var primary = themed({
   light: B400,
   dark: B100
-}), blue = themed({
+});
+var blue = themed({
   light: B400,
   dark: B100
-}), teal = themed({
+});
+var teal = themed({
   light: T300,
   dark: T200
-}), purple = themed({
+});
+var purple = themed({
   light: P300,
   dark: P100
-}), red = themed({
+});
+var red = themed({
   light: R300,
   dark: R300
-}), yellow = themed({
+});
+var yellow = themed({
   light: Y300,
   dark: Y300
-}), green = themed({
+});
+var green = themed({
   light: G300,
   dark: G300
-}), skeleton = function() {
+});
+var skeleton = function skeleton() {
   return N20A;
-}, colors = Object.freeze({
+};
+
+var colors = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -257,37 +438,142 @@ R50: R50,
 
-exports.B100 = B100, exports.B200 = B200, exports.B300 = B300, exports.B400 = B400, 
-exports.B50 = B50, exports.B500 = B500, exports.B75 = B75, exports.DN0 = DN0, exports.DN10 = DN10, 
-exports.DN100 = DN100, exports.DN100A = DN100A, exports.DN10A = DN10A, exports.DN20 = DN20, 
-exports.DN200 = DN200, exports.DN200A = DN200A, exports.DN20A = DN20A, exports.DN30 = DN30, 
-exports.DN300 = DN300, exports.DN300A = DN300A, exports.DN30A = DN30A, exports.DN40 = DN40, 
-exports.DN400 = DN400, exports.DN400A = DN400A, exports.DN40A = DN40A, exports.DN50 = DN50, 
-exports.DN500 = DN500, exports.DN500A = DN500A, exports.DN50A = DN50A, exports.DN60 = DN60, 
-exports.DN600 = DN600, exports.DN600A = DN600A, exports.DN60A = DN60A, exports.DN70 = DN70, 
-exports.DN700 = DN700, exports.DN700A = DN700A, exports.DN70A = DN70A, exports.DN80 = DN80, 
-exports.DN800 = DN800, exports.DN800A = DN800A, exports.DN80A = DN80A, exports.DN90 = DN90, 
-exports.DN900 = DN900, exports.DN90A = DN90A, exports.G100 = G100, exports.G200 = G200, 
-exports.G300 = G300, exports.G400 = G400, exports.G50 = G50, exports.G500 = G500, 
-exports.G75 = G75, exports.N0 = N0, exports.N10 = N10, exports.N100 = N100, exports.N100A = N100A, 
-exports.N10A = N10A, exports.N20 = N20, exports.N200 = N200, exports.N200A = N200A, 
-exports.N20A = N20A, exports.N30 = N30, exports.N300 = N300, exports.N300A = N300A, 
-exports.N30A = N30A, exports.N40 = N40, exports.N400 = N400, exports.N400A = N400A, 
-exports.N40A = N40A, exports.N50 = N50, exports.N500 = N500, exports.N500A = N500A, 
-exports.N50A = N50A, exports.N60 = N60, exports.N600 = N600, exports.N600A = N600A, 
-exports.N60A = N60A, exports.N70 = N70, exports.N700 = N700, exports.N700A = N700A, 
-exports.N70A = N70A, exports.N80 = N80, exports.N800 = N800, exports.N800A = N800A, 
-exports.N80A = N80A, exports.N90 = N90, exports.N900 = N900, exports.N90A = N90A, 
-exports.P100 = P100, exports.P200 = P200, exports.P300 = P300, exports.P400 = P400, 
-exports.P50 = P50, exports.P500 = P500, exports.P75 = P75, exports.R100 = R100, 
-exports.R200 = R200, exports.R300 = R300, exports.R400 = R400, exports.R50 = R50, 
-exports.R500 = R500, exports.R75 = R75, exports.T100 = T100, exports.T200 = T200, 
-exports.T300 = T300, exports.T400 = T400, exports.T50 = T50, exports.T500 = T500, 
-exports.T75 = T75, exports.Y100 = Y100, exports.Y200 = Y200, exports.Y300 = Y300, 
-exports.Y400 = Y400, exports.Y50 = Y50, exports.Y500 = Y500, exports.Y75 = Y75, 
-exports.background = background, exports.backgroundActive = backgroundActive, exports.backgroundHover = backgroundHover, 
-exports.backgroundOnLayer = backgroundOnLayer, exports.blue = blue, exports.codeBlock = codeBlock, 
-exports.colors = colors, exports.getTheme = getTheme, exports.green = green, exports.heading = heading, 
-exports.link = link, exports.linkActive = linkActive, exports.linkHover = linkHover, 
-exports.linkOutline = linkOutline, exports.placeholderText = placeholderText, exports.primary = primary, 
-exports.purple = purple, exports.red = red, exports.skeleton = skeleton, exports.subtleHeading = subtleHeading, 
-exports.subtleText = subtleText, exports.teal = teal, exports.text = text, exports.textActive = textActive, 
-exports.textHover = textHover, exports.themed = themed, exports.yellow = yellow;
+exports.B100 = B100;
+exports.B200 = B200;
+exports.B300 = B300;
+exports.B400 = B400;
+exports.B50 = B50;
+exports.B500 = B500;
+exports.B75 = B75;
+exports.DN0 = DN0;
+exports.DN10 = DN10;
+exports.DN100 = DN100;
+exports.DN100A = DN100A;
+exports.DN10A = DN10A;
+exports.DN20 = DN20;
+exports.DN200 = DN200;
+exports.DN200A = DN200A;
+exports.DN20A = DN20A;
+exports.DN30 = DN30;
+exports.DN300 = DN300;
+exports.DN300A = DN300A;
+exports.DN30A = DN30A;
+exports.DN40 = DN40;
+exports.DN400 = DN400;
+exports.DN400A = DN400A;
+exports.DN40A = DN40A;
+exports.DN50 = DN50;
+exports.DN500 = DN500;
+exports.DN500A = DN500A;
+exports.DN50A = DN50A;
+exports.DN60 = DN60;
+exports.DN600 = DN600;
+exports.DN600A = DN600A;
+exports.DN60A = DN60A;
+exports.DN70 = DN70;
+exports.DN700 = DN700;
+exports.DN700A = DN700A;
+exports.DN70A = DN70A;
+exports.DN80 = DN80;
+exports.DN800 = DN800;
+exports.DN800A = DN800A;
+exports.DN80A = DN80A;
+exports.DN90 = DN90;
+exports.DN900 = DN900;
+exports.DN90A = DN90A;
+exports.G100 = G100;
+exports.G200 = G200;
+exports.G300 = G300;
+exports.G400 = G400;
+exports.G50 = G50;
+exports.G500 = G500;
+exports.G75 = G75;
+exports.N0 = N0;
+exports.N10 = N10;
+exports.N100 = N100;
+exports.N100A = N100A;
+exports.N10A = N10A;
+exports.N20 = N20;
+exports.N200 = N200;
+exports.N200A = N200A;
+exports.N20A = N20A;
+exports.N30 = N30;
+exports.N300 = N300;
+exports.N300A = N300A;
+exports.N30A = N30A;
+exports.N40 = N40;
+exports.N400 = N400;
+exports.N400A = N400A;
+exports.N40A = N40A;
+exports.N50 = N50;
+exports.N500 = N500;
+exports.N500A = N500A;
+exports.N50A = N50A;
+exports.N60 = N60;
+exports.N600 = N600;
+exports.N600A = N600A;
+exports.N60A = N60A;
+exports.N70 = N70;
+exports.N700 = N700;
+exports.N700A = N700A;
+exports.N70A = N70A;
+exports.N80 = N80;
+exports.N800 = N800;
+exports.N800A = N800A;
+exports.N80A = N80A;
+exports.N90 = N90;
+exports.N900 = N900;
+exports.N90A = N90A;
+exports.P100 = P100;
+exports.P200 = P200;
+exports.P300 = P300;
+exports.P400 = P400;
+exports.P50 = P50;
+exports.P500 = P500;
+exports.P75 = P75;
+exports.R100 = R100;
+exports.R200 = R200;
+exports.R300 = R300;
+exports.R400 = R400;
+exports.R50 = R50;
+exports.R500 = R500;
+exports.R75 = R75;
+exports.T100 = T100;
+exports.T200 = T200;
+exports.T300 = T300;
+exports.T400 = T400;
+exports.T50 = T50;
+exports.T500 = T500;
+exports.T75 = T75;
+exports.Y100 = Y100;
+exports.Y200 = Y200;
+exports.Y300 = Y300;
+exports.Y400 = Y400;
+exports.Y50 = Y50;
+exports.Y500 = Y500;
+exports.Y75 = Y75;
+exports.background = background;
+exports.backgroundActive = backgroundActive;
+exports.backgroundHover = backgroundHover;
+exports.backgroundOnLayer = backgroundOnLayer;
+exports.blue = blue;
+exports.codeBlock = codeBlock;
+exports.colors = colors;
+exports.getTheme = getTheme;
+exports.green = green;
+exports.heading = heading;
+exports.link = link;
+exports.linkActive = linkActive;
+exports.linkHover = linkHover;
+exports.linkOutline = linkOutline;
+exports.placeholderText = placeholderText;
+exports.primary = primary;
+exports.purple = purple;
+exports.red = red;
+exports.skeleton = skeleton;
+exports.subtleHeading = subtleHeading;
+exports.subtleText = subtleText;
+exports.teal = teal;
+exports.text = text;
+exports.textActive = textActive;
+exports.textHover = textHover;
+exports.themed = themed;
+exports.yellow = yellow;

dist/math-779fed66.cjs.prod.js

@@ -1,23 +0,21 @@
-"use strict";
+'use strict';
 
+// If a generic is used here, props can be inferred never and passed up (even with defaults)
 function add(fn, addend) {
-  return function(props) {
+  return function (props) {
     return fn(props) + addend;
   };
 }
-
 function subtract(fn, subtrahend) {
-  return function(props) {
+  return function (props) {
     return fn(props) - subtrahend;
   };
 }
-
 function multiply(fn, factor) {
-  return function(props) {
+  return function (props) {
     return fn(props) * factor;
   };
 }
-
 function divide(fn, divisor) {
-  return function(props) {
+  return function (props) {
     return fn(props) / divisor;
@@ -27,3 +25,3 @@ };
 
-var math = Object.freeze({
+var math = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -36,3 +34,6 @@ add: add,
 
-exports.add = add, exports.divide = divide, exports.math = math, exports.multiply = multiply, 
+exports.add = add;
+exports.divide = divide;
+exports.math = math;
+exports.multiply = multiply;
 exports.subtract = subtract;

dist/package.json

 {
 	"name": "@uidu/theme",
-	"version": "0.4.12",
+	"version": "0.5.0",
 	"sideEffects": false
 }

elevation/package.json

 {
-  "main": "dist/theme.cjs.js",
-  "module": "dist/theme.esm.js",
-  "preconstruct": {
-    "source": "../src/elevation.ts"
-  }
+  "main": "dist/uidu-theme-elevation.cjs.js",
+  "module": "dist/uidu-theme-elevation.esm.js",
+  "types": "dist/uidu-theme-elevation.cjs.d.ts"
 }

math/package.json

 {
-  "main": "dist/theme.cjs.js",
-  "module": "dist/theme.esm.js",
-  "preconstruct": {
-    "source": "../src/math.ts"
-  }
+  "main": "dist/uidu-theme-math.cjs.js",
+  "module": "dist/uidu-theme-math.esm.js",
+  "types": "dist/uidu-theme-math.cjs.d.ts"
 }

package.json

 {
   "name": "@uidu/theme",
-  "version": "0.4.12",
+  "version": "0.5.0",
   "description": "The Guidu theme framework",
@@ -9,9 +9,9 @@ "repository": "https://github.com/uidu-org/guidu/tree/master/packages/core/theme",
   "sideEffects": false,
-  "main": "dist/theme.cjs.js",
-  "module": "dist/theme.esm.js",
-  "types": "dist/theme.cjs.d.ts",
+  "main": "dist/uidu-theme.cjs.js",
+  "module": "dist/uidu-theme.esm.js",
+  "types": "dist/uidu-theme.cjs.d.ts",
   "dependencies": {
     "@babel/runtime": "^7.11.2",
     "@emotion/react": "^11.0.0",
-    "@uidu/form": "^0.3.7",
+    "@uidu/form": "^0.4.0",
     "exenv": "^1.2.2",
@@ -22,7 +22,7 @@ "prop-types": "^15.7.2",
   "devDependencies": {
-    "@uidu/button": "^0.3.9",
-    "@uidu/docs": "^0.2.13",
-    "@uidu/field-date": "^0.2.15",
-    "@uidu/lozenge": "^0.3.8",
-    "@uidu/section-message": "^0.3.8",
+    "@uidu/button": "^0.4.0",
+    "@uidu/docs": "^0.3.0",
+    "@uidu/field-date": "^0.3.0",
+    "@uidu/lozenge": "^0.4.0",
+    "@uidu/section-message": "^0.4.0",
     "color": "^3.1.0",
@@ -38,13 +38,12 @@ "react": "^17.0.0",
   "preconstruct": {
-    "source": "src/index.ts",
     "entrypoints": [
-      ".",
-      "colors",
-      "components",
-      "constants",
-      "elevation",
-      "typography",
-      "math"
+      "index.ts",
+      "colors.ts",
+      "components.ts",
+      "constants.ts",
+      "elevation.ts",
+      "typography.ts",
+      "math.ts"
     ]
   }
 }

typography/package.json

 {
-  "main": "dist/theme.cjs.js",
-  "module": "dist/theme.esm.js",
-  "preconstruct": {
-    "source": "../src/typography.ts"
-  }
+  "main": "dist/uidu-theme-typography.cjs.js",
+  "module": "dist/uidu-theme-typography.esm.js",
+  "types": "dist/uidu-theme-typography.cjs.d.ts"
 }

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

Improved metrics

Total package byte prevSize

180847

increased by8.16%

Lines of code

4803

increased by13.2%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@uidu/form@0.4.19(transitive)

• + Addedelectron-to-chromium@1.5.97(transitive)

• - Removed@uidu/form@0.3.14(transitive)

• - Removedelectron-to-chromium@1.5.99(transitive)

• Updated@uidu/form@^0.4.0