@decisiv/ui-components 2.0.1-alpha.99 → 2.0.2-alpha.2

package/lib/atoms/OptionsList/Category.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const Category: ({ borderRadius, label, items, showCheckbox, }: import("./types").Category) => JSX.Element;
-export default Category;
-//# sourceMappingURL=Category.d.ts.map

package/lib/atoms/OptionsList/Category.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Category.d.ts","sourceRoot":"","sources":["../../../src/atoms/OptionsList/Category.tsx"],"names":[],"mappings":";AAuBA,QAAA,MAAM,QAAQ,4FAyBb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/atoms/OptionsList/Category.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
-
-var _designTokens = require("@decisiv/design-tokens");
-
-var _Option = _interopRequireDefault(require("./Option"));
-
-var _utils = require("./utils");
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || 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); }
-
-var StyledCategory = _styledComponents.default.li.attrs({
-  role: 'option',
-  'aria-disabled': true
-}).withConfig({
-  displayName: "Category__StyledCategory",
-  componentId: "sc-1kvf2r-0"
-})(["color:", ";font-size:", ";cursor:default;line-height:1.4;text-align:left;padding:", ";"], (0, _toColorString.default)(_designTokens.color.base.alaskanHusky), (0, _rem.default)(_designTokens.typography.size.alias.paragraph2), "".concat((0, _rem.default)(8), " ").concat((0, _rem.default)(30), " ").concat((0, _rem.default)(7), " ").concat((0, _rem.default)(10)));
-
-var Category = function Category(_ref) {
-  var borderRadius = _ref.borderRadius,
-      label = _ref.label,
-      items = _ref.items,
-      showCheckbox = _ref.showCheckbox;
-  return _react.default.createElement(_react.Fragment, null, _react.default.createElement(StyledCategory, null, label), items.map(function (subItem) {
-    var id = (0, _utils.getId)(subItem);
-    return _react.default.createElement(_Option.default, _extends({}, subItem, {
-      key: id,
-      id: id,
-      borderRadius: borderRadius,
-      showCheckbox: showCheckbox
-    }));
-  }));
-};
-
-var _default = Category;
-exports.default = _default;

package/lib/atoms/OptionsList/Option.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/atoms/OptionsList/Option.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAK/D,OAAO,EACL,WAAW,EAMZ,MAAM,SAAS,CAAC;AA+MjB,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA4G/C;;AAED,wBAAkC"}

package/lib/atoms/OptionsList/Option.js

@@ -1,197 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _color = _interopRequireDefault(require("@decisiv/design-tokens/lib/color"));
-
-var _get = _interopRequireDefault(require("lodash/get"));
-
-var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
-
-var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _focusRingWithColor = _interopRequireDefault(require("../../utils/focusRingWithColor"));
-
-var _styleModifiers = require("../../utils/styleModifiers");
-
-var _Typography = require("../../components/Typography");
-
-var _context = require("./context");
-
-var _Checkbox = _interopRequireDefault(require("../../components/Checkbox"));
-
-var _Avatar = _interopRequireDefault(require("../../components/Avatar"));
-
-var _Badge = _interopRequireDefault(require("../../components/Badge"));
-
-var _Link = _interopRequireWildcard(require("../../components/Link"));
-
-var _utils = require("./utils");
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || 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 _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 _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 getBorderRadius(_ref) {
-  var borderRadius = _ref.borderRadius;
-  return borderRadius || '2px';
-}
-
-var enabledFGColor = _color.default.interaction.pacificOcean;
-var disabledFGColor = _color.default.opacity.charcoal40;
-var StyledLink = (0, _styledComponents.default)(_Link.default).withConfig({
-  displayName: "Option__StyledLink",
-  componentId: "sc-679ny4-0"
-})(["&&,&&:hover:not(:active),&&:focus:not(:active){text-decoration:none;", ";", ";}"], (0, _Link.linkColorStyles)(enabledFGColor, enabledFGColor, enabledFGColor), (0, _styleModifiers.when)('disabled', (0, _styledComponents.css)(["", ";cursor:not-allowed;"], (0, _Link.linkColorStyles)(disabledFGColor, disabledFGColor, disabledFGColor))));
-
-var Container = _styledComponents.default.li.withConfig({
-  displayName: "Option__Container",
-  componentId: "sc-679ny4-1"
-})(["&:focus{outline:none;}> .label,> ", "{align-items:center;border:1px solid transparent;color:", ";display:flex;padding:", ";pointer-events:none;width:100%;white-space:nowrap;", ";> *{margin-right:", ";}}> ", "{pointer-events:auto;background-color:transparent;text-decoration:none;}&:first-child > .label,&:first-child > ", "{border-top-left-radius:", ";border-top-right-radius:", ";}&:last-child > .label,&:last-child > ", "{border-bottom-left-radius:", ";border-bottom-right-radius:", ";}&:hover:not([aria-disabled='true']):not([aria-selected='true']) > .label,&:hover:not([aria-disabled='true']):not([aria-selected='true']) > ", "{color:", ";text-decoration:none;.label > *{border-color:", ";}}&[aria-selected='true'] > .label{background:", ";color:", ";}", ";", " &[aria-disabled='true']{cursor:not-allowed;", "{pointer-events:none;}}&[aria-disabled='true'] > .label,&[aria-disabled='true'] > ", "{background:", ";color:", ";}"], StyledLink, (0, _toColorString.default)(_color.default.interaction.pacificOcean), "".concat((0, _rem.default)(7), " ").concat((0, _rem.default)(20), " ").concat((0, _rem.default)(7), " ").concat((0, _rem.default)(10)), (0, _styleModifiers.when)('compact', (0, _styledComponents.css)(["padding:", ";"], "".concat((0, _rem.default)(5), " ").concat((0, _rem.default)(20), " ").concat((0, _rem.default)(5), " ").concat((0, _rem.default)(10)))), (0, _rem.default)(10), StyledLink, StyledLink, getBorderRadius, getBorderRadius, StyledLink, getBorderRadius, getBorderRadius, StyledLink, (0, _toColorString.default)(_color.default.interaction.pacificOcean), (0, _toColorString.default)(_color.default.interaction.indianOcean), (0, _toColorString.default)(_color.default.interaction.pacificOcean), (0, _toColorString.default)(_color.default.base.snowWhite), (0, _styleModifiers.when)('isActive', (0, _styledComponents.css)(["color:", ";background:", ";.label > *{border-color:", ";}"], (0, _toColorString.default)(_color.default.interaction.pacificOcean), (0, _toColorString.default)(_color.default.interaction.pacificOcean15), (0, _toColorString.default)(_color.default.interaction.indianOcean))), (0, _styleModifiers.when)([['isActive'], ['inputMethod', 'keyboard']], (0, _styledComponents.css)(["background:none;> .label,> ", "{border-color:", ";", "}&[aria-selected='true'] > .label,&[aria-selected='true'] > ", "{color:", ";", "}"], StyledLink, (0, _toColorString.default)(_color.default.interaction.pacificOcean), (0, _focusRingWithColor.default)(_color.default.interaction.pacificOcean40), StyledLink, (0, _toColorString.default)(_color.default.base.snowWhite), (0, _focusRingWithColor.default)(_color.default.opacity.fullMoon50))), StyledLink, StyledLink, (0, _toColorString.default)(_color.default.base.snowWhite), (0, _toColorString.default)(_color.default.opacity.charcoal40)); // This is used below to silence a React warning about
-// having a controlled input without a change handler.
-
-
-var noop = process.env.NODE_ENV === 'production' ? undefined : function () {};
-
-function isDecoration(decoration) {
-  var type = (0, _get.default)(decoration, 'type');
-  return type !== undefined;
-}
-
-function DecorationComponent(props) {
-  var disabled = props.disabled,
-      rest = _objectWithoutProperties(props, ["disabled"]);
-
-  switch (props.type) {
-    case 'Avatar':
-      return _react.default.createElement(_Avatar.default, rest);
-
-    case 'Badge':
-      return _react.default.createElement(_Badge.default, _extends({}, rest, {
-        variant: "square",
-        color: disabled ? 'licoriceMousse' : props.color
-      }));
-
-    case 'Icon':
-      {
-        var Icon = props.icon;
-        return _react.default.createElement(Icon, null);
-      }
-
-    default:
-      return null;
-  }
-}
-
-var DecorationComponentContainer = _styledComponents.default.div.withConfig({
-  displayName: "Option__DecorationComponentContainer",
-  componentId: "sc-679ny4-2"
-})(["", ";"], (0, _styleModifiers.when)('disabled', (0, _styledComponents.css)(["opacity:0.3;img{opacity:0.3;}"]))); // We always render the checkbox/radio inputs so that regular form
-// submission (i.e. one not handled programmatically) still works.
-
-
-function Option(props) {
-  var id = props.id,
-      label = props.label,
-      decoration = props.decoration,
-      disabled = props.disabled,
-      borderRadius = props.borderRadius,
-      _props$showCheckbox = props.showCheckbox,
-      showCheckbox = _props$showCheckbox === void 0 ? true : _props$showCheckbox;
-  var decorationType = (0, _get.default)(decoration, 'type');
-
-  var _useOptionsList = (0, _context.useOptionsList)(),
-      toggleItemSelection = _useOptionsList.toggleItemSelection,
-      selectedIds = _useOptionsList.selectedIds,
-      name = _useOptionsList.name,
-      multiple = _useOptionsList.multiple,
-      renderOptionLabel = _useOptionsList.renderOptionLabel,
-      activeId = _useOptionsList.activeId,
-      setInputMethod = _useOptionsList.setInputMethod,
-      updateActiveId = _useOptionsList.updateActiveId,
-      inputMethod = _useOptionsList.inputMethod,
-      selectable = _useOptionsList.selectable,
-      itemRole = _useOptionsList.itemRole;
-
-  var checked = selectedIds.includes(id);
-  var commonProps = {
-    name: name,
-    checked: checked,
-    onChange: noop,
-    tabIndex: -1
-  };
-  var handleMouseEnter = (0, _react.useCallback)(function () {
-    setInputMethod('mouse');
-    updateActiveId(disabled ? '' : id);
-  }, [setInputMethod, updateActiveId, disabled, id]);
-  var handleClick = (0, _react.useCallback)(function () {
-    if (!disabled) toggleItemSelection(id);
-  }, [toggleItemSelection, id, disabled]);
-  var LabelWrapper = (0, _react.useMemo)(function () {
-    return function (_ref2) {
-      var children = _ref2.children;
-      return selectable ? _react.default.createElement("label", {
-        className: "label"
-      }, children) : _react.default.createElement("div", {
-        className: "label"
-      }, children);
-    };
-  }, [selectable]);
-  return _react.default.createElement(Container, {
-    "aria-disabled": !!disabled,
-    "aria-selected": checked,
-    borderRadius: borderRadius,
-    compact: decorationType && decorationType !== 'Icon',
-    "data-id": id,
-    key: id,
-    onClick: handleClick,
-    multiple: !!multiple,
-    isActive: activeId === id,
-    tabIndex: -1,
-    onMouseEnter: handleMouseEnter,
-    inputMethod: inputMethod,
-    role: itemRole
-  }, (0, _utils.isLink)(props) ? _react.default.createElement(StyledLink, {
-    tabIndex: -1,
-    to: props.linkTo,
-    text: label,
-    icon: isDecoration(decoration) && decoration.type === 'Icon' ? decoration.icon : undefined,
-    disabled: !!disabled
-  }) : _react.default.createElement(LabelWrapper, null, selectable && (multiple && !!showCheckbox ? _react.default.createElement(_Checkbox.default, _extends({}, commonProps, {
-    disabled: !!disabled,
-    size: "small",
-    value: props.value
-  })) : _react.default.createElement("input", _extends({}, commonProps, {
-    type: "radio",
-    hidden: true,
-    value: props.value
-  }))), isDecoration(decoration) && _react.default.createElement(DecorationComponentContainer, {
-    disabled: !!disabled && decorationType !== 'Icon'
-  }, _react.default.createElement(DecorationComponent, decoration)), renderOptionLabel ? renderOptionLabel({
-    id: id,
-    label: label,
-    value: props.value,
-    disabled: disabled,
-    meta: props.meta
-  }) : _react.default.createElement(_Typography.P, {
-    as: "span",
-    color: "inherit"
-  }, label)));
-}
-
-var _default = _react.default.memo(Option);
-
-exports.default = _default;

package/lib/components/Tabs/Tab.d.ts

@@ -1,5 +0,0 @@
-import { RefForwardingComponent } from 'react';
-import { TabProps, TabRef } from './types';
-declare const TabWithRef: RefForwardingComponent<TabRef, TabProps>;
-export default TabWithRef;
-//# sourceMappingURL=Tab.d.ts.map

package/lib/components/Tabs/Tab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAGA,OAAc,EAGZ,sBAAsB,EAIvB,MAAM,OAAO,CAAC;AAWf,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AA4I3C,QAAA,MAAM,UAAU,EAAE,sBAAsB,CAAC,MAAM,EAAE,QAAQ,CAAmB,CAAC;AAe7E,eAAe,UAAU,CAAC"}

package/lib/components/Tabs/Tab.js

@@ -1,109 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
-
-var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _designTokens = require("@decisiv/design-tokens");
-
-var _BaseButton = _interopRequireDefault(require("../../atoms/BaseButton"));
-
-var _assignRef = _interopRequireDefault(require("../../utils/assignRef"));
-
-var _styleModifiers = require("../../utils/styleModifiers");
-
-var _context = require("./context");
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || 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 _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 _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; }
-
-var base = _designTokens.color.base,
-    interaction = _designTokens.color.interaction,
-    opacity = _designTokens.color.opacity;
-var shadowColor = (0, _toColorString.default)(interaction.pacificOcean40);
-var yPaddingBySize = {
-  normal: 5,
-  large: 10
-};
-var StyledTab = (0, _styledComponents.default)(_BaseButton.default).withConfig({
-  displayName: "Tab__StyledTab",
-  componentId: "txb60x-0"
-})(["color:", ";align-items:center;background:", ";border-radius:2px 2px 0 0;border:1px solid transparent;cursor:default;display:flex;font-size:", ";line-height:1.4;margin:0;outline:none;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";position:relative;font-weight:", ";&::after{background:", ";bottom:-1px;content:'';height:3px;left:2px;opacity:0;position:absolute;right:2px;}&:hover{color:", ";}&[aria-selected='true']{border-color:", ";border-bottom-color:transparent;color:", ";margin-bottom:-1px;padding-bottom:", ";&:focus{border-color:", ";border-bottom-color:", ";box-shadow:inset 0 0 0 2px ", ";&::after{opacity:1;}}}&:disabled{color:", ";cursor:not-allowed;}> *:not(span){margin-top:-1px;}> * + span{margin-left:", ";}", ";"], (0, _toColorString.default)(interaction.pacificOcean), (0, _toColorString.default)(base.snowWhite), (0, _rem.default)(_designTokens.typography.size.scale[1]), (0, _rem.default)(yPaddingBySize.normal + 3), (0, _rem.default)(15), (0, _rem.default)(yPaddingBySize.normal - 1), (0, _rem.default)(15), _designTokens.typography.weight.alias.medium, (0, _toColorString.default)(base.snowWhite), (0, _toColorString.default)(interaction.indianOcean), (0, _toColorString.default)(base.quarterMoon), (0, _toColorString.default)(base.alaskanHusky), (0, _rem.default)(yPaddingBySize.normal), (0, _toColorString.default)(interaction.pacificOcean), shadowColor, shadowColor, (0, _toColorString.default)(opacity.charcoal40), (0, _rem.default)(8), (0, _styleModifiers.when)('size', 'large', (0, _styledComponents.css)(["font-size:", ";line-height:1.2;padding-bottom:", ";padding-top:", ";&[aria-selected='true']{padding-bottom:", ";}"], (0, _rem.default)(_designTokens.typography.size.scale[2]), (0, _rem.default)(yPaddingBySize.large - 1), (0, _rem.default)(yPaddingBySize.large + 3), (0, _rem.default)(yPaddingBySize.large))));
-
-var Tab = function Tab(props, ref) {
-  var id = props.id,
-      children = props.children,
-      icon = props.icon,
-      title = props.title,
-      onClick = props.onClick,
-      disabled = props.disabled,
-      rest = _objectWithoutProperties(props, ["id", "children", "icon", "title", "onClick", "disabled"]);
-
-  var tabs = (0, _context.useTabs)();
-  var Icon = icon;
-  var isActive = id === tabs.activeId;
-  var internalRef = (0, _react.useRef)(null);
-  var handleClick = (0, _react.useCallback)(function (e) {
-    !disabled && tabs.activateById(id);
-    onClick && onClick(e);
-  }, [id, tabs, disabled, onClick]);
-
-  var assignRefs = function assignRefs(node) {
-    (0, _assignRef.default)(ref, node);
-    (0, _assignRef.default)(internalRef, node);
-  };
-
-  tabs.register(id, {
-    isDisabled: !!disabled,
-    content: children,
-    ref: internalRef
-  });
-  return _react.default.createElement(StyledTab, _extends({}, rest, {
-    "aria-controls": "tab-panel-".concat(id),
-    "aria-selected": isActive,
-    disabled: !!disabled,
-    id: "tab-".concat(id),
-    onClick: handleClick,
-    onKeyDown: tabs.onKeyDown,
-    ref: assignRefs,
-    role: "tab",
-    size: tabs.size || 'normal',
-    tabIndex: isActive ? 0 : -1,
-    type: "button"
-  }), Icon && _react.default.createElement(Icon, {
-    size: "medium"
-  }), _react.default.createElement("span", null, title));
-};
-
-var TabWithRef = (0, _react.forwardRef)(Tab); // @ts-ignore
-
-TabWithRef.propTypes = {
-  id: _propTypes.default.string.isRequired,
-  title: _propTypes.default.string.isRequired,
-  icon: _propTypes.default.elementType,
-  disabled: _propTypes.default.bool
-};
-TabWithRef.defaultProps = {
-  icon: undefined,
-  disabled: false
-};
-var _default = TabWithRef;
-exports.default = _default;

package/lib/components/Tabs/schema.tab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"schema.tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/schema.tab.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAAmC,CAAC;AAqBhD,eAAe,MAAM,CAAC"}

package/lib/components/Tabs/types.d.ts

@@ -1,27 +0,0 @@
-import { ComponentPropsWithoutRef, ReactNode, Ref, RefObject } from 'react';
-import { IconProps } from '@decisiv/iconix';
-declare type IconComponent = (props: IconProps) => JSX.Element;
-export declare type TabsRef = HTMLDivElement;
-export declare type TabRef = HTMLButtonElement;
-export interface Props extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
-    ref?: Ref<TabsRef>;
-    size?: 'normal' | 'large';
-    onChange?: (id: string) => void;
-    selectedId?: string;
-    defaultSelectedId?: string;
-    renderHiddenTabsContent?: boolean;
-}
-export interface TabData {
-    ref: RefObject<HTMLButtonElement>;
-    content: ReactNode;
-    isDisabled: boolean;
-}
-export interface TabProps extends Omit<ComponentPropsWithoutRef<'button'>, 'size'> {
-    id: string;
-    ref?: Ref<TabRef>;
-    icon?: IconComponent;
-    title: string;
-    disabled?: boolean;
-}
-export {};
-//# sourceMappingURL=types.d.ts.map

package/lib/components/Tabs/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,aAAK,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;AAEvD,oBAAY,OAAO,GAAG,cAAc,CAAC;AACrC,oBAAY,MAAM,GAAG,iBAAiB,CAAC;AAEvC,MAAM,WAAW,KACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,GAAG,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,MAAM,WAAW,OAAO;IACtB,GAAG,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAClC,OAAO,EAAE,SAAS,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAClB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/lib/components/Tag/ActionButton.d.ts

@@ -1,5 +0,0 @@
-import { ActionButtonContainerProps, ActionButtonExtraProps } from './types';
-declare const ActionButton: import("styled-components").StyledComponent<"button", any, ActionButtonExtraProps, never>;
-export declare const ActionButtonContainer: import("styled-components").StyledComponent<"div", any, ActionButtonContainerProps, never>;
-export default ActionButton;
-//# sourceMappingURL=ActionButton.d.ts.map

package/lib/components/Tag/ActionButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/ActionButton.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAwB7E,QAAA,MAAM,YAAY,2FAkBjB,CAAC;AAEF,eAAO,MAAM,qBAAqB,4FAiBjC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/Tag/ActionButton.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ActionButtonContainer = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
-
-var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
-
-var _designTokens = _interopRequireDefault(require("@decisiv/design-tokens"));
-
-var _BaseButton = _interopRequireDefault(require("../../atoms/BaseButton"));
-
-var _focusRingWithColor = _interopRequireDefault(require("../../utils/focusRingWithColor"));
-
-var _styleModifiers = require("../../utils/styleModifiers");
-
-var _constants = require("./constants");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
-
-var _designTokens$color = _designTokens.default.color,
-    baseColors = _designTokens$color.base,
-    interactionColors = _designTokens$color.interaction,
-    statusColors = _designTokens$color.status,
-    opacityColors = _designTokens$color.opacity;
-var actionButtonColors = {
-  normal: (0, _toColorString.default)(interactionColors.indianOcean),
-  danger: (0, _toColorString.default)(statusColors.danger.medium)
-};
-var borderRadius = (0, _styledComponents.css)(["border-radius:0 ", " ", " 0;"], (0, _rem.default)(10), (0, _rem.default)(10));
-
-var actionButtonColor = function actionButtonColor(_ref) {
-  var actionIntent = _ref.actionIntent;
-  return actionButtonColors[actionIntent !== 'danger' ? 'normal' : 'danger'];
-};
-
-var ActionButton = (0, _styledComponents.default)(_BaseButton.default).withConfig({
-  displayName: "ActionButton",
-  componentId: "jxjmgf-0"
-})(["align-items:center;appearance:none;background-color:", ";border:0;color:", ";display:flex;height:", ";justify-content:flex-start;padding:0 0 0 ", ";width:", ";outline:none;", " &:hover:not(:active){color:", ";}"], (0, _toColorString.default)(baseColors.snowWhite), (0, _toColorString.default)(interactionColors.pacificOcean), (0, _rem.default)(18), (0, _rem.default)(4), (0, _rem.default)(_constants.ACTION_BUTTON_WIDTH), borderRadius, actionButtonColor);
-
-var ActionButtonContainer = _styledComponents.default.div.withConfig({
-  displayName: "ActionButton__ActionButtonContainer",
-  componentId: "jxjmgf-1"
-})(["border:1px solid ", ";margin-right:-1px;", ";", ";"], (0, _toColorString.default)(opacityColors.charcoal15), borderRadius, (0, _styleModifiers.when)('isFocused', (0, _styledComponents.css)(["border-color:", ";", "{", "}"], (0, _toColorString.default)(interactionColors.pacificOcean), ActionButton, (0, _focusRingWithColor.default)(interactionColors.pacificOcean40))));
-
-exports.ActionButtonContainer = ActionButtonContainer;
-var _default = ActionButton;
-exports.default = _default;