@ntbjs/react-components 2.0.0-rc.13 → 2.0.0-rc.26

package/build/inputs/index.js

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ActionButton = require('../ActionButton-03dc5f67.js');
+var Button = require('../Button-2e26f5da.js');
+var Checkbox = require('../Checkbox-0b8faf49.js');
+var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-797778cb.js');
+var CompactStarRating = require('../CompactStarRating-da21b53f.js');
+var CompactTextInput = require('../CompactTextInput-d56aec71.js');
+var MultiSelect = require('../MultiSelect-d7920eb1.js');
+var Radio = require('../Radio-150fb2c9.js');
+var TextArea = require('../TextArea-26d3c8a1.js');
+var TextInput = require('../TextInput-3a567daa.js');
+var Switch = require('../Switch-d2d6e9ec.js');
+var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-d229cf98.js');
+require('../_rollupPluginBabelHelpers-4b342fad.js');
+require('react');
+require('../defaultTheme-d9a7342e.js');
+require('styled-components');
+require('polished');
+require('../Popover-c4be47ea.js');
+require('lodash');
+require('@tippyjs/react');
+require('../shift-away-subtle-158617af.js');
+require('popper-max-size-modifier');
+require('../ContextMenu-82f9d728.js');
+require('../expand-more-d74e2bd2.js');
+require('nanoid');
+require('../Alert-8a511bdc.js');
+require('../Badge-aa4cd9c1.js');
+require('../Tab-ccbca1f2.js');
+require('../Tabs-b06c0e24.js');
+require('../Tooltip-d5882b82.js');
+require('../VerificationStatusIcon-9876b68f.js');
+require('react-select');
+require('react-select-async-paginate');
+require('react-select/creatable');
+require('../close-1751121a.js');
+require('../edit-note-cefe2215.js');
+require('@restart/hooks/useMergedRefs');
+require('../InputGroup-8d4a4644.js');
+require('../SectionSeparator-e06c7660.js');
+require('@restart/hooks/useUpdateEffect');
+
+
+
+exports.ActionButton = ActionButton.ActionButton;
+exports.Button = Button.Button;
+exports.Checkbox = Checkbox.Checkbox;
+exports.CompactAutocompleteSelect = CompactAutocompleteSelect.CompactAutocompleteSelect;
+exports.CompactStarRating = CompactStarRating.CompactStarRating;
+exports.CompactTextInput = CompactTextInput.CompactTextInput;
+exports.MultiSelect = MultiSelect.MultiSelect;
+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/build/layout/InputGroup/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var InputGroup = require('../../InputGroup-8d4a4644.js');
+require('../../_rollupPluginBabelHelpers-4b342fad.js');
+require('react');
+require('../../defaultTheme-d9a7342e.js');
+require('styled-components');
+
+
+
+module.exports = InputGroup.InputGroup;

package/build/layout/SectionSeparator/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var SectionSeparator = require('../../SectionSeparator-e06c7660.js');
+require('../../_rollupPluginBabelHelpers-4b342fad.js');
+require('react');
+require('../../defaultTheme-d9a7342e.js');
+require('styled-components');
+
+
+
+module.exports = SectionSeparator.SectionSeparator;

package/build/layout/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var InputGroup = require('../InputGroup-8d4a4644.js');
+var SectionSeparator = require('../SectionSeparator-e06c7660.js');
+require('../_rollupPluginBabelHelpers-4b342fad.js');
+require('react');
+require('../defaultTheme-d9a7342e.js');
+require('styled-components');
+
+
+
+exports.InputGroup = InputGroup.InputGroup;
+exports.SectionSeparator = SectionSeparator.SectionSeparator;

package/build/shift-away-subtle-158617af.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var defaultTheme = require('./defaultTheme-d9a7342e.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);
+
+var css_248z = ".tippy-box[data-animation=shift-away-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top]{transform:translateY(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom]{transform:translateY(-5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left]{transform:translateX(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right]{transform:translateX(-5px)}";
+defaultTheme.styleInject(css_248z);

package/build/styles/all.scss

@@ -0,0 +1,3 @@
+@import './config';
+@import 'utils/colors';
+@import 'utils/theme';

package/build/styles/config.scss

@@ -0,0 +1,38 @@
+/**
+ * Colors
+ */
+$colors: (
+  'orange-600': #634e01,
+  'orange-500': #ff9900,
+  'orange-400': #ffcb7e,
+  'emerald-600': #296c58,
+  'emerald-500': #30826a,
+  'emerald-400': #64b49d,
+  'emerald-300': #bfe0d5,
+  'emerald-200': #f3f9f7,
+  'gray-900': #141313,
+  'gray-800': #272727,
+  'gray-700': #323232,
+  'gray-600': #505050,
+  'gray-500': #767676,
+  'gray-400': #b0b6b9,
+  'gray-300': #d9dce0,
+  'gray-200': #eff1f4,
+  'gray-100': #f7f8f9,
+  'gray-50': #f4f4f5,
+  'cercise-500': #5f1031,
+  'cercise-400': #854962,
+  'cercise-300': #d099b0,
+  'cercise-200': #fecaca,
+  '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': #202435,
+  'white': #ffffff
+);

package/{styles/utils/.colors.scss → build/styles/utils/colors.scss}

@@ -1,4 +1,4 @@
-@use '../config' as *;
+@import '../config';
 
 @function color($name) {
   @if map-has-key($colors, $name) {

package/build/styles/utils/theme.scss

@@ -0,0 +1,33 @@
+@mixin color($dark-color, $light-color) {
+  @include genericThemeCode('color', $dark-color, $light-color);
+}
+
+@mixin background($dark-color, $light-color) {
+  @include genericThemeCode('background', $dark-color, $light-color);
+}
+
+@mixin background-image($dark-color, $light-color) {
+  @include genericThemeCode('background-image', $dark-color, $light-color);
+}
+
+@mixin border-color($dark-color, $light-color) {
+  @include genericThemeCode('border-color', $dark-color, $light-color);
+}
+
+@mixin genericThemeCode($key, $dark-color, $light-color) {
+  body:global(.dark-theme) & {
+    #{$key}: $dark-color;
+  }
+
+  body:global(.light-theme) & {
+    #{$key}: $light-color;
+  }
+
+  body & {
+    #{$key}: $light-color;
+
+    @media (prefers-color-scheme: dark) {
+      #{$key}: $dark-color;
+    }
+  }
+}

package/build/widgets/AssetGallery/index.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var AssetAction = require('../../AssetAction-d081e4b7.js');
+require('../../_rollupPluginBabelHelpers-4b342fad.js');
+require('lodash');
+require('../../defaultTheme-d9a7342e.js');
+require('styled-components');
+require('react');
+require('@restart/hooks/useMergedRefs');
+require('resize-observer-polyfill');
+require('../../MultiLevelCheckboxSelect-d229cf98.js');
+require('../../Alert-8a511bdc.js');
+require('../../Badge-aa4cd9c1.js');
+require('../../Popover-c4be47ea.js');
+require('polished');
+require('@tippyjs/react');
+require('../../shift-away-subtle-158617af.js');
+require('popper-max-size-modifier');
+require('../../Tab-ccbca1f2.js');
+require('../../Tabs-b06c0e24.js');
+require('../../Tooltip-d5882b82.js');
+require('../../VerificationStatusIcon-9876b68f.js');
+require('../../Checkbox-0b8faf49.js');
+require('nanoid');
+require('../../TextInput-3a567daa.js');
+require('../../edit-note-cefe2215.js');
+require('../../InputGroup-8d4a4644.js');
+require('../../SectionSeparator-e06c7660.js');
+require('../../close-1751121a.js');
+require('@restart/hooks/useUpdateEffect');
+require('../../Instructions-af191987.js');
+require('../../CompactAutocompleteSelect-797778cb.js');
+require('react-select');
+require('react-select-async-paginate');
+require('react-select/creatable');
+require('../../expand-more-d74e2bd2.js');
+require('../../TextArea-26d3c8a1.js');
+require('@floating-ui/react');
+require('../../ContextMenu-82f9d728.js');
+require('../../AssetPreviewTopBar-623cfa18.js');
+require('../../ProgressBar-2d26c1fb.js');
+require('../../arrow-forward-d7c77ae3.js');
+require('../../InfoCard-d0fdf377.js');
+require('../../ActionButton-03dc5f67.js');
+require('../../Button-2e26f5da.js');
+require('../../CompactStarRating-da21b53f.js');
+require('../../CompactTextInput-d56aec71.js');
+require('../../MultiSelect-d7920eb1.js');
+require('../../Radio-150fb2c9.js');
+require('../../Switch-d2d6e9ec.js');
+require('../../ContextMenuItem-3967010d.js');
+
+
+
+module.exports = AssetAction.AssetGallery;

package/build/widgets/AssetPreview/AssetPreviewTopBar/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-623cfa18.js');
+require('../../../_rollupPluginBabelHelpers-4b342fad.js');
+require('react');
+require('../../../defaultTheme-d9a7342e.js');
+require('styled-components');
+require('../../../close-1751121a.js');
+
+
+
+module.exports = AssetPreviewTopBar.AssetPreviewTopBar;

package/build/widgets/ContextMenu/ContextMenuItem/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var ContextMenuItem = require('../../../ContextMenuItem-3967010d.js');
+require('../../../_rollupPluginBabelHelpers-4b342fad.js');
+require('react');
+require('../../../defaultTheme-d9a7342e.js');
+require('styled-components');
+
+
+
+module.exports = ContextMenuItem.ContextMenuItem;

package/build/widgets/ContextMenu/ContextMenuItemsGroup/index.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_rollupPluginBabelHelpers-4b342fad.js');
+var React = require('react');
+var defaultTheme = require('../../../defaultTheme-d9a7342e.js');
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const ContextMenuItemsGroup$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+  :not(:last-child) {
+    border-bottom: 1px solid;
+
+    ${props => props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200'))}
+  }
+
+  > * {
+    border-bottom: none !important;
+  }
+
+  > *:not(:last-child) {
+    height: 32px;
+  }
+`;
+
+const ContextMenuItemsGroup = React__default["default"].forwardRef(function ContextMenuItemsGroup({
+  children,
+  ...props
+}, forwardedRef) {
+  return React__default["default"].createElement(ContextMenuItemsGroup$1, _rollupPluginBabelHelpers._extends({
+    ref: forwardedRef
+  }, props, {
+    role: "group"
+  }), children);
+});
+ContextMenuItemsGroup.propTypes = process.env.NODE_ENV !== "production" ? {
+  children: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.node)
+} : {};
+ContextMenuItemsGroup.defaultProps = {};
+
+module.exports = ContextMenuItemsGroup;

package/build/widgets/ContextMenu/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var ContextMenu = require('../../ContextMenu-82f9d728.js');
+require('../../_rollupPluginBabelHelpers-4b342fad.js');
+require('react');
+require('../../defaultTheme-d9a7342e.js');
+require('styled-components');
+
+
+
+module.exports = ContextMenu.ContextMenu;

package/build/widgets/InfoCard/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var InfoCard = require('../../InfoCard-d0fdf377.js');
+require('../../_rollupPluginBabelHelpers-4b342fad.js');
+require('react');
+require('../../defaultTheme-d9a7342e.js');
+require('styled-components');
+require('../../arrow-forward-d7c77ae3.js');
+
+
+
+module.exports = InfoCard.InfoCard;

package/build/widgets/Instructions/index.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var Instructions = require('../../Instructions-af191987.js');
+require('../../_rollupPluginBabelHelpers-4b342fad.js');
+require('lodash');
+require('../../defaultTheme-d9a7342e.js');
+require('styled-components');
+require('react');
+require('../../CompactAutocompleteSelect-797778cb.js');
+require('nanoid');
+require('../../Alert-8a511bdc.js');
+require('../../Badge-aa4cd9c1.js');
+require('../../Popover-c4be47ea.js');
+require('polished');
+require('@tippyjs/react');
+require('../../shift-away-subtle-158617af.js');
+require('popper-max-size-modifier');
+require('../../Tab-ccbca1f2.js');
+require('../../Tabs-b06c0e24.js');
+require('../../Tooltip-d5882b82.js');
+require('../../VerificationStatusIcon-9876b68f.js');
+require('react-select');
+require('react-select-async-paginate');
+require('react-select/creatable');
+require('../../close-1751121a.js');
+require('../../expand-more-d74e2bd2.js');
+require('../../TextArea-26d3c8a1.js');
+require('@restart/hooks/useMergedRefs');
+require('../../edit-note-cefe2215.js');
+
+
+
+module.exports = Instructions.Instructions;

package/build/widgets/ProgressBar/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var ProgressBar = require('../../ProgressBar-2d26c1fb.js');
+require('../../_rollupPluginBabelHelpers-4b342fad.js');
+require('react');
+require('../../defaultTheme-d9a7342e.js');
+require('styled-components');
+require('../../arrow-forward-d7c77ae3.js');
+
+
+
+module.exports = ProgressBar.ProgressBar;

package/build/widgets/index.js

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var AssetAction = require('../AssetAction-d081e4b7.js');
+var ContextMenu = require('../ContextMenu-82f9d728.js');
+var AssetPreviewTopBar = require('../AssetPreviewTopBar-623cfa18.js');
+var Instructions = require('../Instructions-af191987.js');
+var ProgressBar = require('../ProgressBar-2d26c1fb.js');
+var InfoCard = require('../InfoCard-d0fdf377.js');
+require('../_rollupPluginBabelHelpers-4b342fad.js');
+require('lodash');
+require('../defaultTheme-d9a7342e.js');
+require('styled-components');
+require('react');
+require('@restart/hooks/useMergedRefs');
+require('resize-observer-polyfill');
+require('../MultiLevelCheckboxSelect-d229cf98.js');
+require('../Alert-8a511bdc.js');
+require('../Badge-aa4cd9c1.js');
+require('../Popover-c4be47ea.js');
+require('polished');
+require('@tippyjs/react');
+require('../shift-away-subtle-158617af.js');
+require('popper-max-size-modifier');
+require('../Tab-ccbca1f2.js');
+require('../Tabs-b06c0e24.js');
+require('../Tooltip-d5882b82.js');
+require('../VerificationStatusIcon-9876b68f.js');
+require('../Checkbox-0b8faf49.js');
+require('nanoid');
+require('../TextInput-3a567daa.js');
+require('../edit-note-cefe2215.js');
+require('../InputGroup-8d4a4644.js');
+require('../SectionSeparator-e06c7660.js');
+require('../close-1751121a.js');
+require('@restart/hooks/useUpdateEffect');
+require('@floating-ui/react');
+require('../ActionButton-03dc5f67.js');
+require('../Button-2e26f5da.js');
+require('../expand-more-d74e2bd2.js');
+require('../CompactAutocompleteSelect-797778cb.js');
+require('react-select');
+require('react-select-async-paginate');
+require('react-select/creatable');
+require('../CompactStarRating-da21b53f.js');
+require('../CompactTextInput-d56aec71.js');
+require('../MultiSelect-d7920eb1.js');
+require('../Radio-150fb2c9.js');
+require('../TextArea-26d3c8a1.js');
+require('../Switch-d2d6e9ec.js');
+require('../ContextMenuItem-3967010d.js');
+require('../arrow-forward-d7c77ae3.js');
+
+
+
+exports.AssetAction = AssetAction.AssetAction;
+exports.AssetActionBase = AssetAction.AssetActionsBase;
+exports.AssetGallery = AssetAction.AssetGallery;
+exports.SummaryCard = AssetAction.SummaryCard;
+exports.ContextMenu = ContextMenu.ContextMenu;
+exports.AssetPreviewTopBar = AssetPreviewTopBar.AssetPreviewTopBar;
+exports.Instructions = Instructions.Instructions;
+exports.ProgressBar = ProgressBar.ProgressBar;
+exports.InfoCard = InfoCard.InfoCard;

package/package.json

@@ -1,50 +1,38 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "2.0.0-rc.13",
+  "version": "2.0.0-rc.26",
+  "publishConfig": {
+    "access": "public"
+  },
   "description": "NTBs common front-end design utilities and React components.",
-  "type": "module",
+  "main": "./build/index.js",
+  "module": "./build/index.js",
   "exports": {
-    ".": {
-      "import": "./build/esm/components/index.js",
-      "require": "./build/cjs/components/index.js"
-    },
-    "./ssr": {
-      "import": "./build/esm/ssr/index.js",
-      "require": "./build/cjs/ssr/index.js"
-    },
-    "./inputs": {
-      "import": "./build/esm/components/inputs/index.js",
-      "require": "./build/cjs/components/inputs/index.js"
-    },
-    "./data": {
-      "import": "./build/esm/components/data/index.js",
-      "require": "./build/cjs/components/data/index.js"
-    },
-    "./widgets": {
-      "import": "./build/esm/components/widgets/index.js",
-      "require": "./build/cjs/components/widgets/index.js"
-    },
-    "./layout": {
-      "import": "./build/esm/components/layout/index.js",
-      "require": "./build/cjs/components/layout/index.js"
-    },
-    "./*": {
-      "import": "./build/esm/*",
-      "require": "./build/cjs/*"
-    }
+    "./inputs": "./build/inputs/index.js",
+    "./inputs/*": "./build/inputs/*/index.js",
+    "./data": "./build/data/index.js",
+    "./data/*": "./build/data/*/index.js",
+    "./layout": "./build/layout/index.js",
+    "./layout/*": "./build/layout/*/index.js",
+    "./widgets": "./build/widgets/index.js",
+    "./widgets/*": "./build/widgets/*/index.js",
+    "./ssr": "./build/ssr/index.js",
+    "./styles/*": "./styles/*",
+    "./icons/*": "./icons/*"
   },
-  "main": "./build/cjs/components/index.js",
-  "module": "./build/esm/components/index.js",
-  "sideEffects": false,
+  "files": [
+    "build",
+    "styles",
+    "icons"
+  ],
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",
     "test": "jest",
     "test:watch": "jest --watch",
     "lint": "eslint .",
-    "storybook": "storybook dev -p 6006",
-    "storybook:export": "storybook build",
-    "generate": "node ./util/create-component",
-    "prepublishOnly": "npm run build"
+    "storybook": "start-storybook -p 6006",
+    "storybook:export": "build-storybook",
+    "generate": "node ./util/create-component"
   },
   "repository": {
     "type": "git",
@@ -55,9 +43,9 @@
     "url": ""
   },
   "homepage": "https://bitbucket.org/NTB-NO/react-components/src/master/",
-  "engines": {
-    "node": ">=24.0.0",
-    "npm": ">=10.0.0"
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
   },
   "devDependencies": {
     "@babel/core": "^7.28.5",
@@ -65,15 +53,17 @@
     "@babel/plugin-proposal-class-properties": "^7.13.0",
     "@babel/plugin-proposal-optional-chaining": "^7.13.12",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/preset-react": "^7.13.13",
-    "@chromatic-com/storybook": "^4.1.3",
+    "@babel/preset-env": "^7.28.5",
+    "@babel/preset-react": "^7.28.5",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^19.0.0",
     "@rollup/plugin-node-resolve": "^13.0.0",
-    "@storybook/addon-docs": "^10.0.8",
-    "@storybook/addon-links": "^10.0.8",
-    "@storybook/addon-themes": "^10.0.8",
-    "@storybook/react-webpack5": "^10.0.8",
+    "@storybook/addon-actions": "^6.5.14",
+    "@storybook/addon-docs": "^6.5.14",
+    "@storybook/addon-essentials": "^6.5.14",
+    "@storybook/addon-links": "^6.5.14",
+    "@storybook/cli": "^6.5.14",
+    "@storybook/react": "^6.5.14",
     "@svgr/rollup": "^5.5.0",
     "@svgr/webpack": "^5.5.0",
     "@testing-library/jest-dom": "^5.12.0",
@@ -89,6 +79,8 @@
     "jest": "^27.0.4",
     "postcss": "^8.3.0",
     "prop-types": "^15.7.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "rollup": "^2.50.6",
     "rollup-plugin-copy": "^3.3.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -97,25 +89,26 @@
     "rollup-plugin-postcss": "^4.0.0",
     "rollup-plugin-scss": "^2.6.1",
     "rollup-plugin-url": "^3.0.1",
-    "sass": "^1.86.3",
-    "sass-loader": "^16.0.5",
-    "storybook": "^10.0.8",
+    "sass": "^1.34.1",
+    "sass-loader": "^10.1.1",
+    "storybook-dark-mode": "^2.0.4",
     "url-loader": "^4.1.1"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.26.28",
-    "@restart/hooks": "^0.6.2",
-    "@storybook/cli": "^10.0.8",
+    "@floating-ui/react": "^0.26.24",
+    "@restart/hooks": "^0.3.26",
+    "@storybook/addons": "^6.5.14",
+    "@storybook/theming": "^6.5.14",
     "@tippyjs/react": "^4.2.6",
     "lodash": "^4.17.21",
     "nanoid": "^3.3.8",
     "polished": "^4.1.3",
     "popper-max-size-modifier": "^0.2.0",
     "react-lazy-load-image-component": "^1.5.1",
-    "react-select": "^5.10.2",
-    "react-select-async-paginate": "^0.7.11",
-    "react-spinners": "^0.17.0",
+    "react-select": "^5.7.7",
+    "react-select-async-paginate": "^0.7.3",
+    "react-spinners": "^0.13.8",
     "resize-observer-polyfill": "^1.5.1",
-    "styled-components": "^6.1.19"
+    "styled-components": "^5.3.7"
   }
 }

package/styles/all.scss

@@ -1,3 +1,3 @@
-@use './config' as *;
-@use 'utils/colors' as *;
-@use 'utils/theme' as *;
+@import './config';
+@import 'utils/colors';
+@import 'utils/theme';