@ntbjs/react-components 1.1.2 → 1.2.0-rc.10

package/icons/index.js

@@ -0,0 +1,77 @@
+import { ReactComponent as AddIcon } from './add.svg';
+import { ReactComponent as AddCircleIcon } from './add-circle.svg';
+import { ReactComponent as AlbumIcon } from './album.svg';
+import { ReactComponent as ArrowBackIcon } from './arrow-back.svg';
+import { ReactComponent as ArrowDropDownIcon } from './arrow-drop-down.svg';
+import { ReactComponent as AudioIcon } from './audio.svg';
+import { ReactComponent as BellIcon } from './bell.svg';
+import { ReactComponent as CheckCircleIcon } from './check-circle-filled.svg';
+import { ReactComponent as CheckRectangleIcon } from './check-rectangle-filled.svg';
+import { ReactComponent as CloseIcon } from './close.svg';
+import { ReactComponent as CorporateIcon } from './corporate.svg';
+import { ReactComponent as DeleteContextMenuIcon } from './delete-context-menu.svg';
+import { ReactComponent as DeleteIcon } from './delete.svg';
+import { ReactComponent as DesignServicesIcon } from './design-services.svg';
+import { ReactComponent as DownloadIcon } from './download.svg';
+import { ReactComponent as EditNoteIcon } from './edit-note.svg';
+import { ReactComponent as EditIcon } from './edit.svg';
+import { ReactComponent as ExpandMoreIcon } from './expand-more.svg';
+import { ReactComponent as FileIcon } from './file.svg';
+import { ReactComponent as FtpIcon } from './ftp.svg';
+import { ReactComponent as GearIcon } from './gear.svg';
+import { ReactComponent as HeadsetIcon } from './headset.svg';
+import { ReactComponent as LayersIcon } from './layers.svg';
+import { ReactComponent as LibraryAddIcon } from './library-add.svg';
+import { ReactComponent as LinkIcon } from './link.svg';
+import { ReactComponent as PdfIcon } from './pdf.svg';
+import { ReactComponent as PlayIcon } from './play.svg';
+import { ReactComponent as RemoveCircleIcon } from './remove-circle.svg';
+import { ReactComponent as SearchIcon } from './search.svg';
+import { ReactComponent as ShareIcon } from './share.svg';
+import { ReactComponent as ShoppingCartAddIcon } from './shopping_cart_add.svg';
+import { ReactComponent as StarFilledIcon } from './star-filled.svg';
+import { ReactComponent as StarIcon } from './star.svg';
+import { ReactComponent as TriangleRightIcon } from './triangle-right.svg';
+import { ReactComponent as VerificationIcon } from './verification.svg';
+import { ReactComponent as WarningCircleIcon } from './warning-circle.svg';
+import { ReactComponent as WarningTriangleIcon } from './warning-triangle.svg';
+
+export {
+  AddIcon,
+  AddCircleIcon,
+  AlbumIcon,
+  ArrowBackIcon,
+  ArrowDropDownIcon,
+  AudioIcon,
+  BellIcon,
+  CheckCircleIcon,
+  CheckRectangleIcon,
+  CloseIcon,
+  CorporateIcon,
+  DeleteContextMenuIcon,
+  DeleteIcon,
+  DesignServicesIcon,
+  DownloadIcon,
+  EditNoteIcon,
+  EditIcon,
+  ExpandMoreIcon,
+  FileIcon,
+  FtpIcon,
+  GearIcon,
+  HeadsetIcon,
+  LayersIcon,
+  LibraryAddIcon,
+  LinkIcon,
+  PdfIcon,
+  PlayIcon,
+  RemoveCircleIcon,
+  SearchIcon,
+  ShareIcon,
+  ShoppingCartAddIcon,
+  StarFilledIcon,
+  StarIcon,
+  TriangleRightIcon,
+  VerificationIcon,
+  WarningCircleIcon,
+  WarningTriangleIcon
+};

package/icons/layers.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 0 24 24">
+	<path fill="currentColor" d="M 11.16 23.622 L 0 14.942 l 2.046 -1.55 l 9.114 7.068 l 9.114 -7.068 l 2.046 1.55 l -11.16 8.68 Z m 0 -6.262 L 0 8.68 l 11.16 -8.68 l 11.16 8.68 l -11.16 8.68 Z"/>
+</svg>

package/icons/play.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.86 24">
-  <path fill="currentColor" d="M3.43,6.24l9,5.76-9,5.76V6.24M0,0V24L18.86,12Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-3 -0.25 24 24">
+	<path fill="currentColor" d="M 0 23.52 v -23.52 l 18.48 11.76 l -18.48 11.76 Z"/>
+</svg>

package/icons/shopping_cart_add.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-0.5 -0.5 24 24">
+	<path fill="currentColor" d="M 11.2 8.96 v -3.36 H 7.84 v -2.24 h 3.36 v -3.36 h 2.24 v 3.36 h 3.36 v 2.24 H 13.44 v 3.36 h -2.24 Z M 6.72 23.52 q -0.924 0 -1.582 -0.658 T 4.48 21.28 q 0 -0.924 0.658 -1.582 T 6.72 19.04 q 0.924 0 1.582 0.658 T 8.96 21.28 q 0 0.924 -0.658 1.582 T 6.72 23.52 Z m 11.2 0 q -0.924 0 -1.582 -0.658 T 15.68 21.28 q 0 -0.924 0.658 -1.582 T 17.92 19.04 q 0.924 0 1.582 0.658 T 20.16 21.28 q 0 0.924 -0.658 1.582 T 17.92 23.52 Z M 0 3.36 v -2.24 h 3.668 l 4.76 10.08 h 7.84 l 4.368 -7.84 h 2.548 L 18.256 12.264 q -0.308 0.56 -0.826 0.868 T 16.296 13.44 H 7.952 l -1.232 2.24 h 13.44 v 2.24 H 6.72 q -1.26 0 -1.918 -1.092 t -0.042 -2.212 l 1.512 -2.744 l -4.032 -8.512 H 0 Z"/>
+</svg>

package/icons/verification.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2.5 0 24 24">
+	<path fill="currentColor" d="M 9.3 12.6622 q -1.6978 0 -2.8639 -1.1661 T 5.27 8.6323 q 0 -1.6978 1.1661 -2.8639 T 9.3 4.6023 q 1.6978 0 2.8639 1.1661 T 13.3299 8.6323 q 0 1.6978 -1.1661 2.8639 T 9.3 12.6622 Z m 0 -1.8599 q 0.9252 0 1.5476 -0.6224 q 0.6224 -0.6224 0.6224 -1.5476 t -0.6224 -1.5476 Q 10.2252 6.4622 9.3 6.4622 t -1.5476 0.6224 Q 7.1299 7.707 7.1299 8.6323 t 0.6224 1.5476 q 0.6224 0.6224 1.5476 0.6224 Z m 0 12.6861 q -4.0228 -1.0969 -6.6614 -4.7358 Q 0 15.1136 0 10.6163 v -7.1347 L 9.3 0 l 9.3 3.4815 V 10.6163 q 0 4.4974 -2.6386 8.1363 Q 13.3228 22.3915 9.3 23.4884 Z m 0 -11.7442 Z m 0 -9.765 L 1.86 4.7573 v 5.859 q 0 1.7694 0.5067 3.4219 q 0.5068 1.6525 1.4081 3.0833 q 1.2543 -0.6391 2.6266 -0.9992 q 1.3723 -0.3601 2.8985 -0.3601 t 2.8985 0.3601 q 1.3723 0.3601 2.6266 0.9992 q 0.9014 -1.4308 1.4081 -3.0833 Q 16.74 12.3856 16.74 10.6163 v -5.859 l -7.44 -2.7781 Z m 0 15.643 q -1.1995 0 -2.3071 0.2599 q -1.1077 0.2599 -2.0925 0.7297 q 0.9229 1.0254 2.0305 1.773 Q 8.0385 21.1324 9.3 21.5283 q 1.2615 -0.3958 2.3632 -1.1434 Q 12.7648 19.6373 13.6877 18.6118 q -0.9848 -0.4697 -2.0865 -0.7297 q -1.1017 -0.2599 -2.3012 -0.2599 Z"/>
+</svg>

package/inputs/ActionButton/index.js

@@ -1,9 +1,10 @@
 'use strict';
 
-var ActionButton = require('../../ActionButton-c3f5ed94.js');
-require('../../defaultTheme-50f2b88f.js');
+var ActionButton = require('../../ActionButton-06df3d6c.js');
+require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
+require('polished');
 
 
 

package/inputs/Button/index.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var Button = require('../../Button-432f87c6.js');
-require('../../defaultTheme-50f2b88f.js');
+var Button = require('../../Button-353f5bbc.js');
+require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
-require('../../Popover-d3a4b72e.js');
+require('../../Popover-6afb3779.js');
 require('lodash');
 require('polished');
 require('@tippyjs/react');
-require('../../shift-away-subtle-cfdf1dbe.js');
-require('../../ContextMenu-d088833b.js');
+require('../../shift-away-subtle-0bed9a3c.js');
+require('../../ContextMenu-4ec3d9f3.js');
 require('../../expand-more-94585605.js');
 
 

package/inputs/Checkbox/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Checkbox = require('../../Checkbox-d80544d6.js');
-require('../../defaultTheme-50f2b88f.js');
+var Checkbox = require('../../Checkbox-68dc38a8.js');
+require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
 require('nanoid');

package/inputs/CompactAutocompleteSelect/index.js

@@ -1,15 +1,14 @@
 'use strict';
 
-var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-94cee1b4.js');
-require('../../defaultTheme-50f2b88f.js');
+var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-43e79e21.js');
+require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
 require('nanoid');
 require('react');
-require('../../check-555d831b.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../../react-select-creatable.esm-c4ae6839.js');
+require('../../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
 require('../../close-ebf2f3cf.js');
 require('../../expand-more-94585605.js');

package/inputs/CompactStarRating/index.js

@@ -1,10 +1,9 @@
 'use strict';
 
-var CompactStarRating = require('../../CompactStarRating-ec4dea7f.js');
-require('../../defaultTheme-50f2b88f.js');
+var CompactStarRating = require('../../CompactStarRating-9c81ca6e.js');
+require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
-require('../../check-555d831b.js');
 
 
 

package/inputs/CompactTextInput/index.js

@@ -1,22 +1,22 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-49dc27db.js');
-require('../../defaultTheme-50f2b88f.js');
+var CompactTextInput = require('../../CompactTextInput-8d1aae0f.js');
+require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
 require('nanoid');
 require('react');
-require('../../check-555d831b.js');
 require('../../edit-note-c47d292e.js');
-require('../../Alert-3e4f8be1.js');
-require('../../Badge-9461fc7f.js');
-require('../../Popover-d3a4b72e.js');
+require('../../Alert-13b75102.js');
+require('../../Badge-aec841c8.js');
+require('../../Popover-6afb3779.js');
 require('polished');
 require('@tippyjs/react');
-require('../../shift-away-subtle-cfdf1dbe.js');
-require('../../Tab-9936ddea.js');
-require('../../Tabs-93f6362c.js');
-require('../../Tooltip-1b7b0052.js');
+require('../../shift-away-subtle-0bed9a3c.js');
+require('../../Tab-f499ecbc.js');
+require('../../Tabs-c2261e7e.js');
+require('../../Tooltip-6b6f0b0a.js');
+require('../../VerificationStatusIcon-b574fd21.js');
 
 
 

package/inputs/MultiSelect/index.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var MultiSelect = require('../../MultiSelect-abf02057.js');
-require('../../defaultTheme-50f2b88f.js');
+var MultiSelect = require('../../MultiSelect-4b8d3d0d.js');
+require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
 require('nanoid');
 require('../../close-ebf2f3cf.js');
 require('react-select');
-require('../../react-select-creatable.esm-c4ae6839.js');
+require('../../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
 require('react-select-async-paginate');
 

package/inputs/Radio/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Radio = require('../../Radio-70259f02.js');
-require('../../defaultTheme-50f2b88f.js');
+var Radio = require('../../Radio-32d0513a.js');
+require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
 require('nanoid');

package/inputs/Switch/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Switch = require('../../Switch-a7cbb0c0.js');
-require('../../defaultTheme-50f2b88f.js');
+var Switch = require('../../Switch-4a41585f.js');
+require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
 require('nanoid');

package/inputs/TextArea/index.js

@@ -1,12 +1,11 @@
 'use strict';
 
-var TextArea = require('../../TextArea-a99b3096.js');
-require('../../defaultTheme-50f2b88f.js');
+var TextArea = require('../../TextArea-fc4de398.js');
+require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('nanoid');
-require('../../check-555d831b.js');
 require('../../edit-note-c47d292e.js');
 
 

package/inputs/TextInput/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var TextInput = require('../../TextInput-c0ef017d.js');
-require('../../defaultTheme-50f2b88f.js');
+var TextInput = require('../../TextInput-0d109708.js');
+require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
 require('nanoid');

package/inputs/index.js

@@ -2,41 +2,44 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ActionButton = require('../ActionButton-c3f5ed94.js');
-var Button = require('../Button-432f87c6.js');
-var Checkbox = require('../Checkbox-d80544d6.js');
-var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-94cee1b4.js');
-var CompactStarRating = require('../CompactStarRating-ec4dea7f.js');
-var CompactTextInput = require('../CompactTextInput-49dc27db.js');
-var MultiSelect = require('../MultiSelect-abf02057.js');
-var Radio = require('../Radio-70259f02.js');
-var TextArea = require('../TextArea-a99b3096.js');
-var TextInput = require('../TextInput-c0ef017d.js');
-var Switch = require('../Switch-a7cbb0c0.js');
-require('../defaultTheme-50f2b88f.js');
+var ActionButton = require('../ActionButton-06df3d6c.js');
+var Button = require('../Button-353f5bbc.js');
+var Checkbox = require('../Checkbox-68dc38a8.js');
+var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-43e79e21.js');
+var CompactStarRating = require('../CompactStarRating-9c81ca6e.js');
+var CompactTextInput = require('../CompactTextInput-8d1aae0f.js');
+var MultiSelect = require('../MultiSelect-4b8d3d0d.js');
+var Radio = require('../Radio-32d0513a.js');
+var TextArea = require('../TextArea-fc4de398.js');
+var TextInput = require('../TextInput-0d109708.js');
+var Switch = require('../Switch-4a41585f.js');
+var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-418de626.js');
+require('../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
-require('../Popover-d3a4b72e.js');
-require('lodash');
 require('polished');
+require('../Popover-6afb3779.js');
+require('lodash');
 require('@tippyjs/react');
-require('../shift-away-subtle-cfdf1dbe.js');
-require('../ContextMenu-d088833b.js');
+require('../shift-away-subtle-0bed9a3c.js');
+require('../ContextMenu-4ec3d9f3.js');
 require('../expand-more-94585605.js');
 require('nanoid');
-require('../check-555d831b.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../react-select-creatable.esm-c4ae6839.js');
+require('../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
 require('../close-ebf2f3cf.js');
 require('../edit-note-c47d292e.js');
-require('../Alert-3e4f8be1.js');
-require('../Badge-9461fc7f.js');
-require('../Tab-9936ddea.js');
-require('../Tabs-93f6362c.js');
-require('../Tooltip-1b7b0052.js');
+require('../Alert-13b75102.js');
+require('../Badge-aec841c8.js');
+require('../Tab-f499ecbc.js');
+require('../Tabs-c2261e7e.js');
+require('../Tooltip-6b6f0b0a.js');
+require('../VerificationStatusIcon-b574fd21.js');
 require('../useMergedRefs-b6d2f8fc.js');
+require('../InputGroup-49fbc423.js');
+require('../SectionSeparator-259a22ed.js');
 
 
 
@@ -51,3 +54,5 @@ exports.Radio = Radio.Radio;
 exports.TextArea = TextArea.TextArea;
 exports.TextInput = TextInput.TextInput;
 exports.Switch = Switch.Switch;
+exports.MultiLevelCheckbox = MultiLevelCheckboxSelect.MultiLevelCheckbox;
+exports.MultiLevelCheckboxSelect = MultiLevelCheckboxSelect.MultiLevelCheckboxSelect;

package/layout/InputGroup/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var InputGroup = require('../../InputGroup-09ce9572.js');
-require('../../defaultTheme-50f2b88f.js');
+var InputGroup = require('../../InputGroup-49fbc423.js');
+require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
 

package/layout/SectionSeparator/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var SectionSeparator = require('../../SectionSeparator-225719cd.js');
-require('../../defaultTheme-50f2b88f.js');
+var SectionSeparator = require('../../SectionSeparator-259a22ed.js');
+require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
 

package/layout/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputGroup = require('../InputGroup-09ce9572.js');
-var SectionSeparator = require('../SectionSeparator-225719cd.js');
-require('../defaultTheme-50f2b88f.js');
+var InputGroup = require('../InputGroup-49fbc423.js');
+var SectionSeparator = require('../SectionSeparator-259a22ed.js');
+require('../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.2",
+  "version": "1.2.0-rc.10",
   "description": "NTBs common front-end design utilities and React components.",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",

package/{react-select-creatable.esm-c4ae6839.js → react-select-creatable.esm-2f23d6c6.js}

@@ -2572,7 +2572,7 @@ var Emotion$1 = Emotion;
 
 var pkg = {
 	name: "@emotion/react",
-	version: "11.11.3",
+	version: "11.11.1",
 	main: "dist/emotion-react.cjs.js",
 	module: "dist/emotion-react.esm.js",
 	browser: {
@@ -2645,7 +2645,7 @@ var pkg = {
 		"@babel/runtime": "^7.18.3",
 		"@emotion/babel-plugin": "^11.11.0",
 		"@emotion/cache": "^11.11.0",
-		"@emotion/serialize": "^1.1.3",
+		"@emotion/serialize": "^1.1.2",
 		"@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
 		"@emotion/utils": "^1.2.1",
 		"@emotion/weak-memoize": "^0.3.1",
@@ -2661,7 +2661,7 @@ var pkg = {
 	},
 	devDependencies: {
 		"@definitelytyped/dtslint": "0.0.112",
-		"@emotion/css": "11.11.2",
+		"@emotion/css": "11.11.0",
 		"@emotion/css-prettifier": "1.1.3",
 		"@emotion/server": "11.11.0",
 		"@emotion/styled": "11.11.0",
@@ -3106,10 +3106,6 @@ function _taggedTemplateLiteral(strings, raw) {
   }));
 }
 
-/**
- * Custom positioning reference element.
- * @see https://floating-ui.com/docs/virtual-elements
- */
 const min = Math.min;
 const max = Math.max;
 const round = Math.round;
@@ -3139,7 +3135,7 @@ function getNodeName(node) {
 }
 function getWindow(node) {
   var _node$ownerDocument;
-  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
+  return (node == null ? void 0 : (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
 }
 function getDocumentElement(node) {
   var _ref;
@@ -3353,9 +3349,8 @@ function observeMove(element, onMove) {
   let timeoutId;
   const root = getDocumentElement(element);
   function cleanup() {
-    var _io;
     clearTimeout(timeoutId);
-    (_io = io) == null || _io.disconnect();
+    io && io.disconnect();
     io = null;
   }
   function refresh(skip, threshold) {
@@ -3461,8 +3456,7 @@ function autoUpdate(reference, floating, update, options) {
         resizeObserver.unobserve(floating);
         cancelAnimationFrame(reobserveFrame);
         reobserveFrame = requestAnimationFrame(() => {
-          var _resizeObserver;
-          (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);
+          resizeObserver && resizeObserver.observe(floating);
         });
       }
       update();
@@ -3487,13 +3481,12 @@ function autoUpdate(reference, floating, update, options) {
   }
   update();
   return () => {
-    var _resizeObserver2;
     ancestors.forEach(ancestor => {
       ancestorScroll && ancestor.removeEventListener('scroll', update);
       ancestorResize && ancestor.removeEventListener('resize', update);
     });
-    cleanupIo == null || cleanupIo();
-    (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();
+    cleanupIo && cleanupIo();
+    resizeObserver && resizeObserver.disconnect();
     resizeObserver = null;
     if (animationFrame) {
       cancelAnimationFrame(frameId);

package/{shift-away-subtle-cfdf1dbe.js → shift-away-subtle-0bed9a3c.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-50f2b88f.js');
+var defaultTheme = require('./defaultTheme-ea44e34a.js');
 
 var css_248z$1 = ".tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:\"\";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}";
 defaultTheme.styleInject(css_248z$1);

package/styles/config.scss

@@ -21,12 +21,14 @@ $colors: (
   'cercise-400': #854962,
   'cercise-300': #d099b0,
   'cercise-100': #f9f3f5,
+  'red-600': #7f1b1b,
   'red-500': #d83000,
   'red-200': #fbeae6,
+  'brown-500': #634e01,
   'signal-yellow-500': #f4e21e,
   'signal-yellow-400': #fff36c,
   'signal-green-500': #00bd98,
   'signal-green-400': #a3ffe0,
-  'black': #000000,
+  'black': #202435,
   'white': #ffffff
 );

package/widgets/AssetGallery/index.js

@@ -1,44 +1,48 @@
 'use strict';
 
-var AssetGallery = require('../../AssetGallery-797a8561.js');
-require('../../defaultTheme-50f2b88f.js');
+var AssetGallery = require('../../AssetGallery-f63e2732.js');
+require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
-require('react');
 require('lodash');
+require('react');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('react-lazy-load-image-component');
-require('../../ActionButton-c3f5ed94.js');
-require('../../Button-432f87c6.js');
-require('../../Popover-d3a4b72e.js');
+require('../../MultiLevelCheckboxSelect-418de626.js');
+require('../../Alert-13b75102.js');
+require('../../Badge-aec841c8.js');
+require('../../Popover-6afb3779.js');
 require('polished');
 require('@tippyjs/react');
-require('../../shift-away-subtle-cfdf1dbe.js');
-require('../../ContextMenu-d088833b.js');
-require('../../expand-more-94585605.js');
-require('../../Checkbox-d80544d6.js');
+require('../../shift-away-subtle-0bed9a3c.js');
+require('../../Tab-f499ecbc.js');
+require('../../Tabs-c2261e7e.js');
+require('../../Tooltip-6b6f0b0a.js');
+require('../../VerificationStatusIcon-b574fd21.js');
+require('../../Checkbox-68dc38a8.js');
 require('nanoid');
-require('../../CompactAutocompleteSelect-94cee1b4.js');
-require('../../check-555d831b.js');
+require('../../TextInput-0d109708.js');
+require('../../edit-note-c47d292e.js');
+require('../../InputGroup-49fbc423.js');
+require('../../SectionSeparator-259a22ed.js');
+require('../../close-ebf2f3cf.js');
+require('react-lazy-load-image-component');
+require('../../warning-circle-24522402.js');
+require('../../ActionButton-06df3d6c.js');
+require('../../Button-353f5bbc.js');
+require('../../ContextMenu-4ec3d9f3.js');
+require('../../expand-more-94585605.js');
+require('../../CompactAutocompleteSelect-43e79e21.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../../react-select-creatable.esm-c4ae6839.js');
+require('../../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
-require('../../close-ebf2f3cf.js');
-require('../../CompactStarRating-ec4dea7f.js');
-require('../../CompactTextInput-49dc27db.js');
-require('../../edit-note-c47d292e.js');
-require('../../Alert-3e4f8be1.js');
-require('../../Badge-9461fc7f.js');
-require('../../Tab-9936ddea.js');
-require('../../Tabs-93f6362c.js');
-require('../../Tooltip-1b7b0052.js');
-require('../../MultiSelect-abf02057.js');
-require('../../Radio-70259f02.js');
-require('../../TextArea-a99b3096.js');
-require('../../TextInput-c0ef017d.js');
-require('../../Switch-a7cbb0c0.js');
-require('../../warning-circle-24522402.js');
+require('../../CompactStarRating-9c81ca6e.js');
+require('../../CompactTextInput-8d1aae0f.js');
+require('../../MultiSelect-4b8d3d0d.js');
+require('../../Radio-32d0513a.js');
+require('../../TextArea-fc4de398.js');
+require('../../Switch-4a41585f.js');
+require('../../ContextMenuItem-1fe17ed5.js');
 
 
 

package/widgets/AssetPreview/AssetPreviewTopBar/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-449e6019.js');
-require('../../../defaultTheme-50f2b88f.js');
+var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-c28715f7.js');
+require('../../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
 require('../../../close-ebf2f3cf.js');