@dynamic-framework/ui-react 1.6.0 → 1.7.0

package/dist/types/stories/components/DFormikInputSelect.stories.d.ts

@@ -2,6 +2,6 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DFormikInputSelect } from '../../components';
 declare const config: Meta<typeof DFormikInputSelect>;
 export default config;
-declare type Story = StoryObj<typeof DFormikInputSelect>;
+type Story = StoryObj<typeof DFormikInputSelect>;
 export declare const Default: Story;
 export declare const Empty: Story;

package/dist/types/stories/components/DIcon.stories.d.ts

@@ -2,6 +2,6 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DIcon } from '../../components';
 declare const meta: Meta<typeof DIcon>;
 export default meta;
-declare type Story = StoryObj<typeof DIcon>;
+type Story = StoryObj<typeof DIcon>;
 export declare const Default: Story;
 export declare const Circle: Story;

package/dist/types/stories/components/DInput.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DInput } from '../../components';
 declare const config: Meta<typeof DInput>;
 export default config;
-declare type Story = StoryObj<typeof DInput>;
+type Story = StoryObj<typeof DInput>;
 export declare const Default: Story;
 export declare const Value: Story;
 export declare const Error: Story;

package/dist/types/stories/components/DInputCheck.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DInputCheck } from '../../components';
 declare const config: Meta<typeof DInputCheck>;
 export default config;
-declare type Story = StoryObj<typeof DInputCheck>;
+type Story = StoryObj<typeof DInputCheck>;
 export declare const CheckboxWithoutLabel: Story;
 export declare const CheckboxDefault: Story;
 export declare const CheckboxChecked: Story;

package/dist/types/stories/components/DInputCounter.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DInputCounter } from '../../components';
 declare const config: Meta<typeof DInputCounter>;
 export default config;
-declare type Story = StoryObj<typeof DInputCounter>;
+type Story = StoryObj<typeof DInputCounter>;
 export declare const Default: Story;
 export declare const Error: Story;
 export declare const Confirm: Story;

package/dist/types/stories/components/DInputCurrency.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DInputCurrency } from '../../components';
 declare const config: Meta<typeof DInputCurrency>;
 export default config;
-declare type Story = StoryObj<typeof DInputCurrency>;
+type Story = StoryObj<typeof DInputCurrency>;
 export declare const Default: Story;
 export declare const Value: Story;
 export declare const Error: Story;

package/dist/types/stories/components/DInputCurrencyBase.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DInputCurrencyBase } from '../../components';
 declare const config: Meta<typeof DInputCurrencyBase>;
 export default config;
-declare type Story = StoryObj<typeof DInputCurrencyBase>;
+type Story = StoryObj<typeof DInputCurrencyBase>;
 export declare const Default: Story;
 export declare const Value: Story;
 export declare const Error: Story;

package/dist/types/stories/components/DInputPassword.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DInputPassword } from '../../components';
 declare const config: Meta<typeof DInputPassword>;
 export default config;
-declare type Story = StoryObj<typeof DInputPassword>;
+type Story = StoryObj<typeof DInputPassword>;
 export declare const Default: Story;
 export declare const Value: Story;
 export declare const Error: Story;

package/dist/types/stories/components/DInputPin.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DInputPin } from '../../components';
 declare const config: Meta<typeof DInputPin>;
 export default config;
-declare type Story = StoryObj<typeof DInputPin>;
+type Story = StoryObj<typeof DInputPin>;
 export declare const Default: Story;
 export declare const WithoutLabel: Story;
 export declare const Error: Story;

package/dist/types/stories/components/DInputSearch.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DInputSearch } from '../../components';
 declare const config: Meta<typeof DInputSearch>;
 export default config;
-declare type Story = StoryObj<typeof DInputSearch>;
+type Story = StoryObj<typeof DInputSearch>;
 export declare const Default: Story;
 export declare const Value: Story;
 export declare const Error: Story;

package/dist/types/stories/components/DInputSelect.stories.d.ts

@@ -1,9 +1,13 @@
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { DInputSelect } from '../../components';
+import type { DInputSelectProps } from '../../components';
 declare const config: Meta<typeof DInputSelect>;
 export default config;
-declare type Story = StoryObj<typeof DInputSelect>;
+type Story = StoryObj<typeof DInputSelect>;
 export declare const Default: Story;
 export declare const Disabled: Story;
 export declare const Icon: Story;
-export declare const Extractors: Story;
+export declare const Extractors: StoryObj<DInputSelectProps<{
+    id: string;
+    text: string;
+}>>;

package/dist/types/stories/components/DInputSwitch.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DInputSwitch } from '../../components';
 declare const config: Meta<typeof DInputSwitch>;
 export default config;
-declare type Story = StoryObj<typeof DInputSwitch>;
+type Story = StoryObj<typeof DInputSwitch>;
 export declare const WithoutLabel: Story;
 export declare const Default: Story;
 export declare const Checked: Story;

package/dist/types/stories/components/DList.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DList } from '../../components';
 declare const config: Meta<typeof DList>;
 export default config;
-declare type Story = StoryObj<typeof DList>;
+type Story = StoryObj<typeof DList>;
 export declare const Default: Story;
 export declare const Flush: Story;
 export declare const Numbered: Story;

package/dist/types/stories/components/DListItem.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DListItem } from '../../components';
 declare const config: Meta<typeof DListItem>;
 export default config;
-declare type Story = StoryObj<typeof DListItem>;
+type Story = StoryObj<typeof DListItem>;
 export declare const Default: Story;
 export declare const Active: Story;
 export declare const Disabled: Story;

package/dist/types/stories/components/DListItemMovement.stories.d.ts

@@ -2,6 +2,6 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DListItemMovement } from '../../components';
 declare const config: Meta<typeof DListItemMovement>;
 export default config;
-declare type Story = StoryObj<typeof DListItemMovement>;
+type Story = StoryObj<typeof DListItemMovement>;
 export declare const Movement: Story;
 export declare const Movements: Story;

package/dist/types/stories/components/DPaginator.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DPaginator } from '../../components';
 declare const meta: Meta<typeof DPaginator>;
 export default meta;
-declare type Story = StoryObj<typeof DPaginator>;
+type Story = StoryObj<typeof DPaginator>;
 export declare const Default: Story;
 export declare const LabelArrows: Story;
 export declare const NoArrows: Story;

package/dist/types/stories/components/DProgress.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DProgress } from '../../components';
 declare const config: Meta<typeof DProgress>;
 export default config;
-declare type Story = StoryObj<typeof DProgress>;
+type Story = StoryObj<typeof DProgress>;
 export declare const Default: Story;
 export declare const Stripped: Story;
 export declare const Valueless: Story;

package/dist/types/stories/components/DQuickActionButton.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DQuickActionButton } from '../../components';
 declare const config: Meta<typeof DQuickActionButton>;
 export default config;
-declare type Story = StoryObj<typeof DQuickActionButton>;
+type Story = StoryObj<typeof DQuickActionButton>;
 export declare const PersonalInfo: Story;
 export declare const ButtonDoubleAction: Story;
 export declare const AccountBox: Story;

package/dist/types/stories/components/DQuickActionCheck.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DQuickActionCheck } from '../../components';
 declare const config: Meta<typeof DQuickActionCheck>;
 export default config;
-declare type Story = StoryObj<typeof DQuickActionCheck>;
+type Story = StoryObj<typeof DQuickActionCheck>;
 export declare const Default: Story;
 export declare const Example: Story;
 export declare const Checked: Story;

package/dist/types/stories/components/DQuickActionSelect.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DQuickActionSelect } from '../../components';
 declare const config: Meta<typeof DQuickActionSelect>;
 export default config;
-declare type Story = StoryObj<typeof DQuickActionSelect>;
+type Story = StoryObj<typeof DQuickActionSelect>;
 export declare const Default: Story;
 export declare const Example: Story;
 export declare const Selected: Story;

package/dist/types/stories/components/DQuickActionSwitch.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DQuickActionSwitch } from '../../components';
 declare const config: Meta<typeof DQuickActionSwitch>;
 export default config;
-declare type Story = StoryObj<typeof DQuickActionSwitch>;
+type Story = StoryObj<typeof DQuickActionSwitch>;
 export declare const Default: Story;
 export declare const Checked: Story;
 export declare const DefaultDisabled: Story;

package/dist/types/stories/components/DSkeleton.stories.d.ts

@@ -2,5 +2,5 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DSkeleton } from '../../components';
 declare const config: Meta<typeof DSkeleton>;
 export default config;
-declare type Story = StoryObj<typeof DSkeleton>;
+type Story = StoryObj<typeof DSkeleton>;
 export declare const Default: Story;

package/dist/types/stories/components/DStepper.stories.d.ts

@@ -2,6 +2,6 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DStepper } from '../../components';
 declare const config: Meta<typeof DStepper>;
 export default config;
-declare type Story = StoryObj<typeof DStepper>;
+type Story = StoryObj<typeof DStepper>;
 export declare const Default: Story;
 export declare const Vertical: Story;

package/dist/types/stories/components/DStepperDesktop.stories.d.ts

@@ -2,6 +2,6 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DStepperDesktop } from '../../components';
 declare const config: Meta<typeof DStepperDesktop>;
 export default config;
-declare type Story = StoryObj<typeof DStepperDesktop>;
+type Story = StoryObj<typeof DStepperDesktop>;
 export declare const Default: Story;
 export declare const Vertical: Story;

package/dist/types/stories/components/DStepperMobile.stories.d.ts

@@ -2,5 +2,5 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DStepperMobile } from '../../components';
 declare const config: Meta<typeof DStepperMobile>;
 export default config;
-declare type Story = StoryObj<typeof DStepperMobile>;
+type Story = StoryObj<typeof DStepperMobile>;
 export declare const Default: Story;

package/dist/types/stories/components/DTooltip.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DTooltip } from '../../components';
 declare const config: Meta<typeof DTooltip>;
 export default config;
-declare type Story = StoryObj<typeof DTooltip>;
+type Story = StoryObj<typeof DTooltip>;
 export declare const Top: Story;
 export declare const Right: Story;
 export declare const Bottom: Story;

package/dist/types/stories/hooks/useFormatCurrency.stories.d.ts

@@ -2,5 +2,5 @@ import { Meta, StoryObj } from '@storybook/react';
 declare const Example: () => import("react/jsx-runtime").JSX.Element;
 declare const config: Meta<typeof Example>;
 export default config;
-declare type Story = StoryObj<typeof Example>;
+type Story = StoryObj<typeof Example>;
 export declare const Default: Story;

package/dist/types/stories/hooks/useModalContext.stories.d.ts

@@ -2,5 +2,5 @@ import { Meta, StoryObj } from '@storybook/react';
 declare const Example: () => import("react/jsx-runtime").JSX.Element;
 declare const config: Meta<typeof Example>;
 export default config;
-declare type Story = StoryObj<typeof Example>;
+type Story = StoryObj<typeof Example>;
 export declare const useModalContext: Story;

package/dist/types/stories/hooks/useOffcanvasContext.stories.d.ts

@@ -3,5 +3,5 @@ import { DOffcanvas } from '../../components';
 declare const Example: () => import("react/jsx-runtime").JSX.Element;
 declare const config: Meta<typeof Example>;
 export default config;
-declare type Story = StoryObj<typeof DOffcanvas>;
+type Story = StoryObj<typeof DOffcanvas>;
 export declare const useOffcanvasContext: Story;

package/dist/types/stories/hooks/useToast.stories.d.ts

@@ -1,6 +1,6 @@
 import { Meta } from '@storybook/react';
-import type { AlertType } from '@dynamic-framework/ui';
-declare type Props = {
+import { AlertType } from '../../components/interface';
+type Props = {
     message: string;
     type: AlertType;
     showClose: boolean;

package/dist/types/stories/patterns/DAlert.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DAlert } from '../../components';
 declare const config: Meta<typeof DAlert>;
 export default config;
-declare type Story = StoryObj<typeof DAlert>;
+type Story = StoryObj<typeof DAlert>;
 export declare const Light: Story;
 export declare const Dark: Story;
 export declare const Success: Story;

package/dist/types/stories/{components → patterns}/DCard.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DCard } from '../../components';
 declare const config: Meta<typeof DCard>;
 export default config;
-declare type Story = StoryObj<typeof DCard>;
+type Story = StoryObj<typeof DCard>;
 export declare const Default: Story;
 export declare const HeaderAndBody: Story;
 export declare const OnlyBody: Story;

package/dist/types/stories/{components → patterns}/DCardAccount.stories.d.ts

@@ -2,5 +2,5 @@ import { Meta, StoryObj } from '@storybook/react';
 import DCardAccount from '../../components/DCardAccount';
 declare const config: Meta<typeof DCardAccount>;
 export default config;
-declare type Story = StoryObj<typeof DCardAccount>;
+type Story = StoryObj<typeof DCardAccount>;
 export declare const Default: Story;

package/dist/types/stories/patterns/DCarousel.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import DCarousel from '../../components/DCarousel';
 declare const config: Meta<typeof DCarousel>;
 export default config;
-declare type Story = StoryObj<typeof DCarousel>;
+type Story = StoryObj<typeof DCarousel>;
 export declare const Default: Story;
 export declare const TwoPerPage: Story;
 export declare const WithBreakpoints: Story;

package/dist/types/stories/patterns/DCollapse.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DCollapse } from '../../components';
 declare const config: Meta<typeof DCollapse>;
 export default config;
-declare type Story = StoryObj<typeof DCollapse>;
+type Story = StoryObj<typeof DCollapse>;
 export declare const HeaderText: Story;
 export declare const HeaderComponent: Story;
 export declare const Collapsed: Story;

package/dist/types/stories/patterns/DCollapseIconText.stories.d.ts

@@ -2,5 +2,5 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DCollapseIconText } from '../../components';
 declare const config: Meta<typeof DCollapseIconText>;
 export default config;
-declare type Story = StoryObj<typeof DCollapseIconText>;
+type Story = StoryObj<typeof DCollapseIconText>;
 export declare const Default: Story;

package/dist/types/stories/patterns/DModal.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DModal } from '../../components';
 declare const config: Meta<typeof DModal>;
 export default config;
-declare type Story = StoryObj<typeof DModal>;
+type Story = StoryObj<typeof DModal>;
 export declare const Default: Story;
 export declare const ActionsPlacementStart: Story;
 export declare const ActionsPlacementEnd: Story;

package/dist/types/stories/patterns/DOffcanvas.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DOffcanvas } from '../../components';
 declare const config: Meta<typeof DOffcanvas>;
 export default config;
-declare type Story = StoryObj<typeof DOffcanvas>;
+type Story = StoryObj<typeof DOffcanvas>;
 export declare const Default: Story;
 export declare const ActionsPlacementStart: Story;
 export declare const ActionsPlacementEnd: Story;

package/dist/types/stories/patterns/DPopover.stories.d.ts

@@ -2,7 +2,8 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DPopover } from '../../components';
 declare const config: Meta<typeof DPopover>;
 export default config;
-declare type Story = StoryObj<typeof DPopover>;
+type Story = StoryObj<typeof DPopover>;
 export declare const Default: Story;
+export declare const WithoutAdjustToContent: Story;
 export declare const Open: Story;
 export declare const Plain: Story;

package/dist/types/stories/patterns/DTabs.stories.d.ts

@@ -2,6 +2,6 @@ import { Meta, StoryObj } from '@storybook/react';
 import { DTabs } from '../../components';
 declare const config: Meta<typeof DTabs>;
 export default config;
-declare type Story = StoryObj<typeof DTabs>;
+type Story = StoryObj<typeof DTabs>;
 export declare const Default: Story;
 export declare const Vertical: Story;

package/dist/types/utils/format-currency.d.ts

@@ -0,0 +1,2 @@
+import type { Options } from 'currency.js';
+export default function formatCurrency(amount: number, options: Options): string;

package/dist/types/utils/index.d.ts

@@ -1,2 +1,3 @@
-export { liquidParser } from '@dynamic-framework/ui';
+export { default as liquidParser } from './liquid-parser';
+export { default as formatCurrency } from './format-currency';
 export { default as configureI18n } from './configureI18n';

package/dist/types/utils/liquid-parser.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    library: {};
+    engine: any;
+    init(library: any, Liquid: any): void;
+    /**
+     * Parse a liquid string
+     * @param liquidString Target Content Space UID
+     * @returns a usable object or string
+     */
+    parseLiquidAsync(liquidString: string): Promise<string>;
+    /**
+     * Parse a liquid string
+     * @param liquidString Target Content Space UID
+     * @returns a usable object or string
+     */
+    parseLiquid(liquidString: string): string;
+    parse(liquidString: string): string;
+    parseAsync(liquidString: string): Promise<string>;
+};
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dynamic-framework/ui-react",
   "sideEffects": false,
-  "version": "1.6.0",
+  "version": "1.7.0",
   "description": "React Dynamic Framework",
   "license": "MIT",
   "repository": {
@@ -16,12 +16,30 @@
     "url": "https://github.com/dynamic-framework/dynamic-ui.git"
   },
   "author": {
-    "name": "Abraham José González Barboza",
-    "email": "agonzalez@modyo.com",
-    "url": "https://github.com/abe-modyo"
+    "name": "Dynamic Framework Team",
+    "email": "support@modyo.com",
+    "url": "https://dynamicframework.dev"
   },
+  "contributors": [
+    {
+      "name": "Abraham José González Barboza",
+      "email": "agonzalez@modyo.com",
+      "url": "https://github.com/abe-modyo"
+    },
+    {
+      "name": "Eduard Fabián Barón Gutiérrez",
+      "email": "ebaron@modyo.com",
+      "url": "https://github.com/efbarong"
+    },
+    {
+      "name": "Johann Felipe Rojas Pineda",
+      "email": "jrojas@modyo.com",
+      "url": "https://github.com/johannrp27"
+    }
+  ],
   "scripts": {
     "test": "jest",
+    "test:watch": "jest --watch",
     "build": "pnpm build:react && pnpm build:scss",
     "build:react": "rimraf dist && tsc -p . && rollup -c rollup.config.js",
     "build:react:watch": "tsc -p . && rollup -c rollup.config.js",
@@ -42,12 +60,13 @@
     "src/style"
   ],
   "dependencies": {
-    "@dynamic-framework/ui": "^1.7.0",
     "@floating-ui/react": "^0.24.1",
     "@splidejs/react-splide": "^0.7.12",
     "@splidejs/splide": "^4.1.4",
     "axios": "^1.1.2",
+    "bootstrap": "^5.3.2",
     "classnames": "^2.3.2",
+    "currency.js": "^2.0.4",
     "date-fns": "^2.29.3",
     "i18next": "~21.9.0",
     "react-content-loader": "~6.2.0",
@@ -57,47 +76,46 @@
     "yup": "^1.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.19.3",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.21.0",
+    "@babel/core": "^7.23.2",
+    "@babel/preset-env": "^7.23.2",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.23.2",
     "@mdx-js/react": "^2.3.0",
-    "@rollup/plugin-node-resolve": "^13.3.0",
-    "@storybook/addon-actions": "7.0.6",
-    "@storybook/addon-essentials": "7.0.6",
-    "@storybook/addon-interactions": "7.0.6",
-    "@storybook/addon-links": "7.0.6",
-    "@storybook/addon-viewport": "7.0.6",
-    "@storybook/blocks": "7.0.6",
-    "@storybook/react": "7.0.6",
-    "@storybook/react-webpack5": "7.0.6",
-    "@storybook/testing-library": "^0.1.0",
-    "@storybook/theming": "^7.0.24",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@storybook/addon-actions": "^7.5.0",
+    "@storybook/addon-essentials": "^7.5.0",
+    "@storybook/addon-interactions": "^7.5.0",
+    "@storybook/addon-links": "^7.5.0",
+    "@storybook/addon-viewport": "^7.5.0",
+    "@storybook/blocks": "^7.5.0",
+    "@storybook/react": "^7.5.0",
+    "@storybook/react-webpack5": "^7.5.0",
+    "@storybook/testing-library": "^0.2.2",
+    "@storybook/theming": "^7.5.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
-    "@types/jest": "29.1.2",
-    "@types/lodash.camelcase": "^4.3.7",
+    "@types/jest": "29.5.5",
     "@types/luxon": "^3.2.1",
-    "@types/node": "^15.12.2",
+    "@types/node": "^18.15.3",
     "@types/react": "^18.2.19",
     "@types/react-datepicker": "~4.8.0",
     "@types/react-dom": "^18.0.3",
-    "@typescript-eslint/eslint-plugin": "^5.13.0",
-    "@typescript-eslint/parser": "^5.0.0",
-    "autoprefixer": "^10.4.14",
-    "babel-loader": "^8.2.5",
-    "bootstrap": "^5.3.0",
-    "eslint": "8.22.0",
-    "eslint-config-airbnb": "19.0.4",
-    "eslint-config-airbnb-typescript": "^17.0.0",
-    "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-react": "^7.28.0",
-    "eslint-plugin-react-hooks": "^4.3.0",
+    "@typescript-eslint/eslint-plugin": "^6.8.0",
+    "@typescript-eslint/parser": "^6.8.0",
+    "autoprefixer": "^10.4.16",
+    "babel-loader": "^9.1.3",
+    "bootstrap": "^5.3.2",
+    "eslint": "8.51.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^17.1.0",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "formik": "^2.2.9",
     "html2canvas": "^1.4.1",
-    "jest": "^29.1.2",
-    "jest-cli": "^29.1.2",
+    "jest": "^29.7.0",
+    "jest-cli": "^29.7.0",
     "jest-environment-jsdom": "^29.1.2",
     "lint-staged": "^12.4.1",
     "luxon": "^3.2.1",
@@ -108,13 +126,13 @@
     "react-toastify": "~9.0.8",
     "rimraf": "^2.6.3",
     "rollup": "^2.72.1",
-    "sass": "^1.62.1",
-    "storybook": "^7.0.5",
-    "stylelint": "^15.6.2",
-    "stylelint-config-twbs-bootstrap": "^10.0.0",
-    "ts-jest": "^29.0.3",
+    "sass": "^1.69.3",
+    "storybook": "^7.5.0",
+    "stylelint": "^15.11.0",
+    "stylelint-config-twbs-bootstrap": "^11.0.1",
+    "ts-jest": "^29.1.1",
     "tslib": "^2.4.0",
-    "typescript": "^4.6.4"
+    "typescript": "^5.2.2"
   },
   "peerDependencies": {
     "formik": "^2.2.9",
@@ -125,10 +143,5 @@
     "react-i18next": "~11.18.3",
     "react-toastify": "~9.0.8"
   },
-  "nx": {
-    "implicitDependencies": [
-      "@dynamic-framework/ui"
-    ]
-  },
-  "gitHead": "e6757939aaf87031e5e416b603a2359446a2c219"
+  "gitHead": "f014ad192ea859979ed465b1c6d27f38f9853fe6"
 }

package/src/style/_shame.scss

@@ -1 +1,5 @@
 // keep empty.
+
+.flex-1 {
+  flex: 1;
+}

package/src/style/abstracts/_+import.scss

@@ -1,3 +1,15 @@
-@import "@dynamic-framework/ui/src/style/abstracts/+import";
+@import "funcions";
+@import "bootstrap/scss/functions";
 
-@import "variables/+import";
+@import "variables/+import"; // Include any default variable overrides here
+@import "bootstrap/scss/variables";
+// @import "bootstrap/scss/variables-dark"; re-enable with dark implementation
+
+@import "maps"; // Include any default map overrides here
+@import "bootstrap/scss/maps";
+
+@import "mixins";
+@import "bootstrap/scss/mixins";
+
+@import "bootstrap/scss/utilities";
+@import "utilities"; // Extend utilities here