@popsure/dirty-swan 0.62.3 → 0.63.0

package/dist/esm/components/input/radio/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/input/radio/index.stories.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Radio, RadioProps } from '.';\nimport { images } from '../../../util/images';\n\nconst story = {\n  title: 'JSX/Inputs/Radio',\n  component: Radio,\n  argTypes: {\n    options: {\n      description:\n        'Object that contains the possible options for rendering in the input.',\n    },\n    value: {\n      description: 'Current checked values.',\n    },\n    fieldLegend: {\n      description:\n        'Property that describes the purpose of a group of radio buttons, read aloud by screen readers to provide context.',\n    },\n    groupName: {\n      description:\n        'Property passed to each radio button. Informs the browser that the radio buttons belong to the same group, so only one can be selected',\n    },\n    onChange: {\n      description: 'Function called everytime a value changes.',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    wide: {\n      description:\n        'Property that defines if options should fill 100% of available horizontal space',\n    },\n    inlineLayout: {\n      description:\n        'Property that defines if options should show inline instead of block. Check inline radio options story for examples.',\n    },\n    inlineIcon: {\n      description:\n        'Property that defines if options should show inline with icon',\n    },\n    classNames: {\n      description: 'ClassNames for custom styling',\n    },\n    bordered: {\n      description: 'Property that defines if option should show with border',\n    },\n    disabled: {\n      description:\n        'Property that defines if the input and corresponding label are disabled and not clickable',\n    },\n  },\n  args: {\n    options: {\n      CAT: {\n        title: 'Cat',\n        description: 'At least 1',\n      },\n      DOG: {\n        title: 'Dog',\n        description: 'At least 2',\n      },\n      NONE: {\n        title: 'None',\n        description: 'No pets',\n      },\n    },\n    fieldLegend: 'Owned pets',\n    groupName: 'Pets',\n    value: '',\n    wide: false,\n    classNames: {\n      container: '',\n      label: '',\n      option: '',\n    },\n    bordered: true,\n    inlineLayout: false,\n    inlineIcon: false,\n    disabled: false,\n  },\n};\n\nexport const RadioStory = {\n  render: ({\n    onChange,\n    options,\n    wide,\n    classNames,\n    inlineLayout,\n    bordered,\n    disabled,\n    fieldLegend,\n    groupName,\n  }: RadioProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string>();\n\n    const handleOnChange = (newValue: string) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Radio\n        wide={wide}\n        options={options}\n        onChange={handleOnChange}\n        value={checkedValues}\n        classNames={classNames}\n        inlineLayout={inlineLayout}\n        bordered={bordered}\n        disabled={disabled}\n        fieldLegend={fieldLegend}\n        groupName={groupName}\n      />\n    );\n  },\n\n  name: 'Radio',\n};\n\nexport const RadioWithCustomWrapperStyles = {\n  render: ({ onChange }: RadioProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string>();\n\n    const handleOnChange = (newValue: string) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Radio\n        onChange={handleOnChange}\n        value={checkedValues}\n        options={{\n          CAT1: 'Cat',\n          DOG1: 'Dog',\n        }}\n        classNames={{ container: 'p32 bg-purple-500 br24 bs-lg' }}\n      />\n    );\n  },\n};\n\nexport const RadioWithCustomOptionStyles = {\n  render: ({ onChange }: RadioProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string>();\n\n    const handleOnChange = (newValue: string) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Radio\n        onChange={handleOnChange}\n        value={checkedValues}\n        options={{\n          CAT2: 'Cat',\n          DOG2: 'Dog',\n        }}\n        classNames={{ option: 'mb32 p24 bg-green-100 br12 bs-lg' }}\n      />\n    );\n  },\n};\n\nexport const RadioWithCustomLabelStyles = {\n  render: ({ onChange }: RadioProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string>();\n\n    const handleOnChange = (newValue: string) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Radio\n        onChange={handleOnChange}\n        value={checkedValues}\n        options={{\n          CAT3: 'Cat',\n          DOG3: 'Dog',\n        }}\n        classNames={{ label: 'bg-neutral-900 tc-white' }}\n      />\n    );\n  },\n};\n\nexport const RadioWithInlineLayout = {\n  render: ({ onChange }: RadioProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string>();\n\n    const handleOnChange = (newValue: string) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Radio\n        onChange={handleOnChange}\n        value={checkedValues}\n        options={{\n          CAT4: 'Cat',\n          DOG4: 'Dog',\n          FISHER: 'Fish',\n          RABBIT: 'Rabbit',\n          RAT: 'Rat',\n          ANOTHER: 'Other',\n        }}\n        classNames={{ option: 'w30' }}\n        inlineLayout\n        wide\n      />\n    );\n  },\n};\n\nexport const RadioWithCustomLabel = {\n  render: ({\n    onChange,\n    wide,\n    classNames,\n    inlineLayout,\n  }: RadioProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string>();\n\n    const handleOnChange = (newValue: string) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Radio\n        options={{\n          BIGDOG: {\n            icon: () => <img src={images.bigDog} alt=\"\" />,\n            title: 'Dog',\n          },\n          FISH: {\n            icon: () => <img src={images.brokenAquarium} alt=\"\" />,\n            title: 'Fish',\n          },\n          OTHER: {\n            icon: () => <img src={images.brokenGlass} alt=\"\" />,\n            title: 'Other',\n          },\n        }}\n        onChange={handleOnChange}\n        value={checkedValues}\n        classNames={{ option: 'w30' }}\n        inlineLayout\n      />\n    );\n  },\n};\n\nexport const RadioWithCustomLabelInline = {\n  render: ({\n    onChange,\n    wide,\n    classNames,\n    inlineLayout,\n  }: RadioProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string>();\n\n    const handleOnChange = (newValue: string) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Radio\n        options={{\n          BIGDOG: {\n            icon: () => <img src={images.bigDog} alt=\"\" />,\n            title: 'Dog',\n          },\n          FISH: {\n            icon: () => <img src={images.brokenAquarium} alt=\"\" />,\n            title: 'Fish',\n          },\n          OTHER: {\n            icon: () => <img src={images.brokenGlass} alt=\"\" />,\n            title: 'Other',\n          },\n        }}\n        onChange={handleOnChange}\n        inlineIcon\n        value={checkedValues}\n        classNames={{ option: 'w30' }}\n        inlineLayout\n      />\n    );\n  },\n};\n\nexport const RadioIconOnly = {\n  render: ({ onChange }: RadioProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string>();\n\n    const handleOnChange = (newValue: string) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Radio\n        options={{ NOTHING: '' }}\n        onChange={handleOnChange}\n        classNames={{ label: 'jc-start' }}\n        value={checkedValues}\n        bordered={false}\n      />\n    );\n  },\n};\n\nexport default story;\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/input/radio/index.stories.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Radio, RadioProps } from '.';\nimport { images } from '../../../util/images';\n\nconst story = {\n  title: 'JSX/Inputs/Radio',\n  component: Radio,\n  argTypes: {\n    options: {\n      description:\n        'Object that contains the possible options for rendering in the input.',\n    },\n    value: {\n      description: 'Current checked values.',\n    },\n    onChange: {\n      description: 'Function called everytime a value changes.',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    wide: {\n      description:\n        'Property that defines if options should fill 100% of available horizontal space',\n    },\n    inlineLayout: {\n      description:\n        'Property that defines if options should show inline instead of block. Check inline radio options story for examples.',\n    },\n    inlineIcon: {\n      description: 'Property that defines if options should show inline with icon',\n    },\n    classNames: {\n      description: 'ClassNames for custom styling',\n    },\n    bordered: {\n      description: 'Property that defines if option should show with border',\n    },\n    disabled: {\n      description:\n        'Property that defines if the input and corresponding label are disabled and not clickable',\n    },\n  },\n  args: {\n    options: {\n      CAT: {\n        title: 'Cat',\n        description: 'At least 1',\n      },\n      DOG: {\n        title: 'Dog',\n        description: 'At least 2',\n      },\n      NONE: {\n        title: 'None',\n        description: 'No pets',\n      },\n    },\n    value: '',\n    wide: false,\n    classNames: {\n      container: '',\n      label: '',\n      option: '',\n    },\n    bordered: true,\n    inlineLayout: false,\n    inlineIcon: false,\n    disabled: false,\n  }\n};\n\nexport const RadioStory = ({\n  onChange,\n  options,\n  wide,\n  classNames,\n  inlineLayout,\n  bordered,\n  disabled,\n}: RadioProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string>();\n\n  const handleOnChange = (newValue: string) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  };\n\n  return (\n    <Radio\n      wide={wide}\n      options={options}\n      onChange={handleOnChange}\n      value={checkedValues}\n      classNames={classNames}\n      inlineLayout={inlineLayout}\n      bordered={bordered}\n      disabled={disabled}\n    />\n  );\n};\n\nexport const RadioWithCustomWrapperStyles = ({\n  onChange,\n}: RadioProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string>();\n\n  const handleOnChange = (newValue: string) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  };\n\n  return (\n    <Radio\n      onChange={handleOnChange}\n      value={checkedValues}\n      options={{\n        CAT1: 'Cat',\n        DOG1: 'Dog',\n      }}\n      classNames={{ container: 'p32 bg-primary-300 br24 bs-lg' }}\n    />\n  );\n};\n\nexport const RadioWithCustomOptionStyles = ({\n  onChange,\n}: RadioProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string>();\n\n  const handleOnChange = (newValue: string) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  };\n\n  return (\n    <Radio\n      onChange={handleOnChange}\n      value={checkedValues}\n      options={{\n        CAT2: 'Cat',\n        DOG2: 'Dog',\n      }}\n      classNames={{ option: 'mb32 p24 bg-green-100 br12 bs-lg' }}\n    />\n  );\n};\n\nexport const RadioWithCustomLabelStyles = ({\n  onChange,\n}: RadioProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string>();\n\n  const handleOnChange = (newValue: string) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  };\n\n  return (\n    <Radio\n      onChange={handleOnChange}\n      value={checkedValues}\n      options={{\n        CAT3: 'Cat',\n        DOG3: 'Dog',\n      }}\n      classNames={{ label: 'bg-grey-900 tc-white' }}\n    />\n  );\n};\n\nexport const RadioWithInlineLayout = ({ onChange }: RadioProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string>();\n\n  const handleOnChange = (newValue: string) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  };\n\n  return (\n    <Radio\n      onChange={handleOnChange}\n      value={checkedValues}\n      options={{\n        CAT4: 'Cat',\n        DOG4: 'Dog',\n        FISHER: 'Fish',\n        RABBIT: 'Rabbit',\n        RAT: 'Rat',\n        ANOTHER: 'Other',\n      }}\n      classNames={{ option: 'w30' }}\n      inlineLayout\n      wide\n    />\n  );\n};\n\nexport const RadioWithCustomLabel = ({\n  onChange,\n  wide,\n  classNames,\n  inlineLayout,\n}: RadioProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string>();\n\n  const handleOnChange = (newValue: string) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  };\n\n  return (\n    <Radio\n      options={{\n        BIGDOG: {\n          icon: () => <img src={images.bigDog} alt=\"\" />,\n          title: 'Dog',\n        },\n        FISH: {\n          icon: () => <img src={images.brokenAquarium} alt=\"\" />,\n          title: 'Fish',\n        },\n        OTHER: {\n          icon: () => <img src={images.brokenGlass} alt=\"\" />,\n          title: 'Other',\n        },\n      }}\n      onChange={handleOnChange}\n      value={checkedValues}\n      classNames={{ option: 'w30' }}\n      inlineLayout\n    />\n  );\n};\n\nexport const RadioWithCustomLabelInline = ({\n  onChange,\n  wide,\n  classNames,\n  inlineLayout,\n}: RadioProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string>();\n\n  const handleOnChange = (newValue: string) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  };\n\n  return (\n    <Radio\n      options={{\n        BIGDOG: {\n          icon: () => <img src={images.bigDog} alt=\"\" />,\n          title: 'Dog',\n        },\n        FISH: {\n          icon: () => <img src={images.brokenAquarium} alt=\"\" />,\n          title: 'Fish',\n        },\n        OTHER: {\n          icon: () => <img src={images.brokenGlass} alt=\"\" />,\n          title: 'Other',\n        },\n      }}\n      onChange={handleOnChange}\n      inlineIcon\n      value={checkedValues}\n      classNames={{ option: 'w30' }}\n      inlineLayout\n    />\n  );\n};\n\nRadioStory.storyName = 'Radio';\n\nexport const RadioIconOnly = ({ onChange }: RadioProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string>();\n\n  const handleOnChange = (newValue: string) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  };\n\n  return (\n    <Radio\n      options={{ NOTHING: '' }}\n      onChange={handleOnChange}\n      classNames={{ label: 'jc-start' }}\n      value={checkedValues}\n      bordered={false}\n    />\n  );\n};\n\nRadioStory.storyName = 'Radio';\n\nexport default story;\n"],"names":["_jsx"],"mappings":"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"}

package/dist/esm/components/input/radio/index.test.js

@@ -1,15 +1,13 @@
-import { _ as __awaiter, a as __generator } from '../../../tslib.es6-CVlKGIvp.js';
+import { c as __awaiter, d as __generator } from '../../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender } from '../../../customRender-DzdqZxUd.js';
+import { c as customRender } from '../../../customRender-d03c10b6.js';
 import { Radio } from './index.js';
-import '../../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';
-import 'util';
+import '../../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
-import '../../../index-DLQEsiym.js';
-import '../../../style-inject.es-tgCJW-Cu.js';
-import '../../../index-CNcEE5dn.js';
+import '../../../index-6ea95111.js';
+import '../../../style-inject.es-1f59c1d0.js';
 
 var mockOnChange = jest.fn();
 var setup = function (onChange, value) {
@@ -36,7 +34,7 @@ describe('Radio component', function () {
                     return [4 /*yield*/, user.click(getByTestId('radio-DOG'))];
                 case 1:
                     _b.sent();
-                    expect(mockOnChange).toHaveBeenCalledWith('DOG');
+                    expect(mockOnChange).toBeCalledWith('DOG');
                     return [2 /*return*/];
             }
         });

package/dist/esm/components/input/radio/index.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.js","sources":["../../../../../../src/lib/components/input/radio/index.test.tsx"],"sourcesContent":["import { render } from '../../../util/testUtils';\n\nimport { Radio, RadioProps } from '.';\n\nconst mockOnChange = jest.fn();\n\nconst setup = (onChange: RadioProps<string>['onChange'], value?: string) => {\n  const utils = render(\n    <Radio\n      options={{\n        CAT: 'Cat',\n        DOG: 'Dog',\n        NONE: 'None',\n      }}\n      onChange={onChange}\n      value={value}\n    />\n  );\n\n  return utils;\n};\n\ndescribe('Radio component', () => {\n  it('Should render options', () => {\n    const { getByText } = setup(mockOnChange);\n\n    expect(getByText('Cat')).toBeInTheDocument();\n    expect(getByText('Dog')).toBeInTheDocument();\n    expect(getByText('None')).toBeInTheDocument();\n  });\n\n  it('Should call onchange on selecting an option', async () => {\n    const { getByTestId, user } = setup(mockOnChange);\n\n    await user.click(getByTestId('radio-DOG'));\n\n    expect(mockOnChange).toHaveBeenCalledWith('DOG');\n  });\n\n  it('Should render checked items when value is passed', async () => {\n    const { getByTestId } = setup(mockOnChange, 'CAT');\n\n    expect(getByTestId('radio-input-CAT')).toBeChecked();\n  });\n\n  it('Should render custom description', () => {\n    const { getByText } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: 'Cat',\n            description: 'Cat description',\n          },\n        }}\n        onChange={mockOnChange}\n      />\n    );\n\n    expect(getByText('Cat description')).toBeInTheDocument();\n  });\n\n  it('Should render custom icon', () => {\n    const { getByText } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: 'Cat',\n            icon: () => 'ICON',\n          },\n        }}\n        onChange={mockOnChange}\n      />\n    );\n\n    expect(getByText('ICON')).toBeInTheDocument();\n  });\n\n  it('Should render custom icon with selected', () => {\n    const { getByText } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: 'Cat',\n            icon: (selected) => (selected ? 'SELECTED-ICON' : 'ICON'),\n          },\n        }}\n        onChange={mockOnChange}\n        value={'CAT'}\n      />\n    );\n\n    expect(getByText('SELECTED-ICON')).toBeInTheDocument();\n  });\n\n  it('Should render label text passed in HTML format', () => {\n    const { getByText } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: <p>Cat</p>,\n            description: 'Cat description',\n          },\n        }}\n        onChange={mockOnChange}\n      />\n    );\n\n    expect(getByText('Cat')).toBeInTheDocument();\n  });\n\n  it('Should disable the input', async () => {\n    const { getByTestId } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: 'Cat',\n            description: 'Cat description',\n          },\n        }}\n        onChange={mockOnChange}\n        disabled\n      />\n    );\n\n    const radioInput = getByTestId('radio-input-CAT');\n\n    expect(radioInput).toBeDisabled();\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.test.js","sources":["../../../../../../src/lib/components/input/radio/index.test.tsx"],"sourcesContent":["import { render } from '../../../util/testUtils';\n\nimport { Radio, RadioProps } from '.';\n\nconst mockOnChange = jest.fn();\n\nconst setup = (onChange: RadioProps<string>['onChange'], value?: string) => {\n  const utils = render(\n    <Radio\n      options={{\n        CAT: 'Cat',\n        DOG: 'Dog',\n        NONE: 'None',\n      }}\n      onChange={onChange}\n      value={value}\n    />\n  );\n\n  return utils;\n};\n\ndescribe('Radio component', () => {\n  it('Should render options', () => {\n    const { getByText } = setup(mockOnChange);\n\n    expect(getByText('Cat')).toBeInTheDocument();\n    expect(getByText('Dog')).toBeInTheDocument();\n    expect(getByText('None')).toBeInTheDocument();\n  });\n\n  it('Should call onchange on selecting an option', async () => {\n    const { getByTestId, user } = setup(mockOnChange);\n\n    await user.click(getByTestId('radio-DOG'));\n\n    expect(mockOnChange).toBeCalledWith('DOG');\n  });\n\n  it('Should render checked items when value is passed', async () => {\n    const { getByTestId } = setup(mockOnChange, 'CAT');\n\n    expect(getByTestId('radio-input-CAT')).toBeChecked();\n  });\n\n  it('Should render custom description', () => {\n    const { getByText } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: 'Cat',\n            description: 'Cat description',\n          },\n        }}\n        onChange={mockOnChange}\n      />\n    );\n\n    expect(getByText('Cat description')).toBeInTheDocument();\n  });\n\n  it('Should render custom icon', () => {\n    const { getByText } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: 'Cat',\n            icon: () => 'ICON',\n          },\n        }}\n        onChange={mockOnChange}\n      />\n    );\n\n    expect(getByText('ICON')).toBeInTheDocument();\n  });\n\n  it('Should render custom icon with selected', () => {\n    const { getByText } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: 'Cat',\n            icon: (selected) => (selected ? 'SELECTED-ICON' : 'ICON'),\n          },\n        }}\n        onChange={mockOnChange}\n        value={'CAT'}\n      />\n    );\n\n    expect(getByText('SELECTED-ICON')).toBeInTheDocument();\n  });\n\n  it('Should render label text passed in HTML format', () => {\n    const { getByText } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: <p>Cat</p>,\n            description: 'Cat description',\n          },\n        }}\n        onChange={mockOnChange}\n      />\n    );\n\n    expect(getByText('Cat')).toBeInTheDocument();\n  });\n\n  it('Should disable the input', async () => {\n    const { getByTestId } = render(\n      <Radio\n        options={{\n          CAT: {\n            title: 'Cat',\n            description: 'Cat description',\n          },\n        }}\n        onChange={mockOnChange}\n        disabled\n      />\n    );\n\n    const radioInput = getByTestId('radio-input-CAT');\n\n    expect(radioInput).toBeDisabled();\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}

package/dist/esm/components/input/toggle/index.js

@@ -1,10 +1,9 @@
-import { d as __spreadArray } from '../../../tslib.es6-CVlKGIvp.js';
+import { _ as __spreadArray } from '../../../tslib.es6-a39f91fc.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as classNames } from '../../../index-DLQEsiym.js';
-import { s as styleInject } from '../../../style-inject.es-tgCJW-Cu.js';
-import '../../../_commonjsHelpers-BFTU3MAI.js';
+import { c as classNames } from '../../../index-6ea95111.js';
+import { s as styleInject } from '../../../style-inject.es-1f59c1d0.js';
 
-var css_248z = ".styles-module_container__F0d5Q {\n  max-width: 100%;\n}\n\n.styles-module_toggleContainer__2yz_j {\n  position: relative;\n  width: 40px;\n  height: 12px;\n}\n\n.styles-module_label__3EAX_ {\n  align-items: center;\n}\n\n.styles-module_toggle__2sL88 {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--ds-neutral-400);\n  transition: all 0.3s ease-in-out;\n  border-radius: 100px;\n}\n.styles-module_toggle__2sL88:before {\n  position: absolute;\n  content: \"\";\n  height: 20px;\n  width: 20px;\n  left: 0;\n  bottom: -4px;\n  background: var(--ds-neutral-500);\n  transition: 0.3s ease-in-out;\n  transition-property: background-color, outline, transform;\n  outline-color: var(--ds-neutral-500);\n  border-radius: 50%;\n}\n\n.styles-module_input__2sUF3 {\n  opacity: 0;\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88 {\n  background: var(--ds-purple-400);\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88:before {\n  background: var(--ds-purple-600);\n}\n.styles-module_input__2sUF3:checked:focus-visible ~ .styles-module_toggle__2sL88:before {\n  outline: 3px solid var(--ds-purple-500);\n}\n.styles-module_input__2sUF3:disabled + .styles-module_toggle__2sL88 {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n.styles-module_input__2sUF3:focus-visible ~ .styles-module_toggle__2sL88:before {\n  outline: 3px solid var(--ds-neutral-600);\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88:before {\n  transform: translateX(20px);\n}";
+var css_248z = ".styles-module_container__F0d5Q {\n  max-width: 100%;\n}\n\n.styles-module_toggleContainer__2yz_j {\n  position: relative;\n  width: 40px;\n  height: 12px;\n}\n\n.styles-module_label__3EAX_ {\n  align-items: center;\n}\n\n.styles-module_toggle__2sL88 {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--ds-grey-400);\n  transition: all 0.3s ease-in-out;\n  border-radius: 100px;\n}\n.styles-module_toggle__2sL88:before {\n  position: absolute;\n  content: \"\";\n  height: 20px;\n  width: 20px;\n  left: 0;\n  bottom: -4px;\n  background: var(--ds-grey-500);\n  transition: 0.3s ease-in-out;\n  transition-property: background-color, outline, transform;\n  outline-color: var(--ds-purple-300);\n  border-radius: 50%;\n}\n\n.styles-module_input__2sUF3 {\n  opacity: 0;\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88 {\n  background: var(--ds-purple-100);\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88:before {\n  background: var(--ds-purple-500);\n}\n.styles-module_input__2sUF3:disabled + .styles-module_toggle__2sL88 {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n.styles-module_input__2sUF3:focus-visible ~ .styles-module_toggle__2sL88:before {\n  outline: 4px solid var(--ds-purple-300);\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88:before {\n  transform: translateX(20px);\n}";
 var styles = {"container":"styles-module_container__F0d5Q","toggleContainer":"styles-module_toggleContainer__2yz_j","label":"styles-module_label__3EAX_","toggle":"styles-module_toggle__2sL88","input":"styles-module_input__2sUF3"};
 styleInject(css_248z);
 
@@ -44,7 +43,7 @@ var Toggle = function (_a) {
             var checked = value === null || value === void 0 ? void 0 : value.includes(currentValue);
             return (jsx("div", { className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option, children: jsxs("label", { className: classNames(styles.label, classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label pr16 gap16', {
                         'p-label--bordered': bordered,
-                    }), "data-cy": "toggle-".concat(currentValue), "data-testid": "toggle-".concat(currentValue), children: [jsxs("span", { className: classNames(styles.toggleContainer, 'd-inline-block'), children: [jsx("input", { checked: checked, className: styles.input, "data-testid": "toggle-input-".concat(currentValue), onChange: function () { return handleOnChange(currentValue); }, type: "checkbox", value: currentValue, disabled: disabled }), jsx("span", { className: styles.toggle })] }), isToggleLabelObject(label) ? (jsxs("div", { children: [jsx("p", { className: "p-p", children: label.title }), jsx("span", { className: "d-block p-p p-p--small tc-neutral-700", children: label.description })] })) : label] }) }, currentValue));
+                    }), "data-cy": "toggle-".concat(currentValue), "data-testid": "toggle-".concat(currentValue), children: [jsxs("span", { className: classNames(styles.toggleContainer, 'd-inline-block'), children: [jsx("input", { checked: checked, className: styles.input, "data-testid": "toggle-input-".concat(currentValue), onChange: function () { return handleOnChange(currentValue); }, type: "checkbox", value: currentValue, disabled: disabled }), jsx("span", { className: styles.toggle })] }), isToggleLabelObject(label) ? (jsxs("div", { children: [jsx("p", { className: "p-p", children: label.title }), jsx("span", { className: "d-block p-p p-p--small tc-grey-600", children: label.description })] })) : label] }) }, currentValue));
         }) }));
 };
 

package/dist/esm/components/input/toggle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/input/toggle/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport classNames from \"classnames\";\n\nimport styles from './styles.module.scss';\nexport interface ToggleWithDescription {\n  title: ReactNode;\n  description?: string;\n}\n\nexport interface ToggleProps<ValueType extends string> {\n  options: Record<ValueType, ReactNode | ToggleWithDescription>;\n  value?: ValueType[];\n  onChange: (value: ValueType[]) => void;\n  inlineLayout?: boolean;\n  disabled?: boolean;\n  bordered?: boolean,\n  classNames?: {\n    container?: string;\n    label?: string;\n    option?: string;\n  }\n}\n\nexport const Toggle = <ValueType extends string>({\n  options,\n  value = [],\n  onChange,\n  inlineLayout = false,\n  bordered = true,\n  classNames: classNamesObj,\n  disabled,\n}: ToggleProps<ValueType> & {  }) => {\n  const hasNoneValue = Object.keys(options).includes('NONE');\n\n  const isToggleLabelObject = (\n    label: ReactNode | ToggleWithDescription\n  ): label is ToggleWithDescription => {\n    return (label as ToggleWithDescription).title !== undefined;\n  };\n\n  const handleOnChange = (newValue: ValueType) => {\n    if (value?.includes(newValue)) {\n      const filteredToggleValues = value.filter(\n        (selectedValue) => selectedValue !== newValue\n      );\n\n      onChange(filteredToggleValues);\n      return;\n    }\n\n    if (hasNoneValue && newValue === 'NONE') {\n      onChange([newValue]);\n      return;\n    }\n\n    if (hasNoneValue && newValue !== 'NONE') {\n      const newValues = value\n        ? [...value.filter((v) => v !== 'NONE'), newValue]\n        : [newValue];\n      onChange(newValues);\n      return;\n    }\n\n    const newValues = value\n      ? [...value, newValue]\n      : [newValue];\n    onChange(newValues);\n  };\n\n\n  const entries = Object.entries(options) as [\n    ValueType,\n    string | ToggleWithDescription\n  ][];\n\n  return (\n    <div\n      className={classNames(classNamesObj?.container, styles.container, 'd-flex gap8', {\n        'fd-row': inlineLayout,\n        'f-wrap': inlineLayout,\n        'fd-column': !inlineLayout,\n      })}\n    >\n      {entries.map(([currentValue, label]) => {\n        const checked = value?.includes(currentValue);\n\n        return (\n          <div className={classNamesObj?.option} key={currentValue}>\n            <label\n              className={classNames(\n                styles.label,\n                classNamesObj?.label,\n                'p-label pr16 gap16',\n                {\n                  'p-label--bordered': bordered,\n                }\n              )}\n              data-cy={`toggle-${currentValue}`}\n              data-testid={`toggle-${currentValue}`}\n            >\n              <span className={classNames(styles.toggleContainer, 'd-inline-block')}>\n                <input \n                  checked={checked}\n                  className={styles.input}\n                  data-testid={`toggle-input-${currentValue}`}\n                  onChange={() => handleOnChange(currentValue)}\n                  type=\"checkbox\" \n                  value={currentValue}\n                  disabled={disabled}\n                />\n                <span className={styles.toggle} />\n              </span>\n              \n              {isToggleLabelObject(label) ? (\n                <div>\n                  <p className=\"p-p\">{label.title}</p>\n                  <span className=\"d-block p-p p-p--small tc-neutral-700\">\n                    {label.description}\n                  </span>\n                </div>\n              ) : label}\n            </label>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/input/toggle/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport classNames from \"classnames\";\n\nimport styles from './styles.module.scss';\nexport interface ToggleWithDescription {\n  title: ReactNode;\n  description?: string;\n}\n\nexport interface ToggleProps<ValueType extends string> {\n  options: Record<ValueType, ReactNode | ToggleWithDescription>;\n  value?: ValueType[];\n  onChange: (value: ValueType[]) => void;\n  inlineLayout?: boolean;\n  disabled?: boolean;\n  bordered?: boolean,\n  classNames?: {\n    container?: string;\n    label?: string;\n    option?: string;\n  }\n}\n\nexport const Toggle = <ValueType extends string>({\n  options,\n  value = [],\n  onChange,\n  inlineLayout = false,\n  bordered = true,\n  classNames: classNamesObj,\n  disabled,\n}: ToggleProps<ValueType> & {  }) => {\n  const hasNoneValue = Object.keys(options).includes('NONE');\n\n  const isToggleLabelObject = (\n    label: ReactNode | ToggleWithDescription\n  ): label is ToggleWithDescription => {\n    return (label as ToggleWithDescription).title !== undefined;\n  };\n\n  const handleOnChange = (newValue: ValueType) => {\n    if (value?.includes(newValue)) {\n      const filteredToggleValues = value.filter(\n        (selectedValue) => selectedValue !== newValue\n      );\n\n      onChange(filteredToggleValues);\n      return;\n    }\n\n    if (hasNoneValue && newValue === 'NONE') {\n      onChange([newValue]);\n      return;\n    }\n\n    if (hasNoneValue && newValue !== 'NONE') {\n      const newValues = value\n        ? [...value.filter((v) => v !== 'NONE'), newValue]\n        : [newValue];\n      onChange(newValues);\n      return;\n    }\n\n    const newValues = value\n      ? [...value, newValue]\n      : [newValue];\n    onChange(newValues);\n  };\n\n\n  const entries = Object.entries(options) as [\n    ValueType,\n    string | ToggleWithDescription\n  ][];\n\n  return (\n    <div\n      className={classNames(classNamesObj?.container, styles.container, 'd-flex gap8', {\n        'fd-row': inlineLayout,\n        'f-wrap': inlineLayout,\n        'fd-column': !inlineLayout,\n      })}\n    >\n      {entries.map(([currentValue, label]) => {\n        const checked = value?.includes(currentValue);\n\n        return (\n          <div className={classNamesObj?.option} key={currentValue}>\n            <label\n              className={classNames(\n                styles.label,\n                classNamesObj?.label,\n                'p-label pr16 gap16',\n                {\n                  'p-label--bordered': bordered,\n                }\n              )}\n              data-cy={`toggle-${currentValue}`}\n              data-testid={`toggle-${currentValue}`}\n            >\n              <span className={classNames(styles.toggleContainer, 'd-inline-block')}>\n                <input \n                  checked={checked}\n                  className={styles.input}\n                  data-testid={`toggle-input-${currentValue}`}\n                  onChange={() => handleOnChange(currentValue)}\n                  type=\"checkbox\" \n                  value={currentValue}\n                  disabled={disabled}\n                />\n                <span className={styles.toggle} />\n              </span>\n              \n              {isToggleLabelObject(label) ? (\n                <div>\n                  <p className=\"p-p\">{label.title}</p>\n                  <span className=\"d-block p-p p-p--small tc-grey-600\">\n                    {label.description}\n                  </span>\n                </div>\n              ) : label}\n            </label>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/input/toggle/index.stories.js

@@ -1,10 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { Toggle } from './index.js';
-import '../../../tslib.es6-CVlKGIvp.js';
-import '../../../index-DLQEsiym.js';
-import '../../../_commonjsHelpers-BFTU3MAI.js';
-import '../../../style-inject.es-tgCJW-Cu.js';
+import '../../../tslib.es6-a39f91fc.js';
+import '../../../index-6ea95111.js';
+import '../../../style-inject.es-1f59c1d0.js';
 
 var story = {
     title: 'JSX/Inputs/Toggle',
@@ -20,7 +19,7 @@ var story = {
             description: 'Function called everytime a value changes.',
             action: true,
             table: {
-                category: 'Callbacks',
+                category: "Callbacks",
             },
         },
         bordered: {
@@ -40,16 +39,16 @@ var story = {
         options: {
             CAT: {
                 title: 'Cat',
-                description: 'At least 1',
+                description: 'At least 1'
             },
             DOG: {
                 title: 'Dog',
-                description: 'At least 2',
+                description: 'At least 2'
             },
             NONE: {
                 title: 'None',
-                description: 'No pets',
-            },
+                description: 'No pets'
+            }
         },
         value: [],
         bordered: true,
@@ -58,98 +57,87 @@ var story = {
         className: {
             container: '',
             label: '',
-            option: '',
-        },
-    },
+            option: ''
+        }
+    }
 };
-var ToggleStory = {
-    render: function (_a) {
-        var onChange = _a.onChange, options = _a.options, bordered = _a.bordered, classNames = _a.classNames, inlineLayout = _a.inlineLayout, disabled = _a.disabled;
-        var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
-        var handleOnChange = function (newValue) {
-            setCheckedValues(newValue);
-            onChange(newValue);
-        };
-        return (jsx(Toggle, { options: options, onChange: handleOnChange, value: checkedValues, bordered: bordered, classNames: classNames, inlineLayout: inlineLayout, disabled: disabled }));
-    },
-    name: 'Toggle',
+var ToggleStory = function (_a) {
+    var onChange = _a.onChange, options = _a.options, bordered = _a.bordered, classNames = _a.classNames, inlineLayout = _a.inlineLayout, disabled = _a.disabled;
+    var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
+    var handleOnChange = function (newValue) {
+        setCheckedValues(newValue);
+        onChange(newValue);
+    };
+    return (jsx(Toggle, { options: options, onChange: handleOnChange, value: checkedValues, bordered: bordered, classNames: classNames, inlineLayout: inlineLayout, disabled: disabled }));
 };
-var ToggleWithCustomWrapperStyles = {
-    render: function (_a) {
-        var onChange = _a.onChange;
-        var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
-        var handleOnChange = function (newValue) {
-            if (newValue === void 0) { newValue = []; }
-            setCheckedValues(newValue);
-            onChange(newValue);
-        };
-        return (jsx(Toggle, { onChange: handleOnChange, value: checkedValues, options: {
-                CAT1: 'Cat',
-                DOG1: 'Dog',
-            }, classNames: { container: 'p32 bg-purple-500 br24 bs-lg' } }));
-    },
+var ToggleWithCustomWrapperStyles = function (_a) {
+    var onChange = _a.onChange;
+    var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
+    var handleOnChange = function (newValue) {
+        if (newValue === void 0) { newValue = []; }
+        setCheckedValues(newValue);
+        onChange(newValue);
+    };
+    return (jsx(Toggle, { onChange: handleOnChange, value: checkedValues, options: {
+            CAT1: 'Cat',
+            DOG1: 'Dog',
+        }, classNames: { container: "p32 bg-primary-300 br24 bs-lg" } }));
 };
-var ToggleWithCustomOptionStyles = {
-    render: function (_a) {
-        var onChange = _a.onChange;
-        var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
-        var handleOnChange = function (newValue) {
-            if (newValue === void 0) { newValue = []; }
-            setCheckedValues(newValue);
-            onChange(newValue);
-        };
-        return (jsx(Toggle, { onChange: handleOnChange, value: checkedValues, options: {
-                CAT2: 'Cat',
-                DOG2: 'Dog',
-            }, classNames: { option: 'mb32 p24 bg-green-100 br12 bs-lg' } }));
-    },
+var ToggleWithCustomOptionStyles = function (_a) {
+    var onChange = _a.onChange;
+    var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
+    var handleOnChange = function (newValue) {
+        if (newValue === void 0) { newValue = []; }
+        setCheckedValues(newValue);
+        onChange(newValue);
+    };
+    return (jsx(Toggle, { onChange: handleOnChange, value: checkedValues, options: {
+            CAT2: 'Cat',
+            DOG2: 'Dog',
+        }, classNames: { option: "mb32 p24 bg-green-100 br12 bs-lg" } }));
 };
-var ToggleWithCustomLabelStyles = {
-    render: function (_a) {
-        var onChange = _a.onChange;
-        var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
-        var handleOnChange = function (newValue) {
-            if (newValue === void 0) { newValue = []; }
-            setCheckedValues(newValue);
-            onChange(newValue);
-        };
-        return (jsx(Toggle, { onChange: handleOnChange, value: checkedValues, options: {
-                CAT3: 'Cat',
-                DOG3: 'Dog',
-            }, classNames: { label: 'bg-neutral-900 tc-white' } }));
-    },
+var ToggleWithCustomLabelStyles = function (_a) {
+    var onChange = _a.onChange;
+    var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
+    var handleOnChange = function (newValue) {
+        if (newValue === void 0) { newValue = []; }
+        setCheckedValues(newValue);
+        onChange(newValue);
+    };
+    return (jsx(Toggle, { onChange: handleOnChange, value: checkedValues, options: {
+            CAT3: 'Cat',
+            DOG3: 'Dog',
+        }, classNames: { label: "bg-grey-900 tc-white" } }));
 };
-var ToggleWithInlineLayout = {
-    render: function (_a) {
-        var onChange = _a.onChange;
-        var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
-        var handleOnChange = function (newValue) {
-            if (newValue === void 0) { newValue = []; }
-            setCheckedValues(newValue);
-            onChange(newValue);
-        };
-        return (jsx(Toggle, { onChange: handleOnChange, value: checkedValues, options: {
-                CAT4: 'Cat',
-                DOG4: 'Dog',
-                FISHER: 'Fish',
-                RABBIT: 'Rabbit',
-                RAT: 'Rat',
-                ANOTHER: 'Other',
-            }, classNames: { option: 'w30' }, inlineLayout: true }));
-    },
+var ToggleWithInlineLayout = function (_a) {
+    var onChange = _a.onChange;
+    var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
+    var handleOnChange = function (newValue) {
+        if (newValue === void 0) { newValue = []; }
+        setCheckedValues(newValue);
+        onChange(newValue);
+    };
+    return (jsx(Toggle, { onChange: handleOnChange, value: checkedValues, options: {
+            CAT4: 'Cat',
+            DOG4: 'Dog',
+            FISHER: 'Fish',
+            RABBIT: 'Rabbit',
+            RAT: 'Rat',
+            ANOTHER: 'Other',
+        }, classNames: { option: "w30" }, inlineLayout: true }));
 };
-var ToggleIconOnly = {
-    render: function (_a) {
-        var onChange = _a.onChange;
-        var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
-        var handleOnChange = function (newValue) {
-            if (newValue === void 0) { newValue = []; }
-            setCheckedValues(newValue);
-            onChange(newValue);
-        };
-        return (jsx(Toggle, { options: { CAT: '' }, onChange: handleOnChange, value: checkedValues, bordered: false }));
-    },
+var ToggleIconOnly = function (_a) {
+    var onChange = _a.onChange;
+    var _b = useState([]), checkedValues = _b[0], setCheckedValues = _b[1];
+    var handleOnChange = function (newValue) {
+        if (newValue === void 0) { newValue = []; }
+        setCheckedValues(newValue);
+        onChange(newValue);
+    };
+    return (jsx(Toggle, { options: { CAT: '' }, onChange: handleOnChange, value: checkedValues, bordered: false }));
 };
+ToggleStory.storyName = 'Toggle';
 
-export { ToggleIconOnly, ToggleStory, ToggleWithCustomLabelStyles, ToggleWithCustomOptionStyles, ToggleWithCustomWrapperStyles, ToggleWithInlineLayout, story as default };
+export default story;
+export { ToggleIconOnly, ToggleStory, ToggleWithCustomLabelStyles, ToggleWithCustomOptionStyles, ToggleWithCustomWrapperStyles, ToggleWithInlineLayout };
 //# sourceMappingURL=index.stories.js.map

package/dist/esm/components/input/toggle/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/input/toggle/index.stories.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Toggle, ToggleProps } from '.';\n\nconst story = {\n  title: 'JSX/Inputs/Toggle',\n  component: Toggle,\n  argTypes: {\n    options: {\n      description:\n        'Object that contains the possible options for rendering in the input. To create an icon-only toggle, pass an empty string.',\n    },\n    value: {\n      description: 'Current checked values.',\n    },\n    onChange: {\n      description: 'Function called everytime a value changes.',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    bordered: {\n      description:\n        'Property that defines if checkbox should show the border around each label',\n    },\n    inlineLayout: {\n      description:\n        'Property that defines if options should show inline instead of block. Check inline checkbox options story for examples.',\n    },\n    disabled: {\n      description: 'Shows toggle on a disabled state.',\n    },\n    className: {\n      description: 'ClassNames for custom styling',\n    },\n  },\n  args: {\n    options: {\n      CAT: {\n        title: 'Cat',\n        description: 'At least 1',\n      },\n      DOG: {\n        title: 'Dog',\n        description: 'At least 2',\n      },\n      NONE: {\n        title: 'None',\n        description: 'No pets',\n      },\n    },\n    value: [],\n    bordered: true,\n    inlineLayout: false,\n    disabled: false,\n    className: {\n      container: '',\n      label: '',\n      option: '',\n    },\n  },\n};\n\nexport const ToggleStory = {\n  render: ({\n    onChange,\n    options,\n    bordered,\n    classNames,\n    inlineLayout,\n    disabled,\n  }: ToggleProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n    const handleOnChange = (newValue: string[]) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Toggle\n        options={options}\n        onChange={handleOnChange}\n        value={checkedValues}\n        bordered={bordered}\n        classNames={classNames}\n        inlineLayout={inlineLayout}\n        disabled={disabled}\n      />\n    );\n  },\n\n  name: 'Toggle',\n};\n\nexport const ToggleWithCustomWrapperStyles = {\n  render: ({ onChange }: ToggleProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n    const handleOnChange = (newValue: string[] = []) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Toggle\n        onChange={handleOnChange}\n        value={checkedValues}\n        options={{\n          CAT1: 'Cat',\n          DOG1: 'Dog',\n        }}\n        classNames={{ container: 'p32 bg-purple-500 br24 bs-lg' }}\n      />\n    );\n  },\n};\n\nexport const ToggleWithCustomOptionStyles = {\n  render: ({ onChange }: ToggleProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n    const handleOnChange = (newValue: string[] = []) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Toggle\n        onChange={handleOnChange}\n        value={checkedValues}\n        options={{\n          CAT2: 'Cat',\n          DOG2: 'Dog',\n        }}\n        classNames={{ option: 'mb32 p24 bg-green-100 br12 bs-lg' }}\n      />\n    );\n  },\n};\n\nexport const ToggleWithCustomLabelStyles = {\n  render: ({ onChange }: ToggleProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n    const handleOnChange = (newValue: string[] = []) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Toggle\n        onChange={handleOnChange}\n        value={checkedValues}\n        options={{\n          CAT3: 'Cat',\n          DOG3: 'Dog',\n        }}\n        classNames={{ label: 'bg-neutral-900 tc-white' }}\n      />\n    );\n  },\n};\n\nexport const ToggleWithInlineLayout = {\n  render: ({ onChange }: ToggleProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n    const handleOnChange = (newValue: string[] = []) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Toggle\n        onChange={handleOnChange}\n        value={checkedValues}\n        options={{\n          CAT4: 'Cat',\n          DOG4: 'Dog',\n          FISHER: 'Fish',\n          RABBIT: 'Rabbit',\n          RAT: 'Rat',\n          ANOTHER: 'Other',\n        }}\n        classNames={{ option: 'w30' }}\n        inlineLayout\n      />\n    );\n  },\n};\n\nexport const ToggleIconOnly = {\n  render: ({ onChange }: ToggleProps<string>) => {\n    const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n    const handleOnChange = (newValue: string[] = []) => {\n      setCheckedValues(newValue);\n      onChange(newValue);\n    };\n\n    return (\n      <Toggle\n        options={{ CAT: '' }}\n        onChange={handleOnChange}\n        value={checkedValues}\n        bordered={false}\n      />\n    );\n  },\n};\n\nexport default story;\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/input/toggle/index.stories.tsx"],"sourcesContent":["\nimport { useState } from 'react';\nimport { Toggle, ToggleProps } from '.';\n\nconst story = {\n  title: 'JSX/Inputs/Toggle',\n  component: Toggle,\n  argTypes: {\n    options: {\n      description: 'Object that contains the possible options for rendering in the input. To create an icon-only toggle, pass an empty string.',\n    },\n    value: {\n      description: 'Current checked values.',\n    },\n    onChange: {\n      description: 'Function called everytime a value changes.',\n      action: true,\n      table: {\n        category: \"Callbacks\",\n      },\n    },\n    bordered: {\n      description: 'Property that defines if checkbox should show the border around each label',\n    },\n    inlineLayout: {\n      description: 'Property that defines if options should show inline instead of block. Check inline checkbox options story for examples.',\n    },\n    disabled: {\n      description: 'Shows toggle on a disabled state.',\n    },\n    className: {\n      description: 'ClassNames for custom styling',\n    },\n  },\n  args: {\n    options:{\n      CAT:{\n        title: 'Cat',\n        description: 'At least 1'\n      },\n      DOG:{\n        title: 'Dog',\n        description: 'At least 2'\n      },\n      NONE:{\n        title: 'None',\n        description: 'No pets'\n      }\n    },\n    value: [],\n    bordered: true,\n    inlineLayout: false,\n    disabled: false,\n    className: {\n      container: '',\n      label: '',\n      option: ''\n    }\n  \n  }\n};\n\nexport const ToggleStory = ({ \n  onChange,\n  options,\n  bordered,\n  classNames,\n  inlineLayout,\n  disabled,\n}: ToggleProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n  const handleOnChange = (newValue: string[]) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  }\n\n  return (\n    <Toggle \n      options={options} \n      onChange={handleOnChange}\n      value={checkedValues}\n      bordered={bordered}\n      classNames={classNames}\n      inlineLayout={inlineLayout}\n      disabled={disabled}\n    />\n  );\n}\n\nexport const ToggleWithCustomWrapperStyles = ({ onChange }: ToggleProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n  const handleOnChange = (newValue: string[] = []) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  }\n\n  return (\n    <Toggle \n      onChange={handleOnChange}\n      value={checkedValues}\n      options={{\n        CAT1: 'Cat',\n        DOG1: 'Dog',\n      }} \n      classNames={{ container: \"p32 bg-primary-300 br24 bs-lg\" }}\n    />\n  );\n}\n\nexport const ToggleWithCustomOptionStyles = ({ onChange }: ToggleProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n  const handleOnChange = (newValue: string[] = []) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  }\n\n  return (\n    <Toggle \n      onChange={handleOnChange}\n      value={checkedValues}\n      options={{\n        CAT2: 'Cat',\n        DOG2: 'Dog',\n      }} \n      classNames={{ option: \"mb32 p24 bg-green-100 br12 bs-lg\" }}\n    />\n  );\n}\n\nexport const ToggleWithCustomLabelStyles = ({ onChange }: ToggleProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n  const handleOnChange = (newValue: string[] = []) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  }\n\n  return (\n    <Toggle \n      onChange={handleOnChange}\n      value={checkedValues}\n      options={{\n        CAT3: 'Cat',\n        DOG3: 'Dog',\n      }} \n      classNames={{ label: \"bg-grey-900 tc-white\" }}\n    />\n  );\n}\n\nexport const ToggleWithInlineLayout = ({ onChange }: ToggleProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n  const handleOnChange = (newValue: string[] = []) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  }\n\n  return (\n    <Toggle \n      onChange={handleOnChange}\n      value={checkedValues}\n      options={{\n        CAT4: 'Cat',\n        DOG4: 'Dog',\n        FISHER: 'Fish',\n        RABBIT: 'Rabbit',\n        RAT: 'Rat',\n        ANOTHER: 'Other',\n      }} \n      classNames={{ option: \"w30\" }}\n      inlineLayout\n    />\n  );\n}\n\nexport const ToggleIconOnly = ({ onChange }: ToggleProps<string>) => {\n  const [checkedValues, setCheckedValues] = useState<string[]>([]);\n\n  const handleOnChange = (newValue: string[] = []) => {\n    setCheckedValues(newValue);\n    onChange(newValue);\n  }\n\n  return (\n    <Toggle \n      options={{ CAT: '' }} \n      onChange={handleOnChange}\n      value={checkedValues}\n      bordered={false}\n    />\n  );\n}\n\nToggleStory.storyName = 'Toggle';\n\nexport default story;\n"],"names":["_jsx"],"mappings":"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"}

package/dist/esm/components/input/toggle/index.test.js

@@ -1,14 +1,13 @@
-import { _ as __awaiter, a as __generator } from '../../../tslib.es6-CVlKGIvp.js';
+import { c as __awaiter, d as __generator } from '../../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender } from '../../../customRender-DzdqZxUd.js';
+import { c as customRender } from '../../../customRender-d03c10b6.js';
 import { Toggle } from './index.js';
-import '../../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';
-import 'util';
+import '../../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
-import '../../../index-DLQEsiym.js';
-import '../../../style-inject.es-tgCJW-Cu.js';
+import '../../../index-6ea95111.js';
+import '../../../style-inject.es-1f59c1d0.js';
 
 var mockOnChange = jest.fn();
 var setup = function (onChange, value) {
@@ -35,7 +34,7 @@ describe('toggle component', function () {
                     return [4 /*yield*/, user.click(getByTestId('toggle-DOG'))];
                 case 1:
                     _b.sent();
-                    expect(mockOnChange).toHaveBeenCalledWith(['DOG']);
+                    expect(mockOnChange).toBeCalledWith(["DOG"]);
                     return [2 /*return*/];
             }
         });
@@ -57,7 +56,7 @@ describe('toggle component', function () {
                     return [4 /*yield*/, user.click(getByTestId('toggle-NONE'))];
                 case 1:
                     _b.sent();
-                    expect(mockOnChange).toHaveBeenCalledWith(['NONE']);
+                    expect(mockOnChange).toBeCalledWith(["NONE"]);
                     return [2 /*return*/];
             }
         });
@@ -71,7 +70,7 @@ describe('toggle component', function () {
                     return [4 /*yield*/, user.click(getByTestId('toggle-NONE'))];
                 case 1:
                     _b.sent();
-                    expect(mockOnChange).toHaveBeenCalledWith([]);
+                    expect(mockOnChange).toBeCalledWith([]);
                     return [2 /*return*/];
             }
         });
@@ -80,7 +79,7 @@ describe('toggle component', function () {
         var getByText = customRender(jsx(Toggle, { options: {
                 CAT: {
                     title: 'Cat',
-                    description: 'Cat description',
+                    description: 'Cat description'
                 },
             }, onChange: mockOnChange })).getByText;
         expect(getByText('Cat description')).toBeInTheDocument();

package/dist/esm/components/input/toggle/index.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.js","sources":["../../../../../../src/lib/components/input/toggle/index.test.tsx"],"sourcesContent":["import { render } from '../../../util/testUtils';\n\nimport { Toggle, ToggleProps } from '.';\n\nconst mockOnChange = jest.fn();\n\nconst setup = (onChange: ToggleProps<string>['onChange'], value?: string[]) => {\n  const utils = render(\n    <Toggle\n      options={{\n        CAT: 'Cat',\n        DOG: 'Dog',\n        NONE: 'None',\n      }}\n      onChange={onChange}\n      value={value}\n    />\n  );\n\n  return utils;\n};\n\ndescribe('toggle component', () => {\n  it('Should render options', () => {\n    const { getByText } = setup(mockOnChange);\n\n    expect(getByText('Cat')).toBeInTheDocument();\n    expect(getByText('Dog')).toBeInTheDocument();\n    expect(getByText('None')).toBeInTheDocument();\n  });\n\n  it('Should call onchange on selecting an option', async () => {\n    const { getByTestId, user } = setup(mockOnChange);\n\n    await user.click(getByTestId('toggle-DOG'));\n\n    expect(mockOnChange).toHaveBeenCalledWith(['DOG']);\n  });\n\n  it('Should render checked items when value is passed', async () => {\n    const { getByTestId } = setup(mockOnChange, ['CAT']);\n\n    expect(getByTestId('toggle-input-CAT')).toBeChecked();\n  });\n\n  it('Should call onchange with NONE and removing other items on selecting NONE option', async () => {\n    const { getByTestId, user } = setup(mockOnChange, ['CAT', 'DOG']);\n\n    await user.click(getByTestId('toggle-NONE'));\n\n    expect(mockOnChange).toHaveBeenCalledWith(['NONE']);\n  });\n\n  it('Should call onchange empty when removing NONE option', async () => {\n    const { getByTestId, user } = setup(mockOnChange, ['NONE']);\n\n    await user.click(getByTestId('toggle-NONE'));\n\n    expect(mockOnChange).toHaveBeenCalledWith([]);\n  });\n\n  it('Should render custom description', () => {\n    const { getByText } = render(\n      <Toggle\n        options={{\n          CAT: {\n            title: 'Cat',\n            description: 'Cat description',\n          },\n        }}\n        onChange={mockOnChange}\n      />\n    );\n\n    expect(getByText('Cat description')).toBeInTheDocument();\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.test.js","sources":["../../../../../../src/lib/components/input/toggle/index.test.tsx"],"sourcesContent":["import { render } from '../../../util/testUtils';\n\nimport { Toggle, ToggleProps } from '.';\n\nconst mockOnChange = jest.fn();\n\nconst setup = (onChange: ToggleProps<string>['onChange'], value?: string[]) => {\n  const utils = render(\n    <Toggle\n      options={{\n        CAT: 'Cat',\n        DOG: 'Dog',\n        NONE: 'None',\n      }}\n      onChange={onChange}\n      value={value}\n    />\n  );\n\n  return utils;\n};\n\ndescribe('toggle component', () => {\n  it('Should render options', () => {\n    const { getByText } = setup(mockOnChange);\n\n    expect(getByText('Cat')).toBeInTheDocument();\n    expect(getByText('Dog')).toBeInTheDocument();\n    expect(getByText('None')).toBeInTheDocument();\n  });\n\n  it('Should call onchange on selecting an option', async () => {\n    const { getByTestId, user } = setup(mockOnChange);\n\n    await user.click(getByTestId('toggle-DOG'));\n\n    expect(mockOnChange).toBeCalledWith([\"DOG\"]);\n  });\n\n  it('Should render checked items when value is passed', async () => {\n    const { getByTestId } = setup(mockOnChange, ['CAT']);\n\n    expect(getByTestId('toggle-input-CAT')).toBeChecked();\n  });\n\n  it('Should call onchange with NONE and removing other items on selecting NONE option', async () => {\n    const { getByTestId, user } = setup(mockOnChange, ['CAT', 'DOG']);\n\n    await user.click(getByTestId('toggle-NONE'));\n\n    expect(mockOnChange).toBeCalledWith([\"NONE\"]);\n  });\n\n  it('Should call onchange empty when removing NONE option', async () => {\n    const { getByTestId, user } = setup(mockOnChange, ['NONE']);\n\n    await user.click(getByTestId('toggle-NONE'));\n\n    expect(mockOnChange).toBeCalledWith([]);\n  });\n\n  it('Should render custom description', () => {\n      const { getByText } = render(\n        <Toggle\n          options={{\n            CAT: {\n              title: 'Cat',\n              description: 'Cat description'\n            },\n          }}\n          onChange={mockOnChange}\n        />\n      );\n\n    expect(getByText('Cat description')).toBeInTheDocument();\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;AAIA,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,IAAM,KAAK,GAAG,UAAC,QAAyC,EAAE,KAAgB;IACxE,IAAM,KAAK,GAAGA,YAAM,CAClBC,IAAC,MAAM,IACL,OAAO,EAAE;YACP,GAAG,EAAE,KAAK;YACV,GAAG,EAAE,KAAK;YACV,IAAI,EAAE,MAAM;SACb,EACD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;IAEF,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,QAAQ,CAAC,kBAAkB,EAAE;IAC3B,EAAE,CAAC,uBAAuB,EAAE;QAClB,IAAA,SAAS,GAAK,KAAK,CAAC,YAAY,CAAC,UAAxB,CAAyB;QAE1C,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC7C,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC7C,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KAC/C,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE;;;;;oBAC1C,KAAwB,KAAK,CAAC,YAAY,CAAC,EAAzC,WAAW,iBAAA,EAAE,IAAI,UAAA,CAAyB;oBAElD,qBAAM,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,EAAA;;oBAA3C,SAA2C,CAAC;oBAE5C,MAAM,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;;;;SAC9C,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE;;;YAC7C,WAAW,GAAK,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC,YAAjC,CAAkC;YAErD,MAAM,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;;;SACvD,CAAC,CAAC;IAEH,EAAE,CAAC,kFAAkF,EAAE;;;;;oBAC/E,KAAwB,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,EAAzD,WAAW,iBAAA,EAAE,IAAI,UAAA,CAAyC;oBAElE,qBAAM,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,EAAA;;oBAA5C,SAA4C,CAAC;oBAE7C,MAAM,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;;;;SAC/C,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE;;;;;oBACnD,KAAwB,KAAK,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,CAAC,EAAnD,WAAW,iBAAA,EAAE,IAAI,UAAA,CAAmC;oBAE5D,qBAAM,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,EAAA;;oBAA5C,SAA4C,CAAC;oBAE7C,MAAM,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;;;;SACzC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE;QAC3B,IAAA,SAAS,GAAKD,YAAM,CAC1BC,IAAC,MAAM,IACL,OAAO,EAAE;gBACP,GAAG,EAAE;oBACH,KAAK,EAAE,KAAK;oBACZ,WAAW,EAAE,iBAAiB;iBAC/B;aACF,EACD,QAAQ,EAAE,YAAY,GACtB,CACH,UAVgB,CAUf;QAEJ,MAAM,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KAC1D,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/esm/components/link/index.js

@@ -1,7 +1,6 @@
-import { c as __rest, b as __assign } from '../../tslib.es6-CVlKGIvp.js';
+import { b as __rest, a as __assign } from '../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as classNames } from '../../index-DLQEsiym.js';
-import '../../_commonjsHelpers-BFTU3MAI.js';
+import { c as classNames } from '../../index-6ea95111.js';
 
 var Link = function (_a) {
     var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);

package/dist/esm/components/link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/link/index.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nexport type LinkProps = JSX.IntrinsicElements['a'];\n\nexport const Link = ({ children, className, ...rest }: LinkProps) => (\n  <a className={classnames(className, 'p-a c-pointer')} {...rest}>\n    {children}\n  </a>\n);"],"names":["_jsx","classnames"],"mappings":";;;;;AAIO,IAAM,IAAI,GAAG,UAAC,EAA2C,EAAA;IAAzC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAA9B,CAAA,UAAA,EAAA,WAAA,CAAgC,CAAF;AAAkB,IAAA,QACnEA,GAAA,CAAA,GAAA,EAAA,QAAA,CAAA,EAAG,SAAS,EAAEC,UAAU,CAAC,SAAS,EAAE,eAAe,CAAC,IAAM,IAAI,EAAA,EAAA,QAAA,EAC3D,QAAQ,EAAA,CAAA,CACP;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/link/index.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nexport type LinkProps = JSX.IntrinsicElements['a'];\n\nexport const Link = ({ children, className, ...rest }: LinkProps) => (\n  <a className={classnames(className, 'p-a c-pointer')} {...rest}>\n    {children}\n  </a>\n);"],"names":["_jsx","classnames"],"mappings":";;;;IAIa,IAAI,GAAG,UAAC,EAA2C;IAAzC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA9B,yBAAgC,CAAF;IAAkB,QACnEA,oBAAG,SAAS,EAAEC,UAAU,CAAC,SAAS,EAAE,eAAe,CAAC,IAAM,IAAI,cAC3D,QAAQ,IACP,EACL;;;;;"}