@popsure/dirty-swan 0.33.5 → 0.35.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.d.ts +1 -1
- package/dist/cjs/index.js +144 -121
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/cards/cardButton/index.d.ts +8 -8
- package/dist/cjs/lib/components/cards/cardButton/index.stories.d.ts +39 -0
- package/dist/cjs/lib/components/cards/cardWithLeftIcon/index.d.ts +6 -12
- package/dist/cjs/lib/components/cards/cardWithLeftIcon/index.stories.d.ts +55 -0
- package/dist/cjs/lib/components/cards/cardWithTopIcon/index.d.ts +5 -11
- package/dist/cjs/lib/components/cards/cardWithTopIcon/index.stories.d.ts +59 -0
- package/dist/cjs/lib/components/cards/cardWithTopLeftIcon/index.d.ts +6 -12
- package/dist/cjs/lib/components/cards/cardWithTopLeftIcon/index.stories.d.ts +49 -0
- package/dist/cjs/lib/components/cards/index.d.ts +5 -5
- package/dist/cjs/lib/components/cards/infoCard/index.d.ts +4 -10
- package/dist/cjs/lib/components/cards/infoCard/index.stories.d.ts +47 -0
- package/dist/cjs/lib/components/chip/index.d.ts +2 -1
- package/dist/cjs/lib/components/informationBox/index.d.ts +12 -0
- package/dist/cjs/lib/components/informationBox/index.stories.d.ts +35 -0
- package/dist/cjs/lib/components/informationBox/index.test.d.ts +1 -0
- package/dist/cjs/lib/components/input/index.d.ts +4 -5
- package/dist/cjs/lib/components/input/input.stories.d.ts +90 -0
- package/dist/cjs/lib/components/input/stories/config.d.ts +71 -0
- package/dist/cjs/lib/components/link/index.d.ts +2 -0
- package/dist/cjs/lib/components/link/index.stories.d.ts +26 -0
- package/dist/cjs/lib/index.d.ts +4 -2
- package/dist/esm/components/autocompleteAddress/index.js +1 -1
- package/dist/esm/components/autocompleteAddress/index.js.map +1 -1
- package/dist/esm/components/autocompleteAddress/index.test.js +1 -1
- package/dist/esm/components/cards/cardButton/index.js +1 -1
- package/dist/esm/components/cards/cardButton/index.stories.js +49 -0
- package/dist/esm/components/cards/cardButton/index.stories.js.map +1 -0
- package/dist/esm/components/cards/cardWithLeftIcon/index.js +1 -1
- package/dist/esm/components/cards/cardWithLeftIcon/index.stories.js +64 -0
- package/dist/esm/components/cards/cardWithLeftIcon/index.stories.js.map +1 -0
- package/dist/esm/components/cards/cardWithTopIcon/index.js +1 -1
- package/dist/esm/components/cards/cardWithTopIcon/index.stories.js +68 -0
- package/dist/esm/components/cards/cardWithTopIcon/index.stories.js.map +1 -0
- package/dist/esm/components/cards/cardWithTopLeftIcon/index.js +1 -1
- package/dist/esm/components/cards/cardWithTopLeftIcon/index.stories.js +57 -0
- package/dist/esm/components/cards/cardWithTopLeftIcon/index.stories.js.map +1 -0
- package/dist/esm/components/cards/index.js +9 -9
- package/dist/esm/components/cards/index.js.map +1 -1
- package/dist/esm/components/cards/infoCard/index.js +1 -1
- package/dist/esm/components/cards/infoCard/index.stories.js +58 -0
- package/dist/esm/components/cards/infoCard/index.stories.js.map +1 -0
- package/dist/esm/components/chip/index.js +2 -2
- package/dist/esm/components/chip/index.js.map +1 -1
- package/dist/esm/components/comparisonTable/components/AccordionItem/AccordionItem.js +1 -1
- package/dist/esm/components/comparisonTable/components/TableArrows/index.js +1 -1
- package/dist/esm/components/comparisonTable/components/TableButton/index.test.js +2 -2
- package/dist/esm/components/comparisonTable/components/TableInfoButton/index.js +1 -1
- package/dist/esm/components/comparisonTable/components/TableRowHeader/index.test.js +2 -2
- package/dist/esm/components/dateSelector/index.test.js +1 -1
- package/dist/esm/components/informationBox/index.js +19 -0
- package/dist/esm/components/informationBox/index.js.map +1 -0
- package/dist/esm/components/informationBox/index.stories.js +42 -0
- package/dist/esm/components/informationBox/index.stories.js.map +1 -0
- package/dist/esm/components/informationBox/index.test.js +49 -0
- package/dist/esm/components/informationBox/index.test.js.map +1 -0
- package/dist/esm/components/input/autoSuggestInput/index.js +1 -1
- package/dist/esm/components/input/autoSuggestInput/index.js.map +1 -1
- package/dist/esm/components/input/autoSuggestMultiSelect/index.js +13 -9
- package/dist/esm/components/input/autoSuggestMultiSelect/index.js.map +1 -1
- package/dist/esm/components/input/checkbox/index.test.js +1 -1
- package/dist/esm/components/input/currency/index.js +1 -1
- package/dist/esm/components/input/currency/index.js.map +1 -1
- package/dist/esm/components/input/currency/index.test.js +1 -1
- package/dist/esm/components/input/iban/index.js +1 -1
- package/dist/esm/components/input/iban/index.js.map +1 -1
- package/dist/esm/components/input/index.js +1 -1
- package/dist/esm/components/input/index.js.map +1 -1
- package/dist/esm/components/input/input.stories.js +85 -0
- package/dist/esm/components/input/input.stories.js.map +1 -0
- package/dist/esm/components/link/index.js +11 -0
- package/dist/esm/components/link/index.js.map +1 -0
- package/dist/esm/components/link/index.stories.js +33 -0
- package/dist/esm/components/link/index.stories.js.map +1 -0
- package/dist/esm/components/multiDropzone/index.test.js +2 -2
- package/dist/esm/components/segmentedControl/index.test.js +1 -1
- package/dist/esm/{customRender-4157fcff.js → customRender-20b5f7ec.js} +3 -3
- package/dist/esm/{customRender-4157fcff.js.map → customRender-20b5f7ec.js.map} +1 -1
- package/dist/esm/{extend-expect-46bdce4a.js → extend-expect-25e5049d.js} +2 -2
- package/dist/esm/{extend-expect-46bdce4a.js.map → extend-expect-25e5049d.js.map} +1 -1
- package/dist/esm/index-47663d39.js.map +1 -1
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +3 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/lib/components/cards/cardButton/index.d.ts +8 -8
- package/dist/esm/lib/components/cards/cardButton/index.stories.d.ts +39 -0
- package/dist/esm/lib/components/cards/cardWithLeftIcon/index.d.ts +6 -12
- package/dist/esm/lib/components/cards/cardWithLeftIcon/index.stories.d.ts +55 -0
- package/dist/esm/lib/components/cards/cardWithTopIcon/index.d.ts +5 -11
- package/dist/esm/lib/components/cards/cardWithTopIcon/index.stories.d.ts +59 -0
- package/dist/esm/lib/components/cards/cardWithTopLeftIcon/index.d.ts +6 -12
- package/dist/esm/lib/components/cards/cardWithTopLeftIcon/index.stories.d.ts +49 -0
- package/dist/esm/lib/components/cards/index.d.ts +5 -5
- package/dist/esm/lib/components/cards/infoCard/index.d.ts +4 -10
- package/dist/esm/lib/components/cards/infoCard/index.stories.d.ts +47 -0
- package/dist/esm/lib/components/chip/index.d.ts +2 -1
- package/dist/esm/lib/components/informationBox/index.d.ts +12 -0
- package/dist/esm/lib/components/informationBox/index.stories.d.ts +35 -0
- package/dist/esm/lib/components/informationBox/index.test.d.ts +1 -0
- package/dist/esm/lib/components/input/index.d.ts +4 -5
- package/dist/esm/lib/components/input/input.stories.d.ts +90 -0
- package/dist/esm/lib/components/input/stories/config.d.ts +71 -0
- package/dist/esm/lib/components/link/index.d.ts +2 -0
- package/dist/esm/lib/components/link/index.stories.d.ts +26 -0
- package/dist/esm/lib/index.d.ts +4 -2
- package/dist/esm/scss/public/demo.js +1 -1
- package/dist/esm/scss/public/demo.js.map +1 -1
- package/dist/esm/util/testUtils/customRender.js +1 -1
- package/dist/index.css +10 -10
- package/dist/lib/scss/public/colors/default.scss +2 -2
- package/dist/lib/scss/public/demo.tsx +1 -1
- package/package.json +1 -1
- package/src/index.tsx +2 -0
- package/src/lib/components/autocompleteAddress/index.tsx +1 -1
- package/src/lib/components/cards/cardButton/index.stories.tsx +61 -0
- package/src/lib/components/cards/cardButton/index.tsx +9 -10
- package/src/lib/components/cards/cardWithLeftIcon/index.stories.tsx +79 -0
- package/src/lib/components/cards/cardWithLeftIcon/index.tsx +8 -6
- package/src/lib/components/cards/cardWithTopIcon/index.stories.tsx +85 -0
- package/src/lib/components/cards/cardWithTopIcon/index.tsx +9 -7
- package/src/lib/components/cards/cardWithTopLeftIcon/index.stories.tsx +73 -0
- package/src/lib/components/cards/cardWithTopLeftIcon/index.tsx +8 -6
- package/src/lib/components/cards/index.tsx +5 -5
- package/src/lib/components/cards/infoCard/index.stories.tsx +71 -0
- package/src/lib/components/cards/infoCard/index.tsx +7 -5
- package/src/lib/components/chip/index.tsx +3 -1
- package/src/lib/components/informationBox/index.stories.tsx +51 -0
- package/src/lib/components/informationBox/index.test.tsx +55 -0
- package/src/lib/components/informationBox/index.tsx +65 -0
- package/src/lib/components/informationBox/info.svg +11 -0
- package/src/lib/components/informationBox/style.module.scss +62 -0
- package/src/lib/components/input/a.stories.mdx +2 -2
- package/src/lib/components/input/autoSuggestInput/index.tsx +1 -1
- package/src/lib/components/input/autoSuggestMultiSelect/index.tsx +29 -18
- package/src/lib/components/input/autoSuggestMultiSelect/style.module.scss +6 -0
- package/src/lib/components/input/currency/index.tsx +1 -1
- package/src/lib/components/input/iban/index.tsx +1 -1
- package/src/lib/components/input/index.tsx +4 -4
- package/src/lib/components/input/input.stories.tsx +48 -0
- package/src/lib/components/input/stories/config.ts +56 -0
- package/src/lib/components/link/index.stories.tsx +29 -0
- package/src/lib/components/link/index.tsx +9 -0
- package/src/lib/index.tsx +5 -1
- package/src/lib/scss/public/colors/default.scss +2 -2
- package/src/lib/scss/public/demo.tsx +1 -1
- package/src/lib/components/cards/cardButton/index.stories.mdx +0 -47
- package/src/lib/components/cards/cardWithLeftIcon/index.stories.mdx +0 -103
- package/src/lib/components/cards/cardWithTopIcon/index.stories.mdx +0 -105
- package/src/lib/components/cards/cardWithTopLeftIcon/index.stories.mdx +0 -101
- package/src/lib/components/cards/infoCard/index.stories.mdx +0 -61
- package/src/lib/components/input/index.stories.mdx +0 -108
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-47663d39.js","sources":["../../src/lib/components/cards/icons/arrow-right.svg","../../src/lib/components/cards/icons/feather-logo.svg","../../src/lib/components/cards/icons/info.svg","../../src/lib/components/cards/icons/chevron-right.svg","../../../src/lib/components/cards/icons/index.ts","../../../src/lib/components/cards/cardButton/index.tsx"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2012H19%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%205L19%2012L12%2019%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0%22%20mask-type%3D%22alpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%223%22%20y%3D%220%22%20width%3D%2222%22%20height%3D%2228%22%3E%3Cpath%20d%3D%22M23.8761%200C14.4485%204.03927%205.77595%2019.2529%203.53731%2026.0756C3.04003%2027.5912%202.60201%2029.2504%204.03812%2026.6043C4.89889%2025.0183%207.02902%2022.7858%2011.8864%2021.9848C15.7724%2021.344%2017.3995%2020.5116%2019.8916%2017.6795C18.7427%2018.0914%2017.2587%2018.9525%2014.0909%2017.9656C18.4837%2018.3512%2021.5108%2015.748%2022.6934%2012.044C19.7931%2013.3599%2017.3385%2012.4392%2016.6956%2012.1007C20.6519%2012.2002%2023.9887%209.68393%2024.7913%205.49304C25.2591%203.05005%2024.5097%200.800979%2023.8761%200Z%22%20fill%3D%22%236160A2%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23mask0%29%22%3E%3Cpath%20d%3D%22M21.1875%201.45451C12.8431%206.88225%205.56109%2019.9077%203.53731%2026.0756C3.04003%2027.5912%202.60201%2029.2504%204.03812%2026.6043C4.89889%2025.0183%207.02902%2022.7858%2011.8864%2021.9848C15.1146%2021.4525%2016.784%2020.7879%2018.6853%2018.9545C19.0219%2018.63%2019.1998%2017.9565%2018.7553%2018.1015C18.24%2018.2696%2017.709%2017.5612%2018.205%2017.3425C19.7521%2016.6603%2020.976%2015.4887%2021.8303%2014.0102C22.2446%2013.2932%2020.7231%2012.6796%2019.8955%2012.7075C18.8859%2012.7415%2019.6982%2011.6399%2020.6391%2011.2723C21.8973%2010.7807%2023.0427%2010.0842%2023.7916%209.26859C24.7617%208.21223%2024.48%207.11878%2024.7913%205.49304C24.969%204.56516%2024.971%203.66526%2024.8706%202.86204C24.6464%201.06951%2022.7019%200.469502%2021.1875%201.45451Z%22%20fill%3D%22%236160A2%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M30.4837%205.72996C30.4837%2014.8734%2023.1695%2022.4039%2014.0022%2022.4039C4.83493%2022.4039%20-2.47925%2014.8734%20-2.47925%205.72996C-2.47925%20-3.4135%204.83493%20-10.944%2014.0022%20-10.944C23.1695%20-10.944%2030.4837%20-3.4135%2030.4837%205.72996ZM14.0022%2018.0289C20.6884%2018.0289%2026.1087%2012.5225%2026.1087%205.72996C26.1087%20-1.06259%2020.6884%20-6.56903%2014.0022%20-6.56903C7.316%20-6.56903%201.89575%20-1.06259%201.89575%205.72996C1.89575%2012.5225%207.316%2018.0289%2014.0022%2018.0289Z%22%20fill%3D%22%2390DF9B%22%2F%3E%3Cpath%20d%3D%22M26.1087%205.72995C26.1087%2012.5225%2020.6884%2018.0289%2014.0022%2018.0289C7.316%2018.0289%201.89575%2012.5225%201.89575%205.72995C1.89575%20-1.06259%207.316%20-6.56903%2014.0022%20-6.56903C20.6884%20-6.56903%2026.1087%20-1.06259%2026.1087%205.72995Z%22%20fill%3D%22%238E8CEE%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0%29%22%3E%3Cpath%20d%3D%22M10%2018.3334C14.6024%2018.3334%2018.3334%2014.6024%2018.3334%2010C18.3334%205.39765%2014.6024%201.66669%2010%201.66669C5.39765%201.66669%201.66669%205.39765%201.66669%2010C1.66669%2014.6024%205.39765%2018.3334%2010%2018.3334Z%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%2013.3333V10%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%226.66665%22%20r%3D%220.833333%22%20fill%3D%22%238E8CEE%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2018L15%2012L9%206%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","import arrowRightImage from './arrow-right.svg';\nimport featherLogoImage from './feather-logo.svg';\nimport infoImage from './info.svg';\nimport chevronRightImage from './chevron-right.svg';\n\nexport interface Icon {\n src: string;\n alt: string;\n}\n\nexport interface IconSize {\n width: number;\n height: number;\n}\n\nconst arrowRight: Icon = {\n src: arrowRightImage,\n alt: 'arrow pointing right',\n};\n\nconst featherLogo: Icon = {\n src: featherLogoImage,\n alt: 'feather logo',\n};\n\nconst info: Icon = {\n src: infoImage,\n alt: 'circle with the letter i inside for information',\n};\n\nconst chevronRight: Icon = {\n src: chevronRightImage,\n alt: 'chevron facing right',\n};\n\nexport { arrowRight, featherLogo, info, chevronRight };\n","import { FormEvent, createElement, ReactNode } from 'react';\n\nimport styles from './style.module.scss';\nimport { chevronRight } from '../icons';\n\
|
|
1
|
+
{"version":3,"file":"index-47663d39.js","sources":["../../src/lib/components/cards/icons/arrow-right.svg","../../src/lib/components/cards/icons/feather-logo.svg","../../src/lib/components/cards/icons/info.svg","../../src/lib/components/cards/icons/chevron-right.svg","../../../src/lib/components/cards/icons/index.ts","../../../src/lib/components/cards/cardButton/index.tsx"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2012H19%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%205L19%2012L12%2019%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0%22%20mask-type%3D%22alpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%223%22%20y%3D%220%22%20width%3D%2222%22%20height%3D%2228%22%3E%3Cpath%20d%3D%22M23.8761%200C14.4485%204.03927%205.77595%2019.2529%203.53731%2026.0756C3.04003%2027.5912%202.60201%2029.2504%204.03812%2026.6043C4.89889%2025.0183%207.02902%2022.7858%2011.8864%2021.9848C15.7724%2021.344%2017.3995%2020.5116%2019.8916%2017.6795C18.7427%2018.0914%2017.2587%2018.9525%2014.0909%2017.9656C18.4837%2018.3512%2021.5108%2015.748%2022.6934%2012.044C19.7931%2013.3599%2017.3385%2012.4392%2016.6956%2012.1007C20.6519%2012.2002%2023.9887%209.68393%2024.7913%205.49304C25.2591%203.05005%2024.5097%200.800979%2023.8761%200Z%22%20fill%3D%22%236160A2%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url%28%23mask0%29%22%3E%3Cpath%20d%3D%22M21.1875%201.45451C12.8431%206.88225%205.56109%2019.9077%203.53731%2026.0756C3.04003%2027.5912%202.60201%2029.2504%204.03812%2026.6043C4.89889%2025.0183%207.02902%2022.7858%2011.8864%2021.9848C15.1146%2021.4525%2016.784%2020.7879%2018.6853%2018.9545C19.0219%2018.63%2019.1998%2017.9565%2018.7553%2018.1015C18.24%2018.2696%2017.709%2017.5612%2018.205%2017.3425C19.7521%2016.6603%2020.976%2015.4887%2021.8303%2014.0102C22.2446%2013.2932%2020.7231%2012.6796%2019.8955%2012.7075C18.8859%2012.7415%2019.6982%2011.6399%2020.6391%2011.2723C21.8973%2010.7807%2023.0427%2010.0842%2023.7916%209.26859C24.7617%208.21223%2024.48%207.11878%2024.7913%205.49304C24.969%204.56516%2024.971%203.66526%2024.8706%202.86204C24.6464%201.06951%2022.7019%200.469502%2021.1875%201.45451Z%22%20fill%3D%22%236160A2%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M30.4837%205.72996C30.4837%2014.8734%2023.1695%2022.4039%2014.0022%2022.4039C4.83493%2022.4039%20-2.47925%2014.8734%20-2.47925%205.72996C-2.47925%20-3.4135%204.83493%20-10.944%2014.0022%20-10.944C23.1695%20-10.944%2030.4837%20-3.4135%2030.4837%205.72996ZM14.0022%2018.0289C20.6884%2018.0289%2026.1087%2012.5225%2026.1087%205.72996C26.1087%20-1.06259%2020.6884%20-6.56903%2014.0022%20-6.56903C7.316%20-6.56903%201.89575%20-1.06259%201.89575%205.72996C1.89575%2012.5225%207.316%2018.0289%2014.0022%2018.0289Z%22%20fill%3D%22%2390DF9B%22%2F%3E%3Cpath%20d%3D%22M26.1087%205.72995C26.1087%2012.5225%2020.6884%2018.0289%2014.0022%2018.0289C7.316%2018.0289%201.89575%2012.5225%201.89575%205.72995C1.89575%20-1.06259%207.316%20-6.56903%2014.0022%20-6.56903C20.6884%20-6.56903%2026.1087%20-1.06259%2026.1087%205.72995Z%22%20fill%3D%22%238E8CEE%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0%29%22%3E%3Cpath%20d%3D%22M10%2018.3334C14.6024%2018.3334%2018.3334%2014.6024%2018.3334%2010C18.3334%205.39765%2014.6024%201.66669%2010%201.66669C5.39765%201.66669%201.66669%205.39765%201.66669%2010C1.66669%2014.6024%205.39765%2018.3334%2010%2018.3334Z%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%2013.3333V10%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%226.66665%22%20r%3D%220.833333%22%20fill%3D%22%238E8CEE%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2018L15%2012L9%206%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","import arrowRightImage from './arrow-right.svg';\nimport featherLogoImage from './feather-logo.svg';\nimport infoImage from './info.svg';\nimport chevronRightImage from './chevron-right.svg';\n\nexport interface Icon {\n src: string;\n alt: string;\n}\n\nexport interface IconSize {\n width: number;\n height: number;\n}\n\nconst arrowRight: Icon = {\n src: arrowRightImage,\n alt: 'arrow pointing right',\n};\n\nconst featherLogo: Icon = {\n src: featherLogoImage,\n alt: 'feather logo',\n};\n\nconst info: Icon = {\n src: infoImage,\n alt: 'circle with the letter i inside for information',\n};\n\nconst chevronRight: Icon = {\n src: chevronRightImage,\n alt: 'chevron facing right',\n};\n\nexport { arrowRight, featherLogo, info, chevronRight };\n","import { FormEvent, createElement, ReactNode } from 'react';\n\nimport styles from './style.module.scss';\nimport { chevronRight } from '../icons';\n\n\ntype ActionProps =\n | { href: string; onClick?: (e: FormEvent) => void }\n | { href?: string; onClick: (e: FormEvent) => void };\n\nexport type CardButtonProps = {\n title: string;\n description: string | ReactNode;\n disabled?: boolean;\n className?: string;\n} & ActionProps;\n\nconst CardContent = ({\n title,\n description,\n}: {\n title: string;\n description: string | ReactNode;\n}) => (\n <>\n <div>\n <div className=\"p-p--small\">{title}</div>\n {typeof description === 'string' ? (\n <div className=\"tc-primary-500 p-p\">{description}</div>\n ) : (\n description\n )}\n </div>\n <img {...chevronRight} alt=\"Expander icon\" />\n </>\n);\n\nexport const CardButton = ({\n title,\n description,\n disabled = false,\n onClick,\n href,\n className,\n}: CardButtonProps) => {\n const component = href ? 'a' : 'button';\n return (\n <>\n {createElement(component, {\n className: `c-pointer ta-left w100 ${styles.container} ${\n className ?? ''\n }\n `,\n children: <CardContent title={title} description={description} />,\n disabled,\n ...(component === 'a' ? { href } : { onClick }),\n })}\n </>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAAA,sBAAe;;ACAf,uBAAe;;ACAf,gBAAe;;ACAf,wBAAe;;ICeT,UAAU,GAAS;IACvB,GAAG,EAAE,eAAe;IACpB,GAAG,EAAE,sBAAsB;EAC3B;IAEI,WAAW,GAAS;IACxB,GAAG,EAAE,gBAAgB;IACrB,GAAG,EAAE,cAAc;EACnB;IAEI,IAAI,GAAS;IACjB,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,iDAAiD;EACtD;AAEF,IAAM,YAAY,GAAS;IACzB,GAAG,EAAE,iBAAiB;IACtB,GAAG,EAAE,sBAAsB;CAC5B;;AChBD,IAAM,WAAW,GAAG,UAAC,EAMpB;QALC,KAAK,WAAA,EACL,WAAW,iBAAA;IAIP,QACJA,4BACEA,yBACEC,sBAAK,SAAS,EAAC,YAAY,gBAAE,KAAK,YAAO;oBACxC,OAAO,WAAW,KAAK,QAAQ,IAC9BA,sBAAK,SAAS,EAAC,oBAAoB,gBAAE,WAAW,YAAO,KAEvD,WAAW,CACZ,YACG;YACNA,wBAAS,YAAY,IAAE,GAAG,EAAC,eAAe,YAAG,YAC5C;AAXC,CAYL,CAAC;IAEW,UAAU,GAAG,UAAC,EAOT;QANhB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,SAAS,eAAA;IAET,IAAM,SAAS,GAAG,IAAI,GAAG,GAAG,GAAG,QAAQ,CAAC;IACxC,QACEA,0BACG,aAAa,CAAC,SAAS,aACtB,SAAS,EAAE,4BAA0B,MAAM,CAAC,SAAS,UACnD,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,gBAEhB,EACD,QAAQ,EAAEA,IAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,WAAI,EACjE,QAAQ,UAAA,KACJ,SAAS,KAAK,GAAG,GAAG,EAAE,IAAI,MAAA,EAAE,GAAG,EAAE,OAAO,SAAA,EAAE,GAC9C,WACD,EACH;AACJ;;;;"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, IbanInput, CurrencyInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton, Button, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, DownloadButton, Markdown, Checkbox, images } from './lib';
|
|
1
|
+
export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, IbanInput, CurrencyInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton, Button, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, DownloadButton, Markdown, Checkbox, Link, InformationBox, images } from './lib';
|
|
2
2
|
export type { DownloadStatus, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, } from './lib';
|
package/dist/esm/index.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
export { D as DateSelector } from './index-639cf8b3.js';
|
|
2
2
|
export { SignaturePad } from './components/signaturePad/index.js';
|
|
3
3
|
export { AutocompleteAddress } from './components/autocompleteAddress/index.js';
|
|
4
|
-
export {
|
|
4
|
+
export { Input } from './components/input/index.js';
|
|
5
5
|
export { MultiDropzone } from './components/multiDropzone/index.js';
|
|
6
6
|
export { DownloadButton } from './components/downloadButton/index.js';
|
|
7
|
+
export { InformationBox } from './components/informationBox/index.js';
|
|
7
8
|
export { default as IbanInput } from './components/input/iban/index.js';
|
|
8
9
|
export { default as CurrencyInput } from './components/input/currency/index.js';
|
|
9
10
|
export { Checkbox } from './components/input/checkbox/index.js';
|
|
@@ -19,6 +20,7 @@ export { default as AutoSuggestInput } from './components/input/autoSuggestInput
|
|
|
19
20
|
export { ComparisonTable } from './components/comparisonTable/index.js';
|
|
20
21
|
export { SegmentedControl } from './components/segmentedControl/index.js';
|
|
21
22
|
export { Markdown } from './components/markdown/index.js';
|
|
23
|
+
export { Link } from './components/link/index.js';
|
|
22
24
|
export { i as images } from './index-31224f74.js';
|
|
23
25
|
export { default as TableRating } from './components/comparisonTable/components/TableRating/index.js';
|
|
24
26
|
export { default as TableTrueFalse } from './components/comparisonTable/components/TableTrueFalse.js';
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,10 +1,4 @@
|
|
|
1
1
|
import { FormEvent, ReactNode } from 'react';
|
|
2
|
-
interface Props {
|
|
3
|
-
title: string;
|
|
4
|
-
description: string | ReactNode;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
className?: string;
|
|
7
|
-
}
|
|
8
2
|
declare type ActionProps = {
|
|
9
3
|
href: string;
|
|
10
4
|
onClick?: (e: FormEvent) => void;
|
|
@@ -12,5 +6,11 @@ declare type ActionProps = {
|
|
|
12
6
|
href?: string;
|
|
13
7
|
onClick: (e: FormEvent) => void;
|
|
14
8
|
};
|
|
15
|
-
declare
|
|
16
|
-
|
|
9
|
+
export declare type CardButtonProps = {
|
|
10
|
+
title: string;
|
|
11
|
+
description: string | ReactNode;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
className?: string;
|
|
14
|
+
} & ActionProps;
|
|
15
|
+
export declare const CardButton: ({ title, description, disabled, onClick, href, className, }: CardButtonProps) => JSX.Element;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { CardButtonProps } from '.';
|
|
2
|
+
declare const story: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ title, description, disabled, onClick, href, className, }: CardButtonProps) => JSX.Element;
|
|
5
|
+
argTypes: {
|
|
6
|
+
title: {
|
|
7
|
+
defaultValue: string;
|
|
8
|
+
description: string;
|
|
9
|
+
};
|
|
10
|
+
description: {
|
|
11
|
+
defaultValue: string;
|
|
12
|
+
description: string;
|
|
13
|
+
};
|
|
14
|
+
disabled: {
|
|
15
|
+
defaultValue: boolean;
|
|
16
|
+
description: string;
|
|
17
|
+
};
|
|
18
|
+
className: {
|
|
19
|
+
defaultValue: string;
|
|
20
|
+
description: string;
|
|
21
|
+
};
|
|
22
|
+
onClick: {
|
|
23
|
+
description: string;
|
|
24
|
+
action: boolean;
|
|
25
|
+
table: {
|
|
26
|
+
category: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
href: {
|
|
30
|
+
defaultValue: string;
|
|
31
|
+
description: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
export declare const CardButtonStory: {
|
|
36
|
+
({ title, description, disabled, className, href, onClick, }: CardButtonProps): JSX.Element;
|
|
37
|
+
storyName: string;
|
|
38
|
+
};
|
|
39
|
+
export default story;
|
|
@@ -1,14 +1,8 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { CardProps } from '..';
|
|
3
2
|
import { Icon } from '../icons';
|
|
4
|
-
declare
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
cardSize?: "big" | "small" | "xsmall" | "medium" | undefined;
|
|
11
|
-
leftIcon?: Icon | undefined;
|
|
12
|
-
rightIcon?: Icon | "arrow" | undefined;
|
|
13
|
-
}) => JSX.Element;
|
|
14
|
-
export default _default;
|
|
3
|
+
export declare type CardWithLeftIconProps = CardProps & {
|
|
4
|
+
cardSize?: 'xsmall' | 'small' | 'medium' | 'big';
|
|
5
|
+
leftIcon?: Icon;
|
|
6
|
+
rightIcon?: 'arrow' | Icon;
|
|
7
|
+
};
|
|
8
|
+
export declare const CardWithLeftIcon: ({ className, title, cardSize, children, leftIcon, rightIcon, state, dropshadow, ...props }: CardWithLeftIconProps) => JSX.Element;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { CardWithLeftIconProps } from '.';
|
|
2
|
+
declare const story: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ className, title, cardSize, children, leftIcon, rightIcon, state, dropshadow, ...props }: CardWithLeftIconProps) => JSX.Element;
|
|
5
|
+
argTypes: {
|
|
6
|
+
title: {
|
|
7
|
+
defaultValue: string;
|
|
8
|
+
description: string;
|
|
9
|
+
};
|
|
10
|
+
children: {
|
|
11
|
+
type: string;
|
|
12
|
+
defaultValue: string;
|
|
13
|
+
description: string;
|
|
14
|
+
};
|
|
15
|
+
state: {
|
|
16
|
+
defaultValue: string;
|
|
17
|
+
description: string;
|
|
18
|
+
};
|
|
19
|
+
leftIcon: {
|
|
20
|
+
defaultValue: {
|
|
21
|
+
src: "https://assets.cdn.feather-insurance.com/assets/images/mortgage.svg";
|
|
22
|
+
alt: string;
|
|
23
|
+
};
|
|
24
|
+
description: string;
|
|
25
|
+
};
|
|
26
|
+
rightIcon: {
|
|
27
|
+
defaultValue: {
|
|
28
|
+
src: "https://assets.cdn.feather-insurance.com/assets/images/washingMachine.svg";
|
|
29
|
+
alt: string;
|
|
30
|
+
};
|
|
31
|
+
description: string;
|
|
32
|
+
};
|
|
33
|
+
cardSize: {
|
|
34
|
+
control: {
|
|
35
|
+
type: string;
|
|
36
|
+
};
|
|
37
|
+
defaultValue: string;
|
|
38
|
+
description: string;
|
|
39
|
+
};
|
|
40
|
+
dropshadow: {
|
|
41
|
+
defaultValue: boolean;
|
|
42
|
+
description: string;
|
|
43
|
+
};
|
|
44
|
+
className: {
|
|
45
|
+
defaultValue: string;
|
|
46
|
+
type: string;
|
|
47
|
+
description: string;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
export declare const CardWithLeftIconStory: {
|
|
52
|
+
({ title, dropshadow, children, className, cardSize, leftIcon, rightIcon, state, }: CardWithLeftIconProps): JSX.Element;
|
|
53
|
+
storyName: string;
|
|
54
|
+
};
|
|
55
|
+
export default story;
|
|
@@ -1,15 +1,9 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { CardProps } from '..';
|
|
3
2
|
import { Icon, IconSize } from '../icons';
|
|
4
|
-
declare
|
|
5
|
-
title: string;
|
|
6
|
-
children: import("react").ReactNode;
|
|
7
|
-
state?: ("actionable" | "static" | "muted") | undefined;
|
|
8
|
-
dropshadow?: boolean | undefined;
|
|
9
|
-
} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
export declare type CardWithTopIconProps = CardProps & {
|
|
10
4
|
topIcon: Icon;
|
|
11
5
|
topIconSize: IconSize;
|
|
12
|
-
cardSize?:
|
|
13
|
-
rightIcon?:
|
|
14
|
-
}
|
|
15
|
-
export
|
|
6
|
+
cardSize?: 'small' | 'medium' | 'big';
|
|
7
|
+
rightIcon?: 'arrow' | Icon;
|
|
8
|
+
};
|
|
9
|
+
export declare const CardWithTopIcon: ({ className, title, cardSize, children, topIcon, topIconSize, rightIcon, state, dropshadow, ...props }: CardWithTopIconProps) => JSX.Element;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { CardWithTopIconProps } from '.';
|
|
2
|
+
declare const story: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ className, title, cardSize, children, topIcon, topIconSize, rightIcon, state, dropshadow, ...props }: CardWithTopIconProps) => JSX.Element;
|
|
5
|
+
argTypes: {
|
|
6
|
+
title: {
|
|
7
|
+
defaultValue: string;
|
|
8
|
+
description: string;
|
|
9
|
+
};
|
|
10
|
+
children: {
|
|
11
|
+
type: string;
|
|
12
|
+
defaultValue: string;
|
|
13
|
+
description: string;
|
|
14
|
+
};
|
|
15
|
+
state: {
|
|
16
|
+
defaultValue: string;
|
|
17
|
+
description: string;
|
|
18
|
+
};
|
|
19
|
+
topIcon: {
|
|
20
|
+
defaultValue: {
|
|
21
|
+
src: "https://assets.cdn.feather-insurance.com/assets/images/mortgage.svg";
|
|
22
|
+
alt: string;
|
|
23
|
+
};
|
|
24
|
+
description: string;
|
|
25
|
+
};
|
|
26
|
+
topIconSize: {
|
|
27
|
+
defaultValue: {
|
|
28
|
+
width: number;
|
|
29
|
+
height: number;
|
|
30
|
+
};
|
|
31
|
+
description: string;
|
|
32
|
+
};
|
|
33
|
+
rightIcon: {
|
|
34
|
+
defaultValue: string;
|
|
35
|
+
description: string;
|
|
36
|
+
};
|
|
37
|
+
cardSize: {
|
|
38
|
+
control: {
|
|
39
|
+
type: string;
|
|
40
|
+
};
|
|
41
|
+
defaultValue: string;
|
|
42
|
+
description: string;
|
|
43
|
+
};
|
|
44
|
+
dropshadow: {
|
|
45
|
+
defaultValue: boolean;
|
|
46
|
+
description: string;
|
|
47
|
+
};
|
|
48
|
+
className: {
|
|
49
|
+
defaultValue: string;
|
|
50
|
+
type: string;
|
|
51
|
+
description: string;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
export declare const CardWithTopIconStory: {
|
|
56
|
+
({ title, dropshadow, cardSize, children, className, topIcon, topIconSize, rightIcon, state, }: CardWithTopIconProps): JSX.Element;
|
|
57
|
+
storyName: string;
|
|
58
|
+
};
|
|
59
|
+
export default story;
|
|
@@ -1,14 +1,8 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { CardProps } from '..';
|
|
3
2
|
import { Icon } from '../icons';
|
|
4
|
-
declare
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
cardSize?: "big" | "small" | "xsmall" | "medium" | undefined;
|
|
11
|
-
leftIcon?: Icon | "logo" | undefined;
|
|
12
|
-
rightIcon?: Icon | "arrow" | undefined;
|
|
13
|
-
}) => JSX.Element;
|
|
14
|
-
export default _default;
|
|
3
|
+
export declare type CardWithTopLeftIconProps = CardProps & {
|
|
4
|
+
cardSize?: 'xsmall' | 'small' | 'medium' | 'big';
|
|
5
|
+
leftIcon?: 'logo' | Icon;
|
|
6
|
+
rightIcon?: 'arrow' | Icon;
|
|
7
|
+
};
|
|
8
|
+
export declare const CardWithTopLeftIcon: ({ className, title, cardSize, children, leftIcon, rightIcon, state, dropshadow, ...props }: CardWithTopLeftIconProps) => JSX.Element;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { CardWithTopLeftIconProps } from '.';
|
|
2
|
+
declare const story: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ className, title, cardSize, children, leftIcon, rightIcon, state, dropshadow, ...props }: CardWithTopLeftIconProps) => JSX.Element;
|
|
5
|
+
argTypes: {
|
|
6
|
+
title: {
|
|
7
|
+
defaultValue: string;
|
|
8
|
+
description: string;
|
|
9
|
+
};
|
|
10
|
+
children: {
|
|
11
|
+
type: string;
|
|
12
|
+
defaultValue: string;
|
|
13
|
+
description: string;
|
|
14
|
+
};
|
|
15
|
+
state: {
|
|
16
|
+
defaultValue: string;
|
|
17
|
+
description: string;
|
|
18
|
+
};
|
|
19
|
+
leftIcon: {
|
|
20
|
+
defaultValue: string;
|
|
21
|
+
description: string;
|
|
22
|
+
};
|
|
23
|
+
rightIcon: {
|
|
24
|
+
defaultValue: string;
|
|
25
|
+
description: string;
|
|
26
|
+
};
|
|
27
|
+
cardSize: {
|
|
28
|
+
control: {
|
|
29
|
+
type: string;
|
|
30
|
+
};
|
|
31
|
+
defaultValue: string;
|
|
32
|
+
description: string;
|
|
33
|
+
};
|
|
34
|
+
dropshadow: {
|
|
35
|
+
defaultValue: boolean;
|
|
36
|
+
description: string;
|
|
37
|
+
};
|
|
38
|
+
className: {
|
|
39
|
+
defaultValue: string;
|
|
40
|
+
type: string;
|
|
41
|
+
description: string;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
export declare const CardWithTopLeftIconStory: {
|
|
46
|
+
({ title, dropshadow, children, className, cardSize, leftIcon, rightIcon, state, }: CardWithTopLeftIconProps): JSX.Element;
|
|
47
|
+
storyName: string;
|
|
48
|
+
};
|
|
49
|
+
export default story;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import CardWithTopLeftIcon from './cardWithTopLeftIcon';
|
|
3
|
-
import CardWithLeftIcon from './cardWithLeftIcon';
|
|
4
|
-
import CardWithTopIcon from './cardWithTopIcon';
|
|
5
|
-
import InfoCard from './infoCard';
|
|
6
|
-
import CardButton from './cardButton';
|
|
2
|
+
import { CardWithTopLeftIcon } from './cardWithTopLeftIcon';
|
|
3
|
+
import { CardWithLeftIcon } from './cardWithLeftIcon';
|
|
4
|
+
import { CardWithTopIcon } from './cardWithTopIcon';
|
|
5
|
+
import { InfoCard } from './infoCard';
|
|
6
|
+
import { CardButton } from './cardButton';
|
|
7
7
|
declare type CardState = 'actionable' | 'static' | 'muted';
|
|
8
8
|
export declare type CardProps = {
|
|
9
9
|
title: string;
|
|
@@ -1,13 +1,7 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { CardProps } from '..';
|
|
3
2
|
import { Icon } from '../icons';
|
|
4
|
-
declare
|
|
5
|
-
title: string;
|
|
6
|
-
children: import("react").ReactNode;
|
|
7
|
-
state?: ("actionable" | "static" | "muted") | undefined;
|
|
8
|
-
dropshadow?: boolean | undefined;
|
|
9
|
-
} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
export declare type InfoCardProps = CardProps & {
|
|
10
4
|
topIcon: Icon;
|
|
11
|
-
rightIcon?:
|
|
12
|
-
}
|
|
13
|
-
export
|
|
5
|
+
rightIcon?: 'info' | Icon;
|
|
6
|
+
};
|
|
7
|
+
export declare const InfoCard: ({ className, title, children, topIcon, rightIcon, state, dropshadow, ...props }: InfoCardProps) => JSX.Element;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { InfoCardProps } from '.';
|
|
2
|
+
declare const story: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ className, title, children, topIcon, rightIcon, state, dropshadow, ...props }: InfoCardProps) => JSX.Element;
|
|
5
|
+
argTypes: {
|
|
6
|
+
title: {
|
|
7
|
+
defaultValue: string;
|
|
8
|
+
description: string;
|
|
9
|
+
};
|
|
10
|
+
children: {
|
|
11
|
+
type: string;
|
|
12
|
+
defaultValue: string;
|
|
13
|
+
description: string;
|
|
14
|
+
};
|
|
15
|
+
state: {
|
|
16
|
+
defaultValue: string;
|
|
17
|
+
description: string;
|
|
18
|
+
};
|
|
19
|
+
topIcon: {
|
|
20
|
+
defaultValue: {
|
|
21
|
+
src: "https://assets.cdn.feather-insurance.com/assets/images/mortgage.svg";
|
|
22
|
+
alt: string;
|
|
23
|
+
};
|
|
24
|
+
description: string;
|
|
25
|
+
};
|
|
26
|
+
rightIcon: {
|
|
27
|
+
defaultValue: {
|
|
28
|
+
src: "https://assets.cdn.feather-insurance.com/assets/images/washingMachine.svg";
|
|
29
|
+
alt: string;
|
|
30
|
+
};
|
|
31
|
+
description: string;
|
|
32
|
+
};
|
|
33
|
+
dropshadow: {
|
|
34
|
+
defaultValue: boolean;
|
|
35
|
+
description: string;
|
|
36
|
+
};
|
|
37
|
+
className: {
|
|
38
|
+
defaultValue: string;
|
|
39
|
+
description: string;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
export declare const InfoCardStory: {
|
|
44
|
+
({ title, dropshadow, children, className, rightIcon, state, topIcon }: InfoCardProps): JSX.Element;
|
|
45
|
+
storyName: string;
|
|
46
|
+
};
|
|
47
|
+
export default story;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Option } from '../../models/autoSuggestInput';
|
|
2
|
-
declare const _default: ({ value, onRemove, }: {
|
|
2
|
+
declare const _default: ({ className, value, onRemove, }: {
|
|
3
3
|
value: Option;
|
|
4
4
|
onRemove: (value: Option) => void;
|
|
5
|
+
className?: string | undefined;
|
|
5
6
|
}) => JSX.Element;
|
|
6
7
|
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
declare type Variant = 'warning' | 'error' | 'success' | 'information' | 'neutral';
|
|
3
|
+
export interface InformationBoxProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
variant?: Variant;
|
|
6
|
+
title?: string;
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
showIcon?: boolean;
|
|
9
|
+
size?: 'default' | 'small';
|
|
10
|
+
}
|
|
11
|
+
declare const InformationBox: ({ className, variant, title, children, showIcon, size }: InformationBoxProps) => JSX.Element;
|
|
12
|
+
export { InformationBox };
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { InformationBoxProps } from '.';
|
|
2
|
+
declare const story: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ className, variant, title, children, showIcon, size }: InformationBoxProps) => JSX.Element;
|
|
5
|
+
argTypes: {
|
|
6
|
+
children: {
|
|
7
|
+
control: {
|
|
8
|
+
type: string;
|
|
9
|
+
};
|
|
10
|
+
defaultValue: string;
|
|
11
|
+
description: string;
|
|
12
|
+
};
|
|
13
|
+
title: {
|
|
14
|
+
defaultValue: string;
|
|
15
|
+
description: string;
|
|
16
|
+
};
|
|
17
|
+
showIcon: {
|
|
18
|
+
defaultValue: boolean;
|
|
19
|
+
description: string;
|
|
20
|
+
};
|
|
21
|
+
size: {
|
|
22
|
+
defaultValue: string;
|
|
23
|
+
description: string;
|
|
24
|
+
};
|
|
25
|
+
variant: {
|
|
26
|
+
defaultValue: string;
|
|
27
|
+
description: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
export declare const InformationBoxStory: {
|
|
32
|
+
({ children, showIcon, title, size, variant, }: InformationBoxProps): JSX.Element;
|
|
33
|
+
storyName: string;
|
|
34
|
+
};
|
|
35
|
+
export default story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare type InputProps = {
|
|
2
|
+
export declare type InputProps = Omit<JSX.IntrinsicElements['input'], 'enterKeyHint'> & Partial<Pick<JSX.IntrinsicElements['input'], 'enterKeyHint'>> & {
|
|
3
3
|
error?: string;
|
|
4
4
|
prefix?: string;
|
|
5
5
|
label?: string;
|
|
6
6
|
id?: string;
|
|
7
7
|
hideLabel?: boolean;
|
|
8
|
-
}
|
|
9
|
-
declare const
|
|
8
|
+
};
|
|
9
|
+
export declare const Input: React.ForwardRefExoticComponent<Pick<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "enterKeyHint"> & Partial<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "enterKeyHint">> & {
|
|
10
10
|
error?: string | undefined;
|
|
11
11
|
prefix?: string | undefined;
|
|
12
12
|
label?: string | undefined;
|
|
13
13
|
id?: string | undefined;
|
|
14
14
|
hideLabel?: boolean | undefined;
|
|
15
|
-
}
|
|
16
|
-
export default _default;
|
|
15
|
+
}, "className" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "children" | "onClick" | "error" | "hidden" | "type" | "list" | "value" | "onChange" | "dir" | "onBlur" | "onFocus" | "onKeyDown" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "step" | "disabled" | "enterKeyHint" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "readOnly" | "required" | "size" | "src" | "width" | "hideLabel"> & React.RefAttributes<HTMLInputElement>>;
|