@gnist/design-system 2.0.16 → 2.0.18

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## <small>2.0.18 (2025-02-21)</small>
+
+* chore: upgrade vite dependency ([3b5605b](https://github.com/mollerdigital/design-system-design-system/commit/3b5605b))
+
+## <small>2.0.17 (2025-02-21)</small>
+
+* chore: upgrade prettier dependency ([2d55655](https://github.com/mollerdigital/design-system-design-system/commit/2d55655))
+
 ## <small>2.0.16 (2025-02-21)</small>
 
 * chore: upgrade mui/mase dependency ([bba25be](https://github.com/mollerdigital/design-system-design-system/commit/bba25be))

package/dist/components/actions/chips/ActionChip.cjs

@@ -14,12 +14,12 @@ const animations_css = require("../../../styles/animations.css.cjs");
 const states_css = require("../../../styles/states.css.cjs");
 const tokens_css_js = require("@gnist/themes/tokens.css.js");
 const Spinner = require("../../progress/Spinner.cjs");
-const styles_css = require("./styles.css.cjs");
-const styles_css$1 = require("../buttons/styles.css.cjs");
+const styles_css$1 = require("./styles.css.cjs");
+const styles_css = require("../buttons/styles.css.cjs");
 const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
 const classNames__default = /* @__PURE__ */ _interopDefaultCompat(classNames);
 const ActionChip = React.forwardRef(function ActionChip2({ label, onClick, selected, icon, loading, density = "default", ...props }, ref) {
-  return jsxRuntime.jsx("button", { type: "button", ...props, title: label, onClick, className: classNames__default.default(styles_css.chipRecipe({
+  return jsxRuntime.jsx("button", { type: "button", ...props, title: label, onClick, className: classNames__default.default(styles_css$1.chipRecipe({
     selected,
     filterVariant: false,
     loading: loading == null ? void 0 : loading.isLoading
@@ -28,6 +28,6 @@ const ActionChip = React.forwardRef(function ActionChip2({ label, onClick, selec
     borderRadius: "full",
     backgroundColor: "on-background",
     setFocusState: true
-  })), ref, children: (loading == null ? void 0 : loading.isLoading) ? jsxRuntime.jsx(Spinner.Spinner, { diameter: density === "compact" ? tokens_css_js.tokens.size.xs : tokens_css_js.tokens.size.s, textDescription: loading.loadingText }) : jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [icon && jsxRuntime.jsx(Icon.Icon, { icon, size: density === "compact" ? "m" : "l" }), jsxRuntime.jsx(index.BodyText, { className: styles_css$1.actionText, children: label })] }) });
+  })), ref, children: (loading == null ? void 0 : loading.isLoading) ? jsxRuntime.jsx(Spinner.Spinner, { diameter: density === "compact" ? tokens_css_js.tokens.size.xs : tokens_css_js.tokens.size.s, textDescription: loading.loadingText }) : jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [icon && jsxRuntime.jsx(Icon.Icon, { icon, size: density === "compact" ? "m" : "l" }), jsxRuntime.jsx(index.BodyText, { className: styles_css.actionText, children: label })] }) });
 });
 exports.ActionChip = ActionChip;

package/dist/components/actions/chips/FilterChip.cjs

@@ -14,12 +14,12 @@ const animations_css = require("../../../styles/animations.css.cjs");
 const states_css = require("../../../styles/states.css.cjs");
 const tokens_css_js = require("@gnist/themes/tokens.css.js");
 const Spinner = require("../../progress/Spinner.cjs");
-const styles_css = require("./styles.css.cjs");
-const styles_css$1 = require("../buttons/styles.css.cjs");
+const styles_css$1 = require("./styles.css.cjs");
+const styles_css = require("../buttons/styles.css.cjs");
 const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
 const classNames__default = /* @__PURE__ */ _interopDefaultCompat(classNames);
 const FilterChip = React.forwardRef(function FilterChip2({ label, onClick, selected, loading, density = "default", icon, ...props }, ref) {
-  return jsxRuntime.jsxs("button", { type: "button", ...props, title: label, onClick, className: classNames__default.default(styles_css.chipRecipe({
+  return jsxRuntime.jsxs("button", { type: "button", ...props, title: label, onClick, className: classNames__default.default(styles_css$1.chipRecipe({
     selected,
     filterVariant: true,
     loading: loading == null ? void 0 : loading.isLoading
@@ -28,6 +28,6 @@ const FilterChip = React.forwardRef(function FilterChip2({ label, onClick, selec
     borderRadius: "full",
     backgroundColor: "on-background",
     setFocusState: true
-  })), ref, children: [(icon || selected) && !(loading == null ? void 0 : loading.isLoading) && jsxRuntime.jsx(Icon.Icon, { icon: selected ? "check" : icon }), (loading == null ? void 0 : loading.isLoading) ? jsxRuntime.jsx(Spinner.Spinner, { diameter: density === "compact" ? tokens_css_js.tokens.size.xs : tokens_css_js.tokens.size.s, textDescription: loading.loadingText }) : jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(index.BodyText, { className: styles_css$1.actionText, children: label }) })] });
+  })), ref, children: [(icon || selected) && !(loading == null ? void 0 : loading.isLoading) && jsxRuntime.jsx(Icon.Icon, { icon: selected ? "check" : icon }), (loading == null ? void 0 : loading.isLoading) ? jsxRuntime.jsx(Spinner.Spinner, { diameter: density === "compact" ? tokens_css_js.tokens.size.xs : tokens_css_js.tokens.size.s, textDescription: loading.loadingText }) : jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(index.BodyText, { className: styles_css.actionText, children: label }) })] });
 });
 exports.FilterChip = FilterChip;

package/dist/components/actions/chips/TagChip.cjs

@@ -12,16 +12,16 @@ const classNames = require("classnames");
 require("../../../foundation/logos/Logo.css.cjs");
 const animations_css = require("../../../styles/animations.css.cjs");
 const states_css = require("../../../styles/states.css.cjs");
-const styles_css = require("./styles.css.cjs");
-const styles_css$1 = require("../buttons/styles.css.cjs");
+const styles_css$1 = require("./styles.css.cjs");
+const styles_css = require("../buttons/styles.css.cjs");
 const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
 const classNames__default = /* @__PURE__ */ _interopDefaultCompat(classNames);
 const TagChip = React.forwardRef(function TagChip2({ label, onClick, icon, density = "default", ...props }, ref) {
-  return jsxRuntime.jsxs("button", { type: "button", ...props, title: label, onClick, className: classNames__default.default(styles_css.chipRecipe(), animations_css.clickAnimation, states_css.focusStyle, states_css.stateLayers({
+  return jsxRuntime.jsxs("button", { type: "button", ...props, title: label, onClick, className: classNames__default.default(styles_css$1.chipRecipe(), animations_css.clickAnimation, states_css.focusStyle, states_css.stateLayers({
     borderSize: "medium",
     borderRadius: "full",
     backgroundColor: "on-background",
     setFocusState: true
-  })), ref, children: [icon && jsxRuntime.jsx(Icon.Icon, { icon, size: density === "compact" ? "m" : "l" }), jsxRuntime.jsx(index.BodyText, { className: styles_css$1.actionText, children: label }), jsxRuntime.jsx(Icon.Icon, { icon: "clear", size: density === "compact" ? "m" : "l" })] });
+  })), ref, children: [icon && jsxRuntime.jsx(Icon.Icon, { icon, size: density === "compact" ? "m" : "l" }), jsxRuntime.jsx(index.BodyText, { className: styles_css.actionText, children: label }), jsxRuntime.jsx(Icon.Icon, { icon: "clear", size: density === "compact" ? "m" : "l" })] });
 });
 exports.TagChip = TagChip;

package/dist/components/actions/selectionControls/RadioButton.js

@@ -7,7 +7,7 @@ import { createValidHtmlId } from "../../../utilities/html/index.js";
 import classNames from "classnames";
 import { forwardRef } from "react";
 import { RadioButtonRecipe, CheckedCircleRecipe } from "./radiobutton.css.js";
-import { InputWrapper, LabelRecipe, InputStyleRecipe, LabelStyle, indentedDescriptionStyle } from "./shared.css.js";
+import { LabelRecipe, InputStyleRecipe, LabelStyle, InputWrapper, indentedDescriptionStyle } from "./shared.css.js";
 import { SelectionDescription, HelperTextWrapper } from "./shared.js";
 const CustomRadioButton = ({ value, disabled, validity }) => {
   return jsx("span", { className: RadioButtonRecipe({

package/dist/components/actions/selectionControls/shared.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { InputHelperText } from "../../../building-blocks/inputs/InputHelperText.js";
 import { Column } from "../../../utilities/layout/Column.js";
 import "../../../utilities/layout/Row.js";

package/dist/components/feedback/alerts/AlertBanner.js

@@ -15,7 +15,7 @@ import "../../actions/buttons/DangerButton.js";
 import "../../actions/buttons/GhostButton.js";
 import { TextButton } from "../../actions/buttons/TextButton.js";
 import { IconButton } from "../../actions/buttons/IconButton.js";
-import { bannerHeading, banner, icon, mainContentContainer, closeButton, messageContainer, textButton } from "./AlertBanner.css.js";
+import { bannerHeading, icon, mainContentContainer, closeButton, messageContainer, textButton, banner } from "./AlertBanner.css.js";
 const BannerHeading = component("BannerHeading", bannerHeading, "h2");
 const AlertBanner = ({ type, heading, message, dismiss, action, density = "default", headingLevel = "h2", className }) => {
   const text = useTranslation((t) => t.components.feedback.alerts);

package/dist/components/inputs/dropdowns/SelectBase.js

@@ -29,8 +29,8 @@ import "../../actions/selectionControls/RadioButton.js";
 import "../../actions/chips/ActionChip.js";
 import "../../actions/chips/FilterChip.js";
 import "../../actions/chips/TagChip.js";
-import { wrapperStyle, inputFieldWrapperRecipe, inputContentWrapper } from "../shared-styles/inputField.css.js";
-import { preInputWidth, postInputWidth } from "../shared-styles/inputFieldConstants.css.js";
+import { inputFieldWrapperRecipe, inputContentWrapper, wrapperStyle } from "../shared-styles/inputField.css.js";
+import { postInputWidth, preInputWidth } from "../shared-styles/inputFieldConstants.css.js";
 import { labelStyle } from "../shared-styles/labelStyles.css.js";
 import { listBoxStyle, popUpStyle, selectStyle, optionStyle, optionBackground, singleOptionStyle } from "./select.css.js";
 const listBoxComponent = component("listBox", listBoxStyle, "div");

package/dist/components/inputs/pickers/Calendar.css.js

@@ -1,5 +1,5 @@
 "use client";
-import { focusStyle, stateLayers } from "../../../styles/states.css.js";
+import { stateLayers, focusStyle } from "../../../styles/states.css.js";
 import { atoms } from "@gnist/themes/atoms.css.js";
 import { tokens } from "@gnist/themes/tokens.css.js";
 import { style, createVar, globalStyle } from "@vanilla-extract/css";

package/dist/components/inputs/pickers/calendar.js

@@ -16,7 +16,7 @@ import { tokens } from "@gnist/themes/tokens.css.js";
 import "react-content-loader";
 import { RectangularSkeleton } from "../../../building-blocks/skeletons/RectangularSkeleton.js";
 import { useTranslation } from "../../../translations/index.js";
-import { getStartOfDay, today, maxDayOfMonth, nextMonth, isSameDate, isNorwegianHoliday, minDayOfMonth, addDays } from "../../../utilities/time/date.js";
+import { getStartOfDay, today, maxDayOfMonth, nextMonth, minDayOfMonth, addDays, isSameDate, isNorwegianHoliday } from "../../../utilities/time/date.js";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { makeBy, splitAt, chunksOf } from "fp-ts/Array";
 import { pipe } from "fp-ts/function";
@@ -32,7 +32,7 @@ import "../../actions/selectionControls/RadioButton.js";
 import "../../actions/chips/ActionChip.js";
 import "../../actions/chips/FilterChip.js";
 import "../../actions/chips/TagChip.js";
-import { headerCell, containerStyle, selectMonthRow, buttonRow, arrowButton, gridStyle, rowStyle, firstDay, cellSkeletonStyle, cellRecipe } from "./Calendar.css.js";
+import { headerCell, containerStyle, selectMonthRow, buttonRow, arrowButton, gridStyle, rowStyle, cellSkeletonStyle, firstDay, cellRecipe } from "./Calendar.css.js";
 const HeaderCell = component("HeaderCell", headerCell, "div");
 function weekDayNumberStartingMonday(date) {
   return (date.getDay() + 6) % 7;

package/dist/components/inputs/shared-styles/inputField.css.js

@@ -4,7 +4,7 @@ import { tokens } from "@gnist/themes/tokens.css.js";
 import { style } from "@vanilla-extract/css";
 import { calc } from "@vanilla-extract/css-utils";
 import { recipe } from "@vanilla-extract/recipes";
-import { visibleLines, transitionTime, preInputWidth, postInputWidth } from "./inputFieldConstants.css.js";
+import { visibleLines, transitionTime, postInputWidth, preInputWidth } from "./inputFieldConstants.css.js";
 const borderStyle = (borderColor, isFocused) => `0 0 0 ${isFocused ? tokens.stroke.medium : tokens.stroke.small} ${borderColor}`;
 const textAreaHeight = calc(calc(visibleLines).multiply("1.5rem")).add(calc(tokens.spacing.xxs).multiply(2)).toString();
 const wrapperStyle = style({

package/dist/components/inputs/textFields/TextArea.js

@@ -15,11 +15,11 @@ import "../../../foundation/logos/Logo.css.js";
 import { atoms } from "@gnist/themes/atoms.css.js";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { iconButtonOverlayRecipe } from "../shared-styles/iconButtonOverlay.css.js";
-import { wrapperStyle, inputFieldWrapperRecipe, inputFieldStyle, inputContentWrapper } from "../shared-styles/inputField.css.js";
-import { visibleLines, preInputWidth, postInputWidth } from "../shared-styles/inputFieldConstants.css.js";
+import { inputFieldWrapperRecipe, inputFieldStyle, inputContentWrapper, wrapperStyle } from "../shared-styles/inputField.css.js";
+import { postInputWidth, preInputWidth, visibleLines } from "../shared-styles/inputFieldConstants.css.js";
 import { labelStyle } from "../shared-styles/labelStyles.css.js";
 import { prefixStyle, suffixStyle } from "../shared-styles/suffixPrefix.css.js";
-import { useInputFieldLogic, isClickableIcon, getInputFieldProps } from "../shared.js";
+import { useInputFieldLogic, getInputFieldProps, isClickableIcon } from "../shared.js";
 import { wordCounterStyle } from "./textArea.css.js";
 const TextArea = forwardRef(function TextArea2({ counterText, visibleLines: visibleLinesProp, ...props }, ref) {
   var _a, _b;

package/dist/components/inputs/textFields/TextField.js

@@ -13,11 +13,11 @@ import "../../../utilities/layout/Row.js";
 import "@gnist/themes/tokens.css.js";
 import "react-content-loader";
 import { iconButtonOverlayRecipe } from "../shared-styles/iconButtonOverlay.css.js";
-import { wrapperStyle, inputFieldWrapperRecipe, inputFieldStyle, inputContentWrapper } from "../shared-styles/inputField.css.js";
-import { preInputWidth, postInputWidth } from "../shared-styles/inputFieldConstants.css.js";
+import { inputFieldWrapperRecipe, inputFieldStyle, inputContentWrapper, wrapperStyle } from "../shared-styles/inputField.css.js";
+import { postInputWidth, preInputWidth } from "../shared-styles/inputFieldConstants.css.js";
 import { labelStyle } from "../shared-styles/labelStyles.css.js";
 import { prefixStyle, suffixStyle } from "../shared-styles/suffixPrefix.css.js";
-import { useInputFieldLogic, isClickableIcon, getInputFieldProps } from "../shared.js";
+import { useInputFieldLogic, getInputFieldProps, isClickableIcon } from "../shared.js";
 const TextField = forwardRef(function TextField2(props, ref) {
   var _a, _b;
   const { wrapperProps, contentProps, commonInputProps } = useInputFieldLogic(props);

package/dist/foundation/iconography/Icon.js

@@ -6,7 +6,7 @@ import { calc } from "@vanilla-extract/css-utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import classNames from "classnames";
 import { useExtraIcons } from "./ExtraIconsProvider.js";
-import { iconContainer, svgHeight, svgWidth, svg } from "./Icon.css.js";
+import { iconContainer, svg, svgWidth, svgHeight } from "./Icon.css.js";
 import { icons } from "./icons.js";
 import { useIconVariant } from "./IconVariantProvider.js";
 const IconContainer = ({ icon, title, size: sizeToken = "l", fill = "currentColor", focusable = false, "aria-label": ariaLabel, "aria-hidden": ariaHidden = title || ariaLabel ? false : true, role = "img", className, variantOverride, ...rest }) => {

package/dist/foundation/iconography/icons.cjs

@@ -1,18 +1,18 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./svg/action/index.cjs");
-const index$1 = require("./svg/communication/index.cjs");
-const index$2 = require("./svg/content/index.cjs");
-const index$3 = require("./svg/device/index.cjs");
-const index$4 = require("./svg/file/index.cjs");
-const index$5 = require("./svg/map/index.cjs");
-const index$6 = require("./svg/navigation/index.cjs");
-const index$7 = require("./svg/notifications/index.cjs");
-const index$b = require("./svg/search/index.cjs");
-const index$8 = require("./svg/social/index.cjs");
-const index$9 = require("./svg/toggle/index.cjs");
-const index$a = require("./svg/validation/index.cjs");
+const index$b = require("./svg/action/index.cjs");
+const index$a = require("./svg/communication/index.cjs");
+const index$9 = require("./svg/content/index.cjs");
+const index$8 = require("./svg/device/index.cjs");
+const index$7 = require("./svg/file/index.cjs");
+const index$6 = require("./svg/map/index.cjs");
+const index$5 = require("./svg/navigation/index.cjs");
+const index$4 = require("./svg/notifications/index.cjs");
+const index = require("./svg/search/index.cjs");
+const index$3 = require("./svg/social/index.cjs");
+const index$2 = require("./svg/toggle/index.cjs");
+const index$1 = require("./svg/validation/index.cjs");
 function mergeIconsAndOptions(inputIcons, options) {
   const initial = {};
   return Object.entries(inputIcons).reduce((results, [icon, spec]) => ({
@@ -35,18 +35,18 @@ function defineIcons(icons2) {
   return result;
 }
 const icons = defineIcons(mergeIconsAndOptions({
-  ...index,
-  ...index$1,
-  ...index$2,
-  ...index$3,
-  ...index$4,
-  ...index$5,
-  ...index$6,
-  ...index$7,
-  ...index$8,
-  ...index$9,
+  ...index$b,
   ...index$a,
-  ...index$b
+  ...index$9,
+  ...index$8,
+  ...index$7,
+  ...index$6,
+  ...index$5,
+  ...index$4,
+  ...index$3,
+  ...index$2,
+  ...index$1,
+  ...index
 }, {
   // Action
   car: { fit: "width" },

package/dist/foundation/iconography/icons.js

@@ -1,16 +1,16 @@
 "use client";
-import * as index from "./svg/action/index.js";
-import * as index$1 from "./svg/communication/index.js";
-import * as index$2 from "./svg/content/index.js";
-import * as index$3 from "./svg/device/index.js";
-import * as index$4 from "./svg/file/index.js";
-import * as index$5 from "./svg/map/index.js";
-import * as index$6 from "./svg/navigation/index.js";
-import * as index$7 from "./svg/notifications/index.js";
-import * as index$b from "./svg/search/index.js";
-import * as index$8 from "./svg/social/index.js";
-import * as index$9 from "./svg/toggle/index.js";
-import * as index$a from "./svg/validation/index.js";
+import * as index$b from "./svg/action/index.js";
+import * as index$a from "./svg/communication/index.js";
+import * as index$9 from "./svg/content/index.js";
+import * as index$8 from "./svg/device/index.js";
+import * as index$7 from "./svg/file/index.js";
+import * as index$6 from "./svg/map/index.js";
+import * as index$5 from "./svg/navigation/index.js";
+import * as index$4 from "./svg/notifications/index.js";
+import * as index from "./svg/search/index.js";
+import * as index$3 from "./svg/social/index.js";
+import * as index$2 from "./svg/toggle/index.js";
+import * as index$1 from "./svg/validation/index.js";
 function mergeIconsAndOptions(inputIcons, options) {
   const initial = {};
   return Object.entries(inputIcons).reduce((results, [icon, spec]) => ({
@@ -33,18 +33,18 @@ function defineIcons(icons2) {
   return result;
 }
 const icons = defineIcons(mergeIconsAndOptions({
-  ...index,
-  ...index$1,
-  ...index$2,
-  ...index$3,
-  ...index$4,
-  ...index$5,
-  ...index$6,
-  ...index$7,
-  ...index$8,
-  ...index$9,
+  ...index$b,
   ...index$a,
-  ...index$b
+  ...index$9,
+  ...index$8,
+  ...index$7,
+  ...index$6,
+  ...index$5,
+  ...index$4,
+  ...index$3,
+  ...index$2,
+  ...index$1,
+  ...index
 }, {
   // Action
   car: { fit: "width" },

package/dist/foundation/logos/Logo.js

@@ -2,7 +2,7 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import { logos } from "./logos.js";
 import classNames from "classnames";
-import { logoVariant, svgVariant } from "./Logo.css.js";
+import { svgVariant, logoVariant } from "./Logo.css.js";
 const logoTitles = {
   bilhold: "Bilhold",
   mollerbil: "Møller Bil",

package/dist/utilities/forms/formInputs.js

@@ -1,5 +1,5 @@
 "use client";
-import { FormTextField, FormTextArea, FormCheckbox, FormSingleSelect, FormMultiSelect } from "./internal/components.js";
+import { FormMultiSelect, FormSingleSelect, FormCheckbox, FormTextArea, FormTextField } from "./internal/components.js";
 function formInputs() {
   const TextField = FormTextField;
   const TextArea = FormTextArea;

package/dist/utilities/validation/validators.js

@@ -1,6 +1,6 @@
 "use client";
 import { sliceTranslate } from "../../translations/index.js";
-import { VALID_ADDRESS, VALID_DIGITS, VALID_EMAIL, VALID_NAME, VALID_FIRST_CELL_PHONE_DIGIT, REG_NO_FULL_PATTERN, REG_NO_FULL_LENGTH } from "./regex.js";
+import { VALID_ADDRESS, VALID_DIGITS, VALID_EMAIL, VALID_NAME, VALID_FIRST_CELL_PHONE_DIGIT, REG_NO_FULL_LENGTH, REG_NO_FULL_PATTERN } from "./regex.js";
 import { validation, stripWhitespace } from "./validation.js";
 import { matchesRegex, hasLength, maxLength } from "./validationSteps.js";
 const texts = sliceTranslate((t) => t.validation.errors);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gnist/design-system",
-    "version": "2.0.16",
+    "version": "2.0.18",
     "license": "UNLICENSED",
     "type": "module",
     "main": "dist/index.cjs",
@@ -48,7 +48,7 @@
     },
     "dependencies": {
         "@formkit/auto-animate": "^0.8.2",
-        "@gnist/component-utils": "3.0.3",
+        "@gnist/component-utils": "3.0.4",
         "@gnist/themes": "^2.2.5",
         "@mui/base": "^5.0.0-beta.69",
         "@vanilla-extract/css": "^1.17.1",
@@ -72,7 +72,7 @@
         "@rollup/plugin-typescript": "^12.1.2",
         "@tsconfig/node22": "^22.0.0",
         "@types/node": "^22.13.4",
-        "@types/prettier": "^2.6.1",
+        "@types/prettier": "^3.0.0",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",
         "@types/semver": "^7.5.8",
@@ -89,7 +89,7 @@
         "eslint-plugin-storybook": "^0.6.15",
         "globby": "^14.1.0",
         "madge": "^8.0.0",
-        "prettier": "^2.7.1",
+        "prettier": "^3.5.1",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "rollup-plugin-copy": "^3.5.0",
@@ -101,9 +101,9 @@
         "tsx": "^4.19.3",
         "typescript": "^5.3.3",
         "typescript-transform-paths": "^3.5.3",
-        "vite": "^5.3.2",
+        "vite": "^6.1.1",
         "vite-plugin-svgr": "^4.3.0",
-        "vite-tsconfig-paths": "^4.3.0"
+        "vite-tsconfig-paths": "^5.1.4"
     },
     "peerDependenciesMeta": {
         "@types/react": {
@@ -113,5 +113,5 @@
             "optional": true
         }
     },
-    "gitHead": "daa3a6b263a099a47556178f7a940c3151958a5e"
+    "gitHead": "37f7d6e2bdae779f3910df3408b9b1a432002323"
 }