agroptima-design-system 1.2.29 → 1.2.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agroptima-design-system",
-  "version": "1.2.29",
+  "version": "1.2.30",
   "scripts": {
     "dev": "npm run storybook",
     "storybook": "storybook dev -p 6006 --ci",

package/src/atoms/Button/BaseButton.tsx

@@ -13,8 +13,7 @@ type HtmlButtonProps = ButtonHTMLAttributes<HTMLButtonElement>
 type AnchorProps = AnchorHTMLAttributes<HTMLAnchorElement> & LinkProps
 
 export type BaseButtonProps =
-  | (HtmlButtonProps & CommonProps)
-  | (AnchorProps & CommonProps)
+  (HtmlButtonProps & CommonProps) | (AnchorProps & CommonProps)
 
 const hasHref = (
   props: HtmlButtonProps | AnchorProps,

package/src/atoms/Icon.tsx

@@ -1,6 +1,6 @@
 import './Icon.scss'
 import type { ReactNode } from 'react'
-import * as icons from '../icons'
+import { icons } from '../icons'
 import { classNames } from '../utils/classNames'
 export type IconType = keyof typeof icons
 
@@ -33,10 +33,12 @@ export const Icon: React.FC<IconProps> = ({
     rotate: name === 'Loading',
   })
 
+  const IconComponent = icons[name]
+
   if (decorative) {
     return (
       <span aria-hidden="true" className={cssClasses}>
-        {icons[name](props) as ReactNode}
+        {IconComponent ? ((<IconComponent {...props} />) as ReactNode) : null}
       </span>
     )
   }
@@ -48,7 +50,7 @@ export const Icon: React.FC<IconProps> = ({
       title={accessibilityLabel || name}
       className={cssClasses}
     >
-      {icons[name](props) as ReactNode}
+      {IconComponent ? ((<IconComponent {...props} />) as ReactNode) : null}
     </span>
   )
 }

package/src/atoms/Modal/Modal.tsx

@@ -13,12 +13,7 @@ import {
 } from '.'
 
 export type Variant =
-  | 'info'
-  | 'success'
-  | 'warning'
-  | 'error'
-  | 'discard'
-  | 'details'
+  'info' | 'success' | 'warning' | 'error' | 'discard' | 'details'
 
 export interface ModalProps {
   id: string

package/src/icons/index.tsx

@@ -73,7 +73,7 @@ import UserMenu from './user-menu.svg'
 import ValidateInvoice from './validate-invoice.svg'
 import Warning from './warning.svg'
 
-export {
+export const icons = {
   Add,
   AddCircle,
   AngleDown,
@@ -148,4 +148,4 @@ export {
   UserMenu,
   ValidateInvoice,
   Warning,
-}
+} as const

package/src/stories/Changelog.mdx

@@ -4,6 +4,10 @@ import { Meta } from "@storybook/addon-docs/blocks";
 
 # Changelog
 
+## 1.2.30
+
+* Fix Webpack icons exports bug
+
 ## 1.2.29
 
 * Fix Collapsible styles not updating when closing a default-open collapsible

package/src/stories/Icons.mdx

@@ -1,5 +1,5 @@
 import { Meta, Title, IconGallery, IconItem } from '@storybook/addon-docs/blocks'
-import * as Icons from '../icons'
+import { icons } from '../icons'
 
 <Meta title="Design System/Styles/Icons" tags={['Styles', 'Documentation','!Components']} />
 
@@ -11,7 +11,7 @@ import * as Icons from '../icons'
 
 <IconGallery>
   {
-    Object.values(Icons).map((Icon) => {
+    Object.values(icons).map((Icon) => {
       return(
         <IconItem name={Icon['name'].substring(3)}>
           <Icon />