npm - sbwb-ds - Versions diffs - 1.0.21 → 1.0.23 - Mend

sbwb-ds 1.0.21 → 1.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (717) hide show

package/src/presentation/components/atoms/ActionButton/index.tsx CHANGED Viewed

@@ -32,7 +32,7 @@ const ActionButton = ({
   onClick,
 }: ActionButtonProps) => {
   enum IconsVariant {
-    'copy' = 'ContentPasteFill1',
+    'copy' = 'ContentPasteFILL1',
     'edit' = 'Edit',
     'delete' = 'CancelFill0',
     'loading' = 'Loading',

package/src/presentation/components/atoms/Checkbox/index.tsx CHANGED Viewed

@@ -41,11 +41,11 @@ const Checkbox: React.FC<CheckboxProps> = forwardRef<
     ref
   ) => {
     const CheckboxFill1 =
-      Icons[`CheckboxFill1${size === 'Small' ? 'Ant' : 'Sm'}`];
+      Icons[`CheckBoxFill1${size === 'Small' ? 'Ant' : 'Sm'}`];
     const CheckboxLess =
       Icons[`CheckboxLess${size === 'Small' ? 'Ant' : 'Sm'}`];
     const CheckboxOutline =
-      Icons[`CheckboxOutline${size === 'Small' ? 'Ant' : 'Sm'}`];
+      Icons[`CheckBoxOutlineBlankFill0${size === 'Small' ? 'Ant' : 'Sm'}`];
     return (
       <C.CheckboxContainer width={width}>

package/src/presentation/components/atoms/Icon/Icon.stories.tsx CHANGED Viewed

@@ -34,4 +34,5 @@ Default.args = {
   iconName: 'PersonSm',
   width: '40px',
   height: '40px',
+  title: 'Ícone de pessoa',
 };

package/src/presentation/components/atoms/Icon/index.tsx CHANGED Viewed

@@ -10,16 +10,18 @@ export interface IconProps {
   onClick?: () => void;
   customStyles?: React.CSSProperties;
   title?: string;
+  ariaLabel?: string;
 }
 const Icon: FC<IconProps> = ({
   iconName,
-  width = '40px',
-  height = '40px',
-  color = 'currentColor',
+  width,
+  height,
+  color,
   onClick,
   customStyles,
   title,
+  ariaLabel,
 }) => {
   const IconSelected = Icons[iconName];
@@ -30,6 +32,7 @@ const Icon: FC<IconProps> = ({
       color={color}
       onClick={onClick}
       title={title}
+      aria-label={ariaLabel || title}
     >
       {IconSelected && <IconSelected style={customStyles} data-testid="icon" />}
     </IconWrapper>

package/src/presentation/components/atoms/Icon/styles.ts CHANGED Viewed

@@ -1,9 +1,9 @@
 import styled from 'styled-components';
 import { IconProps } from './';
-export const IconWrapper = styled.div<Omit<IconProps, 'customStyles'>>`
-  width: ${({ width }) => width};
-  height: ${({ height }) => height};
+export const IconWrapper = styled.div<
+  Omit<IconProps, 'iconName' | 'customStyles'>
+>`
   svg {
     width: ${({ width }) => width};
     height: ${({ height }) => height};

package/src/presentation/components/atoms/Modal/Modal.stories.tsx CHANGED Viewed

@@ -69,7 +69,7 @@ const commonArgs = {
   message: 'Message body',
   type: 'default',
   open: true,
-  iconType: 'InfoFillXl',
+  iconType: 'InfoFill0El',
   firstButtonProps: {
     name: 'First Button',
     variant: 'tertiary',

package/src/presentation/components/atoms/Modal/index.tsx CHANGED Viewed

@@ -90,7 +90,7 @@ const Modal: React.FC<ModalProps> = ({
                 multiple
                 data-testid="modal-upload-input"
               />
-              <C.UploadIcon $error={error} as={Icons['UploadXl']} />
+              <C.UploadIcon $error={error} as={Icons['UploadEl']} />
               <C.UploadText>
                 Arraste seu arquivo aqui, ou{' '}

package/src/presentation/components/atoms/Radio/index.tsx CHANGED Viewed

@@ -32,8 +32,10 @@ const Radio: React.FC<RadioProps> = forwardRef<
     },
     ref
   ) => {
-    const Checked = Icons[`RadioChecked${size === 'Small' ? 'Sm' : 'Md'}`];
-    const UnChecked = Icons[`RadioUnChecked${size === 'Small' ? 'Sm' : 'Md'}`];
+    const Checked =
+      Icons[`RadioButtonChecked${size === 'Small' ? 'Sm' : 'Md'}`];
+    const UnChecked =
+      Icons[`RadioButtonUnchecked${size === 'Small' ? 'Sm' : 'Md'}`];
     return (
       <C.RadioContainer width={width}>
         <C.RadioLabel

package/src/presentation/components/atoms/Tree/index.tsx CHANGED Viewed

@@ -24,7 +24,7 @@ const Tree: React.FC<Props> = ({
     <C.TreeWrapper>
       <C.Header onClick={() => setIsOpen(!isOpen)}>
         <Icon
-          iconName={isOpen ? 'DoNotDisturbOnSm' : 'AddCircleSm'}
+          iconName={isOpen ? 'DoNotDisturbOnFill0Sm' : 'AddCircleSm'}
           width="16px"
           height="16px"
         />

package/src/presentation/components/molecules/Sidebar/Sidebar.stories.tsx CHANGED Viewed

@@ -23,19 +23,19 @@ const Template = (args) => (
               {...args}
               links={[
                 {
-                  icon: 'AccountCicle',
+                  icon: 'AccountCircleFILL1',
                   label: 'Default',
                   href: '/test',
                   indicdator: true,
                 },
-                { icon: 'AccountCicle', label: 'Default', href: '/test' },
+                { icon: 'AccountCircleFILL1', label: 'Default', href: '/test' },
                 {
-                  icon: 'AccountCicle',
+                  icon: 'AccountCircleFILL1',
                   label: 'Default',
                   href: '/test',
                   indicator: true,
                 },
-                { icon: 'AccountCicle', label: 'Default', href: '/test' },
+                { icon: 'AccountCircleFILL1', label: 'Default', href: '/test' },
               ]}
             />
           </div>

package/src/presentation/components/molecules/TabBar/index.tsx CHANGED Viewed

@@ -31,7 +31,7 @@ const TabBar: React.FC<TabBarProps> = ({
   disabled = false,
 }) => {
   const { tabActive, setTabActive } = useTabBar(selectedTab);
-  const ErrorIcon = Icons[`ErrorFill${size === 'Small' ? 'Ant' : 'Sm'}`];
+  const ErrorIcon = Icons[`ErrorFill1${size === 'Small' ? 'Ant' : 'Sm'}`];
   return (
     <C.Container direction={direction} id={`tabs-${id}`} data-testid="tabbar">

package/src/main/assets/icons/extraLarge/CheckboxLess.svg DELETED Viewed

@@ -1,3 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.1154 20.6714H27.891V19.2611H12.1154V20.6714ZM9.10253 33.3338C8.41984 33.3338 7.84318 33.0985 7.37257 32.6279C6.90196 32.1573 6.66666 31.5806 6.66666 30.8979V9.10299C6.66666 8.42029 6.90196 7.84364 7.37257 7.37303C7.84318 6.90242 8.41984 6.66711 9.10253 6.66711H30.8974C31.5801 6.66711 32.1568 6.90242 32.6274 7.37303C33.098 7.84364 33.3333 8.42029 33.3333 9.10299V30.8979C33.3333 31.5806 33.098 32.1573 32.6274 32.6279C32.1568 33.0985 31.5801 33.3338 30.8974 33.3338H9.10253Z" fill="black"/>
-</svg>

package/src/main/assets/icons/large/CheckboxLess.svg DELETED Viewed

@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.69228 16.5371H22.3128V15.4089H9.69228V16.5371ZM7.28201 26.667C6.73586 26.667 6.27454 26.4788 5.89805 26.1023C5.52156 25.7258 5.33331 25.2645 5.33331 24.7183V7.28238C5.33331 6.73622 5.52156 6.2749 5.89805 5.89841C6.27454 5.52192 6.73586 5.33368 7.28201 5.33368H24.7179C25.2641 5.33368 25.7254 5.52192 26.1019 5.89841C26.4784 6.2749 26.6666 6.73622 26.6666 7.28238V24.7183C26.6666 25.2645 26.4784 25.7258 26.1019 26.1023C25.7254 26.4788 25.2641 26.667 24.7179 26.667H7.28201Z" fill="black"/>
-</svg>

package/src/main/assets/icons/medium/CheckboxLess.svg DELETED Viewed

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.5 12.5002H16.5V11.5002H7.5V12.5002ZM5.61538 20.0002C5.15513 20.0002 4.77083 19.8461 4.4625 19.5377C4.15417 19.2294 4 18.8451 4 18.3849V5.61562C4 5.15537 4.15417 4.77108 4.4625 4.46274C4.77083 4.15441 5.15513 4.00024 5.61538 4.00024H18.3846C18.8449 4.00024 19.2292 4.15441 19.5375 4.46274C19.8458 4.77108 20 5.15537 20 5.61562V18.3849C20 18.8451 19.8458 19.2294 19.5375 19.5377C19.2292 19.8461 18.8449 20.0002 18.3846 20.0002H5.61538Z" fill="black"/>
-</svg>

package/src/main/assets/icons/medium/Search.svg DELETED Viewed

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M19.4846 20.1541L13.2231 13.8926C12.7231 14.3182 12.1481 14.6477 11.4981 14.881C10.8481 15.1144 10.1949 15.231 9.53845 15.231C7.93679 15.231 6.58124 14.6766 5.47183 13.5678C4.36239 12.459 3.80768 11.1042 3.80768 9.50337C3.80768 7.90257 4.36209 6.54672 5.4709 5.43582C6.57972 4.32492 7.93453 3.76947 9.53533 3.76947C11.1361 3.76947 12.492 4.32418 13.6029 5.43359C14.7138 6.54301 15.2692 7.89856 15.2692 9.50024C15.2692 10.1951 15.1462 10.8675 14.9 11.5175C14.6539 12.1675 14.3308 12.7233 13.9308 13.1849L20.1923 19.4464L19.4846 20.1541ZM9.53845 14.231C10.8654 14.231 11.9856 13.7743 12.899 12.8608C13.8125 11.9474 14.2692 10.8272 14.2692 9.50024C14.2692 8.17333 13.8125 7.05314 12.899 6.13967C11.9856 5.2262 10.8654 4.76947 9.53845 4.76947C8.21154 4.76947 7.09134 5.2262 6.17788 6.13967C5.26443 7.05314 4.8077 8.17333 4.8077 9.50024C4.8077 10.8272 5.26443 11.9474 6.17788 12.8608C7.09134 13.7743 8.21154 14.231 9.53845 14.231Z" fill="black"/>
-</svg>

/package/src/main/assets/icons/ant/{delete_fill0.svg → delete_FILL0_wght400_GRAD0_opsz20.svg} RENAMED Viewed

File without changes

/package/src/main/assets/icons/ant/{Search.svg → search_FILL0_wght200_GRAD0_opsz20.svg} RENAMED Viewed

File without changes

/package/src/main/assets/icons/extraLarge/{delete_fill0.svg → delete_FILL0_wght400_GRAD0_opsz40.svg} RENAMED Viewed

File without changes

/package/src/main/assets/icons/large/{delete_fill0.svg → delete_FILL0_wght400_GRAD0_opsz40.svg} RENAMED Viewed

File without changes

/package/src/main/assets/icons/medium/{delete_fill0.svg → delete_FILL0_wght400_GRAD0_opsz24.svg} RENAMED Viewed

File without changes

/package/src/main/assets/icons/small/{delete_fill0.svg → delete_FILL0_wght400_GRAD0_opsz20.svg} RENAMED Viewed

File without changes