@popsure/dirty-swan 0.50.0 → 0.51.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/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 = 'balanced' | 'compact' | 'spacious';\ntype TitleVariantType = 'small' | 'medium' | 'large';\n\ntype CardOwnProps<E extends ElementType = CardDefaultAsType> = {\n  as?: E;\n  children?: ReactNode;\n  classNames?: {\n    buttonWrapper?: string;\n    wrapper?: 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} \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 = 'balanced',\n  description,\n  descriptionVariant = 'large',\n  dropShadow = true,\n  icon,\n  label,\n  onClick,\n  actionIcon,\n  title,\n  titleVariant = 'large',\n  showActionIcon,\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 br8 ai-stretch',\n        {\n          'c-pointer': propsWithActionIcon,\n          [styles.button]: propsWithActionIcon\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 br8 bg-white w100 ta-left',\n          { 'bs-sm': dropShadow },\n          {\n            compact: 'p16',\n            balanced: 'p24',\n            spacious: 'p32',\n          }[density as DensityType],\n          classNames?.wrapper\n        )}\n      >\n        <div className=\"d-flex w100\">\n          {icon && (\n            <div\n              className={classNamesUtil(\n                `d-flex ai-center tc-primary-500`,\n                styles.icon,\n                styles[`icon${density}`],\n                classNames?.icon\n              )}\n            >\n              {icon}\n            </div>\n          )}\n\n          <div className=\"d-flex jc-between w100\">\n            <div className=\"d-flex jc-center gap8 fd-column tc-grey-900 w100\">\n              {label && (\n                <h3 className={classNamesUtil('p-p--small', classNames?.label)}>\n                  {label}\n                </h3>\n              )}\n\n              {title && (\n                <h2\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                </h2>\n              )}\n\n              {description && (\n                <div\n                  className={classNamesUtil(\n                    'tc-grey-600',\n                    classNames?.description,\n                    descriptionVariant === 'small' ? 'p-p--small' : 'p-p'\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[`actionIcon${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/card/index.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/card/index.stories.tsx"],"sourcesContent":["import { Card, CardProps } from '.';\nimport { illustrations } from '../../util/images';\nimport { Button } from '../button';\nimport { Badge } from '../badge';\nimport { CheckIcon, InfoIcon, MehIcon, PlusCircleIcon, XIcon } from '../icon';\n\nconst story = {\n  title: 'JSX/Card',\n  component: Card,\n  argTypes: {\n    as: {\n      control: { type: '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: { type: 'text' },\n      description: 'Content that is displayed inside the card under the pre-defined props',\n    },\n    onClick: {\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: { type: '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  },\n  args: {\n    density: 'balanced',\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  }\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}: CardProps) => (\n  <div className='d-flex p24 bg-grey-200'>\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    >\n      {children}\n    </Card>\n  </div>\n);\n\nCardStory.storyName = \"Card\";\n\nexport const CardAsOtherComponents = () => (\n  <div className='d-flex fd-column gap16 p24 bg-grey-200'>\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='compact'\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='compact'\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 CardDensities = () => (\n  <div className='d-flex fd-column gap16 p24 bg-grey-200'>\n    <Card\n      title={'Card density: Compact'}\n      density='compact'\n    />\n    <Card\n      title={'Card density: Balanced'}\n      density='balanced'\n    />\n    <Card\n      title={'Card density: Spacious'}\n      density='spacious'\n    />\n  </div>\n);\n\nexport const CardsWithIcons = ({ title }: CardProps) => (\n  <div className='d-flex gap16 p24 bg-grey-200'>\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-grey-200'>\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-grey-200'>\n    <Card\n      label={label}\n      title={title}\n      titleVariant={'medium'}\n      icon={<PlusCircleIcon color=\"grey-100\" size={32} />}\n      classNames={{ \n        wrapper: 'bg-grey-700',\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-grey-200'>\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            onClick={() => {}}\n            variant='filledGray'\n          >\n            Full coverage details\n          </Button>\n        </div>\n      )}\n    >\n      <div className='d-flex gap16 mt16'>\n        <Card\n          description=\"Lost keys\"\n          classNames={{ wrapper: 'bg-grey-300' }}\n          icon={<CheckIcon color={'primary-500'} />}\n          density='compact'\n        />\n        <Card\n          description=\"Broken glass\"\n          classNames={{ wrapper: 'bg-grey-300' }}\n          icon={<XIcon color={'primary-500'} />}\n          density='compact'\n        />\n      </div>\n      \n      <div className='d-flex gap16 mt16'>\n        <Card\n          description=\"Damage to property\"\n          classNames={{ wrapper: 'bg-grey-300' }}\n          icon={<CheckIcon color={'primary-500'} />}\n          density='compact'\n        />\n        <Card\n          description=\"Drones\"\n          classNames={{ wrapper: 'bg-grey-300' }}\n          icon={<XIcon color={'primary-500'} />}\n          density='compact'\n        />\n      </div>\n    </Card>\n  </div>\n);\n\nexport default story;\n"],"names":["_jsx","_jsxs","InfoIcon"],"mappings":"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"}

package/dist/esm/useOnClose-d818a54f.js

@@ -1,46 +0,0 @@
-import { useState, useCallback, useEffect } from 'react';
-
-var useOnClose = function (onClose, isOpen, dismissable) {
-    var _a = useState(false), isClosing = _a[0], setIsClosing = _a[1];
-    var handleOnClose = useCallback(function () {
-        setIsClosing(true);
-        setTimeout(function () {
-            onClose();
-            setIsClosing(false);
-        }, 300);
-    }, [setIsClosing, onClose]);
-    var handleOnOverlayClick = useCallback(function () {
-        if (!dismissable) {
-            return;
-        }
-        handleOnClose();
-    }, [dismissable, handleOnClose]);
-    var handleEscKey = useCallback(function (e) {
-        if (e.code !== 'Escape')
-            return;
-        if (!dismissable)
-            return null;
-        if (!isOpen)
-            return null;
-        handleOnClose();
-    }, [isOpen, dismissable, handleOnClose]);
-    useEffect(function () {
-        window.addEventListener('keydown', handleEscKey);
-        return function () {
-            window.removeEventListener('keydown', handleEscKey);
-        };
-    }, [handleEscKey]);
-    useEffect(function () {
-        document.body.style.overflow = isOpen ? 'hidden' : 'auto';
-        return function () {
-            document.body.style.overflow = 'auto';
-        };
-    }, [isOpen]);
-    var handleContainerClick = function (e) {
-        e.stopPropagation();
-    };
-    return { isClosing: isClosing, handleContainerClick: handleContainerClick, handleOnClose: handleOnClose, handleOnOverlayClick: handleOnOverlayClick };
-};
-
-export { useOnClose as u };
-//# sourceMappingURL=useOnClose-d818a54f.js.map

package/dist/esm/useOnClose-d818a54f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOnClose-d818a54f.js","sources":["../../../src/lib/components/modal/hooks/useOnClose.ts"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\n\ninterface OnCloseReturn {\n  isClosing: boolean;\n  handleContainerClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  handleOnClose: () => void;\n  handleOnOverlayClick: () => void;\n}\n\nconst useOnClose = (\n  onClose: () => void,\n  isOpen: boolean,\n  dismissable: boolean\n): OnCloseReturn => {\n  const [isClosing, setIsClosing] = useState(false);\n\n  const handleOnClose = useCallback(() => {\n    setIsClosing(true);\n    setTimeout(() => {\n      onClose();\n      setIsClosing(false);\n    }, 300);\n  }, [setIsClosing, onClose]);\n\n  const handleOnOverlayClick = useCallback(() => {\n    if (!dismissable) {\n      return;\n    }\n\n    handleOnClose();\n  }, [dismissable, handleOnClose]);\n\n  const handleEscKey = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.code !== 'Escape') return;\n      if (!dismissable) return null;\n      if (!isOpen) return null;\n\n      handleOnClose();\n    },\n    [isOpen, dismissable, handleOnClose]\n  );\n\n  useEffect(() => {\n    window.addEventListener('keydown', handleEscKey);\n\n    return () => {\n      window.removeEventListener('keydown', handleEscKey);\n    };\n  }, [handleEscKey]);\n\n  useEffect(() => {\n    document.body.style.overflow = isOpen ? 'hidden' : 'auto';\n\n    return () => {\n      document.body.style.overflow = 'auto';\n    };\n  }, [isOpen]);\n\n  const handleContainerClick = (\n    e: React.MouseEvent<HTMLDivElement, MouseEvent>\n  ) => {\n    e.stopPropagation();\n  };\n\n  return { isClosing, handleContainerClick, handleOnClose, handleOnOverlayClick };\n};\n\nexport default useOnClose;\n"],"names":[],"mappings":";;IASM,UAAU,GAAG,UACjB,OAAmB,EACnB,MAAe,EACf,WAAoB;IAEd,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAElD,IAAM,aAAa,GAAG,WAAW,CAAC;QAChC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,UAAU,CAAC;YACT,OAAO,EAAE,CAAC;YACV,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB,EAAE,GAAG,CAAC,CAAC;KACT,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5B,IAAM,oBAAoB,GAAG,WAAW,CAAC;QACvC,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;SACR;QAED,aAAa,EAAE,CAAC;KACjB,EAAE,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;IAEjC,IAAM,YAAY,GAAG,WAAW,CAC9B,UAAC,CAAgB;QACf,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ;YAAE,OAAO;QAChC,IAAI,CAAC,WAAW;YAAE,OAAO,IAAI,CAAC;QAC9B,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QAEzB,aAAa,EAAE,CAAC;KACjB,EACD,CAAC,MAAM,EAAE,WAAW,EAAE,aAAa,CAAC,CACrC,CAAC;IAEF,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QAEjD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;SACrD,CAAC;KACH,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,SAAS,CAAC;QACR,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;QAE1D,OAAO;YACL,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;SACvC,CAAC;KACH,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,IAAM,oBAAoB,GAAG,UAC3B,CAA+C;QAE/C,CAAC,CAAC,eAAe,EAAE,CAAC;KACrB,CAAC;IAEF,OAAO,EAAE,SAAS,WAAA,EAAE,oBAAoB,sBAAA,EAAE,aAAa,eAAA,EAAE,oBAAoB,sBAAA,EAAE,CAAC;AAClF;;;;"}

package/src/lib/components/cards/a.stories.mdx

@@ -1,44 +0,0 @@
-import { Meta, Preview } from '@storybook/addon-docs/blocks';
-
-<Meta title="JSX/Cards/Intro" />
-
-# Cards
-
-Cards are interactive elements that can be used to display an action that a user can take.
-
-<Preview>
-  <iframe
-    width="100%"
-    height="450"
-    src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FMKs4cbojdVOBKUxv7okb93%2FDirty-Swan-Pattern-Library%3Fnode-id%3D358%253A19"
-    allowFullScreen
-  />
-</Preview>
-
-# Models
-
-## Card Size (xsmall, small, medium, big)
-
-The card size can be set with the following properties: `xsmall`, `small`, `medium`, `big`. Depending on the type of card this setting
-affects the font size of the title and card padding.
-
-## Card State
-
-The card state is an string literral type with the following properties:
-
-| state        | description                                              |
-| ------------ | -------------------------------------------------------- |
-| `actionable` | User can hover on the card, the cursor is set as pointer |
-| `static`     | Card is displayed as is, no hovering.                    |
-| `muted`      | Card is displayed faded, no hovering.                    |
-
-## Icon
-
-The icon object is defined with the following poperties
-
-```typescript
-export interface Icon {
-  src: string; // source of the image
-  alt: string; // alternate text if the image can't be displayed
-}
-```

package/src/lib/components/modal/bottomModal/img/close.svg

@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18 6L6 18" stroke="#26262E" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
-<path d="M6 6L18 18" stroke="#26262E" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
-</svg>

package/src/lib/components/modal/regularModal/img/close.svg

@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18 6L6 18" stroke="#26262E" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
-<path d="M6 6L18 18" stroke="#26262E" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
-</svg>