@decisiv/ui-components 2.0.1-alpha.17 → 2.0.1-alpha.174

package/lib/atoms/InputField/RequiredIcon.d.ts

@@ -1,4 +0,0 @@
-import { RefForwardingComponent, RefAttributes } from 'react';
-declare const RequiredIcon: RefForwardingComponent<HTMLDivElement, RefAttributes<HTMLDivElement>>;
-export default RequiredIcon;
-//# sourceMappingURL=RequiredIcon.d.ts.map

package/lib/atoms/InputField/RequiredIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RequiredIcon.d.ts","sourceRoot":"","sources":["../../../src/atoms/InputField/RequiredIcon.tsx"],"names":[],"mappings":"AACA,OAAc,EAEZ,sBAAsB,EAEtB,aAAa,EACd,MAAM,OAAO,CAAC;AAWf,QAAA,MAAM,YAAY,EAAE,sBAAsB,CACxC,cAAc,EACd,aAAa,CAAC,cAAc,CAAC,CAU9B,CAAC;AAEF,eAAe,YAAY,CAAC"}

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/Tabs/types.js

@@ -1 +0,0 @@
-"use strict";

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;