carbon-react 154.3.2 → 154.4.0-beta.0

package/lib/components/box/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _box.default;
-  }
-});
-var _box = _interopRequireDefault(require("./box.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./box.component.js");exports.default=e.Box;

package/lib/components/box/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/box/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/box/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/breadcrumbs/__internal__/breadcrumbs.context.js

@@ -1,17 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useBreadcrumbsContext = exports.BreadcrumbsProvider = void 0;
-var _createStrictContext = _interopRequireDefault(require("../../../__internal__/utils/createStrictContext"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const [BreadcrumbsProvider, useBreadcrumbsContext] = (0, _createStrictContext.default)({
-  name: "BreadcrumbsContext",
-  errorMessage: "Carbon Breadcrumbs: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",
-  defaultValue: {
-    isDarkBackground: false
-  }
-});
-exports.useBreadcrumbsContext = useBreadcrumbsContext;
-exports.BreadcrumbsProvider = BreadcrumbsProvider;
+"use strict";var e=require("../../../__internal__/utils/createStrictContext/createStrictContext.js");const[r,t]=e.default({name:"BreadcrumbsContext",errorMessage:"Carbon Breadcrumbs: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{isDarkBackground:!1}});exports.BreadcrumbsProvider=r,exports.useBreadcrumbsContext=t;

package/lib/components/breadcrumbs/breadcrumbs.component.js

@@ -1,31 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Breadcrumbs = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
-var _breadcrumbs = _interopRequireDefault(require("./breadcrumbs.style"));
-var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-var _breadcrumbs2 = require("./__internal__/breadcrumbs.context");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/_react.default.forwardRef(({
-  children,
-  isDarkBackground = false,
-  ...rest
-}, ref) => {
-  const l = (0, _useLocale.default)();
-  return /*#__PURE__*/_react.default.createElement(_breadcrumbs2.BreadcrumbsProvider, {
-    value: {
-      isDarkBackground
-    }
-  }, /*#__PURE__*/_react.default.createElement(_breadcrumbs.default, _extends({
-    ref: ref,
-    role: "navigation",
-    "aria-label": l.breadcrumbs.ariaLabel()
-  }, rest, (0, _tags.default)("breadcrumbs", rest)), /*#__PURE__*/_react.default.createElement("ol", null, children)));
-});
-Breadcrumbs.displayName = "Breadcrumbs";
-var _default = exports.default = Breadcrumbs;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./breadcrumbs.style.js"),o=require("../../hooks/__internal__/useLocale/useLocale.js"),a=require("./__internal__/breadcrumbs.context.js");function c(e){return e&&e.__esModule?e:{default:e}}function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){u(e,r,t[r])}))}return e}const i=c(r).default.forwardRef(((r,c)=>{var{children:u,isDarkBackground:i=!1}=r,s=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,["children","isDarkBackground"]);const b=o.default();return e.jsx(a.BreadcrumbsProvider,{value:{isDarkBackground:i},children:e.jsx(n.default,(f=l({ref:c,role:"navigation","aria-label":b.breadcrumbs.ariaLabel()},s,t.default("breadcrumbs",s)),d={children:e.jsx("ol",{children:u})},d=null!=d?d:{},Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(d)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(d)).forEach((function(e){Object.defineProperty(f,e,Object.getOwnPropertyDescriptor(d,e))})),f))});var f,d}));i.displayName="Breadcrumbs",exports.Breadcrumbs=i,exports.default=i;

package/lib/components/breadcrumbs/breadcrumbs.style.js

@@ -1,25 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StyledBreadcrumbs = _styledComponents.default.nav`
-  ${_styledSystem.space}
-
-  ol {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    display: flex;
-    flex-wrap: wrap;
-  }
-`;
-StyledBreadcrumbs.defaultProps = {
-  theme: _base.default
-};
-var _default = exports.default = StyledBreadcrumbs;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),s=require("../../style/themes/base/index.js");function r(e){return e&&e.__esModule?e:{default:e}}const a=r(e).default.nav.withConfig({displayName:"breadcrumbs.style__StyledBreadcrumbs",componentId:"sc-368af004-0"})([""," ol{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;}"],t.space);a.defaultProps={theme:s.default},exports.default=a;

package/lib/components/breadcrumbs/crumb/crumb.component.js

@@ -1,38 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags"));
-var _crumb = require("./crumb.style");
-var _breadcrumbs = require("../__internal__/breadcrumbs.context");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const Crumb = /*#__PURE__*/_react.default.forwardRef(({
-  href,
-  isCurrent,
-  children,
-  onClick,
-  ...rest
-}, ref) => {
-  const {
-    isDarkBackground
-  } = (0, _breadcrumbs.useBreadcrumbsContext)();
-  return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_crumb.StyledCrumb, _extends({
-    ref: ref,
-    isCurrent: isCurrent,
-    "aria-current": isCurrent ? "page" : undefined,
-    isDarkBackground: isDarkBackground
-  }, rest, (0, _tags.default)("crumb", rest), !isCurrent && {
-    href,
-    onClick
-  }), children), !isCurrent && /*#__PURE__*/_react.default.createElement(_crumb.Divider, {
-    "data-role": "crumb-divider",
-    "aria-hidden": "true",
-    isDarkBackground: isDarkBackground
-  }));
-});
-Crumb.displayName = "Crumb";
-var _default = exports.default = Crumb;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../__internal__/utils/helpers/tags/tags.js"),n=require("./crumb.style.js"),i=require("../__internal__/breadcrumbs.context.js");function o(e){return e&&e.__esModule?e:{default:e}}function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){c(e,r,t[r])}))}return e}const a=o(r).default.forwardRef(((r,o)=>{var{href:c,isCurrent:a,children:l,onClick:s}=r,b=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(r,["href","isCurrent","children","onClick"]);const{isDarkBackground:f}=i.useBreadcrumbsContext();return e.jsxs("li",{children:[e.jsx(n.StyledCrumb,(d=u({ref:o,isCurrent:a,"aria-current":a?"page":void 0,isDarkBackground:f},b,t.default("crumb",b),!a&&{href:c,onClick:s}),p={children:l},p=null!=p?p:{},Object.getOwnPropertyDescriptors?Object.defineProperties(d,Object.getOwnPropertyDescriptors(p)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(p)).forEach((function(e){Object.defineProperty(d,e,Object.getOwnPropertyDescriptor(p,e))})),d)),!a&&e.jsx(n.Divider,{"data-role":"crumb-divider","aria-hidden":"true",isDarkBackground:f})]});var d,p}));a.displayName="Crumb",exports.default=a;

package/lib/components/breadcrumbs/crumb/crumb.style.js

@@ -1,49 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.StyledCrumb = exports.Divider = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _link = _interopRequireDefault(require("../../link"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const getCurrentCrumbColor = isDarkBackground => {
-  return isDarkBackground ? "var(--colorsUtilityYang100)" : "var(--colorsUtilityYin090)";
-};
-const StyledCrumb = exports.StyledCrumb = (0, _styledComponents.default)(_link.default)`
-  font: var(--typographyLinkTextM);
-  ${({
-  isCurrent,
-  isDarkBackground
-}) => isCurrent && (0, _styledComponents.css)`
-      a {
-        color: ${getCurrentCrumbColor(isDarkBackground)};
-        text-decoration: none;
-        font: var(--typographyBreadcrumbCurrentPageM);
-        :hover {
-          color: ${getCurrentCrumbColor(isDarkBackground)};
-          text-decoration: none;
-          cursor: text;
-        }
-      }
-    `}
-`;
-const Divider = exports.Divider = _styledComponents.default.span`
-  ::after {
-    content: "/";
-    margin: 0px var(--spacing050) 0px var(--spacing100);
-    line-height: 16px;
-    font: var(--typographyBreadcrumbSeparatorM);
-    ${({
-  isDarkBackground
-}) => (0, _styledComponents.css)`
-      color: ${isDarkBackground ? "var(--colorsUtilityYang100)" : "var(--colorsUtilityYin055)"};
-    `}
-  }
-`;
-var _default = exports.default = {
-  StyledCrumb,
-  Divider
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("../../link/link.component.js");function t(r){return r&&r.__esModule?r:{default:r}}var o=t(r);const a=r=>r?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)",n=o.default(e.Link).withConfig({displayName:"crumb.style__StyledCrumb",componentId:"sc-d31421e1-0"})(["font:var(--typographyLinkTextM);",""],(({isCurrent:e,isDarkBackground:t})=>e&&r.css(["a{color:",";text-decoration:none;font:var(--typographyBreadcrumbCurrentPageM);:hover{color:",";text-decoration:none;cursor:text;}}"],a(t),a(t)))),i=o.default.span.withConfig({displayName:"crumb.style__Divider",componentId:"sc-d31421e1-1"})(['::after{content:"/";margin:0px var(--spacing050) 0px var(--spacing100);line-height:16px;font:var(--typographyBreadcrumbSeparatorM);',"}"],(({isDarkBackground:e})=>r.css(["color:",";"],e?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin055)")));var s={StyledCrumb:n,Divider:i};exports.Divider=i,exports.StyledCrumb=n,exports.default=s;

package/lib/components/breadcrumbs/crumb/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Crumb", {
-  enumerable: true,
-  get: function () {
-    return _crumb.default;
-  }
-});
-var _crumb = _interopRequireDefault(require("./crumb.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";var r=require("./crumb.component.js");exports.Crumb=r.default;

package/lib/components/breadcrumbs/crumb/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../../esm/components/breadcrumbs/crumb/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/breadcrumbs/crumb/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/breadcrumbs/index.js

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Breadcrumbs", {
-  enumerable: true,
-  get: function () {
-    return _breadcrumbs.default;
-  }
-});
-Object.defineProperty(exports, "Crumb", {
-  enumerable: true,
-  get: function () {
-    return _crumb.Crumb;
-  }
-});
-var _breadcrumbs = _interopRequireDefault(require("./breadcrumbs.component"));
-var _crumb = require("./crumb");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";var r=require("./breadcrumbs.component.js"),e=require("./crumb/crumb.component.js");exports.Breadcrumbs=r.Breadcrumbs,exports.Crumb=e.default;

package/lib/components/breadcrumbs/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/breadcrumbs/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/breadcrumbs/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/button/button-types.style.js

@@ -1,208 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _icon = _interopRequireDefault(require("../icon/icon.style"));
-var _loaderSquare = _interopRequireDefault(require("../loader/loader-square.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function makeColors(color) {
-  return `
-  color: ${color};
-  ${_icon.default} {
-    color: ${color};
-  }
-  ${_loaderSquare.default} {
-    background-color: ${color};
-  }
-  `;
-}
-const disabledImageStyle = `
-  img, svg {
-    opacity: 0.3;
-  }
-`;
-const gradientDisabledStyle = `
-  background: transparent;
-  border-color: var(--colorsActionDisabled500);
-  ${makeColors("var(--colorsActionMajorYin030)")};
-  &:hover {
-    border-color: var(--colorsActionDisabled500);
-    ${makeColors("var(--colorsActionMajorYin030)")};
-  }
-  ${disabledImageStyle}
-`;
-const gradientSharedStyle = `
-  border: 2px solid transparent;
-  &:hover {
-    background: linear-gradient(to right, #d6f8df, #d9f2ff, #ede2ff) padding-box, linear-gradient(to right, #00D639, #11AFFF, #8F49FE) border-box;
-  }
-`;
-var _default = (isDisabled, destructive, isWhite) => ({
-  primary: `
-    background: var(--colorsActionMajor500);
-    border-color: transparent;
-    ${makeColors("var(--colorsActionMajorYang100)")};
-    &:hover {
-      background: var(--colorsActionMajor600);
-    }
-
-    ${isDisabled ? `
-          background: var(--colorsActionDisabled500);
-          ${makeColors("var(--colorsActionMajorYin030)")};
-          &:hover {
-            background: var(--colorsActionDisabled500);
-          }
-          ${disabledImageStyle}
-        ` : ""}
-
-    ${destructive ? `
-        background: var(--colorsSemanticNegative500);
-        ${makeColors("var(--colorsSemanticNegativeYang100)")};
-        &:hover {
-          background: var(--colorsSemanticNegative600);
-        }
-
-    ${isDisabled ? `
-          background: var(--colorsActionDisabled500);
-          ${makeColors("var(--colorsActionMajorYin030)")};
-          &:hover {
-            background: var(--colorsActionDisabled500);
-          }
-          ${disabledImageStyle}
-        ` : ""}` : ""}
-  `,
-  secondary: `
-      background: transparent;
-      border-color: var(--colorsActionMajor500);
-      ${makeColors("var(--colorsActionMajor500)")};
-      &:hover {
-        background: var(--colorsActionMajor600);
-        border-color: var(--colorsActionMajorTransparent);
-        ${makeColors("var(--colorsActionMajorYang100)")};
-      }
-
-      ${isWhite && (!isDisabled || !destructive) ? `
-          border-color: var(--colorsActionMajorYang100);
-          ${makeColors("var(--colorsActionMajorYang100)")};
-          &:hover {
-            background: var(--colorsActionMajorYang100);
-            border-color: var(--colorsActionMajorYang100);
-            ${makeColors("var(--colorsYin100)")};
-          }
-          ` : ""}
-
-      ${destructive ? `
-            border-color: var(--colorsSemanticNegative500);
-            ${makeColors("var(--colorsSemanticNegative500)")}
-            &:hover {
-              background: var(--colorsSemanticNegative600);
-              border-color: var(--colorsSemanticNegativeTransparent);
-              ${makeColors("var(--colorsSemanticNegativeYang100)")};
-            }
-          ` : ""}
-
-      ${isDisabled && !isWhite ? `
-            border-color: var(--colorsActionDisabled500);
-            ${makeColors("var(--colorsActionMajorYin030)")};
-            &:hover {
-              background: transparent;
-              border-color: var(--colorsActionDisabled500);
-              ${makeColors("var(--colorsActionMajorYin030)")};
-            }
-            ${disabledImageStyle}
-          ` : ""}
-
-      ${isWhite ? `
-            border-color: var(--colorsActionMajorYang100);
-            ${makeColors("var(--colorsActionMajorYang100)")}
-            &:hover {
-              background: var(--colorsActionMajorYang100);
-              ${makeColors("var(--colorsUtilityYin100)")};
-            }
-
-
-            ${destructive ? `
-                  border-color: var(--colorsSemanticNegative450);
-                  ${makeColors("var(--colorsSemanticNegative450)")}
-                  &:hover {
-                    background: var(--colorsSemanticNegative600);
-                    border-color: var(--colorsSemanticNegativeTransparent);
-                    ${makeColors("var(--colorsSemanticNegativeYang100)")};
-                  }
-                ` : ""}
-
-            ${isDisabled ? `
-                  border-color: #4B4B4B;
-                  ${makeColors("#4B4B4B")};
-                  &:hover {
-                    background: transparent;
-                    border-color: #4B4B4B;
-                    ${makeColors("#4B4B4B")};
-
-                  }
-                  ${disabledImageStyle}
-                ` : ""}
-          }
-          ` : ""}
-  `,
-  tertiary: `
-    background: transparent;
-    border-color: transparent;
-    ${makeColors("var(--colorsActionMajor500)")};
-    &:hover {
-      background: var(--colorsActionMajor600);
-      ${makeColors("var(--colorsActionMajorYang100)")};
-    }
-
-    ${destructive ? `
-          ${makeColors("var(--colorsSemanticNegative500)")};
-          &:hover {
-            background: var(--colorsSemanticNegative600);
-            ${makeColors("var(--colorsSemanticNegativeYang100)")};
-          }
-        ` : ""}
-
-    ${isDisabled ? `
-          ${makeColors("var(--colorsActionMajorYin030)")};
-          &:hover {
-            background: var(--colorsActionMajorTransparent);
-            ${makeColors("var(--colorsActionMajorYin030)")};
-          }
-          ${disabledImageStyle}
-        ` : ""}
-  `,
-  darkBackground: `
-    background: var(--colorsActionMajorYang100);
-    border-color: transparent;
-    ${makeColors("var(--colorsActionMajor500)")};
-    &:hover {
-      background: var(--colorsActionMajor600);
-      ${makeColors("var(--colorsActionMajorYang100)")}
-    }
-
-    ${isDisabled ? `
-          background: var(--colorsActionDisabled500);
-          ${makeColors("var(--colorsActionMajorYin030)")};
-          &:hover {
-            background: var(--colorsActionDisabled500);
-            ${makeColors("var(--colorsActionMajorYin030)")};
-          }
-          ${disabledImageStyle}
-        ` : ""}
-  `,
-  "gradient-grey": `
-    ${isDisabled ? gradientDisabledStyle : `
-          background: linear-gradient(#F2F5F6, #F2F5F6) padding-box, linear-gradient(to right, #00D639, #11AFFF, #8F49FE) border-box;
-          ${gradientSharedStyle}
-        `}
-  `,
-  "gradient-white": `
-    ${isDisabled ? gradientDisabledStyle : `
-          background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(to right, #00D639, #11AFFF, #8F49FE) border-box;
-          ${gradientSharedStyle}
-        `}
-  `
-});
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../icon/icon.style.js"),r=require("../loader/loader-square.style.js");function o(o){return`\n  color: ${o};\n  ${n.default} {\n    color: ${o};\n  }\n  ${r.default} {\n    background-color: ${o};\n  }\n  `}const a="\n  img, svg {\n    opacity: 0.3;\n  }\n",c=`\n  background: transparent;\n  border-color: var(--colorsActionDisabled500);\n  ${o("var(--colorsActionMajorYin030)")};\n  &:hover {\n    border-color: var(--colorsActionDisabled500);\n    ${o("var(--colorsActionMajorYin030)")};\n  }\n  ${a}\n`,e="\n  border: 2px solid transparent;\n  &:hover {\n    background: linear-gradient(to right, #d6f8df, #d9f2ff, #ede2ff) padding-box, linear-gradient(to right, #00D639, #11AFFF, #8F49FE) border-box;\n  }\n";exports.default=(n,r,i)=>({primary:`\n    background: var(--colorsActionMajor500);\n    border-color: transparent;\n    ${o("var(--colorsActionMajorYang100)")};\n    &:hover {\n      background: var(--colorsActionMajor600);\n    }\n\n    ${n?`\n          background: var(--colorsActionDisabled500);\n          ${o("var(--colorsActionMajorYin030)")};\n          &:hover {\n            background: var(--colorsActionDisabled500);\n          }\n          ${a}\n        `:""}\n\n    ${r?`\n        background: var(--colorsSemanticNegative500);\n        ${o("var(--colorsSemanticNegativeYang100)")};\n        &:hover {\n          background: var(--colorsSemanticNegative600);\n        }\n\n    ${n?`\n          background: var(--colorsActionDisabled500);\n          ${o("var(--colorsActionMajorYin030)")};\n          &:hover {\n            background: var(--colorsActionDisabled500);\n          }\n          ${a}\n        `:""}`:""}\n  `,secondary:`\n      background: transparent;\n      border-color: var(--colorsActionMajor500);\n      ${o("var(--colorsActionMajor500)")};\n      &:hover {\n        background: var(--colorsActionMajor600);\n        border-color: var(--colorsActionMajorTransparent);\n        ${o("var(--colorsActionMajorYang100)")};\n      }\n\n      ${!i||n&&r?"":`\n          border-color: var(--colorsActionMajorYang100);\n          ${o("var(--colorsActionMajorYang100)")};\n          &:hover {\n            background: var(--colorsActionMajorYang100);\n            border-color: var(--colorsActionMajorYang100);\n            ${o("var(--colorsYin100)")};\n          }\n          `}\n\n      ${r?`\n            border-color: var(--colorsSemanticNegative500);\n            ${o("var(--colorsSemanticNegative500)")}\n            &:hover {\n              background: var(--colorsSemanticNegative600);\n              border-color: var(--colorsSemanticNegativeTransparent);\n              ${o("var(--colorsSemanticNegativeYang100)")};\n            }\n          `:""}\n\n      ${n&&!i?`\n            border-color: var(--colorsActionDisabled500);\n            ${o("var(--colorsActionMajorYin030)")};\n            &:hover {\n              background: transparent;\n              border-color: var(--colorsActionDisabled500);\n              ${o("var(--colorsActionMajorYin030)")};\n            }\n            ${a}\n          `:""}\n\n      ${i?`\n            border-color: var(--colorsActionMajorYang100);\n            ${o("var(--colorsActionMajorYang100)")}\n            &:hover {\n              background: var(--colorsActionMajorYang100);\n              ${o("var(--colorsUtilityYin100)")};\n            }\n\n\n            ${r?`\n                  border-color: var(--colorsSemanticNegative450);\n                  ${o("var(--colorsSemanticNegative450)")}\n                  &:hover {\n                    background: var(--colorsSemanticNegative600);\n                    border-color: var(--colorsSemanticNegativeTransparent);\n                    ${o("var(--colorsSemanticNegativeYang100)")};\n                  }\n                `:""}\n\n            ${n?`\n                  border-color: #4B4B4B;\n                  ${o("#4B4B4B")};\n                  &:hover {\n                    background: transparent;\n                    border-color: #4B4B4B;\n                    ${o("#4B4B4B")};\n\n                  }\n                  ${a}\n                `:""}\n          }\n          `:""}\n  `,tertiary:`\n    background: transparent;\n    border-color: transparent;\n    ${o("var(--colorsActionMajor500)")};\n    &:hover {\n      background: var(--colorsActionMajor600);\n      ${o("var(--colorsActionMajorYang100)")};\n    }\n\n    ${r?`\n          ${o("var(--colorsSemanticNegative500)")};\n          &:hover {\n            background: var(--colorsSemanticNegative600);\n            ${o("var(--colorsSemanticNegativeYang100)")};\n          }\n        `:""}\n\n    ${n?`\n          ${o("var(--colorsActionMajorYin030)")};\n          &:hover {\n            background: var(--colorsActionMajorTransparent);\n            ${o("var(--colorsActionMajorYin030)")};\n          }\n          ${a}\n        `:""}\n  `,darkBackground:`\n    background: var(--colorsActionMajorYang100);\n    border-color: transparent;\n    ${o("var(--colorsActionMajor500)")};\n    &:hover {\n      background: var(--colorsActionMajor600);\n      ${o("var(--colorsActionMajorYang100)")}\n    }\n\n    ${n?`\n          background: var(--colorsActionDisabled500);\n          ${o("var(--colorsActionMajorYin030)")};\n          &:hover {\n            background: var(--colorsActionDisabled500);\n            ${o("var(--colorsActionMajorYin030)")};\n          }\n          ${a}\n        `:""}\n  `,"gradient-grey":`\n    ${n?c:`\n          background: linear-gradient(#F2F5F6, #F2F5F6) padding-box, linear-gradient(to right, #00D639, #11AFFF, #8F49FE) border-box;\n          ${e}\n        `}\n  `,"gradient-white":`\n    ${n?c:`\n          background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(to right, #00D639, #11AFFF, #8F49FE) border-box;\n          ${e}\n        `}\n  `});