@ultraviolet/ui 1.20.2 → 1.21.0

package/README.md

@@ -13,7 +13,7 @@ $ pnpm add @ultraviolet/ui @emotion/react @emotion/styled
 You will also need to import fonts in your project by adding:
 
 ```html
-<link href="https://fonts.cdnfonts.com/css/asap?styles=20325,20323,20320" rel="stylesheet">
+<link href="https://fonts.cdnfonts.com/css/inter?styles=29139,29137,29140" rel="stylesheet">
 <link href="https://fonts.cdnfonts.com/css/jetbrains-mono-2?styles=156604" rel="stylesheet">
 ```
 

package/dist/index.d.ts

@@ -131,6 +131,50 @@ declare const typography: {
         textDecoration: string;
         weight: string;
     };
+    captionSmallStrong: {
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        letterSpacing: string;
+        lineHeight: string;
+        paragraphSpacing: string;
+        textCase: string;
+        textDecoration: string;
+        weight: string;
+    };
+    captionSmallStronger: {
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        letterSpacing: string;
+        lineHeight: string;
+        paragraphSpacing: string;
+        textCase: string;
+        textDecoration: string;
+        weight: string;
+    };
+    captionStrong: {
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        letterSpacing: string;
+        lineHeight: string;
+        paragraphSpacing: string;
+        textCase: string;
+        textDecoration: string;
+        weight: string;
+    };
+    captionStronger: {
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        letterSpacing: string;
+        lineHeight: string;
+        paragraphSpacing: string;
+        textCase: string;
+        textDecoration: string;
+        weight: string;
+    };
     code: {
         fontFamily: string;
         fontSize: string;
@@ -175,6 +219,52 @@ declare const typography: {
         textDecoration: string;
         weight: string;
     };
+} & {
+    body: {
+        fontFamily: string;
+    };
+    bodySmall: {
+        fontFamily: string;
+    };
+    bodySmallStrong: {
+        fontFamily: string;
+    };
+    bodySmallStronger: {
+        fontFamily: string;
+    };
+    bodyStrong: {
+        fontFamily: string;
+    };
+    bodyStronger: {
+        fontFamily: string;
+    };
+    caption: {
+        fontFamily: string;
+    };
+    captionSmall: {
+        fontFamily: string;
+    };
+    captionSmallStrong: {
+        fontFamily: string;
+    };
+    captionSmallStronger: {
+        fontFamily: string;
+    };
+    captionStrong: {
+        fontFamily: string;
+    };
+    captionStronger: {
+        fontFamily: string;
+    };
+    heading: {
+        fontFamily: string;
+    };
+    headingLarge: {
+        fontFamily: string;
+    };
+    headingSmall: {
+        fontFamily: string;
+    };
 };
 type RecursivePartial<T> = {
     [P in keyof T]?: RecursivePartial<T[P]>;
@@ -193,36 +283,24 @@ declare const extendTheme: (extendedTheme: RecursivePartial<UltravioletUITheme>)
             backgroundStrong: string;
             backgroundStrongDisabled: string;
             backgroundStrongHover: string;
-            backgroundWeak: string;
-            backgroundWeakDisabled: string;
-            backgroundWeakHover: string;
             border: string;
             borderDisabled: string;
             borderHover: string;
             borderStrong: string;
             borderStrongDisabled: string;
             borderStrongHover: string;
-            borderWeak: string;
-            borderWeakDisabled: string;
-            borderWeakHover: string;
             icon: string;
             iconDisabled: string;
             iconHover: string;
             iconStrong: string;
             iconStrongDisabled: string;
             iconStrongHover: string;
-            iconWeak: string;
-            iconWeakDisabled: string;
-            iconWeakHover: string;
             text: string;
             textDisabled: string;
             textHover: string;
             textStrong: string;
             textStrongDisabled: string;
             textStrongHover: string;
-            textWeak: string;
-            textWeakDisabled: string;
-            textWeakHover: string;
         };
         info: {
             background: string;
@@ -231,36 +309,24 @@ declare const extendTheme: (extendedTheme: RecursivePartial<UltravioletUITheme>)
             backgroundStrong: string;
             backgroundStrongDisabled: string;
             backgroundStrongHover: string;
-            backgroundWeak: string;
-            backgroundWeakDisabled: string;
-            backgroundWeakHover: string;
             border: string;
             borderDisabled: string;
             borderHover: string;
             borderStrong: string;
             borderStrongDisabled: string;
             borderStrongHover: string;
-            borderWeak: string;
-            borderWeakDisabled: string;
-            borderWeakHover: string;
             icon: string;
             iconDisabled: string;
             iconHover: string;
             iconStrong: string;
             iconStrongDisabled: string;
             iconStrongHover: string;
-            iconWeak: string;
-            iconWeakDisabled: string;
-            iconWeakHover: string;
             text: string;
             textDisabled: string;
             textHover: string;
             textStrong: string;
             textStrongDisabled: string;
             textStrongHover: string;
-            textWeak: string;
-            textWeakDisabled: string;
-            textWeakHover: string;
         };
         neutral: {
             background: string;
@@ -391,36 +457,24 @@ declare const extendTheme: (extendedTheme: RecursivePartial<UltravioletUITheme>)
             backgroundStrong: string;
             backgroundStrongDisabled: string;
             backgroundStrongHover: string;
-            backgroundWeak: string;
-            backgroundWeakDisabled: string;
-            backgroundWeakHover: string;
             border: string;
             borderDisabled: string;
             borderHover: string;
             borderStrong: string;
             borderStrongDisabled: string;
             borderStrongHover: string;
-            borderWeak: string;
-            borderWeakDisabled: string;
-            borderWeakHover: string;
             icon: string;
             iconDisabled: string;
             iconHover: string;
             iconStrong: string;
             iconStrongDisabled: string;
             iconStrongHover: string;
-            iconWeak: string;
-            iconWeakDisabled: string;
-            iconWeakHover: string;
             text: string;
             textDisabled: string;
             textHover: string;
             textStrong: string;
             textStrongDisabled: string;
             textStrongHover: string;
-            textWeak: string;
-            textWeakDisabled: string;
-            textWeakHover: string;
         };
         secondary: {
             background: string;
@@ -429,36 +483,24 @@ declare const extendTheme: (extendedTheme: RecursivePartial<UltravioletUITheme>)
             backgroundStrong: string;
             backgroundStrongDisabled: string;
             backgroundStrongHover: string;
-            backgroundWeak: string;
-            backgroundWeakDisabled: string;
-            backgroundWeakHover: string;
             border: string;
             borderDisabled: string;
             borderHover: string;
             borderStrong: string;
             borderStrongDisabled: string;
             borderStrongHover: string;
-            borderWeak: string;
-            borderWeakDisabled: string;
-            borderWeakHover: string;
             icon: string;
             iconDisabled: string;
             iconHover: string;
             iconStrong: string;
             iconStrongDisabled: string;
             iconStrongHover: string;
-            iconWeak: string;
-            iconWeakDisabled: string;
-            iconWeakHover: string;
             text: string;
             textDisabled: string;
             textHover: string;
             textStrong: string;
             textStrongDisabled: string;
             textStrongHover: string;
-            textWeak: string;
-            textWeakDisabled: string;
-            textWeakHover: string;
         };
         success: {
             background: string;
@@ -467,36 +509,24 @@ declare const extendTheme: (extendedTheme: RecursivePartial<UltravioletUITheme>)
             backgroundStrong: string;
             backgroundStrongDisabled: string;
             backgroundStrongHover: string;
-            backgroundWeak: string;
-            backgroundWeakDisabled: string;
-            backgroundWeakHover: string;
             border: string;
             borderDisabled: string;
             borderHover: string;
             borderStrong: string;
             borderStrongDisabled: string;
             borderStrongHover: string;
-            borderWeak: string;
-            borderWeakDisabled: string;
-            borderWeakHover: string;
             icon: string;
             iconDisabled: string;
             iconHover: string;
             iconStrong: string;
             iconStrongDisabled: string;
             iconStrongHover: string;
-            iconWeak: string;
-            iconWeakDisabled: string;
-            iconWeakHover: string;
             text: string;
             textDisabled: string;
             textHover: string;
             textStrong: string;
             textStrongDisabled: string;
             textStrongHover: string;
-            textWeak: string;
-            textWeakDisabled: string;
-            textWeakHover: string;
         };
         warning: {
             background: string;
@@ -505,33 +535,106 @@ declare const extendTheme: (extendedTheme: RecursivePartial<UltravioletUITheme>)
             backgroundStrong: string;
             backgroundStrongDisabled: string;
             backgroundStrongHover: string;
-            backgroundWeak: string;
-            backgroundWeakDisabled: string;
-            backgroundWeakHover: string;
             border: string;
             borderDisabled: string;
             borderHover: string;
             borderStrong: string;
             borderStrongDisabled: string;
             borderStrongHover: string;
-            borderWeak: string;
-            borderWeakDisabled: string;
-            borderWeakHover: string;
             icon: string;
             iconDisabled: string;
             iconHover: string;
             iconStrong: string;
             iconStrongDisabled: string;
             iconStrongHover: string;
-            iconWeak: string;
-            iconWeakDisabled: string;
-            iconWeakHover: string;
             text: string;
             textDisabled: string;
             textHover: string;
             textStrong: string;
             textStrongDisabled: string;
             textStrongHover: string;
+        };
+    } & {
+        danger: {
+            backgroundWeak: string;
+            backgroundWeakDisabled: string;
+            backgroundWeakHover: string;
+            borderWeak: string;
+            borderWeakDisabled: string;
+            borderWeakHover: string;
+            iconWeak: string;
+            iconWeakDisabled: string;
+            iconWeakHover: string;
+            textWeak: string;
+            textWeakDisabled: string;
+            textWeakHover: string;
+        };
+        info: {
+            backgroundWeak: string;
+            backgroundWeakDisabled: string;
+            backgroundWeakHover: string;
+            borderWeak: string;
+            borderWeakDisabled: string;
+            borderWeakHover: string;
+            iconWeak: string;
+            iconWeakDisabled: string;
+            iconWeakHover: string;
+            textWeak: string;
+            textWeakDisabled: string;
+            textWeakHover: string;
+        };
+        primary: {
+            backgroundWeak: string;
+            backgroundWeakDisabled: string;
+            backgroundWeakHover: string;
+            borderWeak: string;
+            borderWeakDisabled: string;
+            borderWeakHover: string;
+            iconWeak: string;
+            iconWeakDisabled: string;
+            iconWeakHover: string;
+            textWeak: string;
+            textWeakDisabled: string;
+            textWeakHover: string;
+        };
+        secondary: {
+            backgroundWeak: string;
+            backgroundWeakDisabled: string;
+            backgroundWeakHover: string;
+            borderWeak: string;
+            borderWeakDisabled: string;
+            borderWeakHover: string;
+            iconWeak: string;
+            iconWeakDisabled: string;
+            iconWeakHover: string;
+            textWeak: string;
+            textWeakDisabled: string;
+            textWeakHover: string;
+        };
+        success: {
+            backgroundWeak: string;
+            backgroundWeakDisabled: string;
+            backgroundWeakHover: string;
+            borderWeak: string;
+            borderWeakDisabled: string;
+            borderWeakHover: string;
+            iconWeak: string;
+            iconWeakDisabled: string;
+            iconWeakHover: string;
+            textWeak: string;
+            textWeakDisabled: string;
+            textWeakHover: string;
+        };
+        warning: {
+            backgroundWeak: string;
+            backgroundWeakDisabled: string;
+            backgroundWeakHover: string;
+            borderWeak: string;
+            borderWeakDisabled: string;
+            borderWeakHover: string;
+            iconWeak: string;
+            iconWeakDisabled: string;
+            iconWeakHover: string;
             textWeak: string;
             textWeakDisabled: string;
             textWeakHover: string;
@@ -677,6 +780,50 @@ declare const extendTheme: (extendedTheme: RecursivePartial<UltravioletUITheme>)
             textDecoration: string;
             weight: string;
         };
+        captionSmallStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        captionSmallStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        captionStrong: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
+        captionStronger: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+            paragraphSpacing: string;
+            textCase: string;
+            textDecoration: string;
+            weight: string;
+        };
         code: {
             fontFamily: string;
             fontSize: string;
@@ -721,6 +868,52 @@ declare const extendTheme: (extendedTheme: RecursivePartial<UltravioletUITheme>)
             textDecoration: string;
             weight: string;
         };
+    } & {
+        body: {
+            fontFamily: string;
+        };
+        bodySmall: {
+            fontFamily: string;
+        };
+        bodySmallStrong: {
+            fontFamily: string;
+        };
+        bodySmallStronger: {
+            fontFamily: string;
+        };
+        bodyStrong: {
+            fontFamily: string;
+        };
+        bodyStronger: {
+            fontFamily: string;
+        };
+        caption: {
+            fontFamily: string;
+        };
+        captionSmall: {
+            fontFamily: string;
+        };
+        captionSmallStrong: {
+            fontFamily: string;
+        };
+        captionSmallStronger: {
+            fontFamily: string;
+        };
+        captionStrong: {
+            fontFamily: string;
+        };
+        captionStronger: {
+            fontFamily: string;
+        };
+        heading: {
+            fontFamily: string;
+        };
+        headingLarge: {
+            fontFamily: string;
+        };
+        headingSmall: {
+            fontFamily: string;
+        };
     };
     screens: {
         xsmall: number;

package/dist/src/components/Button/index.js

@@ -133,13 +133,13 @@ const StyledOutlinedButton = /*#__PURE__*/_styled('button', {
     theme,
     sentiment
   } = _ref5;
-  return theme.colors[sentiment][sentiment === 'neutral' ? 'borderStrong' : 'borderWeak'];
+  return theme.colors[sentiment][sentiment === 'neutral' ? 'borderStrong' : 'border'];
 }, ";color:", _ref6 => {
   let {
     theme,
     sentiment
   } = _ref6;
-  return theme.colors[sentiment][sentiment === 'neutral' ? 'text' : 'textWeak'];
+  return theme.colors[sentiment].text;
 }, ";", _ref7 => {
   let {
     theme,
@@ -148,16 +148,16 @@ const StyledOutlinedButton = /*#__PURE__*/_styled('button', {
   } = _ref7;
   return disabled ? `
         color:
-          ${theme.colors[sentiment][sentiment === 'neutral' ? 'textDisabled' : 'textWeakDisabled']};
-        border: 1px solid ${theme.colors[sentiment][sentiment === 'neutral' ? 'borderStrongDisabled' : 'borderWeakDisabled']};
+          ${theme.colors[sentiment].textDisabled};
+        border: 1px solid ${theme.colors[sentiment][sentiment === 'neutral' ? 'borderStrongDisabled' : 'borderDisabled']};
 
     ` : `
         &:hover, &:active
        {
             background: ${theme.colors[sentiment].backgroundHover};
             color:
-            ${theme.colors[sentiment][sentiment === 'neutral' ? 'textHover' : 'textWeakHover']};
-            border: 1px solid ${theme.colors[sentiment][sentiment === 'neutral' ? 'borderStrongHover' : 'borderWeakHover']};
+            ${theme.colors[sentiment].textHover};
+            border: 1px solid ${theme.colors[sentiment][sentiment === 'neutral' ? 'borderStrongHover' : 'borderHover']};
 
         }
 `;
@@ -170,7 +170,7 @@ const StyledGhostButton = /*#__PURE__*/_styled('button', {
     theme,
     sentiment
   } = _ref8;
-  return theme.colors[sentiment][sentiment === 'neutral' ? 'text' : 'textWeak'];
+  return theme.colors[sentiment].text;
 }, ";", _ref9 => {
   let {
     theme,
@@ -179,13 +179,13 @@ const StyledGhostButton = /*#__PURE__*/_styled('button', {
   } = _ref9;
   return disabled ? `
         color:
-          ${theme.colors[sentiment][sentiment === 'neutral' ? 'textDisabled' : 'textWeakDisabled']};
+          ${theme.colors[sentiment].textDisabled};
       ` : `
         &:hover, &:active
         {
             background: ${theme.colors[sentiment].backgroundHover};
             color:
-              ${theme.colors[sentiment][sentiment === 'neutral' ? 'textHover' : 'textWeakHover']};
+              ${theme.colors[sentiment].textHover};
         }
 `;
 }, ";");

package/dist/src/components/Loader/index.js

@@ -83,7 +83,7 @@ const Loader = _ref4 => {
       r: circleRadius,
       fill: "none",
       strokeWidth: strokeWidth,
-      stroke: theme.colors[trailColor]?.borderWeak || trailColor
+      stroke: theme.colors[trailColor]?.border || trailColor
     }), jsx("circle", {
       css: _ref,
       cx: HALF_VIEWBOX_WIDTH,

package/dist/src/components/PieChart/Legends.js

@@ -39,7 +39,7 @@ const ListItem = /*#__PURE__*/_styled("li", {
     isFocused,
     theme
   } = _ref2;
-  return isFocused ? theme.colors.primary.textWeak : theme.colors.neutral.text;
+  return isFocused ? theme.colors.primary.text : theme.colors.neutral.text;
 }, ";");
 const Bullet = /*#__PURE__*/_styled("div", {
   target: "e12qyakg6"
@@ -114,7 +114,7 @@ const ProgressiveLine = /*#__PURE__*/_styled("span", {
   let {
     theme
   } = _ref10;
-  return theme.colors.primary.borderWeak;
+  return theme.colors.primary.border;
 }, ";position:absolute;left:0;top:0;bottom:-1px;transition:width 500ms ease;width:", _ref11 => {
   let {
     isFocused

package/dist/src/components/SelectInput/index.js

@@ -37,7 +37,7 @@ const getPlaceholderColor = _ref3 => {
     theme
   } = _ref3;
   if (state.isDisabled) return theme.colors.neutral.textDisabled;
-  if (error) return theme.colors.danger.textWeak;
+  if (error) return theme.colors.danger.text;
   return theme.colors.neutral.textWeak;
 };
 const getOptionColor = _ref4 => {

package/dist/src/components/SelectableCard/index.js

@@ -75,7 +75,7 @@ const StyledElement = /*#__PURE__*/_styled('div', {
   let {
     theme
   } = _ref13;
-  return theme.colors.primary.textWeak;
+  return theme.colors.primary.text;
 }, ";}&[data-error='true']{color:", _ref14 => {
   let {
     theme

package/dist/src/components/SwitchButton/index.js

@@ -54,7 +54,7 @@ const StyledSelectableCard = /*#__PURE__*/_styled(SelectableCard, {
   let {
     theme
   } = _ref9;
-  return theme.colors.primary.textWeak;
+  return theme.colors.primary.text;
 }, ";}}");
 /**
  * SwitchButton is a component that allows the user to select between two options.

package/dist/src/components/Tabs/Tab.js

@@ -80,7 +80,7 @@ const StyledTabButton = /*#__PURE__*/_styled('button', {
   let {
     theme
   } = _ref13;
-  return theme.colors.primary.borderWeak;
+  return theme.colors.primary.border;
 }, ";}&[aria-disabled='false']:not(:disabled){&:hover,&:focus,&:active{outline:none;color:", _ref14 => {
   let {
     theme
@@ -90,7 +90,7 @@ const StyledTabButton = /*#__PURE__*/_styled('button', {
   let {
     theme
   } = _ref15;
-  return theme.colors.primary.borderWeak;
+  return theme.colors.primary.border;
 }, ";&[data-is-selected='false']{", StyledBadge, "{background-color:", _ref16 => {
   let {
     theme

package/dist/src/components/TextInput/index.js

@@ -118,7 +118,7 @@ const StyledLabel = /*#__PURE__*/_styled('label', {
       colors
     }
   } = _ref10;
-  return error && /*#__PURE__*/css("color:", colors.danger.textWeak, ";");
+  return error && /*#__PURE__*/css("color:", colors.danger.text, ";");
 }, ";");
 const StyledRelativeDiv = /*#__PURE__*/_styled("div", {
   target: "el3h3g95"
@@ -136,7 +136,7 @@ const StyledError = /*#__PURE__*/_styled("div", {
   let {
     theme
   } = _ref11;
-  return theme.colors.danger.textWeak;
+  return theme.colors.danger.text;
 }, ";padding-top:", _ref12 => {
   let {
     theme
@@ -205,7 +205,7 @@ const StyledInput = /*#__PURE__*/_styled('input', {
       colors
     }
   } = _ref21;
-  return colors.primary.borderWeakHover;
+  return colors.primary.borderHover;
 }, ";}&:focus{box-shadow:", _ref22 => {
   let {
     theme: {
@@ -219,7 +219,7 @@ const StyledInput = /*#__PURE__*/_styled('input', {
       colors
     }
   } = _ref23;
-  return colors.primary.borderWeakHover;
+  return colors.primary.borderHover;
 }, ";}", _ref24 => {
   let {
     isPlaceholderVisible
@@ -268,7 +268,7 @@ const StyledInput = /*#__PURE__*/_styled('input', {
       shadows
     }
   } = _ref29;
-  return error && `border-color: ${colors.danger.borderWeak};
+  return error && `border-color: ${colors.danger.border};
 
     &:hover,
     &:focus {
@@ -277,7 +277,7 @@ const StyledInput = /*#__PURE__*/_styled('input', {
 
     &:focus {
       box-shadow: ${shadows.focusDanger};
-      border-color: ${colors.danger.borderWeakHover};
+      border-color: ${colors.danger.borderHover};
     }`;
 }, " ", _ref30 => {
   let {
@@ -370,7 +370,9 @@ const TextInput = /*#__PURE__*/forwardRef((_ref34, ref) => {
     valid,
     value,
     wrap,
-    inputProps
+    inputProps,
+    min,
+    max
   } = _ref34;
   const controlRef = useRef(null);
   const [visited, setVisited] = useState(false);
@@ -494,6 +496,8 @@ const TextInput = /*#__PURE__*/forwardRef((_ref34, ref) => {
         type: getType(),
         value: value,
         wrap: wrap,
+        min: min,
+        max: max,
         ...inputProps
       }), hasLabel && jsx(StyledLabel, {
         edit: !!edit,

package/dist/src/components/VerificationCode/index.js

@@ -14,13 +14,13 @@ const StyledInput = /*#__PURE__*/_styled("input", {
     'aria-invalid': error,
     theme
   } = _ref2;
-  return error ? theme.colors.danger.borderWeak : theme.colors.neutral.border;
+  return error ? theme.colors.danger.border : theme.colors.neutral.border;
 }, ";font-size:24px;color:", _ref3 => {
   let {
     'aria-invalid': error,
     theme
   } = _ref3;
-  return error ? theme.colors.danger.textWeak : theme.colors.neutral.text;
+  return error ? theme.colors.danger.text : theme.colors.neutral.text;
 }, ";text-align:center;border-radius:", _ref4 => {
   let {
     theme

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/ui",
-  "version": "1.20.2",
+  "version": "1.21.0",
   "description": "Ultraviolet UI",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -43,9 +43,9 @@
     "@emotion/babel-plugin": "11.11.0",
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
-    "@types/react": "18.2.28",
-    "@types/react-datepicker": "4.15.2",
-    "@types/react-dom": "18.2.13",
+    "@types/react": "18.2.31",
+    "@types/react-datepicker": "4.19.0",
+    "@types/react-dom": "18.2.14",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
@@ -66,8 +66,8 @@
     "react-toastify": "9.1.3",
     "react-use-clipboard": "1.0.9",
     "reakit": "1.3.11",
-    "@ultraviolet/themes": "1.2.1",
-    "@ultraviolet/icons": "2.4.1"
+    "@ultraviolet/themes": "1.3.0",
+    "@ultraviolet/icons": "2.4.2"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.mjs"