td-stylekit 24.8.0 → 25.2.0

package/dist/es/ThemeProvider/ThemeProvider.js

@@ -1,45 +1,68 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { jsx as ___EmotionJSX } from "@emotion/core";
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ThemeProvider;
+
+var _react = require("@emotion/react");
+
+var React = _interopRequireWildcard(require("react"));
+
+var _globalcss = _interopRequireDefault(require("../utils/globalcss"));
+
+var _resetcss = _interopRequireDefault(require("../utils/resetcss"));
+
+var _accessibility = require("./accessibility");
+
+var _icons = require("./icons");
+
+var _theme = require("./theme");
+
+var _v = _interopRequireDefault(require("./v4"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import { Global } from '@emotion/core';
-import { ThemeProvider as EmotionThemeProvider } from 'emotion-theming';
-import * as React from 'react';
-import globalCSS from '../utils/globalcss';
-import resetCSS from '../utils/resetcss';
-import { applyAccessibility } from './accessibility';
-import { typesv4, typesv5 } from './icons';
-import { theme } from './theme';
-import v4Theme from './v4'; // TODO: using multiple theme providers will inject multiple copies of global
-// styles, need to ensure they're only added once
 
-export default function ThemeProvider(_ref) {
+// TODO: using multiple theme providers will inject multiple copies of global
+// styles, need to ensure they're only added once
+function ThemeProvider(_ref) {
   var children = _ref.children,
       _ref$customTheme = _ref.customTheme,
-      customTheme = _ref$customTheme === void 0 ? theme : _ref$customTheme,
+      customTheme = _ref$customTheme === void 0 ? _theme.theme : _ref$customTheme,
       accessibilityOptions = _ref.accessibilityOptions;
-  var themeWithAccessibility = applyAccessibility(customTheme, accessibilityOptions);
-  return ___EmotionJSX(EmotionThemeProvider, {
+  var themeWithAccessibility = (0, _accessibility.applyAccessibility)(customTheme, accessibilityOptions);
+  return (0, _react.jsx)(_react.ThemeProvider, {
     "data-gs": gs("src", "themeprovider", "themeprovider.tsx", "theme-provider", "emotion-theme-provider"),
     theme: themeWithAccessibility
-  }, ___EmotionJSX(Global, {
+  }, (0, _react.jsx)(_react.Global, {
     "data-gs": gs("src", "themeprovider", "themeprovider.tsx", "theme-provider", "emotion-theme-provider", "global"),
-    styles: resetCSS()
-  }), ___EmotionJSX(Global, {
+    styles: (0, _resetcss["default"])()
+  }), (0, _react.jsx)(_react.Global, {
     "data-gs": gs("src", "themeprovider", "themeprovider.tsx", "theme-provider", "emotion-theme-provider", "global"),
-    styles: globalCSS(themeWithAccessibility)
+    styles: (0, _globalcss["default"])(themeWithAccessibility)
   }), children);
 }
-ThemeProvider.v5Theme = _objectSpread({}, theme, {
-  icons: typesv5,
+
+ThemeProvider.v5Theme = _objectSpread(_objectSpread({}, _theme.theme), {}, {
+  icons: _icons.typesv5,
   name: 'v5'
 });
-ThemeProvider.v4Theme = _objectSpread({}, theme, {}, v4Theme, {
-  icons: typesv4,
+ThemeProvider.v4Theme = _objectSpread(_objectSpread(_objectSpread({}, _theme.theme), _v["default"]), {}, {
+  icons: _icons.typesv4,
   name: 'v4'
 });

package/dist/es/ThemeProvider/accessibility.js

@@ -1,12 +1,20 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.applyAccessibility = void 0;
+
+var _theme = require("./theme");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import { palette as defaultPalette } from './theme';
 var highContrastPalette = {
   success: ['#FFFFFF', '#027400'],
   error: ['#FFFFFF', '#961515'],
@@ -24,19 +32,19 @@ var highContrastShadows = {
   secondaryNavActiveItem: '0 2px 1px rgba(255,255,255), inset 0px 2px 1px rgba(255,255,255)'
 };
 
-var redGreenShiftPalette = _objectSpread({}, defaultPalette, {
+var redGreenShiftPalette = _objectSpread(_objectSpread({}, _theme.palette), {}, {
   error: ['#FFE5EF', '#AD2661'],
   warning: ['#FFF3E0', '#F08C00'],
   success: ['#EEFFFD', '#00C0A0']
 });
 
-var blueYellowPalette = _objectSpread({}, defaultPalette, {
+var blueYellowPalette = _objectSpread(_objectSpread({}, _theme.palette), {}, {
   error: ['#FFF0F0', '#BF1D63'],
   warning: ['#FFFAF2', '#DA7D21'],
   success: ['#FAFFF5', '#35AF27']
 });
 
-export var applyAccessibility = function applyAccessibility(theme) {
+var applyAccessibility = function applyAccessibility(theme) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
       fontSizeMultiplier = _ref.fontSizeMultiplier,
       palette = _ref.palette,
@@ -45,7 +53,7 @@ export var applyAccessibility = function applyAccessibility(theme) {
   var themeWithAccessibility = theme;
 
   if (fontSizeMultiplier && fontSizeMultiplier !== 1) {
-    themeWithAccessibility = _objectSpread({}, themeWithAccessibility, {
+    themeWithAccessibility = _objectSpread(_objectSpread({}, themeWithAccessibility), {}, {
       fontSize: [0.8, 0.875, 1, 1.25, 1.5, 1.75, 2, 2.125].map(function (size) {
         return "".concat((size * fontSizeMultiplier).toFixed(2), "rem");
       })
@@ -53,26 +61,26 @@ export var applyAccessibility = function applyAccessibility(theme) {
   }
 
   if (palette === 'high-contrast') {
-    themeWithAccessibility = _objectSpread({}, themeWithAccessibility, {
+    themeWithAccessibility = _objectSpread(_objectSpread({}, themeWithAccessibility), {}, {
       palette: highContrastPalette,
       shadows: highContrastShadows
     });
   }
 
   if (palette === 'red-green') {
-    themeWithAccessibility = _objectSpread({}, themeWithAccessibility, {
+    themeWithAccessibility = _objectSpread(_objectSpread({}, themeWithAccessibility), {}, {
       palette: redGreenShiftPalette
     });
   }
 
   if (palette === 'blue-yellow') {
-    themeWithAccessibility = _objectSpread({}, themeWithAccessibility, {
+    themeWithAccessibility = _objectSpread(_objectSpread({}, themeWithAccessibility), {}, {
       palette: blueYellowPalette
     });
   }
 
   if (useDyslexicFont) {
-    themeWithAccessibility = _objectSpread({}, themeWithAccessibility, {
+    themeWithAccessibility = _objectSpread(_objectSpread({}, themeWithAccessibility), {}, {
       fontFamily: {
         body: '"OpenDyslexic", "Nunito", sans-serif',
         // Fall back to Nunito if OpenDyslexic unavailable.
@@ -82,4 +90,6 @@ export var applyAccessibility = function applyAccessibility(theme) {
   }
 
   return themeWithAccessibility;
-};
+};
+
+exports.applyAccessibility = applyAccessibility;

package/dist/es/ThemeProvider/icons.js

@@ -1,12 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.typesv5 = exports.typesv4 = void 0;
+
+var _types = require("../Icon/types");
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import { types } from '../Icon/types';
-var typesv4 = types.typesv4,
-    typesv5 = types.typesv5; // v4 Raw svg icons are 16x16 on 36x36 artboard. The viewBox has been adjusted to remove the extra artboard padding.
+var typesv4 = _types.types.typesv4,
+    typesv5 = _types.types.typesv5; // v4 Raw svg icons are 16x16 on 36x36 artboard. The viewBox has been adjusted to remove the extra artboard padding.
 // v5 icons are 16X16 on 24X24 artboard; Navigation icons are larger; viewBox is adjusted accordingly
 // old name aliases
 
-export { typesv4, typesv5 };
+exports.typesv5 = typesv5;
+exports.typesv4 = typesv4;
 typesv4.Account = typesv4.PersonRound;
 typesv4.ArrowUp = typesv4.SymbolArrowUp;
 typesv4.ArrowDown = typesv4.SymbolArrowDown;

package/dist/es/ThemeProvider/index.js

@@ -1,8 +1,81 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  typesv4: true,
+  typesv5: true,
+  Overridable: true,
+  theme: true,
+  getOverrides: true
+};
+Object.defineProperty(exports, "Overridable", {
+  enumerable: true,
+  get: function get() {
+    return _overridable["default"];
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _ThemeProvider["default"];
+  }
+});
+Object.defineProperty(exports, "getOverrides", {
+  enumerable: true,
+  get: function get() {
+    return _themeUtils.getOverrides;
+  }
+});
+Object.defineProperty(exports, "theme", {
+  enumerable: true,
+  get: function get() {
+    return _theme.theme;
+  }
+});
+Object.defineProperty(exports, "typesv4", {
+  enumerable: true,
+  get: function get() {
+    return _icons.typesv4;
+  }
+});
+Object.defineProperty(exports, "typesv5", {
+  enumerable: true,
+  get: function get() {
+    return _icons.typesv5;
+  }
+});
+
+var _icons = require("./icons");
+
+var _overridable = _interopRequireDefault(require("./overridable"));
+
+var _theme = require("./theme");
+
+var _ThemeProvider = _interopRequireWildcard(require("./ThemeProvider"));
+
+Object.keys(_ThemeProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ThemeProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ThemeProvider[key];
+    }
+  });
+});
+
+var _themeUtils = require("./utils/themeUtils");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-export { typesv4, typesv5 } from './icons';
-export { default as Overridable } from './overridable';
-export { theme } from './theme';
-export * from './ThemeProvider';
-export { default } from './ThemeProvider';
-export { getOverrides } from './utils/themeUtils';
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};

package/dist/es/ThemeProvider/overridable.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
 var Overridable = {
@@ -205,4 +211,5 @@ var Overridable = {
     Root: Symbol('View.Root')
   }
 };
-export default Overridable;
+var _default = Overridable;
+exports["default"] = _default;

package/dist/es/ThemeProvider/theme.js

@@ -1,9 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.theme = exports.palette = void 0;
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+
+/*
+  Space constants used for margins and paddings based on the base font size of 16px
+*/
 var space = ['0', '0.25rem', '0.5rem', '0.75rem', '1rem', '1.25rem', '1.5rem', '1.75rem', '2rem']; // Note: this color palette is guaranteed not to change in shape/size.
 // Only specific colors may change from this point onwards.
 
-export var palette = {
+var palette = {
   success: ['#EBFFF1', '#059400'],
   warning: ['#FFF5EA', '#CA6C00'],
   error: ['#FFF0F0', '#B63535'],
@@ -11,6 +21,7 @@ export var palette = {
   secondary: ['#FFF6F3', '#FEEAE4', '#F9C6B5', '#DE7E5E', '#CE6B4A', '#B95B3B'],
   neutral: ['#FFFFFF', '#FAFAFA', '#F4F4F4', '#EEEEEE', '#E6E6E6', '#DADADA', '#CCCCCC', '#BDBDBD', '#AEAEAE', '#999999', '#6D6D6D', '#212121']
 };
+exports.palette = palette;
 var fontFamily = {
   body: '"Nunito", sans-serif',
   monospace: '"Roboto Mono", monospace'
@@ -26,7 +37,7 @@ var shadows = {
   pill: '0px 0px 8px 0px rgba(0,0,0,0.2)',
   bigCentered: '0 0 10px 00 rgba(0, 0, 0, 0.1), 0 2px 0 0 rgba(0, 0, 0, 0.05)',
   popover: '0 6px 15px 0 rgba(0, 0, 0, 0.05), 0 -1px 4px 0 rgba(0, 0, 0, 0.05)',
-  secondaryNavActiveItem: '0 2px 1px rgba(255,255,255,.7), inset 0px 2px 1px rgba(255,255,255,.7)'
+  secondaryNavActiveItem: '0 2px 1px rgba(255, 255, 255, .7), inset 0px 2px 1px rgba(255, 255, 255, .7)'
 };
 var sizes = {
   PageHeaderIcon: 87
@@ -99,8 +110,8 @@ var color = {
   Azure: 'rgba(0,161,255, 1)',
   AzureNew: '#DAF2FF',
   // replace azure with this after style refactor
-  AzureFade: 'rgba(0,161,255, 0.1)',
-  AzureHighlight: 'rgba(0,161,255, 0.05)',
+  AzureFade: 'rgba(0, 161, 255, 0.1)',
+  AzureHighlight: 'rgba(0, 161, 255, 0.05)',
   Silver: '#ECEDF0',
   BlueNavy: '#767C8C',
   Black: '#000000',
@@ -129,7 +140,7 @@ var gradient = {
   main: 'linear-gradient(119.77deg, #EFF7FF 19.45%, #FFF6F3 82.62%)',
   neutral: 'linear-gradient(179.94deg, #FFFFFF 8.73%, #F5F5F5 33.78%)'
 };
-export var theme = {
+var theme = {
   space: space,
   palette: palette,
   fontFamily: fontFamily,
@@ -143,4 +154,5 @@ export var theme = {
   zIndex: zIndex,
   color: color,
   gradient: gradient
-};
+};
+exports.theme = theme;

package/dist/es/ThemeProvider/types.d.ts

@@ -1,5 +1,5 @@
 import type Overridable from './overridable';
-import type { CSSObject } from '@emotion/core';
+import type { CSSObject } from '@emotion/react';
 import type { theme } from './theme';
 export declare type PaletteArray = string[];
 declare type IconType = {
@@ -8,38 +8,17 @@ declare type IconType = {
 declare type IconThemeTypes = {
     [name: string]: IconType;
 };
-declare type Palettes = 'primary' | 'secondary' | 'neutral' | 'error' | 'success' | 'warning';
 export declare type CSSFunction = (props: any) => CSSObject;
-export declare type Theme = typeof theme & {
-    space: string[];
-    color: {
-        [key: string]: string;
-    };
-    palette: Record<Palettes, PaletteArray>;
-    fontFamily: {
-        [key: string]: string;
-    };
-    fontSize: string[];
-    lineHeight: number[];
-    radius: string[];
-    borderWidth: string[];
-    grid: number[];
-    shadows: {
-        [key: string]: string;
-    };
-    sizes: {
-        [key: string]: number;
-    };
-    zIndex: {
-        [key: string]: number;
-    };
+declare type themeType = typeof theme & {
     overrides?: typeof Overridable;
+    name?: 'v4' | 'v5';
     icons?: IconThemeTypes;
-    name?: string;
-    gradient?: {
-        [key: string]: string;
-    };
 };
+declare module '@emotion/react' {
+    interface Theme extends themeType {
+    }
+}
+export declare type Theme = themeType;
 export declare type ThemeProp = {
     theme: Theme;
 };

package/dist/es/ThemeProvider/types.js

@@ -1,2 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};

package/dist/es/ThemeProvider/utils/themeUtils.js

@@ -1,6 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getOverrides = getOverrides;
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-export function getOverrides(overridableComponent) {
+
+function getOverrides(overridableComponent) {
   return function (props) {
     var _props$theme$override;
 

package/dist/es/ThemeProvider/v4/Badge.js

@@ -1,17 +1,28 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _overridable = _interopRequireDefault(require("../overridable"));
 
 var _Root$Error$Neutral$S;
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import Overridable from '../overridable';
-var _Overridable$Badge = Overridable.Badge,
+var _Overridable$Badge = _overridable["default"].Badge,
     Root = _Overridable$Badge.Root,
     Error = _Overridable$Badge.Error,
     Neutral = _Overridable$Badge.Neutral,
     Success = _Overridable$Badge.Success,
     Warning = _Overridable$Badge.Warning;
-export default (_Root$Error$Neutral$S = {}, _defineProperty(_Root$Error$Neutral$S, Root, function (_ref) {
+
+var _default = (_Root$Error$Neutral$S = {}, _defineProperty(_Root$Error$Neutral$S, Root, function (_ref) {
   var theme = _ref.theme,
       type = _ref.type;
   return {
@@ -48,4 +59,6 @@ export default (_Root$Error$Neutral$S = {}, _defineProperty(_Root$Error$Neutral$
     backgroundColor: theme.color.OrangeBackground,
     color: theme.color.Orange
   };
-}), _Root$Error$Neutral$S);
+}), _Root$Error$Neutral$S);
+
+exports["default"] = _default;

package/dist/es/ThemeProvider/v4/Button.js

@@ -1,10 +1,23 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _color = _interopRequireDefault(require("color"));
+
+var _overridable = _interopRequireDefault(require("../overridable"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import color from 'color';
-import Overridable from '../overridable';
-var Root = Overridable.Button.Root;
-export default _defineProperty({}, Root, [// default outline
+var Root = _overridable["default"].Button.Root;
+
+var _default = _defineProperty({}, Root, [// default outline
 function (_ref) {
   var circle = _ref.circle,
       small = _ref.small,
@@ -31,7 +44,7 @@ function (_ref) {
       outlineOffset: '-4px'
     },
     ':hover': !disabled && !loading && {
-      boxShadow: "0 0 8px ".concat(color(theme.color.CuriousBlue).alpha(0.5).string()),
+      boxShadow: "0 0 8px ".concat((0, _color["default"])(theme.color.CuriousBlue).alpha(0.5).string()),
       transform: 'none'
     },
     ':active': !disabled && !loading && {
@@ -52,7 +65,7 @@ function (_ref2) {
     borderColor: 'transparent',
     ':hover': !disabled && !loading && {
       backgroundColor: theme.color.CuriousBlue,
-      boxShadow: "0 0 8px ".concat(color(theme.color.CuriousBlue).alpha(0.75).string())
+      boxShadow: "0 0 8px ".concat((0, _color["default"])(theme.color.CuriousBlue).alpha(0.75).string())
     },
     ':active': !disabled && !loading && {
       backgroundColor: theme.color.Matisse,
@@ -128,7 +141,7 @@ function (_ref6) {
     border: 'none',
     ':hover': !disabled && !loading && {
       backgroundColor: theme.color.FlushMahogany,
-      boxShadow: "0 0 8px ".concat(color(theme.color.FlushMahogany).alpha(0.75).string())
+      boxShadow: "0 0 8px ".concat((0, _color["default"])(theme.color.FlushMahogany).alpha(0.75).string())
     },
     ':active': !disabled && !loading && {
       backgroundColor: theme.color.Maroon,
@@ -179,4 +192,6 @@ function (_ref9) {
       color: theme.color.Primary
     }
   };
-}]);
+}]);
+
+exports["default"] = _default;

package/dist/es/ThemeProvider/v4/Card.js

@@ -1,9 +1,21 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _overridable = _interopRequireDefault(require("../overridable"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import Overridable from '../overridable';
-var Root = Overridable.Card.Root;
-export default _defineProperty({}, Root, function (_ref) {
+var Root = _overridable["default"].Card.Root;
+
+var _default = _defineProperty({}, Root, function (_ref) {
   var theme = _ref.theme;
   return {
     backgroundColor: theme.color.LightBackground,
@@ -11,4 +23,6 @@ export default _defineProperty({}, Root, function (_ref) {
     borderRadius: theme.radius[3],
     padding: theme.space[4]
   };
-});
+});
+
+exports["default"] = _default;

package/dist/es/ThemeProvider/v4/Checkbox.js

@@ -1,16 +1,27 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _overridable = _interopRequireDefault(require("../overridable"));
 
 var _VisualCheckbox$Input;
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-import Overridable from '../overridable';
-var _Overridable$Checkbox = Overridable.Checkbox,
+var _Overridable$Checkbox = _overridable["default"].Checkbox,
     VisualCheckbox = _Overridable$Checkbox.VisualCheckbox,
     Input = _Overridable$Checkbox.Input,
     CheckIcon = _Overridable$Checkbox.CheckIcon,
     Label = _Overridable$Checkbox.Label;
-export default (_VisualCheckbox$Input = {}, _defineProperty(_VisualCheckbox$Input, VisualCheckbox, [function (_ref) {
+
+var _default = (_VisualCheckbox$Input = {}, _defineProperty(_VisualCheckbox$Input, VisualCheckbox, [function (_ref) {
   var theme = _ref.theme;
   return {
     backgroundColor: theme.color.PrimaryContrast,
@@ -84,4 +95,6 @@ export default (_VisualCheckbox$Input = {}, _defineProperty(_VisualCheckbox$Inpu
   return readOnly ? {
     color: theme.color.Primary
   } : {};
-}]), _VisualCheckbox$Input);
+}]), _VisualCheckbox$Input);
+
+exports["default"] = _default;