@ultraviolet/ui 1.42.0 → 1.43.0

package/dist/index.d.ts

@@ -1202,6 +1202,7 @@ type CommonProps = {
     sentiment?: SENTIMENT;
     disabled?: boolean;
     iconPosition?: 'left' | 'right';
+    iconVariant?: ComponentProps<typeof Icon>['variant'];
     fullWidth?: boolean;
     isLoading?: boolean;
     'aria-label'?: string;
@@ -1484,6 +1485,7 @@ type BulletSize = keyof typeof sizes;
 type ContentProps$1 = XOR<[
     {
         icon: ComponentProps<typeof Icon>['name'];
+        iconVariant?: ComponentProps<typeof Icon>['variant'];
     },
     {
         text: string;
@@ -1501,7 +1503,7 @@ type BulletProps = {
 /**
  * Bullet component is used to display a small icon or text with a colored background in a circle.
  */
-declare const Bullet: ({ className, sentiment, size, icon, text, tooltip, tooltipBaseId, "data-testid": dataTestId, prominence, }: BulletProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Bullet: ({ className, sentiment, size, icon, iconVariant, text, tooltip, tooltipBaseId, "data-testid": dataTestId, prominence, }: BulletProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type CardProps = {
     children: ReactNode;

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

@@ -72,6 +72,7 @@ const Bullet = ({
   sentiment = 'neutral',
   size = 'medium',
   icon,
+  iconVariant,
   text,
   tooltip,
   tooltipBaseId,
@@ -88,7 +89,8 @@ const Bullet = ({
     prominence: prominence,
     children: icon ? jsx(Icon, {
       name: icon,
-      size: "50%"
+      size: "50%",
+      variant: iconVariant
     }) : text
   })
 });

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

@@ -201,6 +201,7 @@ const Button = /*#__PURE__*/forwardRef(({
   disabled = false,
   icon,
   iconPosition = 'left',
+  iconVariant,
   fullWidth = false,
   isLoading = false,
   children,
@@ -226,7 +227,8 @@ const Button = /*#__PURE__*/forwardRef(({
   const content = jsxs(Fragment, {
     children: [!isLoading && icon ? jsx(Icon, {
       name: icon,
-      size: 16
+      size: "small",
+      variant: iconVariant
     }) : null, isLoading ? jsx(Loader, {
       active: true,
       trailColor: "transparent",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/ui",
-  "version": "1.42.0",
+  "version": "1.43.0",
   "description": "Ultraviolet UI",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {