@npm_leadtech/legal-lib-components 7.100.3 → 7.101.0

package/dist/src/globalStyles/mediaqueries.scss

@@ -1,37 +1,37 @@
-@use 'variables.scss';
+@import 'variables.scss';
 
 @mixin mobile {
-  @media (max-width: #{variables.$xs}) {
+  @media (max-width: #{$xs}) {
     @content;
   }
 }
 
 @mixin portrait-tablets {
-  @media (min-width: #{variables.$xs}) {
+  @media (min-width: #{$xs}) {
     @content;
   }
 }
 
 @mixin landscape-tablets {
-  @media (min-width: #{variables.$sm}) {
+  @media (min-width: #{$sm}) {
     @content;
   }
 }
 
 @mixin laptop {
-  @media (min-width: #{variables.$md}) {
+  @media (min-width: #{$md}) {
     @content;
   }
 }
 
 @mixin desktop {
-  @media (min-width: #{variables.$lg}) {
+  @media (min-width: #{$lg}) {
     @content;
   }
 }
 
 @mixin desktop-xl {
-  @media (min-width: #{variables.$xl}) {
+  @media (min-width: #{$xl}) {
     @content;
   }
 }

package/dist/src/globalStyles/styles.scss

@@ -1,23 +1,22 @@
-@use 'sass:meta';
-@use 'variablesCss';
+@import 'variablesCss';
 
-@use 'reset';
-@use 'base';
-@use 'themes';
-@use 'variables';
-@use 'functions';
-@use 'layout';
-@use 'animations';
-@use 'mediaqueries';
-@use 'typography';
+@import 'reset';
+@import 'base';
+@import 'themes';
+@import 'variables';
+@import 'functions';
+@import 'layout';
+@import 'animations';
+@import 'mediaqueries';
+@import 'typography';
 
-@use '../components/atoms/Button/Button.scss';
-@use '../components/atoms/ButtonIcon/ButtonIcon.scss';
-@use '../components/atoms/DatePickerCustom/DatepickerPlugin.scss';
-@use '../components/atoms/Radio/Radio.scss';
+@import '../components/atoms/Button/Button.scss';
+@import '../components/atoms/ButtonIcon/ButtonIcon.scss';
+@import '../components/atoms/DatePickerCustom/DatepickerPlugin.scss';
+@import '../components/atoms/Radio/Radio.scss';
 
 @import 'tippy.js/dist/tippy.css';
-@include meta.load-css('../components/atoms/Tooltip/Tooltip.scss');
+@import '../components/atoms/Tooltip/Tooltip.scss';
 
-@include meta.load-css('../components/molecules/TextInput/TextInput.scss');
-@include meta.load-css('../components/molecules/TooltipMenu/TooltipMenu.scss');
+@import '../components/molecules/TextInput/TextInput.scss';
+@import '../components/molecules/TooltipMenu/TooltipMenu.scss';

package/dist/src/globalStyles/typography.scss

@@ -1,5 +1,5 @@
-@use 'variables';
-@use 'mediaqueries';
+@import 'variables';
+@import 'mediaqueries';
 
 .sans-serif {
   letter-spacing: -0.3px;
@@ -67,7 +67,7 @@
   &.--super-hero {
     font-size: 2.25rem;
     line-height: 3rem;
-    @include mediaqueries.landscape-tablets {
+    @include landscape-tablets {
       font-size: 3rem;
       line-height: 3.625rem;
     }
@@ -82,7 +82,7 @@
     font-size: 1.75rem;
     line-height: 2.25rem;
 
-    @include mediaqueries.landscape-tablets {
+    @include landscape-tablets {
       font-size: 2rem;
       line-height: 2.625rem;
     }

package/dist/src/globalStyles/variables.scss

@@ -1,4 +1,3 @@
-@use 'sass:map';
 @use 'sass:math';
 
 // =============================================================================
@@ -74,7 +73,7 @@ $colors: (
 );
 
 @function get-color($base, $shade: main) {
-  $color: map.get(map.get($colors, $base), $shade);
+  $color: map-get(map-get($colors, $base), $shade);
   @return $color;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "7.100.3",
+  "version": "7.101.0",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -41,14 +41,14 @@
     "react-swipeable": "^7.0.2"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "5.2.1",
+    "@chromatic-com/storybook": "4.1.3",
     "@eslint/js": "^9.39.4",
-    "@storybook/addon-docs": "10.5.5",
-    "@storybook/addon-links": "10.5.5",
-    "@storybook/addon-onboarding": "10.5.5",
-    "@storybook/addon-themes": "10.5.5",
-    "@storybook/addon-webpack5-compiler-swc": "4.0.3",
-    "@storybook/react-webpack5": "10.5.5",
+    "@storybook/addon-docs": "9.0.4",
+    "@storybook/addon-links": "9.0.4",
+    "@storybook/addon-onboarding": "9.0.4",
+    "@storybook/addon-themes": "9.0.4",
+    "@storybook/addon-webpack5-compiler-swc": "3.0.0",
+    "@storybook/react-webpack5": "9.0.4",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
@@ -61,10 +61,9 @@
     "@types/react-router-dom": "5.3.3",
     "@typescript-eslint/eslint-plugin": "^8.58.0",
     "@typescript-eslint/parser": "^8.58.0",
-    "css-loader": "^7",
     "esbuild": "0.24.0",
     "esbuild-css-modules-plugin": "^3.1.5",
-    "esbuild-node-externals": "1.23.1",
+    "esbuild-node-externals": "1.20.1",
     "esbuild-plugin-glob": "2.2.3",
     "esbuild-plugin-svgr": "^2.1.0",
     "esbuild-sass-plugin": "^3.3.1",
@@ -76,9 +75,9 @@
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-promise": "^7.2.1",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-compiler": "^19.1.0-rc.2",
+    "eslint-plugin-react-compiler": "^19.0.0-beta-df7b47d-20241124",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-storybook": "10.5.5",
+    "eslint-plugin-storybook": "9.0.4",
     "fs-extra": "^11.3.4",
     "globals": "^15.15.0",
     "husky": "^9.1.7",
@@ -95,12 +94,10 @@
     "react-dom": "18.3.1",
     "react-test-renderer": "18.3.1",
     "rimraf": "^6.1.3",
-    "sass": "^1.98.0",
     "sass-embedded": "^1.98.0",
-    "sass-loader": "^16",
     "sonarqube-scanner": "^4.3.5",
-    "storybook": "10.5.5",
-    "style-loader": "^4",
+    "storybook": "9.1.20",
+    "storybook-addon-sass-postcss": "0.3.2",
     "styled-components": "^6.3.12",
     "ts-jest": "^29.4.6",
     "ts-node": "^10.9.2",