@popsure/dirty-swan 0.61.2 → 0.62.0

package/dist/esm/components/button/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/button/index.stories.tsx"],"sourcesContent":["import { ElementType } from 'react';\nimport { Button, ButtonProps, ButtonVariant } from '.';\nimport { InfoIcon, PlusIcon, SendIcon } from '../icon';\n\nconst story = {\n  title: 'JSX/Button',\n  component: Button,\n  argTypes: {\n    as: {\n      control: { type: 'text' },\n      description: 'Allow wrapper element type to be custom defined'\n    },\n    children: {\n      control: 'text',\n      description: 'Text that is displayed inside the button. Hidden when hideLabel is set as true',\n    },\n    variant: {\n      description: 'Variant that defines the style of the Button',\n    },\n    leftIcon: {\n      description: 'Icon to be displayed on the left side of the button. This makes use of [dirty swan Icon component](http://localhost:9009/?path=/docs/jsx-icon--icon-story).',\n    },\n    rightIcon: {\n      description: 'Icon to be displayed on the right side of the button. This makes use of [dirty swan Icon component](http://localhost:9009/?path=/docs/jsx-icon--icon-story).',\n    },\n    loading: {\n      description: 'Show button on a loading state.',\n    },\n    hideLabel: {\n      description: 'Show button as an icon only button. This hides the label but still keeps it for accessibility purposes.',\n    },\n    className: {\n      type: 'text',\n      description: 'Class name for most top parent element',\n    },\n  },\n  args: {\n    children: 'Click me',\n    disabled: false,\n    variant: 'filledBlack',\n    loading: false,\n    hideLabel: false,\n    className: 'wmn3',\n  },\n  parameters: {\n    design: {\n      url: 'https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FMKs4cbojdVOBKUxv7okb93%2FDirty-Swan-Pattern-Library%3Fnode-id%3D251%253A26',\n      type: 'figma'\n    },\n  },\n};\n\nexport const ButtonStory = ({\n  className,\n  loading = false,\n  children,\n  variant,\n  hideLabel,\n  leftIcon,\n  rightIcon,\n  disabled,\n}: ButtonProps) => (\n  <div className='wmx6'>\n    <Button\n      className={className}\n      loading={loading}\n      variant={variant}\n      hideLabel={hideLabel}\n      leftIcon={leftIcon}\n      rightIcon={rightIcon}\n      disabled={disabled}\n    >\n      {children}\n    </Button>\n  </div>\n);\n\nButtonStory.storyName = \"Button\";\n\nexport const ButtonVariants = ({ children, onClick }: ButtonProps) => (\n  <div>\n    <h3 className='p-h3 mb24'>Filled variants</h3>\n    <div className='d-flex gap16 p24 bg-neutral-100 br8'>\n      {[ \"filledBlack\", \"filledGray\", \"filledWhite\"].map((variant) => (\n          <div key={variant}>\n            <h4 className='p-h4 mb16'>\n              {variant}\n            </h4>\n\n            <Button onClick={onClick} variant={variant as ButtonVariant}>\n              {children}\n            </Button>\n          </div>\n      ))}\n    </div>\n\n    <h3 className='p-h3 my24'>Text variants</h3>\n    <div className='d-flex gap16 p24 bg-neutral-100 br8'>\n      {[\"textBlack\", \"textWhite\"].map((variant, index) => (\n        <div key={variant} className={variant === \"textWhite\" ? \"bg-neutral-800 px32 pb16 br8\" : \"\"}>\n          <h4 className={`p-h4 mb16 ${variant === \"textWhite\" ? \"tc-white\" : ''}`}>\n            {variant}\n          </h4>\n\n          <Button onClick={onClick} variant={variant as ButtonVariant}>\n            {children}\n          </Button>\n        </div>\n      ))}\n    </div>\n\n    <h3 className='p-h3 my24'>Outline variants</h3>\n    <div className='d-flex gap16 p24 bg-neutral-100 br8'>\n      {[\"outlineGray\", \"outlineWhite\"].map((variant, index) => (\n        <div key={variant} className={variant === \"outlineWhite\" ? \"bg-neutral-800 px32 py16 br8\" : \"px32 py16\"}>\n          <div>\n            <h4 className={`p-h4 mb16 ${variant === \"outlineWhite\" ? \"tc-white\" : ''}`}>\n              {variant}\n            </h4>\n\n            <Button onClick={onClick} variant={variant as ButtonVariant}>\n              {children}\n            </Button>\n          </div>\n        </div>\n      ))}\n    </div>\n    \n    <h3 className='p-h3 my24'>State variants</h3>\n    <div className='d-flex gap16 p24 bg-neutral-100 br8'>\n      <div>\n        <h4 className='p-h4 mb16'>\n          filledError\n        </h4>\n\n        <Button onClick={onClick} variant=\"filledError\">\n          {children}\n        </Button>\n      </div>\n    </div>\n  </div>\n);\n\nexport const ButtonWithIcons = ({ children, onClick }: ButtonProps) => (\n  <div className='d-flex gap16'>\n    <Button leftIcon={<SendIcon />} onClick={onClick}>\n      {children}\n    </Button>\n    <Button rightIcon={<SendIcon />} onClick={onClick}>\n      {children}\n    </Button>\n  </div>\n);\n\nexport const ButtonWithIconOnly = ({ children, onClick }: ButtonProps) => (\n  <Button leftIcon={<PlusIcon />} hideLabel onClick={onClick}>\n    {children}\n  </Button>\n);\n\nexport const ButtonLoading = ({ children, onClick }: ButtonProps) => (\n  <Button loading onClick={onClick}>\n    {children}\n  </Button>\n);\n\nexport const ButtonDisabled = ({ children, onClick }: ButtonProps) => (\n  <Button disabled onClick={onClick}>\n    {children}\n  </Button>\n);\n\nexport const ButtonAsOtherComponents = ({ children, as, onClick }: ButtonProps) => (\n  <div className='d-flex fd-column gap16 p24 bg-neutral-100'>\n    <h3 className='p-h3'>As an anchor:</h3>\n      <Button as=\"a\" href=\"https://feather-insurance.com\" target=\"_blank\">\n        {children}\n      </Button>\n\n  <h3 className='p-h3'>As a button:</h3>\n    <Button as=\"button\" onClick={onClick}>\n      {children}\n    </Button>\n\n  <h3 className='p-h3'>As a h3:</h3>\n    <Button as=\"h3\">\n      {children}\n    </Button>\n\n    <p className='p-p p-p--small fw-bold d-flex ai-center gap8 mt32'>\n      <InfoIcon />\n      Inspect elements to see the different HTML tags being rendered.\n    </p>\n  </div>\n);\n\nexport default story;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/button/index.stories.tsx"],"sourcesContent":["import { Button, ButtonProps, ButtonVariant } from '.';\nimport { InfoIcon, PlusIcon, SendIcon } from '../icon';\n\nconst story = {\n  title: 'JSX/Button',\n  component: Button,\n  argTypes: {\n    as: {\n      control: { type: 'text' },\n      description: 'Allow wrapper element type to be custom defined',\n    },\n    children: {\n      control: 'text',\n      description:\n        'Text that is displayed inside the button. Hidden when hideLabel is set as true',\n    },\n    variant: {\n      description: 'Variant that defines the style of the Button',\n    },\n    leftIcon: {\n      description:\n        'Icon to be displayed on the left side of the button. This makes use of [dirty swan Icon component](http://localhost:9009/?path=/docs/jsx-icon--icon-story).',\n    },\n    rightIcon: {\n      description:\n        'Icon to be displayed on the right side of the button. This makes use of [dirty swan Icon component](http://localhost:9009/?path=/docs/jsx-icon--icon-story).',\n    },\n    loading: {\n      description: 'Show button on a loading state.',\n    },\n    hideLabel: {\n      description:\n        'Show button as an icon only button. This hides the label but still keeps it for accessibility purposes.',\n    },\n    className: {\n      type: 'text',\n      description: 'Class name for most top parent element',\n    },\n  },\n  args: {\n    children: 'Click me',\n    disabled: false,\n    variant: 'filledBlack',\n    loading: false,\n    hideLabel: false,\n    className: 'wmn3',\n  },\n  parameters: {\n    design: {\n      url: 'https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FMKs4cbojdVOBKUxv7okb93%2FDirty-Swan-Pattern-Library%3Fnode-id%3D251%253A26',\n      type: 'figma',\n    },\n  },\n};\n\nexport const ButtonStory = {\n  render: ({\n    className,\n    loading = false,\n    children,\n    variant,\n    hideLabel,\n    leftIcon,\n    rightIcon,\n    disabled,\n  }: ButtonProps) => (\n    <div className=\"wmx6\">\n      <Button\n        className={className}\n        loading={loading}\n        variant={variant}\n        hideLabel={hideLabel}\n        leftIcon={leftIcon}\n        rightIcon={rightIcon}\n        disabled={disabled}\n      >\n        {children}\n      </Button>\n    </div>\n  ),\n\n  name: 'Button',\n};\n\nexport const ButtonVariants = {\n  render: ({ children, onClick }: ButtonProps) => (\n    <div>\n      <h3 className=\"p-h3 mb24\">Filled variants</h3>\n      <div className=\"d-flex gap16 p24 bg-neutral-100 br8\">\n        {['filledBlack', 'filledGray', 'filledWhite'].map((variant) => (\n          <div key={variant}>\n            <h4 className=\"p-h4 mb16\">{variant}</h4>\n\n            <Button onClick={onClick} variant={variant as ButtonVariant}>\n              {children}\n            </Button>\n          </div>\n        ))}\n      </div>\n\n      <h3 className=\"p-h3 my24\">Text variants</h3>\n      <div className=\"d-flex gap16 p24 bg-neutral-100 br8\">\n        {['textBlack', 'textWhite'].map((variant, index) => (\n          <div\n            key={variant}\n            className={\n              variant === 'textWhite' ? 'bg-neutral-800 px32 pb16 br8' : ''\n            }\n          >\n            <h4\n              className={`p-h4 mb16 ${variant === 'textWhite' ? 'tc-white' : ''}`}\n            >\n              {variant}\n            </h4>\n\n            <Button onClick={onClick} variant={variant as ButtonVariant}>\n              {children}\n            </Button>\n          </div>\n        ))}\n      </div>\n\n      <h3 className=\"p-h3 my24\">Outline variants</h3>\n      <div className=\"d-flex gap16 p24 bg-neutral-100 br8\">\n        {['outlineGray', 'outlineWhite'].map((variant, index) => (\n          <div\n            key={variant}\n            className={\n              variant === 'outlineWhite'\n                ? 'bg-neutral-800 px32 py16 br8'\n                : 'px32 py16'\n            }\n          >\n            <div>\n              <h4\n                className={`p-h4 mb16 ${\n                  variant === 'outlineWhite' ? 'tc-white' : ''\n                }`}\n              >\n                {variant}\n              </h4>\n\n              <Button onClick={onClick} variant={variant as ButtonVariant}>\n                {children}\n              </Button>\n            </div>\n          </div>\n        ))}\n      </div>\n\n      <h3 className=\"p-h3 my24\">State variants</h3>\n      <div className=\"d-flex gap16 p24 bg-neutral-100 br8\">\n        <div>\n          <h4 className=\"p-h4 mb16\">filledError</h4>\n\n          <Button onClick={onClick} variant=\"filledError\">\n            {children}\n          </Button>\n        </div>\n      </div>\n    </div>\n  ),\n};\n\nexport const ButtonWithIcons = {\n  render: ({ children, onClick }: ButtonProps) => (\n    <div className=\"d-flex gap16\">\n      <Button leftIcon={<SendIcon />} onClick={onClick}>\n        {children}\n      </Button>\n      <Button rightIcon={<SendIcon />} onClick={onClick}>\n        {children}\n      </Button>\n    </div>\n  ),\n};\n\nexport const ButtonWithIconOnly = {\n  render: ({ children, onClick }: ButtonProps) => (\n    <Button leftIcon={<PlusIcon />} hideLabel onClick={onClick}>\n      {children}\n    </Button>\n  ),\n};\n\nexport const ButtonLoading = {\n  render: ({ children, onClick }: ButtonProps) => (\n    <Button loading onClick={onClick}>\n      {children}\n    </Button>\n  ),\n};\n\nexport const ButtonDisabled = {\n  render: ({ children, onClick }: ButtonProps) => (\n    <Button disabled onClick={onClick}>\n      {children}\n    </Button>\n  ),\n};\n\nexport const ButtonAsOtherComponents = {\n  render: ({ children, as, onClick }: ButtonProps) => (\n    <div className=\"d-flex fd-column gap16 p24 bg-neutral-100\">\n      <h3 className=\"p-h3\">As an anchor:</h3>\n      <Button as=\"a\" href=\"https://feather-insurance.com\" target=\"_blank\">\n        {children}\n      </Button>\n\n      <h3 className=\"p-h3\">As a button:</h3>\n      <Button as=\"button\" onClick={onClick}>\n        {children}\n      </Button>\n\n      <h3 className=\"p-h3\">As a h3:</h3>\n      <Button as=\"h3\">{children}</Button>\n\n      <p className=\"p-p p-p--small fw-bold d-flex ai-center gap8 mt32\">\n        <InfoIcon />\n        Inspect elements to see the different HTML tags being rendered.\n      </p>\n    </div>\n  ),\n};\n\nexport default story;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;AAGA,IAAM,KAAK,GAAG;AACZ,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE;AACF,YAAA,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;AACzB,YAAA,WAAW,EAAE,iDAAiD;AAC/D,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,WAAW,EACT,gFAAgF;AACnF,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,WAAW,EAAE,8CAA8C;AAC5D,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,WAAW,EACT,6JAA6J;AAChK,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,WAAW,EACT,8JAA8J;AACjK,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,WAAW,EAAE,iCAAiC;AAC/C,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,WAAW,EACT,yGAAyG;AAC5G,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,WAAW,EAAE,wCAAwC;AACtD,SAAA;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,QAAQ,EAAE,KAAK;AACf,QAAA,OAAO,EAAE,aAAa;AACtB,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,SAAS,EAAE,MAAM;AAClB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,MAAM,EAAE;AACN,YAAA,GAAG,EAAE,kKAAkK;AACvK,YAAA,IAAI,EAAE,OAAO;AACd,SAAA;AACF,KAAA;;AAGI,IAAM,WAAW,GAAG;IACzB,MAAM,EAAE,UAAC,EASK,EAAA;YARZ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,OAAe,EAAf,OAAO,mBAAG,KAAK,GAAA,EAAA,EACf,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA;AACS,QAAA,QACjBA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,MAAM,EAAA,QAAA,EACnBA,IAAC,MAAM,EAAA,EACL,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,EAAA,CACF,GACL;IAbW,CAclB;AAED,IAAA,IAAI,EAAE,QAAQ;;AAGT,IAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,UAAC,EAAkC,EAAA;YAAhC,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;AAAoB,QAAA,QAC9CC,IAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CACED,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,WAAW,gCAAqB,EAC9CA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qCAAqC,EAAA,QAAA,EACjD,CAAC,aAAa,EAAE,YAAY,EAAE,aAAa,CAAC,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,QAC7DC,yBACED,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,WAAW,YAAE,OAAO,EAAA,CAAM,EAExCA,GAAA,CAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAwB,YACxD,QAAQ,EAAA,CACF,KALD,OAAO,CAMX,EACP,CAR8D,CAQ9D,CAAC,EAAA,CACE,EAENA,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,WAAW,EAAA,QAAA,EAAA,eAAA,EAAA,CAAmB,EAC5CA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qCAAqC,YACjD,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK,EAAA,EAAK,QAClDC,IAAA,CAAA,KAAA,EAAA,EAEE,SAAS,EACP,OAAO,KAAK,WAAW,GAAG,8BAA8B,GAAG,EAAE,aAG/DD,GAAA,CAAA,IAAA,EAAA,EACE,SAAS,EAAE,YAAA,CAAA,MAAA,CAAa,OAAO,KAAK,WAAW,GAAG,UAAU,GAAG,EAAE,CAAE,YAElE,OAAO,EAAA,CACL,EAELA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAwB,EAAA,QAAA,EACxD,QAAQ,GACF,CAAA,EAAA,EAbJ,OAAO,CAcR,EACP,CAjBmD,CAiBnD,CAAC,EAAA,CACE,EAENA,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,WAAW,iCAAsB,EAC/CA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qCAAqC,EAAA,QAAA,EACjD,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK,EAAA,EAAK,QACvDA,GAAA,CAAA,KAAA,EAAA,EAEE,SAAS,EACP,OAAO,KAAK;AACV,8BAAE;AACF,8BAAE,WAAW,EAAA,QAAA,EAGjBC,IAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CACED,GAAA,CAAA,IAAA,EAAA,EACE,SAAS,EAAE,YAAA,CAAA,MAAA,CACT,OAAO,KAAK,cAAc,GAAG,UAAU,GAAG,EAAE,CAC5C,EAAA,QAAA,EAED,OAAO,EAAA,CACL,EAELA,GAAA,CAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAwB,YACxD,QAAQ,EAAA,CACF,IACL,EAAA,EAnBD,OAAO,CAoBR,GAtBiD,CAuBxD,CAAC,EAAA,CACE,EAENA,YAAI,SAAS,EAAC,WAAW,EAAA,QAAA,EAAA,gBAAA,EAAA,CAAoB,EAC7CA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAClDC,yBACED,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,WAAW,4BAAiB,EAE1CA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAC,aAAa,EAAA,QAAA,EAC5C,QAAQ,GACF,CAAA,EAAA,CACL,EAAA,CACF,IACF;IA3EwC,CA4E/C;;AAGI,IAAM,eAAe,GAAG;IAC7B,MAAM,EAAE,UAAC,EAAkC,EAAA;YAAhC,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;AAAoB,QAAA,QAC9CC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,cAAc,aAC3BD,GAAA,CAAC,MAAM,EAAA,EAAC,QAAQ,EAAEA,GAAA,CAAC,QAAQ,KAAG,EAAE,OAAO,EAAE,OAAO,EAAA,QAAA,EAC7C,QAAQ,EAAA,CACF,EACTA,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAEA,GAAA,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAE,OAAO,EAAE,OAAO,YAC9C,QAAQ,EAAA,CACF,IACL;IARwC,CAS/C;;AAGI,IAAM,kBAAkB,GAAG;IAChC,MAAM,EAAE,UAAC,EAAkC,EAAA;YAAhC,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;AAAoB,QAAA,QAC9CA,GAAA,CAAC,MAAM,IAAC,QAAQ,EAAEA,IAAC,QAAQ,EAAA,EAAA,CAAG,EAAE,SAAS,QAAC,OAAO,EAAE,OAAO,EAAA,QAAA,EACvD,QAAQ,GACF;IAHqC,CAI/C;;AAGI,IAAM,aAAa,GAAG;IAC3B,MAAM,EAAE,UAAC,EAAkC,EAAA;YAAhC,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;AAAoB,QAAA,QAC9CA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAA,IAAA,EAAC,OAAO,EAAE,OAAO,EAAA,QAAA,EAC7B,QAAQ,EAAA,CACF;IAHqC,CAI/C;;AAGI,IAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,UAAC,EAAkC,EAAA;YAAhC,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;AAAoB,QAAA,QAC9CA,GAAA,CAAC,MAAM,EAAA,EAAC,QAAQ,EAAA,IAAA,EAAC,OAAO,EAAE,OAAO,EAAA,QAAA,EAC9B,QAAQ,EAAA,CACF;IAHqC,CAI/C;;AAGI,IAAM,uBAAuB,GAAG;IACrC,MAAM,EAAE,UAAC,EAAsC,EAAA;AAApC,QAAA,IAAA,QAAQ,cAAA,CAAA,CAAI,EAAA,CAAA,EAAA,CAAA,KAAE,OAAO,GAAA,EAAA,CAAA;AAAoB,QAAA,QAClDC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2CAA2C,aACxDD,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,MAAM,8BAAmB,EACvCA,GAAA,CAAC,MAAM,EAAA,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,+BAA+B,EAAC,MAAM,EAAC,QAAQ,EAAA,QAAA,EAChE,QAAQ,EAAA,CACF,EAETA,YAAI,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,cAAA,EAAA,CAAkB,EACtCA,GAAA,CAAC,MAAM,EAAA,EAAC,EAAE,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAA,QAAA,EACjC,QAAQ,EAAA,CACF,EAETA,YAAI,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,UAAA,EAAA,CAAc,EAClCA,GAAA,CAAC,MAAM,EAAA,EAAC,EAAE,EAAC,IAAI,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAU,EAEnCC,IAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,mDAAmD,aAC9DD,GAAA,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,iEAAA,CAAA,EAAA,CAEV,IACA;IAnB4C,CAoBnD;;;;;"}

package/dist/esm/components/button/index.test.js

@@ -1,12 +1,13 @@
-import { c as __awaiter, d as __generator } from '../../tslib.es6-a39f91fc.js';
+import { _ as __awaiter, a as __generator } from '../../tslib.es6-CVlKGIvp.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender, s as screen } from '../../customRender-be47569b.js';
+import { c as customRender, s as screen } from '../../customRender-DzdqZxUd.js';
 import { Button } from './index.js';
+import '../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';
-import '../../_commonjsHelpers-4730bd53.js';
+import 'util';
 import 'react-dom/test-utils';
-import '../../index-6ea95111.js';
+import '../../index-DLQEsiym.js';
 
 var buttonContent = "Click here";
 var FakeIcon = function () { return (jsx("span", { children: "ABC" })); };

package/dist/esm/components/button/index.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.js","sources":["../../../../../src/lib/components/button/index.test.tsx"],"sourcesContent":["import { render, screen } from '../../util/testUtils';\n\nimport { Button } from '.';\n\nconst buttonContent = \"Click here\";\n\nconst FakeIcon = () => (\n  <span>ABC</span>\n)\n\nconst mockOnClick = jest.fn();\n\ndescribe('Button component', () => {\n  it('Should render content', () => {\n    render(<Button>{buttonContent}</Button>);\n\n    expect(screen.getByText(buttonContent)).toBeInTheDocument();\n  });\n  \n  it('Should render leftIcon', () => {\n    render(<Button leftIcon={<FakeIcon />}>{buttonContent}</Button>);\n\n    expect(screen.getByText(\"ABC\")).toBeInTheDocument();\n  });\n  \n  it('Should render rightIcon', () => {\n    render(<Button rightIcon={<FakeIcon />}>{buttonContent}</Button>);\n\n    expect(screen.getByText(\"ABC\")).toBeInTheDocument();\n  });\n  \n  it('Should be disabled', () => {\n    render(<Button disabled>{buttonContent}</Button>);\n\n    expect(screen.getByTestId(\"button\")).toBeDisabled();\n  });\n  \n  it('Should show loading state', () => {\n    render(<Button loading>{buttonContent}</Button>);\n\n    expect(screen.getByTestId(\"button\")).toHaveClass('p-btn--loading');\n  });\n  \n  it('Should call onClick  clicked', async () => {\n    const { user } = render(<Button onClick={mockOnClick}>{buttonContent}</Button>);\n\n    await user.click(screen.getByText(buttonContent));\n\n    expect(mockOnClick).toHaveBeenCalledTimes(1)\n  });\n});\n"],"names":["_jsx","render"],"mappings":";;;;;;;;;;AAIA,IAAM,aAAa,GAAG,YAAY,CAAC;AAEnC,IAAM,QAAQ,GAAG,cAAM,QACrBA,gCAAgB,IACjB,CAAA;AAED,IAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE9B,QAAQ,CAAC,kBAAkB,EAAE;IAC3B,EAAE,CAAC,uBAAuB,EAAE;QAC1BC,YAAM,CAACD,IAAC,MAAM,cAAE,aAAa,GAAU,CAAC,CAAC;QAEzC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KAC7D,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE;QAC3BC,YAAM,CAACD,IAAC,MAAM,IAAC,QAAQ,EAAEA,IAAC,QAAQ,KAAG,YAAG,aAAa,GAAU,CAAC,CAAC;QAEjE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KACrD,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE;QAC5BC,YAAM,CAACD,IAAC,MAAM,IAAC,SAAS,EAAEA,IAAC,QAAQ,KAAG,YAAG,aAAa,GAAU,CAAC,CAAC;QAElE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KACrD,CAAC,CAAC;IAEH,EAAE,CAAC,oBAAoB,EAAE;QACvBC,YAAM,CAACD,IAAC,MAAM,IAAC,QAAQ,kBAAE,aAAa,GAAU,CAAC,CAAC;QAElD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;KACrD,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE;QAC9BC,YAAM,CAACD,IAAC,MAAM,IAAC,OAAO,kBAAE,aAAa,GAAU,CAAC,CAAC;QAEjD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;KACpE,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE;;;;;oBACzB,IAAI,GAAKC,YAAM,CAACD,IAAC,MAAM,IAAC,OAAO,EAAE,WAAW,YAAG,aAAa,GAAU,CAAC,KAAnE,CAAoE;oBAEhF,qBAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAA;;oBAAjD,SAAiD,CAAC;oBAElD,MAAM,CAAC,WAAW,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;;;;SAC7C,CAAC,CAAC;AACL,CAAC,CAAC"}
+{"version":3,"file":"index.test.js","sources":["../../../../../src/lib/components/button/index.test.tsx"],"sourcesContent":["import { render, screen } from '../../util/testUtils';\n\nimport { Button } from '.';\n\nconst buttonContent = \"Click here\";\n\nconst FakeIcon = () => (\n  <span>ABC</span>\n)\n\nconst mockOnClick = jest.fn();\n\ndescribe('Button component', () => {\n  it('Should render content', () => {\n    render(<Button>{buttonContent}</Button>);\n\n    expect(screen.getByText(buttonContent)).toBeInTheDocument();\n  });\n  \n  it('Should render leftIcon', () => {\n    render(<Button leftIcon={<FakeIcon />}>{buttonContent}</Button>);\n\n    expect(screen.getByText(\"ABC\")).toBeInTheDocument();\n  });\n  \n  it('Should render rightIcon', () => {\n    render(<Button rightIcon={<FakeIcon />}>{buttonContent}</Button>);\n\n    expect(screen.getByText(\"ABC\")).toBeInTheDocument();\n  });\n  \n  it('Should be disabled', () => {\n    render(<Button disabled>{buttonContent}</Button>);\n\n    expect(screen.getByTestId(\"button\")).toBeDisabled();\n  });\n  \n  it('Should show loading state', () => {\n    render(<Button loading>{buttonContent}</Button>);\n\n    expect(screen.getByTestId(\"button\")).toHaveClass('p-btn--loading');\n  });\n  \n  it('Should call onClick  clicked', async () => {\n    const { user } = render(<Button onClick={mockOnClick}>{buttonContent}</Button>);\n\n    await user.click(screen.getByText(buttonContent));\n\n    expect(mockOnClick).toHaveBeenCalledTimes(1)\n  });\n});\n"],"names":["_jsx","render"],"mappings":";;;;;;;;;;;AAIA,IAAM,aAAa,GAAG,YAAY;AAElC,IAAM,QAAQ,GAAG,YAAA,EAAM,QACrBA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAgB,EACjB,CAFsB,CAEtB;AAED,IAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE;AAE7B,QAAQ,CAAC,kBAAkB,EAAE,YAAA;IAC3B,EAAE,CAAC,uBAAuB,EAAE,YAAA;AAC1B,QAAAC,YAAM,CAACD,GAAA,CAAC,MAAM,cAAE,aAAa,EAAA,CAAU,CAAC;QAExC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE;AAC7D,IAAA,CAAC,CAAC;IAEF,EAAE,CAAC,wBAAwB,EAAE,YAAA;AAC3B,QAAAC,YAAM,CAACD,GAAA,CAAC,MAAM,EAAA,EAAC,QAAQ,EAAEA,GAAA,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,QAAA,EAAG,aAAa,EAAA,CAAU,CAAC;QAEhE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE;AACrD,IAAA,CAAC,CAAC;IAEF,EAAE,CAAC,yBAAyB,EAAE,YAAA;AAC5B,QAAAC,YAAM,CAACD,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAEA,GAAA,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,QAAA,EAAG,aAAa,EAAA,CAAU,CAAC;QAEjE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE;AACrD,IAAA,CAAC,CAAC;IAEF,EAAE,CAAC,oBAAoB,EAAE,YAAA;QACvBC,YAAM,CAACD,IAAC,MAAM,EAAA,EAAC,QAAQ,EAAA,IAAA,EAAA,QAAA,EAAE,aAAa,EAAA,CAAU,CAAC;QAEjD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAAE;AACrD,IAAA,CAAC,CAAC;IAEF,EAAE,CAAC,2BAA2B,EAAE,YAAA;QAC9BC,YAAM,CAACD,IAAC,MAAM,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAAE,aAAa,EAAA,CAAU,CAAC;AAEhD,QAAA,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,gBAAgB,CAAC;AACpE,IAAA,CAAC,CAAC;IAEF,EAAE,CAAC,8BAA8B,EAAE,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;;;;AACzB,oBAAA,IAAI,GAAKC,YAAM,CAACD,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,WAAW,EAAA,QAAA,EAAG,aAAa,EAAA,CAAU,CAAC,KAAnE;oBAEZ,OAAA,CAAA,CAAA,YAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;;AAAjD,oBAAA,EAAA,CAAA,IAAA,EAAiD;oBAEjD,MAAM,CAAC,WAAW,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC;;;;AAC7C,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/cards/card/index.js

@@ -1,9 +1,10 @@
-import { b as __rest, a as __assign } from '../../../tslib.es6-a39f91fc.js';
+import { c as __rest, b as __assign } from '../../../tslib.es6-CVlKGIvp.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as classNames } from '../../../index-6ea95111.js';
-import ChevronRightIcon from '../../icon/icons/ChevronRight.js';
-import { s as styleInject } from '../../../style-inject.es-1f59c1d0.js';
+import { c as classNames } from '../../../index-DLQEsiym.js';
 import 'react';
+import ChevronRightIcon from '../../icon/icons/ChevronRight.js';
+import { s as styleInject } from '../../../style-inject.es-tgCJW-Cu.js';
+import '../../../_commonjsHelpers-BFTU3MAI.js';
 import '../../icon/IconWrapper/IconWrapper.js';
 
 var css_248z = ".style-module_border-strong-default__3_zF3 {\n  border: 1px solid #d2d2d9;\n}\n\n.style-module_border-strong-hover__2gkuG {\n  border: 1px solid #919199;\n}\n\n.style-module_border-strong-active__3BFbj {\n  border: 1px solid #26262e;\n}\n\n.style-module_border-medium-default__21dIE {\n  border: 1px solid #e7e7ed;\n}\n\n.style-module_border-medium-hover__Pq6pQ {\n  border: 1px solid #b8b8c0;\n}\n\n.style-module_border-medium-active__uLwlN {\n  border: 1px solid #3f3f47;\n}\n\n.style-module_border-soft-default__398BS {\n  border: 1px solid #f2f2f8;\n}\n\n.style-module_border-soft-hover__30OW0 {\n  border: 1px solid #d2d2d9;\n}\n\n.style-module_border-soft-active__eUC5s {\n  border: 1px solid #919199;\n}\n\n.style-module_border-focus__28f29 {\n  border: 2px solid #26262e;\n}\n\n.style-module_wrapper__35C6V {\n  background-color: #fff;\n  border: 1px solid transparent;\n  transition: all 0.2s ease-in-out;\n}\n.style-module_wrapper--default__NYcwG {\n  background-color: #fff;\n}\n.style-module_wrapper--defaultNoShadow__2x-zI {\n  border: 1px solid #f2f2f8;\n}\n.style-module_wrapper--transparent__1M1sg {\n  background-color: transparent;\n}\n.style-module_wrapper--outline__3fBDi {\n  background-color: #fff;\n  border: 1px solid #d2d2d9;\n}\n.style-module_wrapper--secondary__1l7bB {\n  background-color: #EEEEFE;\n}\n.style-module_wrapper--primary__Sulin {\n  background-color: #FEECD3;\n}\n\n.style-module_button__P-UIa {\n  background-color: transparent;\n  color: #26262e;\n  outline: 1px solid transparent;\n  transition: all 0.2s ease-in-out;\n  text-decoration: none;\n  border-radius: 8px;\n  border: 1px solid transparent;\n  outline: 1px solid transparent;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):hover .style-module_wrapper--default__NYcwG {\n  border: 1px solid #d2d2d9;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):hover .style-module_wrapper--transparent__1M1sg {\n  background-color: #f9f9fd;\n  border-color: transparent;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):hover .style-module_wrapper--outline__3fBDi {\n  background-color: #fff;\n  border: 1px solid #26262e;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):hover .style-module_wrapper--secondary__1l7bB {\n  background-color: #EEEEFE;\n  border-color: #B8B4F3;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):hover .style-module_wrapper--primary__Sulin {\n  background-color: #FEECD3;\n  border-color: #F2B873;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):focus-visible .style-module_wrapper__35C6V {\n  border-color: #26262e;\n  box-shadow: inset 0 0 0 1px #26262e;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):focus-visible .style-module_wrapper--default__NYcwG {\n  border-color: #26262e;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):focus-visible .style-module_wrapper--outline__3fBDi {\n  border-color: #26262e;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):focus-visible .style-module_wrapper--transparent__1M1sg {\n  background-color: #f2f2f8;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):active .style-module_wrapper__35C6V {\n  border-color: #b8b8c0;\n  box-shadow: inset 0 0 0 1px #b8b8c0;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):active .style-module_wrapper--outline__3fBDi {\n  border-color: #26262e;\n  box-shadow: inset 0 0 0 1px #26262e;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):active .style-module_wrapper--transparent__1M1sg {\n  background-color: #f2f2f8;\n  border-color: transparent;\n  box-shadow: none;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):active .style-module_wrapper--primary__Sulin {\n  border-color: #F2B873;\n  box-shadow: inset 0 0 0 1px #F2B873;\n}\n.style-module_button__P-UIa:not(.style-module_buttonDisabled__3wmX3):active .style-module_wrapper--secondary__1l7bB {\n  border-color: #8883D8;\n  box-shadow: inset 0 0 0 1px #8883D8;\n}\n.style-module_buttonDisabled__3wmX3 {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n@media (pointer: coarse) {\n  .style-module_button__P-UIa:hover .style-module_wrapper__35C6V, .style-module_button__P-UIa:active .style-module_wrapper__35C6V {\n    background-color: #fff;\n    border: 1px solid transparent;\n    transition: all 0.2s ease-in-out;\n  }\n  .style-module_button__P-UIa:hover .style-module_wrapper--default__NYcwG, .style-module_button__P-UIa:active .style-module_wrapper--default__NYcwG {\n    background-color: #fff;\n  }\n  .style-module_button__P-UIa:hover .style-module_wrapper--defaultNoShadow__2x-zI, .style-module_button__P-UIa:active .style-module_wrapper--defaultNoShadow__2x-zI {\n    border: 1px solid #f2f2f8;\n  }\n  .style-module_button__P-UIa:hover .style-module_wrapper--transparent__1M1sg, .style-module_button__P-UIa:active .style-module_wrapper--transparent__1M1sg {\n    background-color: transparent;\n  }\n  .style-module_button__P-UIa:hover .style-module_wrapper--outline__3fBDi, .style-module_button__P-UIa:active .style-module_wrapper--outline__3fBDi {\n    background-color: #fff;\n    border: 1px solid #d2d2d9;\n  }\n  .style-module_button__P-UIa:hover .style-module_wrapper--secondary__1l7bB, .style-module_button__P-UIa:active .style-module_wrapper--secondary__1l7bB {\n    background-color: #EEEEFE;\n  }\n  .style-module_button__P-UIa:hover .style-module_wrapper--primary__Sulin, .style-module_button__P-UIa:active .style-module_wrapper--primary__Sulin {\n    background-color: #FEECD3;\n  }\n}\n\n.style-module_smallPadding__19rsl {\n  padding: 20px !important;\n}\n\n.style-module_icon__15X1c {\n  margin-right: 12px;\n  color: #26262e;\n}\n.style-module_iconDensity--small__3JnzO {\n  margin-right: 14px;\n}\n.style-module_iconDensity--medium__2TmAl {\n  margin-right: 16px;\n}\n.style-module_iconDensity--large__1YzHv {\n  margin-right: 20px;\n}\n\n.style-module_actionIcon__3pnwR {\n  color: #26262e;\n  margin-left: 12px;\n}\n.style-module_actionIconDensity--small__37jvs {\n  margin-right: 14px;\n}\n.style-module_actionIconDensity--medium__3SnW2 {\n  margin-right: 16px;\n}\n.style-module_actionIconDensity--large__mZD03 {\n  margin-right: 20px;\n}\n\n.style-module_description__ksrnP {\n  color: #696971;\n}\n.style-module_description--primary__2h0cB {\n  color: #3f3f47;\n}";
@@ -26,7 +27,7 @@ var Card = function (_a) {
             _b)) }, onClick && {
         onClick: onClick,
         type: "button"
-    }, rest, { children: jsxs("div", { className: classNames('d-flex fd-column jc-center w100 ta-left br8', { 'bs-sm': dropShadow && variant === 'default' }, {
+    }, { disabled: disabled }, rest, { children: jsxs("div", { className: classNames('d-flex fd-column jc-center w100 ta-left br8', { 'bs-sm': dropShadow && variant === 'default' }, {
                 xsmall: 'p16',
                 small: styles.smallPadding,
                 medium: 'p24',

package/dist/esm/components/cards/card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/cards/card/index.tsx"],"sourcesContent":["import { ComponentProps, ElementType, ReactNode } from 'react';\nimport classNamesUtil from 'classnames';\nimport { ChevronRightIcon } from '../../icon';\n\nimport styles from './style.module.scss';\n\nconst cardDefaultAs = 'section' as const\ntype CardDefaultAsType = typeof cardDefaultAs;\ntype DensityType = 'xsmall' | 'small' | 'medium' | 'large';\ntype TitleVariantType = 'small' | 'medium' | 'large';\ntype VerticalAlignmentType = 'top' | 'center' | 'bottom';\ntype CardVariant = 'default' | 'transparent' | 'outline' | 'secondary' | 'primary';\n\ntype CardOwnProps<E extends ElementType = CardDefaultAsType> = {\n  as?: E;\n  children?: ReactNode;\n  classNames?: {\n    buttonWrapper?: string;\n    wrapper?: string\n    contentWrapper?: string;\n    label?: string;\n    title?: string;\n    description?: string;\n    children?: string;\n    icon?: string;\n    actionIcon?: string;\n  };\n  density?: DensityType;\n  dropShadow?: boolean;\n  icon?: ReactNode;\n  title?: ReactNode;\n  titleVariant?: TitleVariantType;\n  description?: ReactNode;\n  descriptionVariant?: 'small' | 'large';\n  label?: ReactNode;\n  onClick?: () => void;\n  actionIcon?: ReactNode;\n  showActionIcon?: boolean;\n  verticalAlignment?: VerticalAlignmentType;\n  variant?: CardVariant\n  disabled?: boolean;\n} \n\nexport type CardProps<E extends ElementType = CardDefaultAsType> = CardOwnProps<E> &\n  Omit<ComponentProps<E>, keyof CardOwnProps<E>>\n\nconst Card = <E extends ElementType = CardDefaultAsType>({\n  as,\n  children,\n  classNames,\n  density = 'medium',\n  description,\n  descriptionVariant = 'large',\n  dropShadow = true,\n  icon,\n  label,\n  onClick,\n  actionIcon,\n  title,\n  titleVariant = 'large',\n  showActionIcon,\n  verticalAlignment = 'center',\n  variant = 'default',\n  disabled,\n  ...rest\n}: CardProps<E>) => {\n  const hideActionIcon = typeof actionIcon !== 'undefined' && !actionIcon;\n  const propsWithActionIcon = onClick || rest?.href || rest.to; \n  const cardDefaultTag = onClick ? 'button' : cardDefaultAs;\n  const Tag = as || cardDefaultTag;\n  \n  return (\n    <Tag\n      className={classNamesUtil(\n        classNames?.buttonWrapper,\n        'd-flex w100 ai-stretch',\n        {\n          'c-pointer': propsWithActionIcon && !disabled,\n          [styles.button]: propsWithActionIcon,\n          [styles.buttonDisabled]: propsWithActionIcon && disabled,\n        },\n      )}\n      {...onClick && { \n        onClick, \n        type: \"button\"\n      }}\n      {...rest}\n    >\n      <div\n        className={classNamesUtil(\n          'd-flex fd-column jc-center w100 ta-left br8',\n          { 'bs-sm': dropShadow && variant === 'default' },\n          {\n            xsmall: 'p16',\n            small: styles.smallPadding,\n            medium: 'p24',\n            large: 'p32',\n          }[density as DensityType],\n          {\n            top: 'jc-start',\n            center: 'jc-center',\n            bottom: 'jc-end',\n          }[verticalAlignment as VerticalAlignmentType],\n          styles?.wrapper,\n          styles?.[`wrapper--${variant}`],\n          {\n            [styles?.[`wrapper--defaultNoShadow`]]: !dropShadow && variant === 'default',\n          },\n          classNames?.wrapper\n        )}\n      >\n        <div className=\"d-flex w100\">\n          {icon && (\n            <div\n              className={classNamesUtil(\n                `d-flex`,\n                styles.icon,\n                styles[`iconDensity--${density}`],\n                classNames?.icon, \n                {\n                  top: 'ai-start',\n                  center: 'ai-center',\n                  bottom: 'ai-end',\n                }[verticalAlignment as VerticalAlignmentType],\n              )}\n            >\n              {icon}\n            </div>\n          )}\n\n          <div className=\"d-flex jc-between w100\">\n            <div\n              className={classNamesUtil(\n                classNames?.contentWrapper || '',\n                \"d-flex jc-center gap8 fd-column tc-neutral-900 w100\"\n              )}\n            >\n              {label && (\n                <h4 className={classNamesUtil('p-p--small', classNames?.label)}>\n                  {label}\n                </h4>\n              )}\n\n              {title && (\n                <h3\n                  className={classNamesUtil(\n                    classNames?.title,\n                    {\n                      large: 'p-h3',\n                      medium: 'p-h4',\n                      small: 'p-p',\n                    }[titleVariant as TitleVariantType]\n                  )}\n                >\n                  {title}\n                </h3>\n              )}\n\n              {description && (\n                <div\n                  className={classNamesUtil(\n                    styles.description,\n                    classNames?.description,\n                    descriptionVariant === 'small' ? 'p-p--small' : 'p-p',\n                    styles?.[`description--${variant}`]\n                  )}\n                >\n                  {description}\n                </div>\n              )}\n            </div>\n\n            {(showActionIcon || (propsWithActionIcon && !hideActionIcon)) && (\n              <div\n                className={classNamesUtil(\n                  styles.actionIcon,\n                  classNames?.actionIcon,\n                  styles[`actionIconDensity--${density}`],\n                  'd-flex ai-center'\n                )}\n              >\n                {actionIcon || <ChevronRightIcon size={24} />}\n              </div>\n            )}\n          </div>\n        </div>\n\n        {children && <div className={classNames?.children}>{children}</div>}\n      </div>\n    </Tag>\n  );\n};\n\nexport { Card };\n"],"names":["classNames","_jsx","classNamesUtil","_jsxs"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/cards/card/index.tsx"],"sourcesContent":["import { ComponentProps, ElementType, ReactNode } from 'react';\nimport classNamesUtil from 'classnames';\nimport { ChevronRightIcon } from '../../icon';\n\nimport styles from './style.module.scss';\n\nconst cardDefaultAs = 'section' as const\ntype CardDefaultAsType = typeof cardDefaultAs;\ntype DensityType = 'xsmall' | 'small' | 'medium' | 'large';\ntype TitleVariantType = 'small' | 'medium' | 'large';\ntype VerticalAlignmentType = 'top' | 'center' | 'bottom';\ntype CardVariant = 'default' | 'transparent' | 'outline' | 'secondary' | 'primary';\n\ntype CardOwnProps<E extends ElementType = CardDefaultAsType> = {\n  as?: E;\n  children?: ReactNode;\n  classNames?: {\n    buttonWrapper?: string;\n    wrapper?: string\n    contentWrapper?: string;\n    label?: string;\n    title?: string;\n    description?: string;\n    children?: string;\n    icon?: string;\n    actionIcon?: string;\n  };\n  density?: DensityType;\n  dropShadow?: boolean;\n  icon?: ReactNode;\n  title?: ReactNode;\n  titleVariant?: TitleVariantType;\n  description?: ReactNode;\n  descriptionVariant?: 'small' | 'large';\n  label?: ReactNode;\n  onClick?: () => void;\n  actionIcon?: ReactNode;\n  showActionIcon?: boolean;\n  verticalAlignment?: VerticalAlignmentType;\n  variant?: CardVariant\n  disabled?: boolean;\n} \n\nexport type CardProps<E extends ElementType = CardDefaultAsType> = CardOwnProps<E> &\n  Omit<ComponentProps<E>, keyof CardOwnProps<E>>\n\nconst Card = <E extends ElementType = CardDefaultAsType>({\n  as,\n  children,\n  classNames,\n  density = 'medium',\n  description,\n  descriptionVariant = 'large',\n  dropShadow = true,\n  icon,\n  label,\n  onClick,\n  actionIcon,\n  title,\n  titleVariant = 'large',\n  showActionIcon,\n  verticalAlignment = 'center',\n  variant = 'default',\n  disabled,\n  ...rest\n}: CardProps<E>) => {\n  const hideActionIcon = typeof actionIcon !== 'undefined' && !actionIcon;\n  const propsWithActionIcon = onClick || rest?.href || rest.to; \n  const cardDefaultTag = onClick ? 'button' : cardDefaultAs;\n  const Tag = as || cardDefaultTag;\n  \n  return (\n    <Tag\n      className={classNamesUtil(\n        classNames?.buttonWrapper,\n        'd-flex w100 ai-stretch',\n        {\n          'c-pointer': propsWithActionIcon && !disabled,\n          [styles.button]: propsWithActionIcon,\n          [styles.buttonDisabled]: propsWithActionIcon && disabled,\n        },\n      )}\n      {...onClick && { \n        onClick, \n        type: \"button\"\n      }}\n      disabled={disabled}\n      {...rest}\n    >\n      <div\n        className={classNamesUtil(\n          'd-flex fd-column jc-center w100 ta-left br8',\n          { 'bs-sm': dropShadow && variant === 'default' },\n          {\n            xsmall: 'p16',\n            small: styles.smallPadding,\n            medium: 'p24',\n            large: 'p32',\n          }[density as DensityType],\n          {\n            top: 'jc-start',\n            center: 'jc-center',\n            bottom: 'jc-end',\n          }[verticalAlignment as VerticalAlignmentType],\n          styles?.wrapper,\n          styles?.[`wrapper--${variant}`],\n          {\n            [styles?.[`wrapper--defaultNoShadow`]]: !dropShadow && variant === 'default',\n          },\n          classNames?.wrapper\n        )}\n      >\n        <div className=\"d-flex w100\">\n          {icon && (\n            <div\n              className={classNamesUtil(\n                `d-flex`,\n                styles.icon,\n                styles[`iconDensity--${density}`],\n                classNames?.icon, \n                {\n                  top: 'ai-start',\n                  center: 'ai-center',\n                  bottom: 'ai-end',\n                }[verticalAlignment as VerticalAlignmentType],\n              )}\n            >\n              {icon}\n            </div>\n          )}\n\n          <div className=\"d-flex jc-between w100\">\n            <div\n              className={classNamesUtil(\n                classNames?.contentWrapper || '',\n                \"d-flex jc-center gap8 fd-column tc-neutral-900 w100\"\n              )}\n            >\n              {label && (\n                <h4 className={classNamesUtil('p-p--small', classNames?.label)}>\n                  {label}\n                </h4>\n              )}\n\n              {title && (\n                <h3\n                  className={classNamesUtil(\n                    classNames?.title,\n                    {\n                      large: 'p-h3',\n                      medium: 'p-h4',\n                      small: 'p-p',\n                    }[titleVariant as TitleVariantType]\n                  )}\n                >\n                  {title}\n                </h3>\n              )}\n\n              {description && (\n                <div\n                  className={classNamesUtil(\n                    styles.description,\n                    classNames?.description,\n                    descriptionVariant === 'small' ? 'p-p--small' : 'p-p',\n                    styles?.[`description--${variant}`]\n                  )}\n                >\n                  {description}\n                </div>\n              )}\n            </div>\n\n            {(showActionIcon || (propsWithActionIcon && !hideActionIcon)) && (\n              <div\n                className={classNamesUtil(\n                  styles.actionIcon,\n                  classNames?.actionIcon,\n                  styles[`actionIconDensity--${density}`],\n                  'd-flex ai-center'\n                )}\n              >\n                {actionIcon || <ChevronRightIcon size={24} />}\n              </div>\n            )}\n          </div>\n        </div>\n\n        {children && <div className={classNames?.children}>{children}</div>}\n      </div>\n    </Tag>\n  );\n};\n\nexport { Card };\n"],"names":["classNames","_jsx","classNamesUtil","_jsxs"],"mappings":"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"}

package/dist/esm/components/cards/card/index.stories.js

@@ -1,20 +1,21 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Card } from './index.js';
-import { i as illustrations } from '../../../index-29e6f39e.js';
+import { a as illustrations } from '../../../index-C4hs4X-e.js';
 import { Button } from '../../button/index.js';
 import { Badge } from '../../badge/index.js';
+import 'react';
+import '../../../index-DLQEsiym.js';
 import BasketballSportsIcon from '../../icon/icons/BasketballSports.js';
 import CheckIcon from '../../icon/icons/Check.js';
 import InfoIcon from '../../icon/icons/Info.js';
 import MehIcon from '../../icon/icons/Meh.js';
 import PlusCircleIcon from '../../icon/icons/PlusCircle.js';
 import XIcon from '../../icon/icons/X.js';
-import '../../../tslib.es6-a39f91fc.js';
-import '../../../index-6ea95111.js';
+import '../../../tslib.es6-CVlKGIvp.js';
 import '../../icon/icons/ChevronRight.js';
-import 'react';
 import '../../icon/IconWrapper/IconWrapper.js';
-import '../../../style-inject.es-1f59c1d0.js';
+import '../../../style-inject.es-tgCJW-Cu.js';
+import '../../../_commonjsHelpers-BFTU3MAI.js';
 
 var story = {
     title: 'JSX/Cards/Card',
@@ -22,25 +23,25 @@ var story = {
     argTypes: {
         as: {
             control: 'text',
-            description: 'Allow wrapper element type to be custom defined'
+            description: 'Allow wrapper element type to be custom defined',
         },
         density: {
-            description: 'Spacing around the card'
+            description: 'Spacing around the card',
         },
         label: {
-            description: 'Content to be rendered as label'
+            description: 'Content to be rendered as label',
         },
         title: {
-            description: 'Content to be rendered as title'
+            description: 'Content to be rendered as title',
         },
         titleVariant: {
-            description: 'Variant that allows changing title sizing styles.'
+            description: 'Variant that allows changing title sizing styles.',
         },
         description: {
-            description: 'Content to be rendered as description'
+            description: 'Content to be rendered as description',
         },
         descriptionVariant: {
-            description: 'Variant that allows changing description sizing styles.'
+            description: 'Variant that allows changing description sizing styles.',
         },
         icon: {
             description: 'ReactNode to be rendered on the left side of the card',
@@ -52,7 +53,7 @@ var story = {
         onClick: {
             action: true,
             table: {
-                category: "Callbacks",
+                category: 'Callbacks',
             },
             description: 'On click action to be triggered on card click.',
         },
@@ -86,42 +87,51 @@ var story = {
             title: '',
             description: '',
             children: '',
-            icon: ''
+            icon: '',
         },
         dropShadow: true,
         verticalAlignment: 'center',
-    }
+    },
 };
-var CardStory = function (_a) {
-    var as = _a.as, actionIcon = _a.actionIcon, showActionIcon = _a.showActionIcon, children = _a.children, classNames = _a.classNames, density = _a.density, description = _a.description, descriptionVariant = _a.descriptionVariant, dropShadow = _a.dropShadow, icon = _a.icon, label = _a.label, onClick = _a.onClick, title = _a.title, titleVariant = _a.titleVariant, verticalAlignment = _a.verticalAlignment;
-    return (jsx("div", { className: 'd-flex p24 bg-neutral-100', children: jsx(Card, { as: as, classNames: classNames, description: description, descriptionVariant: descriptionVariant, density: density, dropShadow: dropShadow, icon: icon, label: label, title: title, titleVariant: titleVariant, onClick: onClick, actionIcon: actionIcon, showActionIcon: showActionIcon, verticalAlignment: verticalAlignment, children: children }) }));
+var CardStory = {
+    render: function (_a) {
+        var as = _a.as, actionIcon = _a.actionIcon, showActionIcon = _a.showActionIcon, children = _a.children, classNames = _a.classNames, density = _a.density, description = _a.description, descriptionVariant = _a.descriptionVariant, dropShadow = _a.dropShadow, icon = _a.icon, label = _a.label, onClick = _a.onClick, title = _a.title, titleVariant = _a.titleVariant, verticalAlignment = _a.verticalAlignment;
+        return (jsx("div", { className: "d-flex p24 bg-neutral-100", children: jsx(Card, { as: as, classNames: classNames, description: description, descriptionVariant: descriptionVariant, density: density, dropShadow: dropShadow, icon: icon, label: label, title: title, titleVariant: titleVariant, onClick: onClick, actionIcon: actionIcon, showActionIcon: showActionIcon, verticalAlignment: verticalAlignment, children: children }) }));
+    },
+    name: 'Card',
 };
-var CardVariants = function (_a) {
-    var description = _a.description, onClick = _a.onClick, title = _a.title;
-    return (jsxs("div", { className: 'd-flex fd-column gap24 p24', children: [jsxs("div", { children: [jsx("h4", { className: 'p-h4 mb16', children: "default" }), jsx(Card, { description: description, icon: jsx(BasketballSportsIcon, { size: 24 }), onClick: onClick, title: title, variant: 'default', dropShadow: false })] }), jsxs("div", { children: [jsx("h4", { className: 'p-h4 mb16', children: "transparent" }), jsx(Card, { description: description, icon: jsx(BasketballSportsIcon, { size: 24 }), onClick: onClick, title: title, variant: 'transparent' })] }), jsxs("div", { children: [jsx("h4", { className: 'p-h4 mb16', children: "outline" }), jsx(Card, { description: description, icon: jsx(BasketballSportsIcon, { size: 24 }), onClick: onClick, title: title, variant: 'outline' })] }), jsxs("div", { children: [jsx("h4", { className: 'p-h4 mb16', children: "secondary" }), jsx(Card, { description: description, icon: jsx(BasketballSportsIcon, { size: 24 }), onClick: onClick, title: title, variant: 'secondary' })] }), jsxs("div", { children: [jsx("h4", { className: 'p-h4 mb16', children: "primary" }), jsx(Card, { description: description, icon: jsx(BasketballSportsIcon, { size: 24 }), onClick: onClick, title: title, variant: 'primary' })] })] }));
+var CardVariants = {
+    render: function (_a) {
+        var description = _a.description, onClick = _a.onClick, title = _a.title;
+        return (jsxs("div", { className: "d-flex fd-column gap24 p24", children: [jsxs("div", { children: [jsx("h4", { className: "p-h4 mb16", children: "default" }), jsx(Card, { description: description, icon: jsx(BasketballSportsIcon, { size: 24 }), onClick: onClick, title: title, variant: "default", dropShadow: false })] }), jsxs("div", { children: [jsx("h4", { className: "p-h4 mb16", children: "transparent" }), jsx(Card, { description: description, icon: jsx(BasketballSportsIcon, { size: 24 }), onClick: onClick, title: title, variant: "transparent" })] }), jsxs("div", { children: [jsx("h4", { className: "p-h4 mb16", children: "outline" }), jsx(Card, { description: description, icon: jsx(BasketballSportsIcon, { size: 24 }), onClick: onClick, title: title, variant: "outline" })] }), jsxs("div", { children: [jsx("h4", { className: "p-h4 mb16", children: "secondary" }), jsx(Card, { description: description, icon: jsx(BasketballSportsIcon, { size: 24 }), onClick: onClick, title: title, variant: "secondary" })] }), jsxs("div", { children: [jsx("h4", { className: "p-h4 mb16", children: "primary" }), jsx(Card, { description: description, icon: jsx(BasketballSportsIcon, { size: 24 }), onClick: onClick, title: title, variant: "primary" })] })] }));
+    },
 };
-CardStory.storyName = "Card";
-var CardAsOtherComponents = function () { return (jsxs("div", { className: 'd-flex fd-column gap16 p24 bg-neutral-100', children: [jsx("h3", { className: 'p-h3', children: "As an anchor:" }), jsx(Card, { as: "a", href: "https://feather-insurance.com", target: "_blank", title: "Card with an a tag", density: 'xsmall' }), jsx("h3", { className: 'p-h3', children: "As a nav:" }), jsx(Card, { as: "nav", title: "Card with a nav tag", density: 'xsmall' }), jsxs("p", { className: 'p-p p-p--small fw-bold d-flex ai-center gap8 mt32', children: [jsx(InfoIcon, {}), "Inspect elements to see the different HTML tags being rendered."] })] })); };
-var CardDisabledStates = function () { return (jsxs("div", { className: 'd-flex fd-column gap16 p24 bg-neutral-100', children: [jsx(Card, { as: "button", onClick: function () { }, title: "Card with an a tag", density: 'xsmall' }), jsx(Card, { as: "button", onClick: function () { }, title: "Card with an a tag", density: 'xsmall', disabled: true })] })); };
-var CardDensities = function () { return (jsxs("div", { className: 'd-flex fd-column gap16 p24 bg-neutral-100', children: [jsx(Card, { title: 'Card density: xsmall', density: 'xsmall' }), jsx(Card, { title: 'Card density: small', density: 'small' }), jsx(Card, { title: 'Card density: medium', density: 'medium' }), jsx(Card, { title: 'Card density: large', density: 'large' })] })); };
-var CardsWithIcons = function (_a) {
-    var title = _a.title;
-    return (jsxs("div", { className: 'd-flex gap16 p24 bg-neutral-100', children: [jsx(Card, { icon: jsx("img", { alt: "", src: illustrations.aids, width: 24 }), title: title }), jsx(Card, { icon: jsx(MehIcon, { size: 24, noMargin: true }), title: title })] }));
+var CardAsOtherComponents = function () { return (jsxs("div", { className: "d-flex fd-column gap16 p24 bg-neutral-100", children: [jsx("h3", { className: "p-h3", children: "As an anchor:" }), jsx(Card, { as: "a", href: "https://feather-insurance.com", target: "_blank", title: "Card with an a tag", density: "xsmall" }), jsx("h3", { className: "p-h3", children: "As a nav:" }), jsx(Card, { as: "nav", title: "Card with a nav tag", density: "xsmall" }), jsxs("p", { className: "p-p p-p--small fw-bold d-flex ai-center gap8 mt32", children: [jsx(InfoIcon, {}), "Inspect elements to see the different HTML tags being rendered."] })] })); };
+var CardDisabledStates = function () { return (jsxs("div", { className: "d-flex fd-column gap16 p24 bg-neutral-100", children: [jsx(Card, { as: "button", onClick: function () { }, title: "Card with an a tag", density: "xsmall" }), jsx(Card, { as: "button", onClick: function () { }, title: "Card with an a tag", density: "xsmall", disabled: true })] })); };
+var CardDensities = function () { return (jsxs("div", { className: "d-flex fd-column gap16 p24 bg-neutral-100", children: [jsx(Card, { title: 'Card density: xsmall', density: "xsmall" }), jsx(Card, { title: 'Card density: small', density: "small" }), jsx(Card, { title: 'Card density: medium', density: "medium" }), jsx(Card, { title: 'Card density: large', density: "large" })] })); };
+var CardsWithIcons = {
+    render: function (_a) {
+        var title = _a.title;
+        return (jsxs("div", { className: "d-flex gap16 p24 bg-neutral-100", children: [jsx(Card, { icon: jsx("img", { alt: "", src: illustrations.aids, width: 24 }), title: title }), jsx(Card, { icon: jsx(MehIcon, { size: 24, noMargin: true }), title: title })] }));
+    },
 };
-var CardWithOnClickAction = function (_a) {
-    var children = _a.children, title = _a.title;
-    return (jsx("div", { className: 'd-flex p24 bg-neutral-100', children: jsx(Card, { icon: jsx("img", { alt: "", src: illustrations.aids, width: 24 }), title: title, titleVariant: 'medium', onClick: function () { }, children: children }) }));
+var CardWithOnClickAction = {
+    render: function (_a) {
+        var children = _a.children, title = _a.title;
+        return (jsx("div", { className: "d-flex p24 bg-neutral-100", children: jsx(Card, { icon: jsx("img", { alt: "", src: illustrations.aids, width: 24 }), title: title, titleVariant: 'medium', onClick: function () { }, children: children }) }));
+    },
 };
-var CardOverridesStyles = function (_a) {
-    var children = _a.children, label = _a.label, title = _a.title;
-    return (jsx("div", { className: 'd-flex p24 bg-neutral-100', children: jsx(Card, { label: label, title: title, titleVariant: 'medium', icon: jsx(PlusCircleIcon, { color: "neutral-50", size: 32 }), classNames: {
-                wrapper: 'bg-neutral-800',
-                label: 'tc-white',
-                title: 'tc-white'
-            }, children: children }) }));
+var CardOverridesStyles = {
+    render: function (_a) {
+        var children = _a.children, label = _a.label, title = _a.title;
+        return (jsx("div", { className: "d-flex p24 bg-neutral-100", children: jsx(Card, { label: label, title: title, titleVariant: 'medium', icon: jsx(PlusCircleIcon, { color: "neutral-50", size: 32 }), classNames: {
+                    wrapper: 'bg-neutral-800',
+                    label: 'tc-white',
+                    title: 'tc-white',
+                }, children: children }) }));
+    },
 };
-var CardsWithinCardsAndComplexLayout = function () { return (jsx("div", { className: 'd-flex p24 bg-neutral-100', children: jsxs(Card, { label: (jsx(Badge, { size: 'small', variant: 'success', children: "Active" })), title: (jsxs("div", { className: 'd-flex jc-between ai-center w100', children: ["Coverage overview", jsx(Button, { as: "a", href: "#", onClick: console.log, children: "Full covxerage details" })] })), children: [jsxs("div", { className: 'd-flex gap16 mt16', children: [jsx(Card, { description: "Lost keys", classNames: { wrapper: 'bg-neutral-300' }, icon: jsx(CheckIcon, { color: 'purple-600' }), density: 'xsmall' }), jsx(Card, { description: "Broken glass", classNames: { wrapper: 'bg-neutral-300' }, icon: jsx(XIcon, { color: 'purple-600' }), density: 'xsmall' })] }), jsxs("div", { className: 'd-flex gap16 mt16', children: [jsx(Card, { description: "Damage to property", classNames: { wrapper: 'bg-neutral-300' }, icon: jsx(CheckIcon, { color: 'purple-600' }), density: 'xsmall' }), jsx(Card, { description: "Drones", classNames: { wrapper: 'bg-neutral-300' }, icon: jsx(XIcon, { color: 'purple-600' }), density: 'xsmall' })] })] }) })); };
+var CardsWithinCardsAndComplexLayout = function () { return (jsx("div", { className: "d-flex p24 bg-neutral-100", children: jsxs(Card, { label: jsx(Badge, { size: "small", variant: "success", children: "Active" }), title: jsxs("div", { className: "d-flex jc-between ai-center w100", children: ["Coverage overview", jsx(Button, { as: "a", href: "#", onClick: console.log, children: "Full covxerage details" })] }), children: [jsxs("div", { className: "d-flex gap16 mt16", children: [jsx(Card, { description: "Lost keys", classNames: { wrapper: 'bg-neutral-300' }, icon: jsx(CheckIcon, { color: 'purple-600' }), density: "xsmall" }), jsx(Card, { description: "Broken glass", classNames: { wrapper: 'bg-neutral-300' }, icon: jsx(XIcon, { color: 'purple-600' }), density: "xsmall" })] }), jsxs("div", { className: "d-flex gap16 mt16", children: [jsx(Card, { description: "Damage to property", classNames: { wrapper: 'bg-neutral-300' }, icon: jsx(CheckIcon, { color: 'purple-600' }), density: "xsmall" }), jsx(Card, { description: "Drones", classNames: { wrapper: 'bg-neutral-300' }, icon: jsx(XIcon, { color: 'purple-600' }), density: "xsmall" })] })] }) })); };
 
-export default story;
-export { CardAsOtherComponents, CardDensities, CardDisabledStates, CardOverridesStyles, CardStory, CardVariants, CardWithOnClickAction, CardsWithIcons, CardsWithinCardsAndComplexLayout };
+export { CardAsOtherComponents, CardDensities, CardDisabledStates, CardOverridesStyles, CardStory, CardVariants, CardWithOnClickAction, CardsWithIcons, CardsWithinCardsAndComplexLayout, story as default };
 //# sourceMappingURL=index.stories.js.map

package/dist/esm/components/cards/card/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/cards/card/index.stories.tsx"],"sourcesContent":["import { Card, CardProps } from '.';\nimport { illustrations } from '../../../util/images';\nimport { Button } from '../../button';\nimport { Badge } from '../../badge';\nimport { BasketballSportsIcon, CheckIcon, InfoIcon, MehIcon, PlusCircleIcon, XIcon } from '../../icon';\n\nconst story = {\n  title: 'JSX/Cards/Card',\n  component: Card,\n  argTypes: {\n    as: {\n      control: 'text',\n      description: 'Allow wrapper element type to be custom defined'\n    },\n    density: {\n      description: 'Spacing around the card'\n    },\n    label: {\n      description: 'Content to be rendered as label'\n    },\n    title: {\n      description: 'Content to be rendered as title'\n    },\n    titleVariant: {\n      description: 'Variant that allows changing title sizing styles.'\n    },\n    description: {\n      description: 'Content to be rendered as description'\n    },\n    descriptionVariant: {\n      description: 'Variant that allows changing description sizing styles.'\n    },\n    icon: {\n      description: 'ReactNode to be rendered on the left side of the card',\n    },\n    children: {\n      control: 'text',\n      description: 'Content that is displayed inside the card under the pre-defined props',\n    },\n    onClick: {\n      action: true,\n      table: {\n        category: \"Callbacks\",\n      },\n      description: 'On click action to be triggered on card click.',\n    },\n    dropShadow: {\n      description: 'Wether to display card with drop shadow styles or not.',\n    },\n    actionIcon: {\n      control: 'text',\n      description: 'ReactNode to be rendered on the right side of the card when there is an onClick action. By default it renders the ChevronRightIcon.',\n    },\n    showActionIcon: {\n      description: 'Property that always displays action icon even if no onClick is set.',\n    },\n    verticalAlignment: {\n      description: 'Vertical alignment of the card content',\n      control: { type: 'select' },\n    },\n  },\n  args: {\n    density: 'medium',\n    description: 'Believe you’re a great fit but can’t find a position listed for your skill set? We’d love to hear from you!',\n    descriptionVariant: 'large',\n    label: 'Label',\n    title: 'Honest, simple insurance',\n    titleVariant: 'large',\n    icon: 'ABC',\n    children: '',\n    classNames: {\n      wrapper: '',\n      label: '',\n      title: '',\n      description: '',\n      children: '',\n      icon: ''\n    },\n    dropShadow: true,\n    verticalAlignment: 'center',\n  }\n};\n\nexport const CardStory = ({ \n  as,\n  actionIcon,\n  showActionIcon,\n  children,\n  classNames,\n  density,\n  description,\n  descriptionVariant,\n  dropShadow,\n  icon,\n  label,\n  onClick,\n  title,\n  titleVariant,\n  verticalAlignment,\n}: CardProps) => (\n  <div className='d-flex p24 bg-neutral-100'>\n    <Card\n      as={as}\n      classNames={classNames}\n      description={description}\n      descriptionVariant={descriptionVariant}\n      density={density}\n      dropShadow={dropShadow}\n      icon={icon}\n      label={label}\n      title={title}\n      titleVariant={titleVariant}\n      onClick={onClick}\n      actionIcon={actionIcon}\n      showActionIcon={showActionIcon}\n      verticalAlignment={verticalAlignment}\n    >\n      {children}\n    </Card>\n  </div>\n);\n\nexport const CardVariants = ({ \n  description,\n  onClick,\n  title,\n}: CardProps) => (\n  <div className='d-flex fd-column gap24 p24'>\n    <div>\n      <h4 className='p-h4 mb16'>default</h4>\n      <Card\n        description={description}\n        icon={<BasketballSportsIcon size={24} />}\n        onClick={onClick}\n        title={title}\n        variant='default'\n        dropShadow={false}\n      />\n    </div>\n    <div>\n      <h4 className='p-h4 mb16'>transparent</h4>\n      <Card\n        description={description}\n        icon={<BasketballSportsIcon size={24} />}\n        onClick={onClick}\n        title={title}\n        variant='transparent'\n      />\n    </div>\n    <div>\n      <h4 className='p-h4 mb16'>outline</h4>\n      <Card\n        description={description}\n        icon={<BasketballSportsIcon size={24} />}\n        onClick={onClick}\n        title={title}\n        variant='outline'\n      />\n    </div>\n    <div>\n      <h4 className='p-h4 mb16'>secondary</h4>\n      <Card\n        description={description}\n        icon={<BasketballSportsIcon size={24} />}\n        onClick={onClick}\n        title={title}\n        variant='secondary'\n      />\n    </div>\n    <div>\n      <h4 className='p-h4 mb16'>primary</h4>\n      <Card\n        description={description}\n        icon={<BasketballSportsIcon size={24} />}\n        onClick={onClick}\n        title={title}\n        variant='primary'\n      />\n    </div>\n  </div>\n);\n\nCardStory.storyName = \"Card\";\n\nexport const CardAsOtherComponents = () => (\n  <div className='d-flex fd-column gap16 p24 bg-neutral-100'>\n   \n    <h3 className='p-h3'>As an anchor:</h3>\n    <Card\n      as=\"a\"\n      href=\"https://feather-insurance.com\"\n      target=\"_blank\"\n      title=\"Card with an a tag\"\n      density='xsmall'\n    />\n\n    <h3 className='p-h3'>As a nav:</h3>\n    <Card\n      as=\"nav\"\n      title=\"Card with a nav tag\"\n      density='xsmall'\n    />\n\n    <p className='p-p p-p--small fw-bold d-flex ai-center gap8 mt32'>\n      <InfoIcon />\n      Inspect elements to see the different HTML tags being rendered.\n    </p>\n  </div>\n);\n\nexport const CardDisabledStates = () => (\n  <div className='d-flex fd-column gap16 p24 bg-neutral-100'>\n    <Card\n      as=\"button\"\n      onClick={() => {}}\n      title=\"Card with an a tag\"\n      density='xsmall'\n    />\n    <Card\n      as=\"button\"\n      onClick={() => {}}\n      title=\"Card with an a tag\"\n      density='xsmall'\n      disabled\n    />\n  </div>\n);\n\nexport const CardDensities = () => (\n  <div className='d-flex fd-column gap16 p24 bg-neutral-100'>\n    <Card\n      title={'Card density: xsmall'}\n      density='xsmall'\n    />\n    <Card\n      title={'Card density: small'}\n      density='small'\n    />\n    <Card\n      title={'Card density: medium'}\n      density='medium'\n    />\n    <Card\n      title={'Card density: large'}\n      density='large'\n    />\n  </div>\n);\n\nexport const CardsWithIcons = ({ title }: CardProps) => (\n  <div className='d-flex gap16 p24 bg-neutral-100'>\n    <Card\n      icon={\n        <img\n          alt=\"\"\n          src={illustrations.aids}\n          width={24}\n        />\n      }\n      title={title}\n    />\n    <Card\n      icon={<MehIcon size={24} noMargin />}\n      title={title}\n    />\n  </div>\n);\n\nexport const CardWithOnClickAction = ({ \n  children,\n  title,\n}: CardProps) => (\n  <div className='d-flex p24 bg-neutral-100'>\n    <Card\n      icon={\n        <img\n          alt=\"\"\n          src={illustrations.aids}\n          width={24}\n        />\n      }\n      title={title}\n      titleVariant={'medium'}\n      onClick={() => {}}\n    >\n      {children}\n    </Card>\n  </div>\n);\n\nexport const CardOverridesStyles = ({ \n  children,\n  label,\n  title,\n}: CardProps) => (\n  <div className='d-flex p24 bg-neutral-100'>\n    <Card\n      label={label}\n      title={title}\n      titleVariant={'medium'}\n      icon={<PlusCircleIcon color=\"neutral-50\" size={32} />}\n      classNames={{ \n        wrapper: 'bg-neutral-800',\n        label: 'tc-white',\n        title: 'tc-white'\n      }}\n    >\n      {children}\n    </Card>\n  </div>\n);\n\nexport const CardsWithinCardsAndComplexLayout = () => (\n  <div className='d-flex p24 bg-neutral-100'>\n    <Card\n      label={(\n        <Badge size='small' variant='success'>\n          Active\n        </Badge>\n      )}\n      title={(\n        <div className='d-flex jc-between ai-center w100'>\n          Coverage overview\n\n          <Button\n          as=\"a\"\n          href=\"#\"\n            onClick={console.log}\n          >\n            Full covxerage details\n          </Button>\n        </div>\n      )}\n    >\n      <div className='d-flex gap16 mt16'>\n        <Card\n          description=\"Lost keys\"\n          classNames={{ wrapper: 'bg-neutral-300' }}\n          icon={<CheckIcon color={'purple-600'} />}\n          density='xsmall'\n        />\n        <Card\n          description=\"Broken glass\"\n          classNames={{ wrapper: 'bg-neutral-300' }}\n          icon={<XIcon color={'purple-600'} />}\n          density='xsmall'\n        />\n      </div>\n      \n      <div className='d-flex gap16 mt16'>\n        <Card\n          description=\"Damage to property\"\n          classNames={{ wrapper: 'bg-neutral-300' }}\n          icon={<CheckIcon color={'purple-600'} />}\n          density='xsmall'\n        />\n        <Card\n          description=\"Drones\"\n          classNames={{ wrapper: 'bg-neutral-300' }}\n          icon={<XIcon color={'purple-600'} />}\n          density='xsmall'\n        />\n      </div>\n    </Card>\n  </div>\n);\n\nexport default story;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;IAMM,KAAK,GAAG;IACZ,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,iDAAiD;SAC/D;QACD,OAAO,EAAE;YACP,WAAW,EAAE,yBAAyB;SACvC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,iCAAiC;SAC/C;QACD,KAAK,EAAE;YACL,WAAW,EAAE,iCAAiC;SAC/C;QACD,YAAY,EAAE;YACZ,WAAW,EAAE,mDAAmD;SACjE;QACD,WAAW,EAAE;YACX,WAAW,EAAE,uCAAuC;SACrD;QACD,kBAAkB,EAAE;YAClB,WAAW,EAAE,yDAAyD;SACvE;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,uDAAuD;SACrE;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,uEAAuE;SACrF;QACD,OAAO,EAAE;YACP,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE;gBACL,QAAQ,EAAE,WAAW;aACtB;YACD,WAAW,EAAE,gDAAgD;SAC9D;QACD,UAAU,EAAE;YACV,WAAW,EAAE,wDAAwD;SACtE;QACD,UAAU,EAAE;YACV,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,qIAAqI;SACnJ;QACD,cAAc,EAAE;YACd,WAAW,EAAE,sEAAsE;SACpF;QACD,iBAAiB,EAAE;YACjB,WAAW,EAAE,wCAAwC;YACrD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,QAAQ;QACjB,WAAW,EAAE,6GAA6G;QAC1H,kBAAkB,EAAE,OAAO;QAC3B,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,0BAA0B;QACjC,YAAY,EAAE,OAAO;QACrB,IAAI,EAAE,KAAK;QACX,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE;YACV,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,EAAE;YACT,WAAW,EAAE,EAAE;YACf,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,EAAE;SACT;QACD,UAAU,EAAE,IAAI;QAChB,iBAAiB,EAAE,QAAQ;KAC5B;EACD;IAEW,SAAS,GAAG,UAAC,EAgBd;QAfV,EAAE,QAAA,EACF,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,kBAAkB,wBAAA,EAClB,UAAU,gBAAA,EACV,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,OAAO,aAAA,EACP,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,iBAAiB,uBAAA;IACF,QACfA,aAAK,SAAS,EAAC,2BAA2B,YACxCA,IAAC,IAAI,IACH,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,YAEnC,QAAQ,GACJ,GACH;AApBS,EAqBf;IAEW,YAAY,GAAG,UAAC,EAIjB;QAHV,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,KAAK,WAAA;IACU,QACfC,cAAK,SAAS,EAAC,4BAA4B,aACzCA,yBACED,YAAI,SAAS,EAAC,WAAW,wBAAa,EACtCA,IAAC,IAAI,IACH,WAAW,EAAE,WAAW,EACxB,IAAI,EAAEA,IAAC,oBAAoB,IAAC,IAAI,EAAE,EAAE,GAAI,EACxC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,SAAS,EACjB,UAAU,EAAE,KAAK,GACjB,IACE,EACNC,yBACED,YAAI,SAAS,EAAC,WAAW,4BAAiB,EAC1CA,IAAC,IAAI,IACH,WAAW,EAAE,WAAW,EACxB,IAAI,EAAEA,IAAC,oBAAoB,IAAC,IAAI,EAAE,EAAE,GAAI,EACxC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,aAAa,GACrB,IACE,EACNC,yBACED,YAAI,SAAS,EAAC,WAAW,wBAAa,EACtCA,IAAC,IAAI,IACH,WAAW,EAAE,WAAW,EACxB,IAAI,EAAEA,IAAC,oBAAoB,IAAC,IAAI,EAAE,EAAE,GAAI,EACxC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,SAAS,GACjB,IACE,EACNC,yBACED,YAAI,SAAS,EAAC,WAAW,0BAAe,EACxCA,IAAC,IAAI,IACH,WAAW,EAAE,WAAW,EACxB,IAAI,EAAEA,IAAC,oBAAoB,IAAC,IAAI,EAAE,EAAE,GAAI,EACxC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,WAAW,GACnB,IACE,EACNC,yBACED,YAAI,SAAS,EAAC,WAAW,wBAAa,EACtCA,IAAC,IAAI,IACH,WAAW,EAAE,WAAW,EACxB,IAAI,EAAEA,IAAC,oBAAoB,IAAC,IAAI,EAAE,EAAE,GAAI,EACxC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,SAAS,GACjB,IACE,IACF;AArDS,EAsDf;AAEF,SAAS,CAAC,SAAS,GAAG,MAAM,CAAC;IAEhB,qBAAqB,GAAG,cAAM,QACzCC,cAAK,SAAS,EAAC,2CAA2C,aAExDD,YAAI,SAAS,EAAC,MAAM,8BAAmB,EACvCA,IAAC,IAAI,IACH,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,+BAA+B,EACpC,MAAM,EAAC,QAAQ,EACf,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAC,QAAQ,GAChB,EAEFA,YAAI,SAAS,EAAC,MAAM,0BAAe,EACnCA,IAAC,IAAI,IACH,EAAE,EAAC,KAAK,EACR,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAC,QAAQ,GAChB,EAEFC,YAAG,SAAS,EAAC,mDAAmD,aAC9DD,IAAC,QAAQ,KAAG,uEAEV,IACA,KACN;IAEW,kBAAkB,GAAG,cAAM,QACtCC,cAAK,SAAS,EAAC,2CAA2C,aACxDD,IAAC,IAAI,IACH,EAAE,EAAC,QAAQ,EACX,OAAO,EAAE,eAAQ,EACjB,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAC,QAAQ,GAChB,EACFA,IAAC,IAAI,IACH,EAAE,EAAC,QAAQ,EACX,OAAO,EAAE,eAAQ,EACjB,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAC,QAAQ,EAChB,QAAQ,SACR,IACE,KACN;IAEW,aAAa,GAAG,cAAM,QACjCC,cAAK,SAAS,EAAC,2CAA2C,aACxDD,IAAC,IAAI,IACH,KAAK,EAAE,sBAAsB,EAC7B,OAAO,EAAC,QAAQ,GAChB,EACFA,IAAC,IAAI,IACH,KAAK,EAAE,qBAAqB,EAC5B,OAAO,EAAC,OAAO,GACf,EACFA,IAAC,IAAI,IACH,KAAK,EAAE,sBAAsB,EAC7B,OAAO,EAAC,QAAQ,GAChB,EACFA,IAAC,IAAI,IACH,KAAK,EAAE,qBAAqB,EAC5B,OAAO,EAAC,OAAO,GACf,IACE,KACN;IAEW,cAAc,GAAG,UAAC,EAAoB;QAAlB,KAAK,WAAA;IAAkB,QACtDC,cAAK,SAAS,EAAC,iCAAiC,aAC9CD,IAAC,IAAI,IACH,IAAI,EACFA,aACE,GAAG,EAAC,EAAE,EACN,GAAG,EAAE,aAAa,CAAC,IAAI,EACvB,KAAK,EAAE,EAAE,GACT,EAEJ,KAAK,EAAE,KAAK,GACZ,EACFA,IAAC,IAAI,IACH,IAAI,EAAEA,IAAC,OAAO,IAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,SAAG,EACpC,KAAK,EAAE,KAAK,GACZ,IACE;AAhBgD,EAiBtD;IAEW,qBAAqB,GAAG,UAAC,EAG1B;QAFV,QAAQ,cAAA,EACR,KAAK,WAAA;IACU,QACfA,aAAK,SAAS,EAAC,2BAA2B,YACxCA,IAAC,IAAI,IACH,IAAI,EACFA,aACE,GAAG,EAAC,EAAE,EACN,GAAG,EAAE,aAAa,CAAC,IAAI,EACvB,KAAK,EAAE,EAAE,GACT,EAEJ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,QAAQ,EACtB,OAAO,EAAE,eAAQ,YAEhB,QAAQ,GACJ,GACH;AAhBS,EAiBf;IAEW,mBAAmB,GAAG,UAAC,EAIxB;QAHV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA;IACU,QACfA,aAAK,SAAS,EAAC,2BAA2B,YACxCA,IAAC,IAAI,IACH,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,QAAQ,EACtB,IAAI,EAAEA,IAAC,cAAc,IAAC,KAAK,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,GAAI,EACrD,UAAU,EAAE;gBACV,OAAO,EAAE,gBAAgB;gBACzB,KAAK,EAAE,UAAU;gBACjB,KAAK,EAAE,UAAU;aAClB,YAEA,QAAQ,GACJ,GACH;AAfS,EAgBf;IAEW,gCAAgC,GAAG,cAAM,QACpDA,aAAK,SAAS,EAAC,2BAA2B,YACxCC,KAAC,IAAI,IACH,KAAK,GACHD,IAAC,KAAK,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,uBAE7B,CACT,EACD,KAAK,GACHC,cAAK,SAAS,EAAC,kCAAkC,kCAG/CD,IAAC,MAAM,IACP,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,GAAG,EACN,OAAO,EAAE,OAAO,CAAC,GAAG,uCAGb,IACL,CACP,aAEDC,cAAK,SAAS,EAAC,mBAAmB,aAChCD,IAAC,IAAI,IACH,WAAW,EAAC,WAAW,EACvB,UAAU,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,EACzC,IAAI,EAAEA,IAAC,SAAS,IAAC,KAAK,EAAE,YAAY,GAAI,EACxC,OAAO,EAAC,QAAQ,GAChB,EACFA,IAAC,IAAI,IACH,WAAW,EAAC,cAAc,EAC1B,UAAU,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,EACzC,IAAI,EAAEA,IAAC,KAAK,IAAC,KAAK,EAAE,YAAY,GAAI,EACpC,OAAO,EAAC,QAAQ,GAChB,IACE,EAENC,cAAK,SAAS,EAAC,mBAAmB,aAChCD,IAAC,IAAI,IACH,WAAW,EAAC,oBAAoB,EAChC,UAAU,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,EACzC,IAAI,EAAEA,IAAC,SAAS,IAAC,KAAK,EAAE,YAAY,GAAI,EACxC,OAAO,EAAC,QAAQ,GAChB,EACFA,IAAC,IAAI,IACH,WAAW,EAAC,QAAQ,EACpB,UAAU,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,EACzC,IAAI,EAAEA,IAAC,KAAK,IAAC,KAAK,EAAE,YAAY,GAAI,EACpC,OAAO,EAAC,QAAQ,GAChB,IACE,IACD,GACH;;;;;"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/cards/card/index.stories.tsx"],"sourcesContent":["import { Card, CardProps } from '.';\nimport { illustrations } from '../../../util/images';\nimport { Button } from '../../button';\nimport { Badge } from '../../badge';\nimport {\n  BasketballSportsIcon,\n  CheckIcon,\n  InfoIcon,\n  MehIcon,\n  PlusCircleIcon,\n  XIcon,\n} from '../../icon';\n\nconst story = {\n  title: 'JSX/Cards/Card',\n  component: Card,\n  argTypes: {\n    as: {\n      control: 'text',\n      description: 'Allow wrapper element type to be custom defined',\n    },\n    density: {\n      description: 'Spacing around the card',\n    },\n    label: {\n      description: 'Content to be rendered as label',\n    },\n    title: {\n      description: 'Content to be rendered as title',\n    },\n    titleVariant: {\n      description: 'Variant that allows changing title sizing styles.',\n    },\n    description: {\n      description: 'Content to be rendered as description',\n    },\n    descriptionVariant: {\n      description: 'Variant that allows changing description sizing styles.',\n    },\n    icon: {\n      description: 'ReactNode to be rendered on the left side of the card',\n    },\n    children: {\n      control: 'text',\n      description:\n        'Content that is displayed inside the card under the pre-defined props',\n    },\n    onClick: {\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n      description: 'On click action to be triggered on card click.',\n    },\n    dropShadow: {\n      description: 'Wether to display card with drop shadow styles or not.',\n    },\n    actionIcon: {\n      control: 'text',\n      description:\n        'ReactNode to be rendered on the right side of the card when there is an onClick action. By default it renders the ChevronRightIcon.',\n    },\n    showActionIcon: {\n      description:\n        'Property that always displays action icon even if no onClick is set.',\n    },\n    verticalAlignment: {\n      description: 'Vertical alignment of the card content',\n      control: { type: 'select' },\n    },\n  },\n  args: {\n    density: 'medium',\n    description:\n      'Believe you’re a great fit but can’t find a position listed for your skill set? We’d love to hear from you!',\n    descriptionVariant: 'large',\n    label: 'Label',\n    title: 'Honest, simple insurance',\n    titleVariant: 'large',\n    icon: 'ABC',\n    children: '',\n    classNames: {\n      wrapper: '',\n      label: '',\n      title: '',\n      description: '',\n      children: '',\n      icon: '',\n    },\n    dropShadow: true,\n    verticalAlignment: 'center',\n  },\n};\n\nexport const CardStory = {\n  render: ({\n    as,\n    actionIcon,\n    showActionIcon,\n    children,\n    classNames,\n    density,\n    description,\n    descriptionVariant,\n    dropShadow,\n    icon,\n    label,\n    onClick,\n    title,\n    titleVariant,\n    verticalAlignment,\n  }: CardProps) => (\n    <div className=\"d-flex p24 bg-neutral-100\">\n      <Card\n        as={as}\n        classNames={classNames}\n        description={description}\n        descriptionVariant={descriptionVariant}\n        density={density}\n        dropShadow={dropShadow}\n        icon={icon}\n        label={label}\n        title={title}\n        titleVariant={titleVariant}\n        onClick={onClick}\n        actionIcon={actionIcon}\n        showActionIcon={showActionIcon}\n        verticalAlignment={verticalAlignment}\n      >\n        {children}\n      </Card>\n    </div>\n  ),\n\n  name: 'Card',\n};\n\nexport const CardVariants = {\n  render: ({ description, onClick, title }: CardProps) => (\n    <div className=\"d-flex fd-column gap24 p24\">\n      <div>\n        <h4 className=\"p-h4 mb16\">default</h4>\n        <Card\n          description={description}\n          icon={<BasketballSportsIcon size={24} />}\n          onClick={onClick}\n          title={title}\n          variant=\"default\"\n          dropShadow={false}\n        />\n      </div>\n      <div>\n        <h4 className=\"p-h4 mb16\">transparent</h4>\n        <Card\n          description={description}\n          icon={<BasketballSportsIcon size={24} />}\n          onClick={onClick}\n          title={title}\n          variant=\"transparent\"\n        />\n      </div>\n      <div>\n        <h4 className=\"p-h4 mb16\">outline</h4>\n        <Card\n          description={description}\n          icon={<BasketballSportsIcon size={24} />}\n          onClick={onClick}\n          title={title}\n          variant=\"outline\"\n        />\n      </div>\n      <div>\n        <h4 className=\"p-h4 mb16\">secondary</h4>\n        <Card\n          description={description}\n          icon={<BasketballSportsIcon size={24} />}\n          onClick={onClick}\n          title={title}\n          variant=\"secondary\"\n        />\n      </div>\n      <div>\n        <h4 className=\"p-h4 mb16\">primary</h4>\n        <Card\n          description={description}\n          icon={<BasketballSportsIcon size={24} />}\n          onClick={onClick}\n          title={title}\n          variant=\"primary\"\n        />\n      </div>\n    </div>\n  ),\n};\n\nexport const CardAsOtherComponents = () => (\n  <div className=\"d-flex fd-column gap16 p24 bg-neutral-100\">\n    <h3 className=\"p-h3\">As an anchor:</h3>\n    <Card\n      as=\"a\"\n      href=\"https://feather-insurance.com\"\n      target=\"_blank\"\n      title=\"Card with an a tag\"\n      density=\"xsmall\"\n    />\n\n    <h3 className=\"p-h3\">As a nav:</h3>\n    <Card as=\"nav\" title=\"Card with a nav tag\" density=\"xsmall\" />\n\n    <p className=\"p-p p-p--small fw-bold d-flex ai-center gap8 mt32\">\n      <InfoIcon />\n      Inspect elements to see the different HTML tags being rendered.\n    </p>\n  </div>\n);\n\nexport const CardDisabledStates = () => (\n  <div className=\"d-flex fd-column gap16 p24 bg-neutral-100\">\n    <Card\n      as=\"button\"\n      onClick={() => {}}\n      title=\"Card with an a tag\"\n      density=\"xsmall\"\n    />\n    <Card\n      as=\"button\"\n      onClick={() => {}}\n      title=\"Card with an a tag\"\n      density=\"xsmall\"\n      disabled\n    />\n  </div>\n);\n\nexport const CardDensities = () => (\n  <div className=\"d-flex fd-column gap16 p24 bg-neutral-100\">\n    <Card title={'Card density: xsmall'} density=\"xsmall\" />\n    <Card title={'Card density: small'} density=\"small\" />\n    <Card title={'Card density: medium'} density=\"medium\" />\n    <Card title={'Card density: large'} density=\"large\" />\n  </div>\n);\n\nexport const CardsWithIcons = {\n  render: ({ title }: CardProps) => (\n    <div className=\"d-flex gap16 p24 bg-neutral-100\">\n      <Card\n        icon={<img alt=\"\" src={illustrations.aids} width={24} />}\n        title={title}\n      />\n      <Card icon={<MehIcon size={24} noMargin />} title={title} />\n    </div>\n  ),\n};\n\nexport const CardWithOnClickAction = {\n  render: ({ children, title }: CardProps) => (\n    <div className=\"d-flex p24 bg-neutral-100\">\n      <Card\n        icon={<img alt=\"\" src={illustrations.aids} width={24} />}\n        title={title}\n        titleVariant={'medium'}\n        onClick={() => {}}\n      >\n        {children}\n      </Card>\n    </div>\n  ),\n};\n\nexport const CardOverridesStyles = {\n  render: ({ children, label, title }: CardProps) => (\n    <div className=\"d-flex p24 bg-neutral-100\">\n      <Card\n        label={label}\n        title={title}\n        titleVariant={'medium'}\n        icon={<PlusCircleIcon color=\"neutral-50\" size={32} />}\n        classNames={{\n          wrapper: 'bg-neutral-800',\n          label: 'tc-white',\n          title: 'tc-white',\n        }}\n      >\n        {children}\n      </Card>\n    </div>\n  ),\n};\n\nexport const CardsWithinCardsAndComplexLayout = () => (\n  <div className=\"d-flex p24 bg-neutral-100\">\n    <Card\n      label={\n        <Badge size=\"small\" variant=\"success\">\n          Active\n        </Badge>\n      }\n      title={\n        <div className=\"d-flex jc-between ai-center w100\">\n          Coverage overview\n          <Button as=\"a\" href=\"#\" onClick={console.log}>\n            Full covxerage details\n          </Button>\n        </div>\n      }\n    >\n      <div className=\"d-flex gap16 mt16\">\n        <Card\n          description=\"Lost keys\"\n          classNames={{ wrapper: 'bg-neutral-300' }}\n          icon={<CheckIcon color={'purple-600'} />}\n          density=\"xsmall\"\n        />\n        <Card\n          description=\"Broken glass\"\n          classNames={{ wrapper: 'bg-neutral-300' }}\n          icon={<XIcon color={'purple-600'} />}\n          density=\"xsmall\"\n        />\n      </div>\n\n      <div className=\"d-flex gap16 mt16\">\n        <Card\n          description=\"Damage to property\"\n          classNames={{ wrapper: 'bg-neutral-300' }}\n          icon={<CheckIcon color={'purple-600'} />}\n          density=\"xsmall\"\n        />\n        <Card\n          description=\"Drones\"\n          classNames={{ wrapper: 'bg-neutral-300' }}\n          icon={<XIcon color={'purple-600'} />}\n          density=\"xsmall\"\n        />\n      </div>\n    </Card>\n  </div>\n);\n\nexport default story;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/cards/cardButton/index.js

@@ -1,10 +1,11 @@
-import { a as __assign } from '../../../tslib.es6-a39f91fc.js';
+import { b as __assign } from '../../../tslib.es6-CVlKGIvp.js';
 import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { c as classNames } from '../../../index-DLQEsiym.js';
 import ChevronRightIcon from '../../icon/icons/ChevronRight.js';
-import { s as styleInject } from '../../../style-inject.es-1f59c1d0.js';
+import { s as styleInject } from '../../../style-inject.es-tgCJW-Cu.js';
 import { Card } from '../card/index.js';
-import { c as classNames } from '../../../index-6ea95111.js';
-import 'react';
+import '../../../_commonjsHelpers-BFTU3MAI.js';
 import '../../icon/IconWrapper/IconWrapper.js';
 
 var css_248z = ".style-module_containerDisabled__2j9_N {\n  pointer-events: none;\n  opacity: 0.25;\n}\n\n.style-module_contentWrapper__EkTN9 {\n  gap: 4px !important;\n}";

package/dist/esm/components/cards/cardButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/cards/cardButton/index.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { ChevronRightIcon } from '../../icon/icons';\n\nimport styles from './style.module.scss';\nimport { Card, CardProps } from '../card';\nimport classNames from 'classnames';\n\nexport type CardButtonProps = {\n  title: string;\n  description: string | ReactNode;\n  disabled?: boolean;\n  className?: string;\n  href?: string;\n} & CardProps;\n\nexport const CardButton = ({\n  title,\n  description,\n  disabled = false,\n  className,\n  href,\n}: CardButtonProps) => (\n  <Card\n      as={href ? 'a' : 'button'}\n      classNames={{\n        buttonWrapper: classNames(\n          'c-pointer ta-left w100',\n          className,\n          { [styles.containerDisabled]: disabled }\n        ),\n        label: 'tc-neutral-900',\n        description: 'tc-neutral-700 p-p',\n        contentWrapper: styles.contentWrapper\n      }}\n      density='xsmall'\n      label={title}\n      description={typeof description === 'string' ? description : null}\n      actionIcon={\n        <ChevronRightIcon\n          size={20}\n          color={'neutral-900'}\n          className={styles.chevronRight}\n        />\n      }\n      showActionIcon\n      {...href ? { href } : {}}\n    >\n      {typeof description !== 'string' ? description : null}\n  </Card>\n);\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;IAgBa,UAAU,GAAG,UAAC,EAMT;;QALhB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,SAAS,eAAA,EACT,IAAI,UAAA;IACiB,QACrBA,IAAC,IAAI,aACD,EAAE,EAAE,IAAI,GAAG,GAAG,GAAG,QAAQ,EACzB,UAAU,EAAE;YACV,aAAa,EAAE,UAAU,CACvB,wBAAwB,EACxB,SAAS,YACP,GAAC,MAAM,CAAC,iBAAiB,IAAG,QAAQ,MACvC;YACD,KAAK,EAAE,gBAAgB;YACvB,WAAW,EAAE,oBAAoB;YACjC,cAAc,EAAE,MAAM,CAAC,cAAc;SACtC,EACD,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,OAAO,WAAW,KAAK,QAAQ,GAAG,WAAW,GAAG,IAAI,EACjE,UAAU,EACRA,IAAC,gBAAgB,IACf,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,MAAM,CAAC,YAAY,GAC9B,EAEJ,cAAc,UACV,IAAI,GAAG,EAAE,IAAI,MAAA,EAAE,GAAG,EAAE,cAEvB,OAAO,WAAW,KAAK,QAAQ,GAAG,WAAW,GAAG,IAAI,IAClD;AA3Bc;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/cards/cardButton/index.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { ChevronRightIcon } from '../../icon/icons';\n\nimport styles from './style.module.scss';\nimport { Card, CardProps } from '../card';\nimport classNames from 'classnames';\n\nexport type CardButtonProps = {\n  title: string;\n  description: string | ReactNode;\n  disabled?: boolean;\n  className?: string;\n  href?: string;\n} & CardProps;\n\nexport const CardButton = ({\n  title,\n  description,\n  disabled = false,\n  className,\n  href,\n}: CardButtonProps) => (\n  <Card\n      as={href ? 'a' : 'button'}\n      classNames={{\n        buttonWrapper: classNames(\n          'c-pointer ta-left w100',\n          className,\n          { [styles.containerDisabled]: disabled }\n        ),\n        label: 'tc-neutral-900',\n        description: 'tc-neutral-700 p-p',\n        contentWrapper: styles.contentWrapper\n      }}\n      density='xsmall'\n      label={title}\n      description={typeof description === 'string' ? description : null}\n      actionIcon={\n        <ChevronRightIcon\n          size={20}\n          color={'neutral-900'}\n          className={styles.chevronRight}\n        />\n      }\n      showActionIcon\n      {...href ? { href } : {}}\n    >\n      {typeof description !== 'string' ? description : null}\n  </Card>\n);\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;AAgBO,IAAM,UAAU,GAAG,UAAC,EAMT,EAAA;;AALhB,IAAA,IAAA,KAAK,WAAA,EACL,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,gBAAgB,EAAhB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,KAAA,EAChB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,IAAI,GAAA,EAAA,CAAA,IAAA;AACiB,IAAA,QACrBA,GAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EACD,EAAE,EAAE,IAAI,GAAG,GAAG,GAAG,QAAQ,EACzB,UAAU,EAAE;AACV,YAAA,aAAa,EAAE,UAAU,CACvB,wBAAwB,EACxB,SAAS,GAAA,EAAA,GAAA,EAAA,EACP,EAAA,CAAC,MAAM,CAAC,iBAAiB,CAAA,GAAG,QAAQ,EAAA,EAAA,EACvC;AACD,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,WAAW,EAAE,oBAAoB;YACjC,cAAc,EAAE,MAAM,CAAC;AACxB,SAAA,EACD,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,OAAO,WAAW,KAAK,QAAQ,GAAG,WAAW,GAAG,IAAI,EACjE,UAAU,EACRA,GAAA,CAAC,gBAAgB,IACf,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,MAAM,CAAC,YAAY,GAC9B,EAEJ,cAAc,EAAA,IAAA,EAAA,EACV,IAAI,GAAG,EAAE,IAAI,MAAA,EAAE,GAAG,EAAE,EAAA,EAAA,QAAA,EAEvB,OAAO,WAAW,KAAK,QAAQ,GAAG,WAAW,GAAG,IAAI,IAClD;AA3Bc;;;;"}

package/dist/esm/components/cards/cardButton/index.stories.js

@@ -1,11 +1,12 @@
 import { jsx } from 'react/jsx-runtime';
 import { CardButton } from './index.js';
-import '../../../tslib.es6-a39f91fc.js';
-import '../../icon/icons/ChevronRight.js';
+import '../../../tslib.es6-CVlKGIvp.js';
 import 'react';
+import '../../../index-DLQEsiym.js';
+import '../../../_commonjsHelpers-BFTU3MAI.js';
+import '../../icon/icons/ChevronRight.js';
 import '../../icon/IconWrapper/IconWrapper.js';
-import '../../../index-6ea95111.js';
-import '../../../style-inject.es-1f59c1d0.js';
+import '../../../style-inject.es-tgCJW-Cu.js';
 import '../card/index.js';
 
 var story = {
@@ -41,14 +42,15 @@ var story = {
         disabled: false,
         className: '',
         href: 'https://feather-insurance.com/',
-    }
+    },
 };
-var CardButtonStory = function (_a) {
-    var title = _a.title, description = _a.description, disabled = _a.disabled, className = _a.className, href = _a.href, onClick = _a.onClick;
-    return (jsx(CardButton, { title: title, description: description, disabled: disabled, className: className, href: href, onClick: onClick }));
+var CardButtonStory = {
+    render: function (_a) {
+        var title = _a.title, description = _a.description, disabled = _a.disabled, className = _a.className, href = _a.href, onClick = _a.onClick;
+        return (jsx(CardButton, { title: title, description: description, disabled: disabled, className: className, href: href, onClick: onClick }));
+    },
+    name: 'CardButton',
 };
-CardButtonStory.storyName = "CardButton";
 
-export default story;
-export { CardButtonStory };
+export { CardButtonStory, story as default };
 //# sourceMappingURL=index.stories.js.map

package/dist/esm/components/cards/cardButton/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/cards/cardButton/index.stories.tsx"],"sourcesContent":["import { CardButton, CardButtonProps } from '.';\n\nconst story = {\n  title: 'JSX/Cards/CardButton',\n  component: CardButton,\n  argTypes: {\n    title: {\n      description: 'Title text that needs to be displayed',\n    },\n    description: {\n      description: 'Description text that is displayed under title',\n    },\n    disabled: {\n      description: 'Disabled state of the button',\n    },\n    className: {\n      description: 'Class name for most top parent element',\n    },\n    onClick: {\n      description: 'Function that runs on click of the button',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    href: {\n      description: 'Redirect URL on click of the button',\n    },\n  },\n  args: {\n    title: 'Label',\n    description: 'Honest, simple insurance',\n    disabled: false,\n    className: '',\n    href: 'https://feather-insurance.com/',\n  }\n};\n\nexport const CardButtonStory = ({\n  title,\n  description,\n  disabled,\n  className,\n  href,\n  onClick,\n}: CardButtonProps) => (\n  <CardButton\n    title={title}\n    description={description}\n    disabled={disabled}\n    className={className}\n    href={href}\n    onClick={onClick}\n  />\n);\n\nCardButtonStory.storyName = \"CardButton\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;IAEM,KAAK,GAAG;IACZ,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,WAAW,EAAE,uCAAuC;SACrD;QACD,WAAW,EAAE;YACX,WAAW,EAAE,gDAAgD;SAC9D;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,8BAA8B;SAC5C;QACD,SAAS,EAAE;YACT,WAAW,EAAE,wCAAwC;SACtD;QACD,OAAO,EAAE;YACP,WAAW,EAAE,2CAA2C;YACxD,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE;gBACL,QAAQ,EAAE,WAAW;aACtB;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,qCAAqC;SACnD;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,0BAA0B;QACvC,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,gCAAgC;KACvC;EACD;IAEW,eAAe,GAAG,UAAC,EAOd;QANhB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,OAAO,aAAA;IACc,QACrBA,IAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB;AARmB,EASrB;AAEF,eAAe,CAAC,SAAS,GAAG,YAAY;;;;;"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/cards/cardButton/index.stories.tsx"],"sourcesContent":["import { CardButton, CardButtonProps } from '.';\n\nconst story = {\n  title: 'JSX/Cards/CardButton',\n  component: CardButton,\n  argTypes: {\n    title: {\n      description: 'Title text that needs to be displayed',\n    },\n    description: {\n      description: 'Description text that is displayed under title',\n    },\n    disabled: {\n      description: 'Disabled state of the button',\n    },\n    className: {\n      description: 'Class name for most top parent element',\n    },\n    onClick: {\n      description: 'Function that runs on click of the button',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    href: {\n      description: 'Redirect URL on click of the button',\n    },\n  },\n  args: {\n    title: 'Label',\n    description: 'Honest, simple insurance',\n    disabled: false,\n    className: '',\n    href: 'https://feather-insurance.com/',\n  },\n};\n\nexport const CardButtonStory = {\n  render: ({\n    title,\n    description,\n    disabled,\n    className,\n    href,\n    onClick,\n  }: CardButtonProps) => (\n    <CardButton\n      title={title}\n      description={description}\n      disabled={disabled}\n      className={className}\n      href={href}\n      onClick={onClick}\n    />\n  ),\n\n  name: 'CardButton',\n};\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;AAEA,IAAM,KAAK,GAAG;AACZ,IAAA,KAAK,EAAE,sBAAsB;AAC7B,IAAA,SAAS,EAAE,UAAU;AACrB,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,WAAW,EAAE,uCAAuC;AACrD,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,WAAW,EAAE,gDAAgD;AAC9D,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,WAAW,EAAE,8BAA8B;AAC5C,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,WAAW,EAAE,wCAAwC;AACtD,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,WAAW,EAAE,2CAA2C;AACxD,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,WAAW;AACtB,aAAA;AACF,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,WAAW,EAAE,qCAAqC;AACnD,SAAA;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,WAAW,EAAE,0BAA0B;AACvC,QAAA,QAAQ,EAAE,KAAK;AACf,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,IAAI,EAAE,gCAAgC;AACvC,KAAA;;AAGI,IAAM,eAAe,GAAG;IAC7B,MAAM,EAAE,UAAC,EAOS,EAAA;AANhB,QAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,eAAA,EACT,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA;AACc,QAAA,QACrBA,GAAA,CAAC,UAAU,EAAA,EACT,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAAA,CAChB;IARmB,CAStB;AAED,IAAA,IAAI,EAAE,YAAY;;;;;"}

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

@@ -1,12 +1,13 @@
 export { InfoCard } from './infoCard/index.js';
 export { CardButton } from './cardButton/index.js';
-import '../../tslib.es6-a39f91fc.js';
+import '../../tslib.es6-CVlKGIvp.js';
 import 'react/jsx-runtime';
 import '../icon/icons/ArrowRight.js';
 import 'react';
 import '../icon/IconWrapper/IconWrapper.js';
-import '../../index-6ea95111.js';
-import '../../style-inject.es-1f59c1d0.js';
+import '../../index-DLQEsiym.js';
+import '../../_commonjsHelpers-BFTU3MAI.js';
+import '../../style-inject.es-tgCJW-Cu.js';
 import './card/index.js';
 import '../icon/icons/ChevronRight.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/cards/index.tsx"],"sourcesContent":["import { InfoCard } from './infoCard';\nimport { CardButton } from './cardButton';\n\ntype CardState = 'actionable' | 'static' | 'muted';\n\nexport type CardProps = {\n  title: string;\n  children: React.ReactNode;\n  state?: CardState;\n  dropshadow?: boolean;\n} & JSX.IntrinsicElements['div'];\n\nexport const headingForCardSize = (\n  cardSize: 'xsmall' | 'small' | 'medium' | 'big'\n): string => {\n  switch (cardSize) {\n    case 'xsmall':\n    case 'small':\n      return 'p-h4';\n    case 'medium':\n      return 'p-h3';\n    case 'big':\n      return 'p-h2';\n  }\n};\n\nexport const associatedClassForCardState = (\n  state: CardState,\n  dropshadow: boolean\n): string => {\n  const baseClass = (() => {\n    switch (state) {\n      case 'actionable':\n        return 'ds-card--actionable';\n      case 'muted':\n        return 'ds-card--muted';\n      case 'static':\n        return 'ds-card';\n    }\n  })();\n\n  if (dropshadow === false) {\n    return `${baseClass} ds-card--no-dropshadow`;\n  }\n  return baseClass;\n};\n\nexport {\n  InfoCard,\n  CardButton,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;IAYa,kBAAkB,GAAG,UAChC,QAA+C;IAE/C,QAAQ,QAAQ;QACd,KAAK,QAAQ,CAAC;QACd,KAAK,OAAO;YACV,OAAO,MAAM,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC;QAChB,KAAK,KAAK;YACR,OAAO,MAAM,CAAC;KACjB;AACH,EAAE;IAEW,2BAA2B,GAAG,UACzC,KAAgB,EAChB,UAAmB;IAEnB,IAAM,SAAS,GAAG,CAAC;QACjB,QAAQ,KAAK;YACX,KAAK,YAAY;gBACf,OAAO,qBAAqB,CAAC;YAC/B,KAAK,OAAO;gBACV,OAAO,gBAAgB,CAAC;YAC1B,KAAK,QAAQ;gBACX,OAAO,SAAS,CAAC;SACpB;KACF,GAAG,CAAC;IAEL,IAAI,UAAU,KAAK,KAAK,EAAE;QACxB,OAAO,UAAG,SAAS,4BAAyB,CAAC;KAC9C;IACD,OAAO,SAAS,CAAC;AACnB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/cards/index.tsx"],"sourcesContent":["import { InfoCard } from './infoCard';\nimport { CardButton } from './cardButton';\n\ntype CardState = 'actionable' | 'static' | 'muted';\n\nexport type CardProps = {\n  title: string;\n  children: React.ReactNode;\n  state?: CardState;\n  dropshadow?: boolean;\n} & JSX.IntrinsicElements['div'];\n\nexport const headingForCardSize = (\n  cardSize: 'xsmall' | 'small' | 'medium' | 'big'\n): string => {\n  switch (cardSize) {\n    case 'xsmall':\n    case 'small':\n      return 'p-h4';\n    case 'medium':\n      return 'p-h3';\n    case 'big':\n      return 'p-h2';\n  }\n};\n\nexport const associatedClassForCardState = (\n  state: CardState,\n  dropshadow: boolean\n): string => {\n  const baseClass = (() => {\n    switch (state) {\n      case 'actionable':\n        return 'ds-card--actionable';\n      case 'muted':\n        return 'ds-card--muted';\n      case 'static':\n        return 'ds-card';\n    }\n  })();\n\n  if (dropshadow === false) {\n    return `${baseClass} ds-card--no-dropshadow`;\n  }\n  return baseClass;\n};\n\nexport {\n  InfoCard,\n  CardButton,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAYO,IAAM,kBAAkB,GAAG,UAChC,QAA+C,EAAA;IAE/C,QAAQ,QAAQ;AACd,QAAA,KAAK,QAAQ;AACb,QAAA,KAAK,OAAO;AACV,YAAA,OAAO,MAAM;AACf,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,MAAM;AACf,QAAA,KAAK,KAAK;AACR,YAAA,OAAO,MAAM;;AAEnB;AAEO,IAAM,2BAA2B,GAAG,UACzC,KAAgB,EAChB,UAAmB,EAAA;IAEnB,IAAM,SAAS,GAAG,CAAC,YAAA;QACjB,QAAQ,KAAK;AACX,YAAA,KAAK,YAAY;AACf,gBAAA,OAAO,qBAAqB;AAC9B,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,gBAAgB;AACzB,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAO,SAAS;;IAEtB,CAAC,GAAG;AAEJ,IAAA,IAAI,UAAU,KAAK,KAAK,EAAE;QACxB,OAAO,EAAA,CAAA,MAAA,CAAG,SAAS,EAAA,yBAAA,CAAyB;IAC9C;AACA,IAAA,OAAO,SAAS;AAClB;;;;"}