@decisiv/ui-components 2.0.1-alpha.20 → 2.0.1-alpha.201

package/lib/components/Wizard/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Wizard/styles.ts"],"names":[],"mappings":";AAkBA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAQ3B,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAYlB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAMzB,CAAC;AAEF,eAAO,MAAM,UAAU;;;SAYtB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAuBlB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BA0BlC,CAAC"}

package/lib/components/Wizard/styles.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionButtonsContainer = exports.Footer = exports.ScrollYBox = exports.StepContainer = exports.Header = exports.WizardContainer = void 0;
+
+var _breakpointObserver = require("@decisiv/breakpoint-observer");
+
+var _designTokens = require("@decisiv/design-tokens");
+
+var _polished = require("polished");
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _styleModifiers = require("../../utils/styleModifiers");
+
+var _Flex = _interopRequireDefault(require("../Flex"));
+
+var _components = require("../Modal/components");
+
+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 FOOTER_HEIGHT = {
+  DEFAULT: (0, _polished.rem)(_designTokens.spacing.base * 6.2),
+  TWO_BUTTONS: (0, _polished.rem)(_designTokens.spacing.base * 13.5),
+  THREE_BUTTONS: (0, _polished.rem)(_designTokens.spacing.base * 19)
+}; // Define styled components
+
+var WizardContainer = (0, _styledComponents.default)(_Flex.default).attrs({
+  flex: 1,
+  flexDirection: 'column',
+  alignItems: 'center'
+}).withConfig({
+  displayName: "styles__WizardContainer",
+  componentId: "sc-5745v5-0"
+})(["width:100%;height:100%;overflow-y:auto;"]);
+exports.WizardContainer = WizardContainer;
+var Header = (0, _styledComponents.default)(_Flex.default).attrs({
+  flex: 1,
+  padding: 3,
+  paddingBottom: 2,
+  flexDirection: 'column',
+  justifyContent: 'center'
+}).withConfig({
+  displayName: "styles__Header",
+  componentId: "sc-5745v5-1"
+})(["width:100%;background-color:", ";row-gap:", ";text-align:center;border-bottom:1px solid ", ";"], (0, _polished.toColorString)(_designTokens.color.base.fullMoon), (0, _polished.rem)(_designTokens.spacing.base * 2), (0, _polished.toColorString)(_designTokens.color.opacity.charcoal15));
+exports.Header = Header;
+var StepContainer = (0, _styledComponents.default)(_Flex.default).attrs({
+  flex: 1,
+  padding: 3,
+  flexDirection: 'column'
+}).withConfig({
+  displayName: "styles__StepContainer",
+  componentId: "sc-5745v5-2"
+})(["width:100%;"]);
+exports.StepContainer = StepContainer;
+var ScrollYBox = (0, _styledComponents.default)(_components.ScrollYBox).withConfig({
+  displayName: "styles__ScrollYBox",
+  componentId: "sc-5745v5-3"
+})(["max-height:calc(100vh - ", ");", ";"], (0, _polished.rem)(_designTokens.spacing.base * 14.2), (0, _styleModifiers.when)('size', _breakpointObserver.sizes.XS, (0, _styledComponents.css)(["position:relative;max-height:unset;overflow-y:unset;"]))); // this is not styled as mobile first because the button itself isnt yet
+
+exports.ScrollYBox = ScrollYBox;
+var Footer = (0, _styledComponents.default)(_components.Footer).withConfig({
+  displayName: "styles__Footer",
+  componentId: "sc-5745v5-4"
+})(["width:100%;height:", ";flex-direction:row-reverse;justify-content:space-between;", ";"], FOOTER_HEIGHT.DEFAULT, (0, _styleModifiers.when)('size', _breakpointObserver.sizes.XS, (0, _styledComponents.css)(["height:auto;position:relative;max-height:", ";flex-direction:column;align-items:flex-start;button{width:100%;height:", ";font-size:", ";}"], FOOTER_HEIGHT.THREE_BUTTONS, (0, _polished.rem)(_designTokens.spacing.base * 5), (0, _polished.rem)(_designTokens.typography.size.alias.extraLarge))));
+exports.Footer = Footer;
+var ActionButtonsContainer = (0, _styledComponents.default)(_Flex.default).attrs({
+  flex: 1,
+  justifyContent: 'end'
+}).withConfig({
+  displayName: "styles__ActionButtonsContainer",
+  componentId: "sc-5745v5-5"
+})(["width:100%;flex-direction:column;margin-bottom:", ";row-gap:", ";", ";", ";"], (0, _polished.rem)(_designTokens.spacing.base * 0.5), (0, _polished.rem)(_designTokens.spacing.base * 0.5), (0, _styleModifiers.when)('size', _breakpointObserver.sizes.XS, (0, _styledComponents.css)(["align-items:flex-start;"])), (0, _styleModifiers.when)('size', _breakpointObserver.sizes.LG, (0, _styledComponents.css)(["flex-direction:row-reverse;column-gap:", ";margin-bottom:0;"], (0, _polished.rem)(_designTokens.spacing.base * 0.5))));
+exports.ActionButtonsContainer = ActionButtonsContainer;

package/lib/components/index.d.ts

@@ -1,4 +1,5 @@
 export { default as Accordion } from './Accordion';
+export { default as Alert, AlertProps } from './Alert';
 export { AvatarProps, AvatarRef, default as Avatar } from './Avatar';
 export { BadgeProps, BadgeRef, default as Badge } from './Badge';
 export { BreadcrumbsRef, default as Breadcrumbs } from './Breadcrumbs';
@@ -6,31 +7,40 @@ export { default as Button } from './Button';
 export { default as Checkbox } from './Checkbox';
 export { default as CheckboxGroup } from './CheckboxGroup';
 export { default as Combobox } from './Combobox';
+export { default as Drawer } from './Drawer';
 export { default as DropdownList, DropdownListCategory, DropdownListItem, DropdownListOption, DropdownListProps, } from './DropdownList';
+export { default as Filter } from './Filter';
 export { default as Flex } from './Flex';
 export { Column, Container, default as Grid, Row } from './Grid';
 export { default as JumpTo, JumpToRef } from './JumpTo';
 export { default as LeftNav, useStickyLeftNav } from './LeftNav';
 export { default as Link } from './Link';
+export { default as Loading, LoadingProps, LoadingSize, LoadingVariant, } from './Loading';
 export { default as Menu } from './Menu';
 export { default as Message } from './Message';
 export { default as Modal } from './Modal';
 export { default as OptionsList } from '../atoms/OptionsList';
 export { Notification, NotificationsPanel, Notifier, useNotifications, } from './Notifications';
 export { default as Pagination } from './Pagination';
+export { default as PasswordField } from './PasswordField';
 export { default as Popover } from './Popover';
 export { default as RadioGroup } from './RadioGroup';
 export { default as Select } from './Select';
+export { default as SearchInput, SearchItem } from './SearchInput';
 export { default as SelectDate, DisabledDateRuleName, DayOfWeek, } from './SelectDate';
 export { default as SelectDateRange } from './SelectDateRange';
 export { default as SelectMenu } from './SelectMenu';
+export { default as StepTracker, StepTrackerProps } from './StepTracker';
 export { default as Table, TableProps } from './Table';
-export { default as Tabs, Tab } from './Tabs';
+export { default as Tabs, Tab, TabsProps, TabData, TabIcon, TabProps, } from './Tabs';
 export { default as Tag, TagActionButtonRef, TagRef } from './Tag';
+export { default as TagInput, TagInputProps } from './TagInput';
 export { default as TextArea } from './TextArea';
 export { default as TextField } from './TextField';
 export { default as Toggle } from './Toggle';
+export { default as ToggleView } from './ToggleView';
 export { default as TopNav } from './TopNav';
 export { default as Tooltip } from './Tooltip';
+export { default as Wizard, WizardProps, Step } from './Wizard';
 export * from './Typography';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/lib/components/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   Accordion: true,
+  Alert: true,
+  AlertProps: true,
   AvatarProps: true,
   AvatarRef: true,
   Avatar: true,
@@ -17,11 +19,13 @@ var _exportNames = {
   Checkbox: true,
   CheckboxGroup: true,
   Combobox: true,
+  Drawer: true,
   DropdownList: true,
   DropdownListCategory: true,
   DropdownListItem: true,
   DropdownListOption: true,
   DropdownListProps: true,
+  Filter: true,
   Flex: true,
   Column: true,
   Container: true,
@@ -32,6 +36,10 @@ var _exportNames = {
   LeftNav: true,
   useStickyLeftNav: true,
   Link: true,
+  Loading: true,
+  LoadingProps: true,
+  LoadingSize: true,
+  LoadingVariant: true,
   Menu: true,
   Message: true,
   Modal: true,
@@ -41,26 +49,41 @@ var _exportNames = {
   Notifier: true,
   useNotifications: true,
   Pagination: true,
+  PasswordField: true,
   Popover: true,
   RadioGroup: true,
   Select: true,
+  SearchInput: true,
+  SearchItem: true,
   SelectDate: true,
   DisabledDateRuleName: true,
   DayOfWeek: true,
   SelectDateRange: true,
   SelectMenu: true,
+  StepTracker: true,
+  StepTrackerProps: true,
   Table: true,
   TableProps: true,
   Tabs: true,
   Tab: true,
+  TabsProps: true,
+  TabData: true,
+  TabIcon: true,
+  TabProps: true,
   Tag: true,
   TagActionButtonRef: true,
   TagRef: true,
+  TagInput: true,
+  TagInputProps: true,
   TextArea: true,
   TextField: true,
   Toggle: true,
+  ToggleView: true,
   TopNav: true,
-  Tooltip: true
+  Tooltip: true,
+  Wizard: true,
+  WizardProps: true,
+  Step: true
 };
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
@@ -68,6 +91,18 @@ Object.defineProperty(exports, "Accordion", {
     return _Accordion.default;
   }
 });
+Object.defineProperty(exports, "Alert", {
+  enumerable: true,
+  get: function get() {
+    return _Alert.default;
+  }
+});
+Object.defineProperty(exports, "AlertProps", {
+  enumerable: true,
+  get: function get() {
+    return _Alert.AlertProps;
+  }
+});
 Object.defineProperty(exports, "AvatarProps", {
   enumerable: true,
   get: function get() {
@@ -140,6 +175,12 @@ Object.defineProperty(exports, "Combobox", {
     return _Combobox.default;
   }
 });
+Object.defineProperty(exports, "Drawer", {
+  enumerable: true,
+  get: function get() {
+    return _Drawer.default;
+  }
+});
 Object.defineProperty(exports, "DropdownList", {
   enumerable: true,
   get: function get() {
@@ -170,6 +211,12 @@ Object.defineProperty(exports, "DropdownListProps", {
     return _DropdownList.DropdownListProps;
   }
 });
+Object.defineProperty(exports, "Filter", {
+  enumerable: true,
+  get: function get() {
+    return _Filter.default;
+  }
+});
 Object.defineProperty(exports, "Flex", {
   enumerable: true,
   get: function get() {
@@ -230,6 +277,30 @@ Object.defineProperty(exports, "Link", {
     return _Link.default;
   }
 });
+Object.defineProperty(exports, "Loading", {
+  enumerable: true,
+  get: function get() {
+    return _Loading.default;
+  }
+});
+Object.defineProperty(exports, "LoadingProps", {
+  enumerable: true,
+  get: function get() {
+    return _Loading.LoadingProps;
+  }
+});
+Object.defineProperty(exports, "LoadingSize", {
+  enumerable: true,
+  get: function get() {
+    return _Loading.LoadingSize;
+  }
+});
+Object.defineProperty(exports, "LoadingVariant", {
+  enumerable: true,
+  get: function get() {
+    return _Loading.LoadingVariant;
+  }
+});
 Object.defineProperty(exports, "Menu", {
   enumerable: true,
   get: function get() {
@@ -284,6 +355,12 @@ Object.defineProperty(exports, "Pagination", {
     return _Pagination.default;
   }
 });
+Object.defineProperty(exports, "PasswordField", {
+  enumerable: true,
+  get: function get() {
+    return _PasswordField.default;
+  }
+});
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
   get: function get() {
@@ -302,6 +379,18 @@ Object.defineProperty(exports, "Select", {
     return _Select.default;
   }
 });
+Object.defineProperty(exports, "SearchInput", {
+  enumerable: true,
+  get: function get() {
+    return _SearchInput.default;
+  }
+});
+Object.defineProperty(exports, "SearchItem", {
+  enumerable: true,
+  get: function get() {
+    return _SearchInput.SearchItem;
+  }
+});
 Object.defineProperty(exports, "SelectDate", {
   enumerable: true,
   get: function get() {
@@ -332,6 +421,18 @@ Object.defineProperty(exports, "SelectMenu", {
     return _SelectMenu.default;
   }
 });
+Object.defineProperty(exports, "StepTracker", {
+  enumerable: true,
+  get: function get() {
+    return _StepTracker.default;
+  }
+});
+Object.defineProperty(exports, "StepTrackerProps", {
+  enumerable: true,
+  get: function get() {
+    return _StepTracker.StepTrackerProps;
+  }
+});
 Object.defineProperty(exports, "Table", {
   enumerable: true,
   get: function get() {
@@ -356,6 +457,30 @@ Object.defineProperty(exports, "Tab", {
     return _Tabs.Tab;
   }
 });
+Object.defineProperty(exports, "TabsProps", {
+  enumerable: true,
+  get: function get() {
+    return _Tabs.TabsProps;
+  }
+});
+Object.defineProperty(exports, "TabData", {
+  enumerable: true,
+  get: function get() {
+    return _Tabs.TabData;
+  }
+});
+Object.defineProperty(exports, "TabIcon", {
+  enumerable: true,
+  get: function get() {
+    return _Tabs.TabIcon;
+  }
+});
+Object.defineProperty(exports, "TabProps", {
+  enumerable: true,
+  get: function get() {
+    return _Tabs.TabProps;
+  }
+});
 Object.defineProperty(exports, "Tag", {
   enumerable: true,
   get: function get() {
@@ -374,6 +499,18 @@ Object.defineProperty(exports, "TagRef", {
     return _Tag.TagRef;
   }
 });
+Object.defineProperty(exports, "TagInput", {
+  enumerable: true,
+  get: function get() {
+    return _TagInput.default;
+  }
+});
+Object.defineProperty(exports, "TagInputProps", {
+  enumerable: true,
+  get: function get() {
+    return _TagInput.TagInputProps;
+  }
+});
 Object.defineProperty(exports, "TextArea", {
   enumerable: true,
   get: function get() {
@@ -392,6 +529,12 @@ Object.defineProperty(exports, "Toggle", {
     return _Toggle.default;
   }
 });
+Object.defineProperty(exports, "ToggleView", {
+  enumerable: true,
+  get: function get() {
+    return _ToggleView.default;
+  }
+});
 Object.defineProperty(exports, "TopNav", {
   enumerable: true,
   get: function get() {
@@ -404,9 +547,29 @@ Object.defineProperty(exports, "Tooltip", {
     return _Tooltip.default;
   }
 });
+Object.defineProperty(exports, "Wizard", {
+  enumerable: true,
+  get: function get() {
+    return _Wizard.default;
+  }
+});
+Object.defineProperty(exports, "WizardProps", {
+  enumerable: true,
+  get: function get() {
+    return _Wizard.WizardProps;
+  }
+});
+Object.defineProperty(exports, "Step", {
+  enumerable: true,
+  get: function get() {
+    return _Wizard.Step;
+  }
+});
 
 var _Accordion = _interopRequireDefault(require("./Accordion"));
 
+var _Alert = _interopRequireWildcard(require("./Alert"));
+
 var _Avatar = _interopRequireWildcard(require("./Avatar"));
 
 var _Badge = _interopRequireWildcard(require("./Badge"));
@@ -421,8 +584,12 @@ var _CheckboxGroup = _interopRequireDefault(require("./CheckboxGroup"));
 
 var _Combobox = _interopRequireDefault(require("./Combobox"));
 
+var _Drawer = _interopRequireDefault(require("./Drawer"));
+
 var _DropdownList = _interopRequireWildcard(require("./DropdownList"));
 
+var _Filter = _interopRequireDefault(require("./Filter"));
+
 var _Flex = _interopRequireDefault(require("./Flex"));
 
 var _Grid = _interopRequireWildcard(require("./Grid"));
@@ -433,6 +600,8 @@ var _LeftNav = _interopRequireWildcard(require("./LeftNav"));
 
 var _Link = _interopRequireDefault(require("./Link"));
 
+var _Loading = _interopRequireWildcard(require("./Loading"));
+
 var _Menu = _interopRequireDefault(require("./Menu"));
 
 var _Message = _interopRequireDefault(require("./Message"));
@@ -445,34 +614,46 @@ var _Notifications = require("./Notifications");
 
 var _Pagination = _interopRequireDefault(require("./Pagination"));
 
+var _PasswordField = _interopRequireDefault(require("./PasswordField"));
+
 var _Popover = _interopRequireDefault(require("./Popover"));
 
 var _RadioGroup = _interopRequireDefault(require("./RadioGroup"));
 
 var _Select = _interopRequireDefault(require("./Select"));
 
+var _SearchInput = _interopRequireWildcard(require("./SearchInput"));
+
 var _SelectDate = _interopRequireWildcard(require("./SelectDate"));
 
 var _SelectDateRange = _interopRequireDefault(require("./SelectDateRange"));
 
 var _SelectMenu = _interopRequireDefault(require("./SelectMenu"));
 
+var _StepTracker = _interopRequireWildcard(require("./StepTracker"));
+
 var _Table = _interopRequireWildcard(require("./Table"));
 
 var _Tabs = _interopRequireWildcard(require("./Tabs"));
 
 var _Tag = _interopRequireWildcard(require("./Tag"));
 
+var _TagInput = _interopRequireWildcard(require("./TagInput"));
+
 var _TextArea = _interopRequireDefault(require("./TextArea"));
 
 var _TextField = _interopRequireDefault(require("./TextField"));
 
 var _Toggle = _interopRequireDefault(require("./Toggle"));
 
+var _ToggleView = _interopRequireDefault(require("./ToggleView"));
+
 var _TopNav = _interopRequireDefault(require("./TopNav"));
 
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 
+var _Wizard = _interopRequireWildcard(require("./Wizard"));
+
 var _Typography = require("./Typography");
 
 Object.keys(_Typography).forEach(function (key) {

package/lib/modifiers/palette.d.ts

@@ -0,0 +1,36 @@
+import { FlattenSimpleInterpolation } from 'styled-components';
+import { CommonUIColorKeys } from '../utils/commonUIColors';
+export interface PaletteProps {
+    color?: CommonUIColorKeys;
+    palette?: 'pastel' | 'bright' | 'dark';
+}
+export declare const PALETTE_MAPPER: {
+    readonly pastel: "light";
+    readonly bright: "medium";
+    readonly dark: "dark";
+};
+export declare const FG_COLOR: {
+    pastel: {
+        readonly alpha: 0.8;
+        readonly red: number;
+        readonly green: number;
+        readonly blue: number;
+        readonly fg: import("polished/lib/types/color").RgbColor | import("polished/lib/types/color").RgbaColor;
+    } | {
+        readonly alpha: 0.8;
+        readonly red: number;
+        readonly green: number;
+        readonly blue: number;
+        readonly fg: import("polished/lib/types/color").RgbColor | import("polished/lib/types/color").RgbaColor;
+    };
+    readonly bright: import("@decisiv/design-tokens/lib/color").Color;
+    readonly dark: import("@decisiv/design-tokens/lib/color").Color;
+};
+export declare const BORDER_OPACITY: {
+    readonly pastel: 0.1;
+    readonly bright: 0.15;
+    readonly dark: 0.3;
+};
+export declare function withPalette(props: PaletteProps): FlattenSimpleInterpolation;
+export declare function withBorderedPalette(props: PaletteProps): FlattenSimpleInterpolation;
+//# sourceMappingURL=palette.d.ts.map

package/lib/modifiers/palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/modifiers/palette.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,0BAA0B,EAE3B,MAAM,mBAAmB,CAAC;AAM3B,OAAO,EAGL,iBAAiB,EAClB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;CACxC;AAED,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;CAIX,CAAC;AAEX,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AA2BX,wBAAgB,WAAW,CAAC,KAAK,EAAE,YAAY,GAAG,0BAA0B,CAI3E;AAKD,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,YAAY,GAClB,0BAA0B,CAa5B"}

package/lib/modifiers/palette.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withPalette = withPalette;
+exports.withBorderedPalette = withBorderedPalette;
+exports.BORDER_OPACITY = exports.FG_COLOR = exports.PALETTE_MAPPER = void 0;
+
+var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
+
+var _styledComponents = require("styled-components");
+
+var _color = _interopRequireDefault(require("@decisiv/design-tokens/lib/color"));
+
+var _color2 = _interopRequireDefault(require("./color"));
+
+var _commonUIColors = require("../utils/commonUIColors");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { keys.push.apply(keys, Object.getOwnPropertySymbols(object)); } if (enumerableOnly) keys = keys.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(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; }
+
+var PALETTE_MAPPER = {
+  pastel: 'light',
+  bright: 'medium',
+  dark: 'dark'
+};
+exports.PALETTE_MAPPER = PALETTE_MAPPER;
+var FG_COLOR = {
+  pastel: _objectSpread({}, _color.default.base.charcoal, {
+    alpha: 0.8
+  }),
+  bright: _color.default.base.snowWhite,
+  dark: _color.default.base.snowWhite
+};
+exports.FG_COLOR = FG_COLOR;
+var BORDER_OPACITY = {
+  pastel: 0.1,
+  bright: 0.15,
+  dark: 0.3
+};
+exports.BORDER_OPACITY = BORDER_OPACITY;
+
+var colorModifiers = function colorModifiers(props) {
+  var _props$palette = props.palette,
+      palette = _props$palette === void 0 ? 'bright' : _props$palette,
+      colorProp = props.color;
+
+  if (colorProp && colorProp in _commonUIColors.commonUIColors) {
+    var baseColor = _commonUIColors.commonUIThreeShadeColors[colorProp];
+    var fgColor = FG_COLOR[palette];
+    var bgColor = baseColor[PALETTE_MAPPER[palette]];
+    var colorPalette = palette === 'bright' ? bgColor : _objectSpread({}, bgColor, {
+      fg: fgColor
+    });
+    return (0, _styledComponents.css)(["", ""], (0, _color2.default)(colorPalette));
+  }
+
+  return (0, _styledComponents.css)(["", ""], (0, _color2.default)(_commonUIColors.commonUIColors.licoriceMousse));
+};
+/**
+ * Helper to apply the palette color Interpolation
+ */
+
+
+function withPalette(props) {
+  return (0, _styledComponents.css)(["", ""], colorModifiers(props));
+}
+/**
+ * Helper to apply the palette color Interpolation with borders
+ */
+
+
+function withBorderedPalette(props) {
+  var _props$palette2 = props.palette,
+      palette = _props$palette2 === void 0 ? 'bright' : _props$palette2;
+
+  var borderColor = _objectSpread({}, _color.default.base.charcoal, {
+    alpha: BORDER_OPACITY[palette]
+  });
+
+  return (0, _styledComponents.css)(["", " border:1px solid ", ";"], colorModifiers(props), (0, _toColorString.default)(borderColor));
+}

package/lib/modifiers/spacingSchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spacingSchema.d.ts","sourceRoot":"","sources":["../../src/modifiers/spacingSchema.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,0BAA0B,cA2CrC,CAAC"}
+{"version":3,"file":"spacingSchema.d.ts","sourceRoot":"","sources":["../../src/modifiers/spacingSchema.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,0BAA0B,cA2CrC,CAAC"}