@laerdal/life-react-components 6.0.0-dev.26 → 6.0.0-dev.27.full

package/dist/Button/{Button.cjs → TextButton.cjs}

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ButtonTertiaryStyled = exports.ButtonSecondaryStyled = exports.ButtonPrimaryStyled = exports.ButtonPositiveStyled = exports.ButtonCriticalStyled = exports.ButtonContentContainer = void 0;
+exports.default = exports.TextButtonTertiaryStyled = exports.TextButtonSecondaryStyled = exports.TextButtonSecondaryDestructiveStyled = exports.TextButtonPrimaryStyled = exports.TextButtonPositiveStyled = exports.TextButtonDestructiveStyled = exports.TextButtonContentContainer = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -15,7 +15,7 @@ var _styles = require("../styles");
 var _types = require("../types");
 var _common = require("../common");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "variant", "type", "size", "colorTheme", "invertFocus", "width", "testId", "disabled", "flatEdge", "icon", "iconPosition"],
+const _excluded = ["children", "variant", "type", "size", "invertFocus", "width", "testId", "disabled", "flatEdge", "icon", "iconPosition"],
   _excluded2 = ["loading"];
 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; }
@@ -32,11 +32,11 @@ const getBorderRadius = (flatEdge, radius) => {
       return `${radius}px`;
   }
 };
-const ButtonContentContainer = exports.ButtonContentContainer = _styledComponents.default.div`
+const TextButtonContentContainer = exports.TextButtonContentContainer = _styledComponents.default.div`
   min-width: 64px;
 `;
-const ButtonBaseStyled = _styledComponents.default.button``;
-const ButtonPrimaryStyled = exports.ButtonPrimaryStyled = (0, _styledComponents.default)(ButtonBaseStyled)`
+const TextButtonBaseStyled = _styledComponents.default.button``;
+const TextButtonPrimaryStyled = exports.TextButtonPrimaryStyled = (0, _styledComponents.default)(TextButtonBaseStyled)`
   border: none;
   background-color: transparent;
   cursor: pointer;
@@ -47,22 +47,22 @@ const ButtonPrimaryStyled = exports.ButtonPrimaryStyled = (0, _styledComponents.
   &.loading-state {
     cursor: wait;
   }
-  ${ButtonContentContainer} {
-    ${props => props.$size === _types.Size.Large ? (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, props?.$colorTheme === 'dark' ? _styles.COLORS.getColor('primary_800', props.theme) : _styles.COLORS.generateToken({
+  ${TextButtonContentContainer} {
+    ${props => props.$size === _types.Size.Large ? (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.generateToken({
   componentType: 'text',
   isOnFill: true,
   defaultVariant: 'primary'
-}, props.theme)) : props.$size === _types.Size.Small ? (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, props?.$colorTheme === 'dark' ? _styles.COLORS.getColor('primary_800', props.theme) : _styles.COLORS.generateToken({
+}, props.theme)) : props.$size === _types.Size.Small ? (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.generateToken({
   componentType: 'text',
   isOnFill: true,
   defaultVariant: 'primary'
-}, props.theme)) : (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, props?.$colorTheme === 'dark' ? _styles.COLORS.getColor('primary_800', props.theme) : _styles.COLORS.generateToken({
+}, props.theme)) : (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.generateToken({
   componentType: 'text',
   isOnFill: true,
   defaultVariant: 'primary'
 }, props.theme))};
 
-    background-color: ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1', props.theme) : props?.$colorTheme === 'dark' ? _styles.COLORS.getColor('white', props.theme) : _styles.COLORS.generateToken({
+    background-color: ${props => _styles.COLORS.generateToken({
   componentType: 'bg-fill',
   defaultVariant: 'primary'
 }, props.theme)};
@@ -108,7 +108,7 @@ const ButtonPrimaryStyled = exports.ButtonPrimaryStyled = (0, _styledComponents.
         height: ${props => props.$size === _types.Size.Large ? '28px' : props.$size === _types.Size.Small ? '20px' : '24px'};
         width: ${props => props.$size === _types.Size.Large ? '28px' : props.$size === _types.Size.Small ? '20px' : '24px'};
         path {
-          fill: ${props => props.$colorTheme === 'dark' ? _styles.COLORS.getColor('primary', props.theme) : _styles.COLORS.generateToken({
+          fill: ${props => _styles.COLORS.generateToken({
   componentType: 'icon',
   isOnFill: true,
   defaultVariant: 'primary'
@@ -117,27 +117,27 @@ const ButtonPrimaryStyled = exports.ButtonPrimaryStyled = (0, _styledComponents.
       }
     }
   }
-  &:hover > ${ButtonContentContainer},
-  &.hover-state > ${ButtonContentContainer} {
-    background-color: ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1_700', props.theme) : props?.$colorTheme === 'dark' ? _styles.COLORS.getColor('primary_100', props.theme) : _styles.COLORS.generateToken({
+  &:hover > ${TextButtonContentContainer},
+  &.hover-state > ${TextButtonContentContainer} {
+    background-color: ${props => _styles.COLORS.generateToken({
   componentType: 'bg-fill',
   state: 'hover',
   defaultVariant: 'primary'
 }, props.theme)};
-    color: ${props => props?.$colorTheme === 'dark' ? _styles.COLORS.getColor('primary_600', props.theme) : _styles.COLORS.generateToken({
+    color: ${props => _styles.COLORS.generateToken({
   componentType: 'text',
   isOnFill: true,
   defaultVariant: 'primary'
 }, props.theme)};
   }
-  &:active > ${ButtonContentContainer},
-  &.active-state > ${ButtonContentContainer} {
-    background-color: ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? _styles.COLORS.getColor('primary_200', props.theme) : _styles.COLORS.generateToken({
+  &:active > ${TextButtonContentContainer},
+  &.active-state > ${TextButtonContentContainer} {
+    background-color: ${props => _styles.COLORS.generateToken({
   componentType: 'bg-fill',
   state: 'active',
   defaultVariant: 'primary'
 }, props.theme)};
-    color: ${props => props?.$colorTheme === 'dark' ? _styles.COLORS.getColor('primary_800', props.theme) : _styles.COLORS.generateToken({
+    color: ${props => _styles.COLORS.generateToken({
   componentType: 'text',
   isOnFill: true,
   defaultVariant: 'primary'
@@ -146,40 +146,40 @@ const ButtonPrimaryStyled = exports.ButtonPrimaryStyled = (0, _styledComponents.
 
   &:focus,
   &.focus-state {
-    ${props => props.$invertFocus || props.$invertFocus === undefined && props.$colorTheme === 'dark' ? _styles.invertedFocusStyles : _styles.focusStyles}
+    ${props => props.$invertFocus || props.$invertFocus === undefined ? _styles.invertedFocusStyles : _styles.focusStyles}
   }
   &:disabled,
   &.disabled-state {
     cursor: not-allowed;
   }
-  &:disabled > ${ButtonContentContainer},
-  &.disabled-state > ${ButtonContentContainer} {
+  &:disabled > ${TextButtonContentContainer},
+  &.disabled-state > ${TextButtonContentContainer} {
     pointer-events: none;
-    background-color: ${props => props.$colorTheme === 'dark' ? _styles.COLORS.getColor('primary_700', props.theme) : _styles.COLORS.generateToken({
+    background-color: ${props => _styles.COLORS.generateToken({
   componentType: 'bg-fill',
   state: 'disabled'
 }, props.theme)};
-    color: ${props => props.$colorTheme === 'dark' ? _styles.COLORS.getColor('primary_800', props.theme) : _styles.COLORS.generateToken({
+    color: ${props => _styles.COLORS.generateToken({
   componentType: 'text',
   isOnFill: true,
   state: 'disabled'
 }, props.theme)};
   }
 `;
-const ButtonSecondaryStyled = exports.ButtonSecondaryStyled = (0, _styledComponents.default)(ButtonPrimaryStyled)`
-  ${ButtonContentContainer} {
-    color: ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1', props.theme) : props?.$colorTheme === 'dark' ? _styles.COLORS.getColor('white', props.theme) : _styles.COLORS.generateToken({
+const TextButtonSecondaryStyled = exports.TextButtonSecondaryStyled = (0, _styledComponents.default)(TextButtonPrimaryStyled)`
+  ${TextButtonContentContainer} {
+    color: ${props => _styles.COLORS.generateToken({
   componentType: 'text',
   defaultVariant: 'primary'
 }, props.theme)};
     background-color: transparent;
     div svg path {
-      fill: ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1', props.theme) : _styles.COLORS.generateToken({
+      fill: ${props => _styles.COLORS.generateToken({
   componentType: 'icon',
   defaultVariant: 'primary'
 }, props.theme)};
     }
-    box-shadow: inset 0 0 0 2px ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1', props.theme) : props?.$colorTheme === 'dark' ? _styles.COLORS.getColor('white', props.theme) : _styles.COLORS.generateToken({
+    box-shadow: inset 0 0 0 2px ${props => _styles.COLORS.generateToken({
   componentType: 'border',
   defaultVariant: 'primary'
 }, props.theme)};
@@ -187,14 +187,14 @@ const ButtonSecondaryStyled = exports.ButtonSecondaryStyled = (0, _styledCompone
     padding: ${props => props.$size === _types.Size.Large ? '12px 16px' : props.$size === _types.Size.Small ? '4px 8px' : '6px 12px'};
   }
 
-  &:hover > ${ButtonContentContainer},
-  &.hover-state > ${ButtonContentContainer} {
-    color: ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1_700', props.theme) : props?.$colorTheme === 'dark' ? _styles.COLORS.getColor('primary_200', props.theme) : _styles.COLORS.generateToken({
+  &:hover > ${TextButtonContentContainer},
+  &.hover-state > ${TextButtonContentContainer} {
+    color: ${props => _styles.COLORS.generateToken({
   componentType: 'text',
   state: 'hover',
   defaultVariant: 'primary'
 }, props.theme)};
-    box-shadow: inset 0 0 0 2px ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1_700', props.theme) : props?.$colorTheme === 'dark' ? _styles.COLORS.getColor('primary_200', props.theme) : _styles.COLORS.generateToken({
+    box-shadow: inset 0 0 0 2px ${props => _styles.COLORS.generateToken({
   componentType: 'border',
   state: 'hover',
   defaultVariant: 'primary'
@@ -204,7 +204,7 @@ const ButtonSecondaryStyled = exports.ButtonSecondaryStyled = (0, _styledCompone
     div {
       svg {
         path {
-          fill: ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1_700', props.theme) : _styles.COLORS.generateToken({
+          fill: ${props => _styles.COLORS.generateToken({
   componentType: 'text',
   state: 'hover',
   defaultVariant: 'primary'
@@ -213,14 +213,14 @@ const ButtonSecondaryStyled = exports.ButtonSecondaryStyled = (0, _styledCompone
       }
     }
   }
-  &:active > ${ButtonContentContainer},
-  &.active-state > ${ButtonContentContainer} {
-    color: ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? _styles.COLORS.getColor('primary_300', props.theme) : _styles.COLORS.generateToken({
+  &:active > ${TextButtonContentContainer},
+  &.active-state > ${TextButtonContentContainer} {
+    color: ${props => _styles.COLORS.generateToken({
   componentType: 'text',
   state: 'active',
   defaultVariant: 'primary'
 }, props.theme)};
-    box-shadow: inset 0 0 0 2px ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? _styles.COLORS.getColor('primary_300', props.theme) : _styles.COLORS.generateToken({
+    box-shadow: inset 0 0 0 2px ${props => _styles.COLORS.generateToken({
   componentType: 'border',
   state: 'active',
   defaultVariant: 'primary'
@@ -230,7 +230,7 @@ const ButtonSecondaryStyled = exports.ButtonSecondaryStyled = (0, _styledCompone
     div {
       svg {
         path {
-          fill: ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1_800', props.theme) : props?.$colorTheme === 'dark' ? _styles.COLORS.getColor('white', props.theme) : _styles.COLORS.generateToken({
+          fill: ${props => _styles.COLORS.generateToken({
   componentType: 'text',
   state: 'hover',
   defaultVariant: 'primary'
@@ -240,29 +240,29 @@ const ButtonSecondaryStyled = exports.ButtonSecondaryStyled = (0, _styledCompone
     }
   }
 
-  &:disabled > ${ButtonContentContainer},
-  &.disabled-state > ${ButtonContentContainer} {
+  &:disabled > ${TextButtonContentContainer},
+  &.disabled-state > ${TextButtonContentContainer} {
     background-color: transparent;
-    color: ${props => props?.$colorTheme === 'dark' ? _styles.COLORS.getColor('primary_700', props.theme) : _styles.COLORS.generateToken({
+    color: ${props => _styles.COLORS.generateToken({
   componentType: 'text',
   state: 'disabled'
 }, props.theme)};
-    box-shadow: inset 0 0 0 2px ${props => props?.$colorTheme === 'dark' ? _styles.COLORS.getColor('primary_700', props.theme) : _styles.COLORS.generateToken({
+    box-shadow: inset 0 0 0 2px ${props => _styles.COLORS.generateToken({
   componentType: 'border',
   state: 'disabled'
 }, props.theme)};
   }
 `;
-const ButtonTertiaryStyled = exports.ButtonTertiaryStyled = (0, _styledComponents.default)(ButtonPrimaryStyled)`
-${ButtonContentContainer} {
-    color: ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1', props.theme) : props.$colorTheme === 'dark' ? _styles.COLORS.getColor('white', props.theme) : _styles.COLORS.generateToken({
+const TextButtonTertiaryStyled = exports.TextButtonTertiaryStyled = (0, _styledComponents.default)(TextButtonPrimaryStyled)`
+${TextButtonContentContainer} {
+    color: ${props => _styles.COLORS.generateToken({
   componentType: 'text',
   defaultVariant: 'primary'
 }, props.theme)};
     background-color: transparent;
 
     div svg path {
-      fill: ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1', props.theme) : props.$colorTheme === 'dark' ? _styles.COLORS.getColor('white', props.theme) : _styles.COLORS.generateToken({
+      fill: ${props => _styles.COLORS.generateToken({
   componentType: 'text',
   defaultVariant: 'primary'
 }, props.theme)};
@@ -271,13 +271,13 @@ ${ButtonContentContainer} {
     padding: ${props => props.$size === _types.Size.Large ? '12px 16px' : props.$size === _types.Size.Small ? '4px 8px' : '6px 12px'};
   }
 
-  &:hover > ${ButtonContentContainer},
-  &.hover-state > ${ButtonContentContainer} {
-    background-color: ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1_20', props.theme) : props.$colorTheme === 'dark' ? _styles.COLORS.getColor('primary_700', props.theme) : _styles.COLORS.generateToken({
+  &:hover > ${TextButtonContentContainer},
+  &.hover-state > ${TextButtonContentContainer} {
+    background-color: ${props => _styles.COLORS.generateToken({
   componentType: 'bg-surface',
   state: 'hover'
 }, props.theme)};
-    color: ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1_700', props.theme) : props.$colorTheme === 'dark' ? _styles.COLORS.getColor('white', props.theme) : _styles.COLORS.generateToken({
+    color: ${props => _styles.COLORS.generateToken({
   componentType: 'text',
   defaultVariant: 'primary'
 }, props.theme)};
@@ -285,7 +285,7 @@ ${ButtonContentContainer} {
     div {
       svg {
         path {
-          fill: ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1_700', props.theme) : props.$colorTheme === 'dark' ? _styles.COLORS.getColor('white', props.theme) : _styles.COLORS.generateToken({
+          fill: ${props => _styles.COLORS.generateToken({
   componentType: 'text',
   defaultVariant: 'primary'
 }, props.theme)};
@@ -293,13 +293,13 @@ ${ButtonContentContainer} {
       }
     }
   }
-  &:active > ${ButtonContentContainer},
-  &.active-state > ${ButtonContentContainer} {
-    background-color: ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1_100', props.theme) : props.$colorTheme === 'dark' ? _styles.COLORS.getColor('primary_600', props.theme) : _styles.COLORS.generateToken({
+  &:active > ${TextButtonContentContainer},
+  &.active-state > ${TextButtonContentContainer} {
+    background-color: ${props => _styles.COLORS.generateToken({
   componentType: 'bg-surface',
   state: 'active'
 }, props.theme)};
-    color: ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1_800', props.theme) : props.$colorTheme === 'dark' ? _styles.COLORS.getColor('white', props.theme) : _styles.COLORS.generateToken({
+    color: ${props => _styles.COLORS.generateToken({
   componentType: 'text',
   defaultVariant: 'primary'
 }, props.theme)};
@@ -307,7 +307,7 @@ ${ButtonContentContainer} {
     div {
       svg {
         path {
-          fill: ${props => props.$colorTheme === 'teal' ? _styles.COLORS.getColor('accent1_800', props.theme) : props.$colorTheme === 'dark' ? _styles.COLORS.getColor('white', props.theme) : _styles.COLORS.generateToken({
+          fill: ${props => _styles.COLORS.generateToken({
   componentType: 'text',
   defaultVariant: 'primary'
 }, props.theme)};
@@ -316,8 +316,8 @@ ${ButtonContentContainer} {
     }
   }
 
-  &:disabled > ${ButtonContentContainer},
-  &.disabled-state > ${ButtonContentContainer} {
+  &:disabled > ${TextButtonContentContainer},
+  &.disabled-state > ${TextButtonContentContainer} {
     background-color: transparent !important;
     color: ${props => _styles.COLORS.generateToken({
   componentType: 'text',
@@ -327,44 +327,44 @@ ${ButtonContentContainer} {
     border-color: transparent !important;
   }
 `;
-const ButtonPositiveStyled = exports.ButtonPositiveStyled = (0, _styledComponents.default)(ButtonPrimaryStyled)`
-  ${ButtonContentContainer} {
+const TextButtonPositiveStyled = exports.TextButtonPositiveStyled = (0, _styledComponents.default)(TextButtonPrimaryStyled)`
+  ${TextButtonContentContainer} {
     color: white;
     background-color: ${props => _styles.COLORS.getColor('positive_500', props.theme)};
   }
-  &:hover > ${ButtonContentContainer},
-  &.hover-state > ${ButtonContentContainer} {
+  &:hover > ${TextButtonContentContainer},
+  &.hover-state > ${TextButtonContentContainer} {
     background-color: ${props => _styles.COLORS.getColor('positive_700', props.theme)};
   }
-  &:active > ${ButtonContentContainer},
-  &.active-state > ${ButtonContentContainer} {
+  &:active > ${TextButtonContentContainer},
+  &.active-state > ${TextButtonContentContainer} {
     background-color: ${props => _styles.COLORS.getColor('positive_800', props.theme)};
   }
 
-  &:disabled > ${ButtonContentContainer},
-  &.disabled-state > ${ButtonContentContainer} {
+  &:disabled > ${TextButtonContentContainer},
+  &.disabled-state > ${TextButtonContentContainer} {
     background-color: ${props => _styles.COLORS.getColor('neutral_100', props.theme)};
     color: ${props => _styles.COLORS.getColor('neutral_300', props.theme)};
   }
 `;
-const ButtonCriticalStyled = exports.ButtonCriticalStyled = (0, _styledComponents.default)(ButtonPrimaryStyled)`
-  ${ButtonContentContainer} {
+const TextButtonDestructiveStyled = exports.TextButtonDestructiveStyled = (0, _styledComponents.default)(TextButtonPrimaryStyled)`
+${TextButtonContentContainer} {
     color: white;
     background-color: ${props => _styles.COLORS.generateToken({
   componentType: 'bg-fill',
   defaultVariant: 'critical'
 }, props.theme)};
   }
-  &:hover > ${ButtonContentContainer},
-  &.hover-state > ${ButtonContentContainer} {
+  &:hover > ${TextButtonContentContainer},
+  &.hover-state > ${TextButtonContentContainer} {
     background-color: ${props => _styles.COLORS.generateToken({
   componentType: 'bg-fill',
   state: 'hover',
   defaultVariant: 'critical'
 }, props.theme)};
   }
-  &:active > ${ButtonContentContainer},
-  &.active-state > ${ButtonContentContainer} {
+  &:active > ${TextButtonContentContainer},
+  &.active-state > ${TextButtonContentContainer} {
     background-color: ${props => _styles.COLORS.generateToken({
   componentType: 'bg-fill',
   state: 'active',
@@ -372,8 +372,8 @@ const ButtonCriticalStyled = exports.ButtonCriticalStyled = (0, _styledComponent
 }, props.theme)};
   }
 
-  &:disabled > ${ButtonContentContainer},
-  &.disabled-state > ${ButtonContentContainer} {
+  &:disabled > ${TextButtonContentContainer},
+  &.disabled-state > ${TextButtonContentContainer} {
     background-color: ${props => _styles.COLORS.generateToken({
   componentType: 'bg-fill',
   state: 'disabled'
@@ -385,16 +385,102 @@ const ButtonCriticalStyled = exports.ButtonCriticalStyled = (0, _styledComponent
 }, props.theme)};    
   }
 `;
+const TextButtonSecondaryDestructiveStyled = exports.TextButtonSecondaryDestructiveStyled = (0, _styledComponents.default)(TextButtonPrimaryStyled)`
+  ${TextButtonContentContainer} {
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'critical'
+}, props.theme)};
+    background-color: transparent;
+    div svg path {
+      fill: ${props => _styles.COLORS.generateToken({
+  componentType: 'icon',
+  defaultVariant: 'critical'
+}, props.theme)};
+    }
+    box-shadow: inset 0 0 0 2px ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'critical'
+}, props.theme)};
+    
+    padding: ${props => props.$size === _types.Size.Large ? '12px 16px' : props.$size === _types.Size.Small ? '4px 8px' : '6px 12px'};
+  }
+
+  &:hover > ${TextButtonContentContainer},
+  &.hover-state > ${TextButtonContentContainer} {
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'hover',
+  defaultVariant: 'critical'
+}, props.theme)};
+    box-shadow: inset 0 0 0 2px ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  state: 'hover',
+  defaultVariant: 'critical'
+}, props.theme)};
+    
+    background-color: transparent;
+    div {
+      svg {
+        path {
+          fill: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'hover',
+  defaultVariant: 'critical'
+}, props.theme)};
+        }
+      }
+    }
+  }
+  &:active > ${TextButtonContentContainer},
+  &.active-state > ${TextButtonContentContainer} {
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'active',
+  defaultVariant: 'critical'
+}, props.theme)};
+    box-shadow: inset 0 0 0 2px ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  state: 'active',
+  defaultVariant: 'critical'
+}, props.theme)};
+    
+    background-color: transparent;
+    div {
+      svg {
+        path {
+          fill: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'hover',
+  defaultVariant: 'critical'
+}, props.theme)};
+        }
+      }
+    }
+  }
+
+  &:disabled > ${TextButtonContentContainer},
+  &.disabled-state > ${TextButtonContentContainer} {
+    background-color: transparent;
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'disabled'
+}, props.theme)};
+    box-shadow: inset 0 0 0 2px ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  state: 'disabled'
+}, props.theme)};
+  }
+`;
 /**
- * Button component
+ * TextButton component
  */
-const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const TextButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
       children = '',
       variant = 'primary',
       type = 'button',
       size = _types.Size.Medium,
-      colorTheme,
       invertFocus,
       width = 'auto',
       testId,
@@ -422,24 +508,26 @@ const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       children: children
     }), icon && iconPosition == 'right' && renderIcon(), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingIndicator.LoadingIndicator, {})]
   });
-  let ButtonStyled = ButtonPrimaryStyled;
+  let TextButtonStyled = TextButtonPrimaryStyled;
   switch (variant) {
     case 'secondary':
-      ButtonStyled = ButtonSecondaryStyled;
+      TextButtonStyled = TextButtonSecondaryStyled;
       break;
     case 'tertiary':
-      ButtonStyled = ButtonTertiaryStyled;
+      TextButtonStyled = TextButtonTertiaryStyled;
       break;
     case 'positive':
-      ButtonStyled = ButtonPositiveStyled;
+      TextButtonStyled = TextButtonPositiveStyled;
+      break;
+    case 'destructive':
+      TextButtonStyled = TextButtonDestructiveStyled;
       break;
-    case 'critical':
-      ButtonStyled = ButtonCriticalStyled;
+    case 'secondaryDestructive':
+      TextButtonStyled = TextButtonSecondaryDestructiveStyled;
       break;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonStyled, _objectSpread(_objectSpread({}, renderProps), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextButtonStyled, _objectSpread(_objectSpread({}, renderProps), {}, {
     $size: size,
-    $colorTheme: colorTheme,
     $invertFocus: invertFocus,
     ref: ref,
     disabled: disabled,
@@ -450,14 +538,13 @@ const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     "data-testid": testId,
     className: props.loading ? 'loading-state ' + props.className : ' ' + props.className,
     onMouseDown: _common.defaultOnMouseDownHandler,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonContentContainer, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TextButtonContentContainer, {
       children: renderContent()
     })
   }));
 });
-Button.propTypes = {
-  variant: _propTypes.default.oneOf(['primary', 'secondary', 'tertiary', 'positive', 'critical']),
-  colorTheme: _propTypes.default.oneOf(['teal', 'dark']),
+TextButton.propTypes = {
+  variant: _propTypes.default.oneOf(['primary', 'secondary', 'tertiary', 'positive', 'destructive', 'secondaryDestructive']),
   invertFocus: _propTypes.default.bool,
   width: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.string]),
   loading: _propTypes.default.bool,
@@ -465,5 +552,5 @@ Button.propTypes = {
   icon: _propTypes.default.node,
   iconPosition: _propTypes.default.oneOf(['left', 'right'])
 };
-var _default = exports.default = Button;
-//# sourceMappingURL=Button.cjs.map
+var _default = exports.default = TextButton;
+//# sourceMappingURL=TextButton.cjs.map

package/dist/Button/TextButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_LoadingIndicator","_styles","_types","_common","_jsxRuntime","_excluded","_excluded2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","getBorderRadius","flatEdge","radius","TextButtonContentContainer","exports","styled","div","TextButtonBaseStyled","button","TextButtonPrimaryStyled","props","$size","Size","Large","ComponentLStyling","ComponentTextStyle","Bold","COLORS","generateToken","componentType","isOnFill","defaultVariant","theme","Small","ComponentSStyling","ComponentMStyling","$flatEdge","$width","Medium","$iconOnly","state","$invertFocus","undefined","invertedFocusStyles","focusStyles","TextButtonSecondaryStyled","TextButtonTertiaryStyled","TextButtonPositiveStyled","getColor","TextButtonDestructiveStyled","TextButtonSecondaryDestructiveStyled","TextButton","forwardRef","_ref","ref","children","variant","type","size","invertFocus","width","testId","disabled","icon","iconPosition","_objectWithoutProperties2","loading","renderProps","useTheme","renderIcon","jsx","Fragment","className","renderContent","jsxs","LoadingIndicator","TextButtonStyled","onMouseDown","defaultOnMouseDownHandler","propTypes","_propTypes","oneOf","bool","oneOfType","string","node","_default"],"sources":["../../src/Button/TextButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { css, useTheme } from 'styled-components';\r\nimport { LoadingIndicator } from '../LoadingIndicator';\r\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles';\r\nimport { COLORS, focusStyles, invertedFocusStyles } from '../styles';\r\nimport { Size, Testable } from '../types';\r\nimport { defaultOnMouseDownHandler } from '../common';\r\n\r\nconst getBorderRadius = (flatEdge: string | undefined, radius: number) => {\r\n  switch (flatEdge) {\r\n    case 'left':\r\n      return `0px ${radius}px ${radius}px 0px`;\r\n\r\n    case 'right':\r\n      return `${radius}px 0px 0px ${radius}px`;\r\n\r\n    case 'none':\r\n    default:\r\n      return `${radius}px`;\r\n  }\r\n};\r\n\r\nexport const TextButtonContentContainer = styled.div`\r\n  min-width: 64px;\r\n`;\r\n\r\nconst TextButtonBaseStyled = styled.button<{$iconOnly: boolean; $size: Size; $flatEdge: string | undefined; $width: string; $invertFocus: boolean | undefined; }>``;\r\n\r\nexport const TextButtonPrimaryStyled = styled(TextButtonBaseStyled)`\r\n  border: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  margin: 0;\r\n  position: relative;\r\n  box-sizing: border-box;  \r\n  &.loading-state {\r\n    cursor: wait;\r\n  }\r\n  ${TextButtonContentContainer} {\r\n    ${(props) =>\r\n      props.$size === Size.Large\r\n        ? ComponentLStyling(ComponentTextStyle.Bold, COLORS.generateToken({ componentType: 'text', isOnFill: true, defaultVariant: 'primary' }, props.theme))\r\n        : props.$size === Size.Small\r\n        ? ComponentSStyling(ComponentTextStyle.Bold, COLORS.generateToken({ componentType: 'text', isOnFill: true, defaultVariant: 'primary' }, props.theme))\r\n        : ComponentMStyling(ComponentTextStyle.Bold, COLORS.generateToken({ componentType: 'text', isOnFill: true, defaultVariant: 'primary' }, props.theme))};\r\n\r\n    background-color: ${(props) => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'primary' }, props.theme)};\r\n    border-radius: ${(props) => getBorderRadius(props.$flatEdge, 8)};\r\n\r\n    width: ${(props) => props.$width};\r\n    position: relative;\r\n\r\n    min-height: ${(props) => (props.$size === Size.Large ? '56px' : props.$size === Size.Small ? '32px' : '40px')};\r\n\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: ${(props) => (props.$size === Size.Large ? '14px 16px' : props.$size === Size.Small ? '6px 8px' : '8px 12px')};\r\n\r\n    span.icon:not(.loading) {\r\n      pointer-events: none;\r\n    }\r\n\r\n    span.loading {\r\n      opacity: 0;\r\n    }\r\n\r\n    .icon {\r\n      margin: ${(props) => (props.$size === Size.Medium ? props.$iconOnly ? '-2px -8px' : '' : (props.$size === Size.Small ? props.$iconOnly ? '-2px -6px' : '' : '' ))};\r\n      width: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\r\n      height: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\r\n      svg {\r\n        width: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')} !important;\r\n        height: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')} !important;\r\n      }\r\n    }\r\n\r\n    .label {\r\n      margin: 0 4px;\r\n    }\r\n\r\n    div {\r\n      position: absolute;\r\n      width: 100%;\r\n      svg {\r\n        height: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\r\n        width: ${(props) => (props.$size === Size.Large ? '28px' : props.$size === Size.Small ? '20px' : '24px')};\r\n        path {\r\n          fill: ${(props) => COLORS.generateToken({ componentType: 'icon', isOnFill: true, defaultVariant: 'primary' }, props.theme)};\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &:hover > ${TextButtonContentContainer},\r\n  &.hover-state > ${TextButtonContentContainer} {\r\n    background-color: ${(props) => COLORS.generateToken({ componentType: 'bg-fill', state: 'hover', defaultVariant: 'primary' }, props.theme)};\r\n    color: ${(props) => COLORS.generateToken({ componentType: 'text', isOnFill: true, defaultVariant: 'primary' }, props.theme)};\r\n  }\r\n  &:active > ${TextButtonContentContainer},\r\n  &.active-state > ${TextButtonContentContainer} {\r\n    background-color: ${(props) => COLORS.generateToken({ componentType: 'bg-fill', state: 'active', defaultVariant: 'primary' }, props.theme)};\r\n    color: ${(props) => COLORS.generateToken({ componentType: 'text', isOnFill: true, defaultVariant: 'primary' }, props.theme)};\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    ${(props) => (props.$invertFocus || (props.$invertFocus === undefined) ? invertedFocusStyles : focusStyles)}\r\n  }\r\n  &:disabled,\r\n  &.disabled-state {\r\n    cursor: not-allowed;\r\n  }\r\n  &:disabled > ${TextButtonContentContainer},\r\n  &.disabled-state > ${TextButtonContentContainer} {\r\n    pointer-events: none;\r\n    background-color: ${(props) => COLORS.generateToken({ componentType: 'bg-fill', state: 'disabled' }, props.theme)};\r\n    color: ${(props) => COLORS.generateToken({ componentType: 'text', isOnFill: true, state: 'disabled' }, props.theme)};\r\n  }\r\n`;\r\n\r\nexport const TextButtonSecondaryStyled = styled(TextButtonPrimaryStyled)`\r\n  ${TextButtonContentContainer} {\r\n    color: ${(props) => COLORS.generateToken({ componentType: 'text', defaultVariant: 'primary' }, props.theme)};\r\n    background-color: transparent;\r\n    div svg path {\r\n      fill: ${(props) => COLORS.generateToken({ componentType: 'icon', defaultVariant: 'primary' }, props.theme)};\r\n    }\r\n    box-shadow: inset 0 0 0 2px ${(props) => COLORS.generateToken({ componentType: 'border', defaultVariant: 'primary' }, props.theme)};\r\n    \r\n    padding: ${(props) => (props.$size === Size.Large ? '12px 16px' : props.$size === Size.Small ? '4px 8px' : '6px 12px')};\r\n  }\r\n\r\n  &:hover > ${TextButtonContentContainer},\r\n  &.hover-state > ${TextButtonContentContainer} {\r\n    color: ${(props) => COLORS.generateToken({ componentType: 'text', state:'hover', defaultVariant: 'primary' }, props.theme)};\r\n    box-shadow: inset 0 0 0 2px ${(props) => COLORS.generateToken({ componentType: 'border', state:'hover', defaultVariant: 'primary' }, props.theme)};\r\n    \r\n    background-color: transparent;\r\n    div {\r\n      svg {\r\n        path {\r\n          fill: ${(props) => COLORS.generateToken({ componentType: 'text', state:'hover', defaultVariant: 'primary' }, props.theme)};\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &:active > ${TextButtonContentContainer},\r\n  &.active-state > ${TextButtonContentContainer} {\r\n    color: ${(props) => COLORS.generateToken({ componentType: 'text', state:'active', defaultVariant: 'primary' }, props.theme)};\r\n    box-shadow: inset 0 0 0 2px ${(props) => COLORS.generateToken({ componentType: 'border', state:'active', defaultVariant: 'primary' }, props.theme)};\r\n    \r\n    background-color: transparent;\r\n    div {\r\n      svg {\r\n        path {\r\n          fill: ${(props) => COLORS.generateToken({ componentType: 'text', state:'hover', defaultVariant: 'primary' }, props.theme)};\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled > ${TextButtonContentContainer},\r\n  &.disabled-state > ${TextButtonContentContainer} {\r\n    background-color: transparent;\r\n    color: ${(props) => COLORS.generateToken({ componentType: 'text', state:'disabled' }, props.theme)};\r\n    box-shadow: inset 0 0 0 2px ${(props) => COLORS.generateToken({ componentType: 'border', state:'disabled' }, props.theme)};\r\n  }\r\n`;\r\n\r\nexport const TextButtonTertiaryStyled = styled(TextButtonPrimaryStyled)`\r\n${TextButtonContentContainer} {\r\n    color: ${(props) => COLORS.generateToken({ componentType: 'text', defaultVariant: 'primary' }, props.theme)};\r\n    background-color: transparent;\r\n\r\n    div svg path {\r\n      fill: ${(props) => COLORS.generateToken({ componentType: 'text', defaultVariant: 'primary' }, props.theme)};\r\n    }\r\n\r\n    padding: ${(props) => (props.$size === Size.Large ? '12px 16px' : props.$size === Size.Small ? '4px 8px' : '6px 12px')};\r\n  }\r\n\r\n  &:hover > ${TextButtonContentContainer},\r\n  &.hover-state > ${TextButtonContentContainer} {\r\n    background-color: ${(props) => COLORS.generateToken({ componentType: 'bg-surface', state:'hover' }, props.theme)};\r\n    color: ${(props) => COLORS.generateToken({ componentType: 'text', defaultVariant: 'primary' }, props.theme)};\r\n\r\n    div {\r\n      svg {\r\n        path {\r\n          fill: ${(props) => COLORS.generateToken({ componentType: 'text', defaultVariant: 'primary' }, props.theme)};\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &:active > ${TextButtonContentContainer},\r\n  &.active-state > ${TextButtonContentContainer} {\r\n    background-color: ${(props) => COLORS.generateToken({ componentType: 'bg-surface', state: 'active' }, props.theme)};\r\n    color: ${(props) => COLORS.generateToken({ componentType: 'text', defaultVariant: 'primary' }, props.theme)};\r\n\r\n    div {\r\n      svg {\r\n        path {\r\n          fill: ${(props) => COLORS.generateToken({ componentType: 'text', defaultVariant: 'primary' }, props.theme)};\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled > ${TextButtonContentContainer},\r\n  &.disabled-state > ${TextButtonContentContainer} {\r\n    background-color: transparent !important;\r\n    color: ${props => COLORS.generateToken({ componentType: 'text', isOnFill:true, state:'disabled' }, props.theme)};\r\n    border-color: transparent !important;\r\n  }\r\n`;\r\n\r\nexport const TextButtonPositiveStyled = styled(TextButtonPrimaryStyled)`\r\n  ${TextButtonContentContainer} {\r\n    color: white;\r\n    background-color: ${props => COLORS.getColor('positive_500', props.theme)};\r\n  }\r\n  &:hover > ${TextButtonContentContainer},\r\n  &.hover-state > ${TextButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('positive_700', props.theme)};\r\n  }\r\n  &:active > ${TextButtonContentContainer},\r\n  &.active-state > ${TextButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('positive_800', props.theme)};\r\n  }\r\n\r\n  &:disabled > ${TextButtonContentContainer},\r\n  &.disabled-state > ${TextButtonContentContainer} {\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const TextButtonDestructiveStyled = styled(TextButtonPrimaryStyled)`\r\n${TextButtonContentContainer} {\r\n    color: white;\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'critical' }, props.theme)};\r\n  }\r\n  &:hover > ${TextButtonContentContainer},\r\n  &.hover-state > ${TextButtonContentContainer} {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', state:'hover', defaultVariant: 'critical' }, props.theme)};\r\n  }\r\n  &:active > ${TextButtonContentContainer},\r\n  &.active-state > ${TextButtonContentContainer} {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', state:'active', defaultVariant: 'critical' }, props.theme)};\r\n  }\r\n\r\n  &:disabled > ${TextButtonContentContainer},\r\n  &.disabled-state > ${TextButtonContentContainer} {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', state: 'disabled' }, props.theme)};\r\n    color: ${props => COLORS.generateToken({ componentType: 'text', isOnFill: true, state: 'disabled' }, props.theme)};    \r\n  }\r\n`;\r\n\r\nexport const TextButtonSecondaryDestructiveStyled = styled(TextButtonPrimaryStyled)`\r\n  ${TextButtonContentContainer} {\r\n    color: ${(props) => COLORS.generateToken({ componentType: 'text', defaultVariant: 'critical' }, props.theme)};\r\n    background-color: transparent;\r\n    div svg path {\r\n      fill: ${(props) => COLORS.generateToken({ componentType: 'icon', defaultVariant: 'critical' }, props.theme)};\r\n    }\r\n    box-shadow: inset 0 0 0 2px ${(props) => COLORS.generateToken({ componentType: 'border', defaultVariant: 'critical' }, props.theme)};\r\n    \r\n    padding: ${(props) => (props.$size === Size.Large ? '12px 16px' : props.$size === Size.Small ? '4px 8px' : '6px 12px')};\r\n  }\r\n\r\n  &:hover > ${TextButtonContentContainer},\r\n  &.hover-state > ${TextButtonContentContainer} {\r\n    color: ${(props) => COLORS.generateToken({ componentType: 'text', state:'hover', defaultVariant: 'critical' }, props.theme)};\r\n    box-shadow: inset 0 0 0 2px ${(props) => COLORS.generateToken({ componentType: 'border', state:'hover', defaultVariant: 'critical' }, props.theme)};\r\n    \r\n    background-color: transparent;\r\n    div {\r\n      svg {\r\n        path {\r\n          fill: ${(props) => COLORS.generateToken({ componentType: 'text', state:'hover', defaultVariant: 'critical' }, props.theme)};\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &:active > ${TextButtonContentContainer},\r\n  &.active-state > ${TextButtonContentContainer} {\r\n    color: ${(props) => COLORS.generateToken({ componentType: 'text', state:'active', defaultVariant: 'critical' }, props.theme)};\r\n    box-shadow: inset 0 0 0 2px ${(props) => COLORS.generateToken({ componentType: 'border', state:'active', defaultVariant: 'critical' }, props.theme)};\r\n    \r\n    background-color: transparent;\r\n    div {\r\n      svg {\r\n        path {\r\n          fill: ${(props) => COLORS.generateToken({ componentType: 'text', state:'hover', defaultVariant: 'critical' }, props.theme)};\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &:disabled > ${TextButtonContentContainer},\r\n  &.disabled-state > ${TextButtonContentContainer} {\r\n    background-color: transparent;\r\n    color: ${(props) => COLORS.generateToken({ componentType: 'text', state:'disabled' }, props.theme)};\r\n    box-shadow: inset 0 0 0 2px ${(props) => COLORS.generateToken({ componentType: 'border', state:'disabled' }, props.theme)};\r\n  }\r\n`;\r\n\r\n\r\nexport interface TextButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n  /** Look and feel variant of the component. Defaults to 'primary'. */\r\n  variant?: 'primary' | 'secondary' | 'tertiary' | 'positive' | 'destructive' | 'secondaryDestructive';\r\n  /** Can be used in order to remove rounded corners on right or left edge of the button. Used by 'DualFunctionButton'. Defaults to 'undefined' */\r\n  flatEdge?: 'right' | 'left' | 'none' | undefined;\r\n  /** Size of the component. Small, Medium or Large. Defaults to 'medium' */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Allows using inverted colors for outlining focus rect. Shown when component focused by keyboard. */\r\n  invertFocus?: boolean;\r\n  /** Can be used to set custom value for width style. Value is set for 'ButtonContent' container. */\r\n  width?: 'auto' | string;\r\n  /** If set, then 'opacity' of children container will be set to 0, and loading indicator will be shown.  */\r\n  loading?: boolean;\r\n  /** TestId. Will be set to the top level button component. */\r\n  testId?: string;\r\n  /** Icon that will be shown on the left of the children. */\r\n  icon?: React.ReactNode;\r\n  /** Icon position in the button. Defaults to 'left' */\r\n  iconPosition?: 'left' | 'right';\r\n}\r\n\r\n/**\r\n * TextButton component\r\n */\r\nconst TextButton = React.forwardRef<HTMLButtonElement, TextButtonProps>(\r\n  ({ children = '', variant = 'primary', type = 'button', size = Size.Medium, invertFocus,  width: width = 'auto', testId, disabled, flatEdge, icon, iconPosition = 'left', ...props }, ref) => {\r\n    // Let's filter out properties that we don't need to render.\r\n    const { loading, ...renderProps } = props;\r\n\r\n    const theme = useTheme();\r\n    const renderIcon = () => (\r\n      <><span className={(children ? 'extramargin ' : '') + (loading ? 'icon loading' : 'icon')}>{icon}</span></>\r\n    )\r\n\r\n    const renderContent = () => (\r\n      <>\r\n        {icon && iconPosition == 'left' && renderIcon()}\r\n        {children && <span className={loading ? 'label loading' : 'label'}>{children}</span>}\r\n        {icon && iconPosition == 'right' && renderIcon()}\r\n        {loading && <LoadingIndicator />}\r\n      </>\r\n    );\r\n\r\n    let TextButtonStyled = TextButtonPrimaryStyled;\r\n    switch (variant) {\r\n      case 'secondary':\r\n        TextButtonStyled = TextButtonSecondaryStyled;\r\n        break;\r\n      case 'tertiary':\r\n        TextButtonStyled = TextButtonTertiaryStyled;\r\n        break;\r\n      case 'positive':\r\n        TextButtonStyled = TextButtonPositiveStyled;\r\n        break;\r\n      case 'destructive':\r\n        TextButtonStyled = TextButtonDestructiveStyled;\r\n        break;\r\n      case 'secondaryDestructive':\r\n        TextButtonStyled = TextButtonSecondaryDestructiveStyled;\r\n        break;\r\n    }\r\n\r\n    return (\r\n      <TextButtonStyled\r\n        {...renderProps}\r\n        $size={size}\r\n        $invertFocus={invertFocus}        \r\n        ref={ref}\r\n        disabled={disabled}\r\n        $iconOnly={!children}\r\n        type={type}\r\n        $flatEdge={flatEdge}\r\n        $width={width}\r\n        data-testid={testId}\r\n        className={props.loading ? 'loading-state ' + props.className : ' ' + props.className}\r\n        onMouseDown={defaultOnMouseDownHandler}>\r\n        <TextButtonContentContainer>{renderContent()}</TextButtonContentContainer>\r\n      </TextButtonStyled>\r\n    );\r\n  },\r\n);\r\n\r\nexport default TextButton;\r\n"],"mappings":"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","ignoreList":[]}