@redsift/design-system 6.0.0 → 6.1.0

package/esm/_internal/_rollupPluginBabelHelpers.js

@@ -1,108 +0,0 @@
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-
-  return keys;
-}
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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;
-}
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
-function _taggedTemplateLiteral(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
-  }
-
-  return Object.freeze(Object.defineProperties(strings, {
-    raw: {
-      value: Object.freeze(raw)
-    }
-  }));
-}
-
-export { _taggedTemplateLiteral as _, _objectWithoutProperties as a, _extends as b, _objectSpread2 as c };
-//# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/esm/_internal/_rollupPluginBabelHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/_internal/app-bar.js

@@ -1,14 +0,0 @@
-export { A as AppBar } from './AppBar.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'classnames';
-import '@redsift/icons';
-import './context.js';
-import './useIsLoaded.js';
-import 'styled-components';
-import './IconButton.js';
-import '@react-aria/button';
-import './types.js';
-import './warnIfNoAccessibleLabelFound.js';
-import './Icon2.js';
-//# sourceMappingURL=app-bar.js.map

package/esm/_internal/app-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-bar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/esm/_internal/app-container.js

@@ -1,17 +0,0 @@
-export { A as AppContainerContext } from './context.js';
-export { A as AppContainer } from './AppContainer.js';
-import 'react';
-import './_rollupPluginBabelHelpers.js';
-import 'classnames';
-import './AppBar.js';
-import '@redsift/icons';
-import './useIsLoaded.js';
-import 'styled-components';
-import './IconButton.js';
-import '@react-aria/button';
-import './types.js';
-import './warnIfNoAccessibleLabelFound.js';
-import './Icon2.js';
-import './AppSidePanel.js';
-import './AppContent.js';
-//# sourceMappingURL=app-container.js.map

package/esm/_internal/app-container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-container.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/esm/_internal/app-content.js

@@ -1,8 +0,0 @@
-export { A as AppContent } from './AppContent.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'classnames';
-import './context.js';
-import './useIsLoaded.js';
-import 'styled-components';
-//# sourceMappingURL=app-content.js.map

package/esm/_internal/app-content.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-content.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/esm/_internal/app-side-panel.js

@@ -1,18 +0,0 @@
-export { A as AppSidePanel } from './AppSidePanel.js';
-export { u as useAppSidePanel } from './useAppSidePanel.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'classnames';
-import '@redsift/icons';
-import './context.js';
-import 'styled-components';
-import './IconButton.js';
-import '@react-aria/button';
-import './types.js';
-import './warnIfNoAccessibleLabelFound.js';
-import './Icon2.js';
-import './useSideNavigationMenuBar.js';
-import './SideNavigationMenuItem.js';
-import './Badge2.js';
-import './SideNavigationMenu.js';
-//# sourceMappingURL=app-side-panel.js.map

package/esm/_internal/app-side-panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-side-panel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/esm/_internal/badge.js

@@ -1,7 +0,0 @@
-export { a as Badge, B as BadgeVariant } from './Badge2.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'classnames';
-import 'styled-components';
-import './types.js';
-//# sourceMappingURL=badge.js.map

package/esm/_internal/badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/esm/_internal/breadcrumb-item.js

@@ -1,9 +0,0 @@
-export { B as BreadcrumbItem } from './BreadcrumbItem.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'classnames';
-import './types.js';
-import './warnIfNoAccessibleLabelFound.js';
-import 'styled-components';
-import './Icon2.js';
-//# sourceMappingURL=breadcrumb-item.js.map

package/esm/_internal/breadcrumb-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb-item.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/esm/_internal/breadcrumbs.js

@@ -1,10 +0,0 @@
-export { B as Breadcrumbs } from './Breadcrumbs2.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'classnames';
-import './types.js';
-import './warnIfNoAccessibleLabelFound.js';
-import 'styled-components';
-import './BreadcrumbItem.js';
-import './Icon2.js';
-//# sourceMappingURL=breadcrumbs.js.map

package/esm/_internal/breadcrumbs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumbs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/esm/_internal/button-link.js

@@ -1,9 +0,0 @@
-export { B as ButtonLink } from './ButtonLink.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'classnames';
-import './types.js';
-import './styles.js';
-import 'styled-components';
-import './Icon2.js';
-//# sourceMappingURL=button-link.js.map

package/esm/_internal/button-link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-link.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/esm/_internal/button.js

@@ -1,10 +0,0 @@
-export { a as ButtonSize, B as ButtonVariant, S as StyledButton } from './styles.js';
-export { B as Button } from './Button2.js';
-import './_rollupPluginBabelHelpers.js';
-import 'styled-components';
-import 'react';
-import 'classnames';
-import '@react-aria/button';
-import './types.js';
-import './Icon2.js';
-//# sourceMappingURL=button.js.map

package/esm/_internal/button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/esm/_internal/checkbox-group.js

@@ -1,8 +0,0 @@
-export { a as CheckboxGroup, C as CheckboxGroupOrientation } from './CheckboxGroup.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'classnames';
-import './types.js';
-import './context2.js';
-import 'styled-components';
-//# sourceMappingURL=checkbox-group.js.map

package/esm/_internal/checkbox-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-group.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/esm/_internal/checkbox.js

@@ -1,12 +0,0 @@
-export { a as Checkbox, C as CheckboxSize } from './Checkbox2.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'classnames';
-import '@react-aria/focus';
-import '@redsift/icons';
-import './types.js';
-import './context2.js';
-import './warnIfNoAccessibleLabelFound.js';
-import 'styled-components';
-import './Icon2.js';
-//# sourceMappingURL=checkbox.js.map

package/esm/_internal/checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/esm/_internal/context.js

@@ -1,6 +0,0 @@
-import React from 'react';
-
-const AppContainerContext = /*#__PURE__*/React.createContext(null);
-
-export { AppContainerContext as A };
-//# sourceMappingURL=context.js.map

package/esm/_internal/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sources":["../../../src/components/app-container/context.ts"],"sourcesContent":["import React from 'react';\nimport { AppContainerState } from './types';\n\nexport const AppContainerContext = React.createContext<AppContainerState | null>(null);\n"],"names":["AppContainerContext","React","createContext"],"mappings":";;AAGO,MAAMA,mBAAmB,gBAAGC,KAAK,CAACC,aAAN,CAA8C,IAA9C;;;;"}

package/esm/_internal/context2.js

@@ -1,6 +0,0 @@
-import React from 'react';
-
-const CheckboxGroupContext = /*#__PURE__*/React.createContext(null);
-
-export { CheckboxGroupContext as C };
-//# sourceMappingURL=context2.js.map

package/esm/_internal/context2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context2.js","sources":["../../../src/components/checkbox-group/context.ts"],"sourcesContent":["import React from 'react';\nimport { CheckboxGroupState } from './types';\n\nexport const CheckboxGroupContext = React.createContext<CheckboxGroupState | null>(null);\n"],"names":["CheckboxGroupContext","React","createContext"],"mappings":";;AAGO,MAAMA,oBAAoB,gBAAGC,KAAK,CAACC,aAAN,CAA+C,IAA/C;;;;"}

package/esm/_internal/floating-action-button.js

@@ -1,10 +0,0 @@
-export { c as FloatingActionButton, b as FloatingActionButtonColor, a as FloatingActionButtonSize, F as FloatingActionButtonVariant } from './FloatingActionButton.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'classnames';
-import '@react-aria/button';
-import './types.js';
-import './warnIfNoAccessibleLabelFound.js';
-import 'styled-components';
-import './Icon2.js';
-//# sourceMappingURL=floating-action-button.js.map

package/esm/_internal/floating-action-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"floating-action-button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/esm/_internal/icon-button.js

@@ -1,10 +0,0 @@
-export { a as IconButton, I as IconButtonSize } from './IconButton.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'classnames';
-import '@react-aria/button';
-import './types.js';
-import './warnIfNoAccessibleLabelFound.js';
-import 'styled-components';
-import './Icon2.js';
-//# sourceMappingURL=icon-button.js.map

package/esm/_internal/icon-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/esm/_internal/icon.js

@@ -1,7 +0,0 @@
-export { a as Icon, I as IconSize } from './Icon2.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'classnames';
-import 'styled-components';
-import './types.js';
-//# sourceMappingURL=icon.js.map

package/esm/_internal/icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/esm/_internal/link-button.js

@@ -1,8 +0,0 @@
-export { L as LinkButton } from './LinkButton.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'classnames';
-import '@react-aria/button';
-import './styles2.js';
-import 'styled-components';
-//# sourceMappingURL=link-button.js.map

package/esm/_internal/link-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link-button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/esm/_internal/link.js

@@ -1,7 +0,0 @@
-export { S as StyledLink } from './styles2.js';
-export { L as Link } from './Link2.js';
-import './_rollupPluginBabelHelpers.js';
-import 'styled-components';
-import 'react';
-import 'classnames';
-//# sourceMappingURL=link.js.map

package/esm/_internal/link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/esm/_internal/side-navigation-menu-bar.js

@@ -1,14 +0,0 @@
-export { S as SideNavigationMenuBar, u as useSideNavigationMenuBar } from './useSideNavigationMenuBar.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'classnames';
-import './warnIfNoAccessibleLabelFound.js';
-import 'styled-components';
-import './SideNavigationMenuItem.js';
-import './context.js';
-import './Badge2.js';
-import './types.js';
-import './Icon2.js';
-import './SideNavigationMenu.js';
-import '@redsift/icons';
-//# sourceMappingURL=side-navigation-menu-bar.js.map

package/esm/_internal/side-navigation-menu-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-navigation-menu-bar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/esm/_internal/side-navigation-menu-item.js

@@ -1,11 +0,0 @@
-export { S as SideNavigationMenuItem } from './SideNavigationMenuItem.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'classnames';
-import './warnIfNoAccessibleLabelFound.js';
-import './context.js';
-import 'styled-components';
-import './Badge2.js';
-import './types.js';
-import './Icon2.js';
-//# sourceMappingURL=side-navigation-menu-item.js.map

package/esm/_internal/side-navigation-menu-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-navigation-menu-item.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/esm/_internal/side-navigation-menu.js

@@ -1,13 +0,0 @@
-export { a as SideNavigationMenu, S as SideNavigationMenuReducerActionType } from './SideNavigationMenu.js';
-import './_rollupPluginBabelHelpers.js';
-import 'react';
-import 'classnames';
-import '@redsift/icons';
-import 'styled-components';
-import './SideNavigationMenuItem.js';
-import './warnIfNoAccessibleLabelFound.js';
-import './context.js';
-import './Badge2.js';
-import './types.js';
-import './Icon2.js';
-//# sourceMappingURL=side-navigation-menu.js.map

package/esm/_internal/side-navigation-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-navigation-menu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/esm/_internal/styles.js

@@ -1,101 +0,0 @@
-import { _ as _taggedTemplateLiteral } from './_rollupPluginBabelHelpers.js';
-import styled, { css } from 'styled-components';
-
-/**
- * Component variant.
- */
-const ButtonVariant = {
-  contained: 'contained',
-  outlined: 'outlined',
-  text: 'text'
-};
-
-/**
- * Component size.
- */
-const ButtonSize = {
-  large: 'large',
-  medium: 'medium',
-  small: 'small'
-};
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-/**
- * Component style.
- */
-
-const StyledButton = styled.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n\n  ", "\n\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  text-transform: ", ";\n\n  .redsift-icon {\n    ", "\n\n    ", "\n\n    ", "\n  }\n\n  .redsift-icon.left {\n    margin-right: 8px;\n  }\n\n  .redsift-icon.right {\n    margin-left: 8px;\n  }\n\n  &:hover,\n  &:focus-visible {\n    outline: none;\n\n    ", "\n  }\n\n  ", "\n"])), _ref => {
-  let {
-    $variant,
-    $color,
-    $size,
-    $isDisabled
-  } = _ref;
-
-  switch ($variant) {
-    case ButtonVariant.outlined:
-      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          border: 1px solid ", ";\n          background-color: transparent;\n          &, .redsift-icon {\n            color: ", ";\n          }\n\n          padding: ", ";\n        "])), $isDisabled ? 'var(--redsift-color-action-disabled-background)' : "var(--redsift-color-".concat($color, "-outlined-resting)"), $isDisabled ? 'var(--redsift-color-action-disabled)' : "var(--redsift-color-".concat($color, "-main)"), $size === ButtonSize.small ? '4px 8px' : $size === ButtonSize.medium ? '6px 16px' : '8px 24px');
-
-    case ButtonVariant.text:
-      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          border: none;\n          background-color: transparent;\n          &, .redsift-icon {\n            color: ", ";\n          }\n\n          padding: ", ";\n        "])), $isDisabled ? 'var(--redsift-color-action-disabled)' : "var(--redsift-color-".concat($color, "-main)"), $size === ButtonSize.small ? '4px 4px' : $size === ButtonSize.medium ? '6px 8px' : '8px 8px');
-
-    case ButtonVariant.contained:
-    default:
-      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          border: none;\n          background-color: ", ";\n          &, .redsift-icon {\n            color: ", ";\n          }\n\n          padding: ", ";\n        "])), $isDisabled ? 'var(--redsift-color-action-disabled-background)' : "var(--redsift-color-".concat($color, "-main)"), $isDisabled ? 'var(--redsift-color-action-disabled)' : "var(--redsift-color-".concat($color, "-contrast)"), $size === ButtonSize.small ? '4px 8px' : $size === ButtonSize.medium ? '6px 16px' : '8px 24px');
-  }
-}, _ref2 => {
-  let {
-    $size
-  } = _ref2;
-  return "var(--redsift-typography-button-".concat($size, "-font-family)");
-}, _ref3 => {
-  let {
-    $size
-  } = _ref3;
-  return "var(--redsift-typography-button-".concat($size, "-font-weight)");
-}, _ref4 => {
-  let {
-    $size
-  } = _ref4;
-  return "var(--redsift-typography-button-".concat($size, "-font-size)");
-}, _ref5 => {
-  let {
-    $size
-  } = _ref5;
-  return "var(--redsift-typography-button-".concat($size, "-line-height)");
-}, _ref6 => {
-  let {
-    $size
-  } = _ref6;
-  return "var(--redsift-typography-button-".concat($size, "-text-transform)");
-}, _ref7 => {
-  let {
-    $size
-  } = _ref7;
-  return $size === ButtonSize.large ? "\n      height: 24px;\n      width: 24px;\n      font-size: 24px;\n      line-height: 24px;\n    " : '';
-}, _ref8 => {
-  let {
-    $size
-  } = _ref8;
-  return $size === ButtonSize.medium ? "\n      height: 20px;\n      width: 20px;\n      font-size: 20px;\n      line-height: 20px;\n    " : '';
-}, _ref9 => {
-  let {
-    $size
-  } = _ref9;
-  return $size === ButtonSize.small ? "\n      height: 18px;\n      width: 18px;\n      font-size: 18px;\n      line-height: 18px;\n    " : '';
-}, _ref10 => {
-  let {
-    $isDisabled,
-    $variant,
-    $color
-  } = _ref10;
-  return !$isDisabled ? css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      cursor: pointer;\n\n      ", "\n\n      ", "\n\n      ", "\n    "])), $variant === ButtonVariant.contained ? css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        background-color: var(--redsift-color-", "-contained-hover);\n      "])), $color) : '', $variant === ButtonVariant.outlined ? css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        background-color: var(--redsift-color-", "-outlined-hover);\n      "])), $color) : '', $variant === ButtonVariant.text ? css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        background-color: var(--redsift-color-", "-outlined-hover);\n      "])), $color) : '') : '';
-}, _ref11 => {
-  let {
-    $fullWidth
-  } = _ref11;
-  return $fullWidth ? "\n    width: 100%;\n    flex-grow: 1;\n\n    .redsift-icon.left {\n      margin-right: unset;\n    }\n\n    .redsift-icon.right {\n      margin-left: unset;\n    }\n\n    span {\n      margin-right: 8px;\n      margin-left: 8px;\n    }\n  " : '';
-});
-
-export { ButtonVariant as B, StyledButton as S, ButtonSize as a };
-//# sourceMappingURL=styles.js.map

package/esm/_internal/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/button/types.ts","../../../src/components/button/styles.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { PressEvent } from '@react-types/shared';\nimport { ColorPalette, ValueOf } from '~/types';\n\n/**\n * Component variant.\n */\nexport const ButtonVariant = {\n  contained: 'contained',\n  outlined: 'outlined',\n  text: 'text',\n} as const;\nexport type ButtonVariant = ValueOf<typeof ButtonVariant>;\n\n/**\n * Component size.\n */\nexport const ButtonSize = {\n  large: 'large',\n  medium: 'medium',\n  small: 'small',\n} as const;\nexport type ButtonSize = ValueOf<typeof ButtonSize>;\n\n/**\n * Component props.\n */\nexport interface ButtonProps extends ComponentProps<'button'> {\n  /** Color variant. */\n  color?: ColorPalette;\n  /** Whether the component take the full width or not. */\n  fullWidth?: boolean;\n  /** Whether the component is disabled or not. */\n  isDisabled?: boolean;\n  /**\n   * Icon path data (`d` property of the `path` SVG element).<br />\n   * See <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths\">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />\n   * Recommended path data come from mdi/js.<br />\n   * See <a href=\"https://www.npmjs.com/package/@mdi/js\">https://www.npmjs.com/package/@mdi/js</a>.\n   */\n  leftIcon?: string;\n  /** Preferred method to handle click, press and touch. */\n  onPress?: (e: PressEvent) => void;\n  /**\n   * Icon path data (`d` property of the `path` SVG element).<br />\n   * See <a href=\"https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths\">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />\n   * Recommended path data come from mdi/js.<br />\n   * See <a href=\"https://www.npmjs.com/package/@mdi/js\">https://www.npmjs.com/package/@mdi/js</a>.\n   */\n  rightIcon?: string;\n  /** Button size. */\n  size?: ButtonSize;\n  /** Button variant. */\n  variant?: ButtonVariant;\n}\n\nexport type StyledButtonProps = Omit<ButtonProps, 'isDisabled' | 'variant' | 'color' | 'size' | 'fullWidth'> & {\n  $isDisabled: ButtonProps['isDisabled'];\n  $variant: ButtonProps['variant'];\n  $color: ButtonProps['color'];\n  $size: ButtonProps['size'];\n  $fullWidth: ButtonProps['fullWidth'];\n};\n","import styled, { css } from 'styled-components';\nimport { StyledButtonProps, ButtonSize, ButtonVariant } from './types';\n\n/**\n * Component style.\n */\nexport const StyledButton = styled.button<StyledButtonProps>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n\n  ${({ $variant, $color, $size, $isDisabled }) => {\n    switch ($variant) {\n      case ButtonVariant.outlined:\n        return css`\n          border: 1px solid ${$isDisabled ? 'var(--redsift-color-action-disabled-background)' : `var(--redsift-color-${$color}-outlined-resting)`};\n          background-color: transparent;\n          &, .redsift-icon {\n            color: ${$isDisabled ? 'var(--redsift-color-action-disabled)' : `var(--redsift-color-${$color}-main)`};\n          }\n\n          padding: ${$size === ButtonSize.small ? '4px 8px' : $size === ButtonSize.medium ? '6px 16px' : '8px 24px'};\n        `;\n      case ButtonVariant.text:\n        return css`\n          border: none;\n          background-color: transparent;\n          &, .redsift-icon {\n            color: ${$isDisabled ? 'var(--redsift-color-action-disabled)' : `var(--redsift-color-${$color}-main)`};\n          }\n\n          padding: ${$size === ButtonSize.small ? '4px 4px' : $size === ButtonSize.medium ? '6px 8px' : '8px 8px'};\n        `;\n      case ButtonVariant.contained:\n      default:\n        return css`\n          border: none;\n          background-color: ${$isDisabled ? 'var(--redsift-color-action-disabled-background)' : `var(--redsift-color-${$color}-main)`};\n          &, .redsift-icon {\n            color: ${$isDisabled ? 'var(--redsift-color-action-disabled)' : `var(--redsift-color-${$color}-contrast)`};\n          }\n\n          padding: ${$size === ButtonSize.small ? '4px 8px' : $size === ButtonSize.medium ? '6px 16px' : '8px 24px'};\n        `;\n    }\n  }}\n\n  font-family: ${({ $size }) => `var(--redsift-typography-button-${$size}-font-family)`};\n  font-weight: ${({ $size }) => `var(--redsift-typography-button-${$size}-font-weight)`};\n  font-size: ${({ $size }) => `var(--redsift-typography-button-${$size}-font-size)`};\n  line-height: ${({ $size }) => `var(--redsift-typography-button-${$size}-line-height)`};\n  text-transform: ${({ $size }) => `var(--redsift-typography-button-${$size}-text-transform)`};\n\n  .redsift-icon {\n    ${({ $size }) => $size === ButtonSize.large ? `\n      height: 24px;\n      width: 24px;\n      font-size: 24px;\n      line-height: 24px;\n    ` : ''}\n\n    ${({ $size }) => $size === ButtonSize.medium ? `\n      height: 20px;\n      width: 20px;\n      font-size: 20px;\n      line-height: 20px;\n    ` : ''}\n\n    ${({ $size }) => $size === ButtonSize.small ? `\n      height: 18px;\n      width: 18px;\n      font-size: 18px;\n      line-height: 18px;\n    ` : ''}\n  }\n\n  .redsift-icon.left {\n    margin-right: 8px;\n  }\n\n  .redsift-icon.right {\n    margin-left: 8px;\n  }\n\n  &:hover,\n  &:focus-visible {\n    outline: none;\n\n    ${({ $isDisabled, $variant, $color }) => !$isDisabled ? css`\n      cursor: pointer;\n\n      ${$variant === ButtonVariant.contained ? css`\n        background-color: var(--redsift-color-${$color}-contained-hover);\n      ` : ''}\n\n      ${$variant === ButtonVariant.outlined ? css`\n        background-color: var(--redsift-color-${$color}-outlined-hover);\n      ` : ''}\n\n      ${$variant === ButtonVariant.text ? css`\n        background-color: var(--redsift-color-${$color}-outlined-hover);\n      ` : ''}\n    ` : ''}\n  }\n\n  ${({ $fullWidth }) => $fullWidth ? `\n    width: 100%;\n    flex-grow: 1;\n\n    .redsift-icon.left {\n      margin-right: unset;\n    }\n\n    .redsift-icon.right {\n      margin-left: unset;\n    }\n\n    span {\n      margin-right: 8px;\n      margin-left: 8px;\n    }\n  ` : ''}\n`\n"],"names":["ButtonVariant","contained","outlined","text","ButtonSize","large","medium","small","StyledButton","styled","button","$variant","$color","$size","$isDisabled","css","$fullWidth"],"mappings":"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"}

package/esm/_internal/styles2.js

@@ -1,17 +0,0 @@
-import { _ as _taggedTemplateLiteral } from './_rollupPluginBabelHelpers.js';
-import styled, { css } from 'styled-components';
-
-var _templateObject, _templateObject2;
-
-/**
- * Component style.
- */
-const StyledLink = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: none;\n  border: none;\n  color: inherit;\n  cursor: text !important;\n  font-family: var(--redsift-typography-link-font-family);\n  font-size: var(--redsift-typography-link-font-size);\n  font-weight: var(--redsift-typography-link-font-weight);\n  line-height: var(--redsift-typography-link-line-height);\n  padding: unset;\n  text-decoration: none;\n\n  ", "\n\n  &:focus-visible {\n    outline: 2px solid var(--redsift-color-link-primary);\n  }\n"])), _ref => {
-  let {
-    $isDisabled
-  } = _ref;
-  return !$isDisabled ? css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    color: var(--redsift-color-link-primary);\n    text-decoration: underline;\n    text-decoration-color: var(--redsift-color-link-underline);\n    text-underline-offset: 2px;\n\n    &:hover,\n    &:focus-visible {\n      cursor: pointer !important;\n      text-decoration-color: var(--redsift-color-link-primary);\n    }\n  "]))) : '';
-});
-
-export { StyledLink as S };
-//# sourceMappingURL=styles2.js.map

package/esm/_internal/styles2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles2.js","sources":["../../../src/components/link/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledLinkProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledLink = styled.a<StyledLinkProps>`\n  background: none;\n  border: none;\n  color: inherit;\n  cursor: text !important;\n  font-family: var(--redsift-typography-link-font-family);\n  font-size: var(--redsift-typography-link-font-size);\n  font-weight: var(--redsift-typography-link-font-weight);\n  line-height: var(--redsift-typography-link-line-height);\n  padding: unset;\n  text-decoration: none;\n\n  ${({ $isDisabled }) => !$isDisabled ? css`\n    color: var(--redsift-color-link-primary);\n    text-decoration: underline;\n    text-decoration-color: var(--redsift-color-link-underline);\n    text-underline-offset: 2px;\n\n    &:hover,\n    &:focus-visible {\n      cursor: pointer !important;\n      text-decoration-color: var(--redsift-color-link-primary);\n    }\n  ` : ''}\n\n  &:focus-visible {\n    outline: 2px solid var(--redsift-color-link-primary);\n  }\n`\n"],"names":["StyledLink","styled","a","$isDisabled","css"],"mappings":";;;;;AAGA;AACA;AACA;MACaA,UAAU,GAAGC,MAAM,CAACC,CAAV,CAYnB,eAAA,KAAA,eAAA,GAAA,sBAAA,CAAA,CAAA,sXAAA,EAAA,2FAAA,CAAA,CAAA,CAAA,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,WAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAqB,CAACA,WAAD,GAAeC,GAAf,kZAWnB,EAXF,CAAA;AAAA,CAZmB;;;;"}

package/esm/_internal/types.js

@@ -1,31 +0,0 @@
-/** Component Type. */
-
-/**
- * JS falsy values.
- * (excluding `NaN` as it can't be distinguished from `number`)
- */
-
-/** Get types of the values of a record. */
-
-/**
- * Color palette.
- */
-const ColorPalette = {
-  primary: 'primary',
-  secondary: 'secondary',
-  error: 'error',
-  warning: 'warning',
-  info: 'info',
-  success: 'success'
-};
-
-/**
- * Theme
- */
-const Theme = {
-  dark: 'dark',
-  light: 'light'
-};
-
-export { ColorPalette as C, Theme as T };
-//# sourceMappingURL=types.js.map

package/esm/_internal/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":["../../../src/types.ts"],"sourcesContent":["import { ReactElement, Ref } from 'react';\n\n/** Component Type. */\nexport type Comp<P, T = HTMLElement> = {\n    (props: P & { ref?: Ref<T> }): ReactElement | null;\n    /** React component type. */\n    readonly $$typeof: symbol;\n    /** Component default props. */\n    defaultProps?: Partial<P>;\n    /** Component name. */\n    displayName?: string;\n    /** Component base class name. */\n    className?: string;\n};\n\n/**\n * JS falsy values.\n * (excluding `NaN` as it can't be distinguished from `number`)\n */\nexport type Falsy = false | undefined | null | 0 | '';\n\n/** Get types of the values of a record. */\nexport type ValueOf<T extends Record<any, any>> = T[keyof T];\n\n/**\n * Color palette.\n */\nexport const ColorPalette = {\n    primary: 'primary',\n    secondary: 'secondary',\n    error: 'error',\n    warning: 'warning',\n    info: 'info',\n    success: 'success',\n} as const;\nexport type ColorPalette = ValueOf<typeof ColorPalette>;\nexport type Color = ColorPalette | string;\n\n/**\n * Theme\n */\nexport const Theme = {\n    dark: 'dark',\n    light: 'light',\n} as const;\nexport type Theme = ValueOf<typeof Theme>;"],"names":["ColorPalette","primary","secondary","error","warning","info","success","Theme","dark","light"],"mappings":"AAEA;;AAaA;AACA;AACA;AACA;;AAGA;;AAGA;AACA;AACA;AACO,MAAMA,YAAY,GAAG;AACxBC,EAAAA,OAAO,EAAE,SADe;AAExBC,EAAAA,SAAS,EAAE,WAFa;AAGxBC,EAAAA,KAAK,EAAE,OAHiB;AAIxBC,EAAAA,OAAO,EAAE,SAJe;AAKxBC,EAAAA,IAAI,EAAE,MALkB;AAMxBC,EAAAA,OAAO,EAAE,SAAA;AANe,EAArB;;AAWP;AACA;AACA;AACO,MAAMC,KAAK,GAAG;AACjBC,EAAAA,IAAI,EAAE,MADW;AAEjBC,EAAAA,KAAK,EAAE,OAAA;AAFU;;;;"}