@uva-glass/component-library 1.35.1 → 1.37.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/dist/Column-BUyVh2Oo.js +101 -0
  2. package/dist/Column-BUyVh2Oo.js.map +1 -0
  3. package/dist/{MenuLink-CIzBwlKY.js → MenuLink-DoSTuelN.js} +5 -5
  4. package/dist/MenuLink-DoSTuelN.js.map +1 -0
  5. package/dist/assets/Column.css +1 -1
  6. package/dist/components/Accordion/Accordion.stories.d.ts +2 -1
  7. package/dist/components/AppStatusBar/AppStatusBar.stories.d.ts +3 -1
  8. package/dist/components/AppStatusBar/AppStatusBar.stories.js +1 -1
  9. package/dist/components/AppStatusBar/AppStatusBar.stories.js.map +1 -1
  10. package/dist/components/Attention/Attention.stories.d.ts +5 -4
  11. package/dist/components/Backdrop/Backdrop.stories.d.ts +2 -1
  12. package/dist/components/Button/Button.stories.d.ts +2 -1
  13. package/dist/components/Button/Button.stories.js +1 -1
  14. package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +2 -1
  15. package/dist/components/Card/Card.stories.d.ts +2 -1
  16. package/dist/components/Checkbox/Checkbox.stories.d.ts +2 -1
  17. package/dist/components/Checkbox/Checkbox.stories.js +1 -1
  18. package/dist/components/Drawer/Drawer.stories.d.ts +2 -1
  19. package/dist/components/Drawer/Drawer.stories.js +1 -1
  20. package/dist/components/FieldHint/FieldHint.stories.d.ts +2 -1
  21. package/dist/components/Fieldset/Fieldset.stories.d.ts +2 -1
  22. package/dist/components/FormField/FormField.stories.d.ts +2 -1
  23. package/dist/components/GridRow/Column/Column.js +1 -1
  24. package/dist/components/GridRow/Column/index.js +1 -1
  25. package/dist/components/GridRow/GridRow.js +1 -1
  26. package/dist/components/GridRow/GridRow.stories.d.ts +2 -1
  27. package/dist/components/GridRow/GridRow.stories.js +1 -1
  28. package/dist/components/GridRow/GridRow.stories.js.map +1 -1
  29. package/dist/components/HorizontalList/HorizontalList.stories.d.ts +2 -1
  30. package/dist/components/Icon/Icon.stories.d.ts +2 -1
  31. package/dist/components/Icon/icons/index.d.ts +72 -63
  32. package/dist/components/Icon/icons/index.js +60 -57
  33. package/dist/components/Icon/icons/index.js.map +1 -1
  34. package/dist/components/IconButton/IconButton.stories.d.ts +2 -1
  35. package/dist/components/IconButton/IconButton.stories.js +1 -1
  36. package/dist/components/InfoMessage/InfoMessage.stories.d.ts +2 -1
  37. package/dist/components/Input/Input.stories.d.ts +2 -1
  38. package/dist/components/InputField/InputField.stories.d.ts +2 -1
  39. package/dist/components/InputField/InputField.stories.js +1 -1
  40. package/dist/components/Label/Label.stories.d.ts +2 -1
  41. package/dist/components/MenuLink/MenuLink.d.ts +1 -1
  42. package/dist/components/MenuLink/MenuLink.js +1 -1
  43. package/dist/components/MenuLink/MenuLink.stories.d.ts +2 -1
  44. package/dist/components/MenuLink/MenuLink.stories.js +1 -1
  45. package/dist/components/MenuLink/index.js +1 -1
  46. package/dist/components/MetaDataList/MetaDataList.stories.d.ts +2 -1
  47. package/dist/components/ModalDialog/ModalDialog.stories.d.ts +2 -1
  48. package/dist/components/ModalDialog/ModalDialog.stories.js +1 -1
  49. package/dist/components/MultiSelect/MultiSelect.stories.d.ts +2 -1
  50. package/dist/components/MultiSelect/MultiSelect.stories.js +1 -1
  51. package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.d.ts +2 -1
  52. package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js +1 -1
  53. package/dist/components/ProgrammeCard/ProgrammeCard.stories.d.ts +2 -1
  54. package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +1 -1
  55. package/dist/components/RadioButton/RadioButton.stories.d.ts +2 -1
  56. package/dist/components/Repeater/Repeater.stories.d.ts +2 -1
  57. package/dist/components/SectionNotification/SectionNotification.stories.d.ts +2 -1
  58. package/dist/components/SelectListbox/SelectListBox.stories.d.ts +3 -4
  59. package/dist/components/SelectListbox/SelectListBox.stories.js +1 -1
  60. package/dist/components/Spinner/Spinner.stories.d.ts +2 -1
  61. package/dist/components/StatusPill/StatusPill.stories.d.ts +2 -1
  62. package/dist/components/Tooltip/Tooltip.stories.d.ts +2 -1
  63. package/dist/components/index.js +1 -1
  64. package/dist/{index-CYUtHyCV.js → index-Do6xof80.js} +7963 -9332
  65. package/dist/index-Do6xof80.js.map +1 -0
  66. package/dist/index.js +1 -1
  67. package/package.json +20 -20
  68. package/dist/Column-CbI7YoMS.js +0 -101
  69. package/dist/Column-CbI7YoMS.js.map +0 -1
  70. package/dist/MenuLink-CIzBwlKY.js.map +0 -1
  71. package/dist/index-CYUtHyCV.js.map +0 -1
package/dist/assets/Column.css CHANGED
@@ -1 +1 @@
1
- ._page-grid__row_10tcv_1{--grid-cols: 12;display:flex;flex-wrap:wrap;min-width:100%;position:relative}._page-grid__row-mt-0_10tcv_10{margin-top:0}._page-grid__row-mt-025_10tcv_14{margin-top:.25rem}._page-grid__row-mt-050_10tcv_18{margin-top:.5rem}._page-grid__row-mt-075_10tcv_22{margin-top:.75rem}._page-grid__row-mt-100_10tcv_26{margin-top:1rem}._page-grid__row-mt-125_10tcv_30{margin-top:1.25rem}._page-grid__row-mt-150_10tcv_34{margin-top:1.5rem}._page-grid__row-mt-175_10tcv_38{margin-top:1.75rem}._page-grid__row-mt-200_10tcv_42{margin-top:2rem}._page-grid__row-mt-250_10tcv_46{margin-top:2.5rem}._page-grid__row-mt-300_10tcv_50{margin-top:3rem}._page-grid__row-mt-350_10tcv_54{margin-top:3.5rem}._page-grid__row-mb-0_10tcv_58{margin-bottom:0}._page-grid__row-mb-025_10tcv_62{margin-bottom:.25rem}._page-grid__row-mb-050_10tcv_66{margin-bottom:.5rem}._page-grid__row-mb-075_10tcv_70{margin-bottom:.75rem}._page-grid__row-mb-100_10tcv_74{margin-bottom:1rem}._page-grid__row-mb-125_10tcv_78{margin-bottom:1.25rem}._page-grid__row-mb-150_10tcv_82{margin-bottom:1.5rem}._page-grid__row-mb-175_10tcv_86{margin-bottom:1.75rem}._page-grid__row-mb-200_10tcv_90{margin-bottom:2rem}._page-grid__row-mb-250_10tcv_94{margin-bottom:2.5rem}._page-grid__row-mb-300_10tcv_98{margin-bottom:3rem}._page-grid__row-mb-350_10tcv_102{margin-bottom:3.5rem}[class^=page-grid__col]{position:relative}._page-grid__col-12_10tcv_110,._page-grid__col_10tcv_110{flex-basis:100%}._page-grid__col-1_10tcv_110{--collspan: 1;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-2_10tcv_123{--collspan: 2;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-3_10tcv_131{--collspan: 3;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-4_10tcv_139{--collspan: 4;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-5_10tcv_147{--collspan: 5;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-6_10tcv_155{--collspan: 6;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-7_10tcv_163{--collspan: 7;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-8_10tcv_171{--collspan: 8;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-9_10tcv_179{--collspan: 9;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-10_10tcv_187{--collspan: 10;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-11_10tcv_195{--collspan: 11;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}@media only screen and (max-width: 64rem){._page-grid__col-md-1_10tcv_206{--collspan: 1;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-2_10tcv_214{--collspan: 2;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-3_10tcv_222{--collspan: 3;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-4_10tcv_230{--collspan: 4;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-5_10tcv_238{--collspan: 5;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-6_10tcv_246{--collspan: 6;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-7_10tcv_254{--collspan: 7;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-8_10tcv_262{--collspan: 8;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-9_10tcv_270{--collspan: 9;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-10_10tcv_278{--collspan: 10;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-11_10tcv_286{--collspan: 11;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-12_10tcv_294{--collspan: 12;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}}._page-grid__col-start-position-1_10tcv_303{margin-left:calc((1 / 12 * 100%))}._page-grid__col-start-position-2_10tcv_307{margin-left:calc((2 / 12 * 100%))}._page-grid__col-start-position-3_10tcv_311{margin-left:25%}._page-grid__col-start-position-4_10tcv_315{margin-left:calc((4 / 12 * 100%))}._page-grid__col-start-position-5_10tcv_319{margin-left:calc((5 / 12 * 100%))}._page-grid__col-start-position-6_10tcv_323{margin-left:50%}._page-grid__col-start-position-7_10tcv_327{margin-left:calc((7 / 12 * 100%))}._page-grid__col-start-position-8_10tcv_331{margin-left:calc((8 / 12 * 100%))}._page-grid__col-start-position-9_10tcv_335{margin-left:75%}._page-grid__col-start-position-10_10tcv_339{margin-left:calc((10 / 12 * 100%))}._page-grid__col-start-position-11_10tcv_343{margin-left:calc((11 / 12 * 100%))}@media only screen and (max-width: 64rem){._page-grid__col-md-start-position-1_10tcv_350{margin-left:calc((1 / 12 * 100%))}._page-grid__col-md-start-position-2_10tcv_354{margin-left:calc((2 / 12 * 100%))}._page-grid__col-md-start-position-3_10tcv_358{margin-left:25%}._page-grid__col-md-start-position-4_10tcv_362{margin-left:calc((4 / 12 * 100%))}._page-grid__col-md-start-position-5_10tcv_366{margin-left:calc((5 / 12 * 100%))}._page-grid__col-md-start-position-6_10tcv_370{margin-left:50%}._page-grid__col-md-start-position-7_10tcv_374{margin-left:calc((7 / 12 * 100%))}._page-grid__col-md-start-position-8_10tcv_378{margin-left:calc((8 / 12 * 100%))}._page-grid__col-md-start-position-9_10tcv_382{margin-left:75%}._page-grid__col-md-start-position-10_10tcv_386{margin-left:calc((10 / 12 * 100%))}._page-grid__col-md-start-position-11_10tcv_390{margin-left:calc((11 / 12 * 100%))}}@media only screen and (max-width: 40rem){._page-grid__col-1_10tcv_110,._page-grid__col-2_10tcv_123,._page-grid__col-3_10tcv_131,._page-grid__col-4_10tcv_139,._page-grid__col-5_10tcv_147,._page-grid__col-6_10tcv_155,._page-grid__col-7_10tcv_163,._page-grid__col-8_10tcv_171,._page-grid__col-9_10tcv_179,._page-grid__col-10_10tcv_187,._page-grid__col-11_10tcv_195{flex-basis:100%;margin-left:0;max-width:100%}}
1
+ ._page-grid__row_k1mos_1{--grid-cols: 12;display:flex;flex-wrap:wrap;min-width:100%;position:relative}._page-grid__row-mt-0_k1mos_10{margin-top:0}._page-grid__row-mt-025_k1mos_14{margin-top:.25rem}._page-grid__row-mt-050_k1mos_18{margin-top:.5rem}._page-grid__row-mt-075_k1mos_22{margin-top:.75rem}._page-grid__row-mt-100_k1mos_26{margin-top:1rem}._page-grid__row-mt-125_k1mos_30{margin-top:1.25rem}._page-grid__row-mt-150_k1mos_34{margin-top:1.5rem}._page-grid__row-mt-175_k1mos_38{margin-top:1.75rem}._page-grid__row-mt-200_k1mos_42{margin-top:2rem}._page-grid__row-mt-250_k1mos_46{margin-top:2.5rem}._page-grid__row-mt-300_k1mos_50{margin-top:3rem}._page-grid__row-mt-350_k1mos_54{margin-top:3.5rem}._page-grid__row-mb-0_k1mos_58{margin-bottom:0}._page-grid__row-mb-025_k1mos_62{margin-bottom:.25rem}._page-grid__row-mb-050_k1mos_66{margin-bottom:.5rem}._page-grid__row-mb-075_k1mos_70{margin-bottom:.75rem}._page-grid__row-mb-100_k1mos_74{margin-bottom:1rem}._page-grid__row-mb-125_k1mos_78{margin-bottom:1.25rem}._page-grid__row-mb-150_k1mos_82{margin-bottom:1.5rem}._page-grid__row-mb-175_k1mos_86{margin-bottom:1.75rem}._page-grid__row-mb-200_k1mos_90{margin-bottom:2rem}._page-grid__row-mb-250_k1mos_94{margin-bottom:2.5rem}._page-grid__row-mb-300_k1mos_98{margin-bottom:3rem}._page-grid__row-mb-350_k1mos_102{margin-bottom:3.5rem}[class^=page-grid__col]{position:relative}._page-grid__col-12_k1mos_110,._page-grid__col_k1mos_110{flex-basis:100%;max-width:100%;padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-1_k1mos_110{--collspan: 1;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-2_k1mos_125{--collspan: 2;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-3_k1mos_133{--collspan: 3;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-4_k1mos_141{--collspan: 4;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-5_k1mos_149{--collspan: 5;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-6_k1mos_157{--collspan: 6;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-7_k1mos_165{--collspan: 7;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-8_k1mos_173{--collspan: 8;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-9_k1mos_181{--collspan: 9;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-10_k1mos_189{--collspan: 10;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-11_k1mos_197{--collspan: 11;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-12_k1mos_110{--collspan: 12;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}@media only screen and (max-width: 64rem){._page-grid__col-md-1_k1mos_216{--collspan: 1;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-2_k1mos_224{--collspan: 2;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-3_k1mos_232{--collspan: 3;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-4_k1mos_240{--collspan: 4;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-5_k1mos_248{--collspan: 5;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-6_k1mos_256{--collspan: 6;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-7_k1mos_264{--collspan: 7;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-8_k1mos_272{--collspan: 8;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-9_k1mos_280{--collspan: 9;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-10_k1mos_288{--collspan: 10;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-11_k1mos_296{--collspan: 11;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-12_k1mos_304{--collspan: 12;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}}._page-grid__col-start-position-1_k1mos_313{margin-left:calc((1 / 12 * 100%))}._page-grid__col-start-position-2_k1mos_317{margin-left:calc((2 / 12 * 100%))}._page-grid__col-start-position-3_k1mos_321{margin-left:25%}._page-grid__col-start-position-4_k1mos_325{margin-left:calc((4 / 12 * 100%))}._page-grid__col-start-position-5_k1mos_329{margin-left:calc((5 / 12 * 100%))}._page-grid__col-start-position-6_k1mos_333{margin-left:50%}._page-grid__col-start-position-7_k1mos_337{margin-left:calc((7 / 12 * 100%))}._page-grid__col-start-position-8_k1mos_341{margin-left:calc((8 / 12 * 100%))}._page-grid__col-start-position-9_k1mos_345{margin-left:75%}._page-grid__col-start-position-10_k1mos_349{margin-left:calc((10 / 12 * 100%))}._page-grid__col-start-position-11_k1mos_353{margin-left:calc((11 / 12 * 100%))}@media only screen and (max-width: 64rem){._page-grid__col-md-start-position-1_k1mos_360{margin-left:calc((1 / 12 * 100%))}._page-grid__col-md-start-position-2_k1mos_364{margin-left:calc((2 / 12 * 100%))}._page-grid__col-md-start-position-3_k1mos_368{margin-left:25%}._page-grid__col-md-start-position-4_k1mos_372{margin-left:calc((4 / 12 * 100%))}._page-grid__col-md-start-position-5_k1mos_376{margin-left:calc((5 / 12 * 100%))}._page-grid__col-md-start-position-6_k1mos_380{margin-left:50%}._page-grid__col-md-start-position-7_k1mos_384{margin-left:calc((7 / 12 * 100%))}._page-grid__col-md-start-position-8_k1mos_388{margin-left:calc((8 / 12 * 100%))}._page-grid__col-md-start-position-9_k1mos_392{margin-left:75%}._page-grid__col-md-start-position-10_k1mos_396{margin-left:calc((10 / 12 * 100%))}._page-grid__col-md-start-position-11_k1mos_400{margin-left:calc((11 / 12 * 100%))}}@media only screen and (max-width: 40rem){._page-grid__col-1_k1mos_110,._page-grid__col-2_k1mos_125,._page-grid__col-3_k1mos_133,._page-grid__col-4_k1mos_141,._page-grid__col-5_k1mos_149,._page-grid__col-6_k1mos_157,._page-grid__col-7_k1mos_165,._page-grid__col-8_k1mos_173,._page-grid__col-9_k1mos_181,._page-grid__col-10_k1mos_189,._page-grid__col-11_k1mos_197{flex-basis:100%;margin-left:0;max-width:100%}}
package/dist/components/Accordion/Accordion.stories.d.ts CHANGED
@@ -1,6 +1,7 @@
1
+ import { Meta } from '@storybook/react';
1
2
  import { AccordionProps } from './Accordion';
2
3
 
3
- declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, AccordionProps>;
4
+ declare const _default: Meta<AccordionProps>;
4
5
  export default _default;
5
6
  export declare const AccordionExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, AccordionProps>;
6
7
  export declare const WithComplexProps: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, AccordionProps>;
package/dist/components/AppStatusBar/AppStatusBar.stories.d.ts CHANGED
@@ -1,7 +1,9 @@
1
+ import { Meta } from '@storybook/react';
2
+
1
3
  interface AppStatusBarProps {
2
4
  message: string;
3
5
  severity: 'info' | 'warning' | 'error';
4
6
  }
5
- declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, AppStatusBarProps>;
7
+ declare const _default: Meta<AppStatusBarProps>;
6
8
  export default _default;
7
9
  export declare const AppStatusBarExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, AppStatusBarProps>;
package/dist/components/AppStatusBar/AppStatusBar.stories.js CHANGED
@@ -10,7 +10,7 @@ const p = {
10
10
  }
11
11
  }
12
12
  }, n = (e) => /* @__PURE__ */ o(t, { ...e }), r = {
13
- message: "Dit is de ontwikkelomgeving van Storybook. Hier kun je componenten bekijken en testen.",
13
+ message: "Dit is de ontwikkelomgeving van Storybook. Hier kun je componenten bekijken en testen!.",
14
14
  severity: "warning"
15
15
  }, s = n.bind({});
16
16
  s.args = {
package/dist/components/AppStatusBar/AppStatusBar.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AppStatusBar.stories.js","sources":["../../../src/components/AppStatusBar/AppStatusBar.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { AppStatusBar } from './AppStatusBar';\n\ninterface AppStatusBarProps {\n message: string;\n severity: 'info' | 'warning' | 'error';\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/AppStatusBar',\n component: AppStatusBar,\n argTypes: {\n severity: {\n options: ['info', 'warning', 'error'],\n control: { type: 'radio' },\n },\n },\n} as Meta<AppStatusBarProps>;\n\nconst Template: StoryFn<AppStatusBarProps> = (args) => <AppStatusBar {...args} />;\n\nconst defaultArgs: Partial<AppStatusBarProps> = {\n message: 'Dit is de ontwikkelomgeving van Storybook. Hier kun je componenten bekijken en testen.',\n severity: 'warning',\n};\n\nexport const AppStatusBarExample = Template.bind({});\nAppStatusBarExample.args = {\n ...defaultArgs,\n};\n"],"names":["AppStatusBar_stories","AppStatusBar","Template","args","jsx","defaultArgs","AppStatusBarExample"],"mappings":";;AAUA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,SAAS,CAAC,QAAQ,WAAW,OAAO;AAAA,MACpC,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,EACF;AACF,GAEMC,IAAuC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAc,GAAGE,EAAM,CAAA,GAEzEE,IAA0C;AAAA,EAC9C,SAAS;AAAA,EACT,UAAU;AACZ,GAEaC,IAAsBJ,EAAS,KAAK,EAAE;AACnDI,EAAoB,OAAO;AAAA,EACzB,GAAGD;AACL;"}
1
+ {"version":3,"file":"AppStatusBar.stories.js","sources":["../../../src/components/AppStatusBar/AppStatusBar.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\n\nimport { AppStatusBar } from './AppStatusBar';\n\ninterface AppStatusBarProps {\n message: string;\n severity: 'info' | 'warning' | 'error';\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/AppStatusBar',\n component: AppStatusBar,\n argTypes: {\n severity: {\n options: ['info', 'warning', 'error'],\n control: { type: 'radio' },\n },\n },\n} as Meta<AppStatusBarProps>;\n\nconst Template: StoryFn<AppStatusBarProps> = (args) => <AppStatusBar {...args} />;\n\nconst defaultArgs: Partial<AppStatusBarProps> = {\n message: 'Dit is de ontwikkelomgeving van Storybook. Hier kun je componenten bekijken en testen!.',\n severity: 'warning',\n};\n\nexport const AppStatusBarExample = Template.bind({});\nAppStatusBarExample.args = {\n ...defaultArgs,\n};\n"],"names":["AppStatusBar_stories","AppStatusBar","Template","args","jsx","defaultArgs","AppStatusBarExample"],"mappings":";;AAUA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,SAAS,CAAC,QAAQ,WAAW,OAAO;AAAA,MACpC,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,EACF;AACF,GAEMC,IAAuC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAc,GAAGE,EAAM,CAAA,GAEzEE,IAA0C;AAAA,EAC9C,SAAS;AAAA,EACT,UAAU;AACZ,GAEaC,IAAsBJ,EAAS,KAAK,EAAE;AACnDI,EAAoB,OAAO;AAAA,EACzB,GAAGD;AACL;"}
package/dist/components/Attention/Attention.stories.d.ts CHANGED
@@ -1,7 +1,8 @@
1
- declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, {
2
- children?: import('react').ReactNode;
3
- }>;
1
+ import { Meta } from '@storybook/react';
2
+ import { PropsWithChildren } from 'react';
3
+
4
+ declare const _default: Meta<PropsWithChildren>;
4
5
  export default _default;
5
6
  export declare const AttentionExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, {
6
- children?: import('react').ReactNode;
7
+ children?: import('react').ReactNode | undefined;
7
8
  }>;
package/dist/components/Backdrop/Backdrop.stories.d.ts CHANGED
@@ -1,8 +1,9 @@
1
+ import { Meta } from '@storybook/react';
1
2
  import { BackdropProps } from './Backdrop';
2
3
 
3
4
  type BackdropStoryProps = BackdropProps & {
4
5
  visible: boolean;
5
6
  };
6
- declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, BackdropStoryProps>;
7
+ declare const _default: Meta<BackdropStoryProps>;
7
8
  export default _default;
8
9
  export declare const BackdropExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, BackdropStoryProps>;
package/dist/components/Button/Button.stories.d.ts CHANGED
@@ -1,6 +1,7 @@
1
+ import { Meta } from '@storybook/react';
1
2
  import { ButtonProps } from './Button';
2
3
 
3
- declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, ButtonProps>;
4
+ declare const _default: Meta<ButtonProps>;
4
5
  export default _default;
5
6
  export declare const ButtonExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ButtonProps>;
6
7
  export declare const WithMultipleChildren: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ButtonProps>;
package/dist/components/Button/Button.stories.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsxs as o, Fragment as s, jsx as t } from "react/jsx-runtime";
2
- import { f as l } from "../../index-CYUtHyCV.js";
2
+ import { f as l } from "../../index-Do6xof80.js";
3
3
  import { Button as e } from "./Button.js";
4
4
  const u = {
5
5
  title: "Atoms/Button",
package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts CHANGED
@@ -1,6 +1,7 @@
1
+ import { Meta } from '@storybook/react';
1
2
  import { PropsWithChildren } from 'react';
2
3
  import { ButtonGroupProps } from './ButtonGroup';
3
4
 
4
- declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, PropsWithChildren<ButtonGroupProps>>;
5
+ declare const _default: Meta<PropsWithChildren<ButtonGroupProps>>;
5
6
  export default _default;
6
7
  export declare const ButtonGroupExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<ButtonGroupProps>>;
package/dist/components/Card/Card.stories.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import { PropsWithChildren } from 'react';
2
+ import { Meta } from '@storybook/react';
2
3
  import { CardProps } from './Card';
3
4
 
4
- declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, PropsWithChildren<CardProps>>;
5
+ declare const _default: Meta<PropsWithChildren<CardProps>>;
5
6
  export default _default;
6
7
  export declare const CardExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<CardProps>>;
7
8
  export declare const WithNotification: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<CardProps>>;
package/dist/components/Checkbox/Checkbox.stories.d.ts CHANGED
@@ -1,5 +1,6 @@
1
+ import { Meta } from '@storybook/react';
1
2
  import { CheckboxProps } from './Checkbox';
2
3
 
3
- declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, CheckboxProps>;
4
+ declare const _default: Meta<CheckboxProps>;
4
5
  export default _default;
5
6
  export declare const CheckboxExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxProps>;
package/dist/components/Checkbox/Checkbox.stories.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsxs as t, jsx as o } from "react/jsx-runtime";
2
- import { f as m } from "../../index-CYUtHyCV.js";
2
+ import { f as m } from "../../index-Do6xof80.js";
3
3
  import { Checkbox as e } from "./Checkbox.js";
4
4
  import { FormField as i } from "../FormField/FormField.js";
5
5
  import { Label as n } from "../Label/Label.js";
package/dist/components/Drawer/Drawer.stories.d.ts CHANGED
@@ -1,6 +1,7 @@
1
+ import { Meta } from '@storybook/react';
1
2
  import { DrawerProps } from './Drawer';
2
3
 
3
- declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, DrawerProps>;
4
+ declare const _default: Meta<DrawerProps>;
4
5
  export default _default;
5
6
  export declare const DrawerExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;
6
7
  export declare const WithButtons: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;
package/dist/components/Drawer/Drawer.stories.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsxs as o, jsx as e } from "react/jsx-runtime";
2
2
  import { a as m } from "../../useDialog-D4QXqVAd.js";
3
- import { f as p } from "../../index-CYUtHyCV.js";
3
+ import { f as p } from "../../index-Do6xof80.js";
4
4
  import { useState as c } from "react";
5
5
  import { Drawer as n } from "./Drawer.js";
6
6
  import { Button as t } from "../Button/Button.js";
package/dist/components/FieldHint/FieldHint.stories.d.ts CHANGED
@@ -1,6 +1,7 @@
1
+ import { Meta } from '@storybook/react';
1
2
  import { FieldHintProps } from './FieldHint';
2
3
 
3
- declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, FieldHintProps>;
4
+ declare const _default: Meta<FieldHintProps>;
4
5
  export default _default;
5
6
  export declare const FieldHintExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FieldHintProps>;
6
7
  export declare const LoadingFieldHint: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FieldHintProps>;
package/dist/components/Fieldset/Fieldset.stories.d.ts CHANGED
@@ -1,7 +1,8 @@
1
+ import { Meta } from '@storybook/react';
1
2
  import { PropsWithChildren } from 'react';
2
3
  import { FieldsetProps } from './Fieldset';
3
4
 
4
- declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, PropsWithChildren<FieldsetProps>>;
5
+ declare const _default: Meta<PropsWithChildren<FieldsetProps>>;
5
6
  export default _default;
6
7
  export declare const FieldsetExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<FieldsetProps>>;
7
8
  export declare const WithDescriptionExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<FieldsetProps>>;
package/dist/components/FormField/FormField.stories.d.ts CHANGED
@@ -1,6 +1,7 @@
1
+ import { Meta } from '@storybook/react';
1
2
  import { PropsWithChildren } from 'react';
2
3
  import { FormFieldProps } from './FormField';
3
4
 
4
- declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, PropsWithChildren<FormFieldProps>>;
5
+ declare const _default: Meta<PropsWithChildren<FormFieldProps>>;
5
6
  export default _default;
6
7
  export declare const FormFieldExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<FormFieldProps>>;
package/dist/components/GridRow/Column/Column.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../../clsx-OuTLNxxd.js";
3
- import { C as t } from "../../../Column-CbI7YoMS.js";
3
+ import { C as t } from "../../../Column-BUyVh2Oo.js";
4
4
  export {
5
5
  t as Column
6
6
  };
package/dist/components/GridRow/Column/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { C as r } from "../../../Column-CbI7YoMS.js";
1
+ import { C as r } from "../../../Column-BUyVh2Oo.js";
2
2
  export {
3
3
  r as Column
4
4
  };
package/dist/components/GridRow/GridRow.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
2
  import { c as p } from "../../clsx-OuTLNxxd.js";
3
- import { s as r, C as d } from "../../Column-CbI7YoMS.js";
3
+ import { s as r, C as d } from "../../Column-BUyVh2Oo.js";
4
4
  const s = {
5
5
  0: { "--grid-gap": "0.25rem" },
6
6
  "025": { "--grid-gap": "0.25rem" },
package/dist/components/GridRow/GridRow.stories.d.ts CHANGED
@@ -1,6 +1,7 @@
1
+ import { Meta } from '@storybook/react';
1
2
  import { GridRowProps } from './GridRow';
2
3
 
3
- declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, GridRowProps>;
4
+ declare const _default: Meta<GridRowProps>;
4
5
  export default _default;
5
6
  export declare const GridRowExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, GridRowProps>;
6
7
  export declare const WithMediumBreakpoint: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, GridRowProps>;
package/dist/components/GridRow/GridRow.stories.js CHANGED
@@ -31,7 +31,7 @@ import '../../assets/GridRow.css';const n = {
31
31
  }
32
32
  }
33
33
  }, m = (l) => /* @__PURE__ */ r("div", { className: "page-wrapper", style: l.gutter && n[l.gutter], children: [
34
- /* @__PURE__ */ i(e, { ...l, children: /* @__PURE__ */ i(e.Column, { size: "12", children: "Col-1" }) }),
34
+ /* @__PURE__ */ i(e, { ...l, children: /* @__PURE__ */ i(e.Column, { children: "Col-12" }) }),
35
35
  /* @__PURE__ */ r(e, { ...l, children: [
36
36
  /* @__PURE__ */ i(e.Column, { size: "1", children: "Col-1" }),
37
37
  /* @__PURE__ */ i(e.Column, { size: "11", children: "Col-11" })
package/dist/components/GridRow/GridRow.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GridRow.stories.js","sources":["../../../src/components/GridRow/GridRow.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { GridRowProps } from './GridRow';\nimport type { CSSProperties } from 'react';\n\nimport { GridRow } from './GridRow';\n\nimport './GridRow.stories.css';\n\nconst gabStyles = {\n '0': { '--grid-gap': '0.25rem' },\n '025': { '--grid-gap': '0.25rem' },\n '050': { '--grid-gap': '0.5rem' },\n '075': { '--grid-gap': '0.75rem' },\n '100': { '--grid-gap': '1rem' },\n '125': { '--grid-gap': '1.25rem' },\n '150': { '--grid-gap': '1.5rem' },\n '175': { '--grid-gap': '1.75rem' },\n '200': { '--grid-gap': '2rem' },\n '250': { '--grid-gap': '2.5rem' },\n '300': { '--grid-gap': '3rem' },\n '350': { '--grid-gap': '3.5rem' },\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Organisms/GridRow',\n component: GridRow,\n argTypes: {\n gutter: {\n options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n control: { type: 'select' },\n },\n marginBottom: {\n options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n control: { type: 'select' },\n },\n marginTop: {\n options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n control: { type: 'select' },\n },\n },\n} as Meta<GridRowProps>;\n\nconst Template: StoryFn<GridRowProps> = (args) => (\n <div className=\"page-wrapper\" style={args.gutter && (gabStyles[args.gutter] as CSSProperties)}>\n <GridRow {...args}>\n <GridRow.Column size=\"12\">Col-1</GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"1\">Col-1</GridRow.Column>\n <GridRow.Column size=\"11\">Col-11</GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"2\">Col-2</GridRow.Column>\n <GridRow.Column size=\"10\">Col-10</GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"3\">Col-3</GridRow.Column>\n <GridRow.Column size=\"9\">Col-9</GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"4\">Col-4</GridRow.Column>\n <GridRow.Column size=\"8\">Col-8</GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"5\">Col-5</GridRow.Column>\n <GridRow.Column size=\"7\">Col-7</GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"6\">Col-6</GridRow.Column>\n <GridRow.Column size=\"6\">Col-6</GridRow.Column>\n </GridRow>\n </div>\n);\n\nconst defaultArgs: Partial<GridRowProps> = {\n gutter: '200',\n marginBottom: '050',\n marginTop: '0',\n};\n\nexport const GridRowExample = Template.bind({});\nGridRowExample.args = {\n ...defaultArgs,\n};\n\nconst TemplateMedium: StoryFn<GridRowProps> = (args) => (\n <div className=\"page-wrapper\" style={args.gutter && (gabStyles[args.gutter] as CSSProperties)}>\n <GridRow {...args}>\n <GridRow.Column size=\"4\" mediumSize=\"6\">\n L: 4, Md: 6, S: 12\n </GridRow.Column>\n <GridRow.Column size=\"4\" mediumSize=\"6\">\n L: 4, Md: 6, S: 12\n </GridRow.Column>\n <GridRow.Column size=\"4\" mediumSize=\"12\">\n L: 4, Md: 12\n </GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"3\" mediumSize=\"6\">\n L: 3, Md: 6, S: 12\n </GridRow.Column>\n <GridRow.Column size=\"3\" mediumSize=\"6\">\n L: 3, Md: 12\n </GridRow.Column>\n <GridRow.Column size=\"6\" mediumSize=\"12\">\n L: 6, Md: 12, S: 12\n </GridRow.Column>\n </GridRow>\n </div>\n);\n\nexport const WithMediumBreakpoint = TemplateMedium.bind({});\nGridRowExample.args = {\n ...defaultArgs,\n};\n"],"names":["gabStyles","GridRow_stories","GridRow","Template","args","jsxs","jsx","defaultArgs","GridRowExample","TemplateMedium","WithMediumBreakpoint"],"mappings":"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"}
1
+ {"version":3,"file":"GridRow.stories.js","sources":["../../../src/components/GridRow/GridRow.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { GridRowProps } from './GridRow';\nimport type { CSSProperties } from 'react';\n\nimport { GridRow } from './GridRow';\n\nimport './GridRow.stories.css';\n\nconst gabStyles = {\n '0': { '--grid-gap': '0.25rem' },\n '025': { '--grid-gap': '0.25rem' },\n '050': { '--grid-gap': '0.5rem' },\n '075': { '--grid-gap': '0.75rem' },\n '100': { '--grid-gap': '1rem' },\n '125': { '--grid-gap': '1.25rem' },\n '150': { '--grid-gap': '1.5rem' },\n '175': { '--grid-gap': '1.75rem' },\n '200': { '--grid-gap': '2rem' },\n '250': { '--grid-gap': '2.5rem' },\n '300': { '--grid-gap': '3rem' },\n '350': { '--grid-gap': '3.5rem' },\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Organisms/GridRow',\n component: GridRow,\n argTypes: {\n gutter: {\n options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n control: { type: 'select' },\n },\n marginBottom: {\n options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n control: { type: 'select' },\n },\n marginTop: {\n options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n control: { type: 'select' },\n },\n },\n} as Meta<GridRowProps>;\n\nconst Template: StoryFn<GridRowProps> = (args) => (\n <div className=\"page-wrapper\" style={args.gutter && (gabStyles[args.gutter] as CSSProperties)}>\n <GridRow {...args}>\n <GridRow.Column>Col-12</GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"1\">Col-1</GridRow.Column>\n <GridRow.Column size=\"11\">Col-11</GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"2\">Col-2</GridRow.Column>\n <GridRow.Column size=\"10\">Col-10</GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"3\">Col-3</GridRow.Column>\n <GridRow.Column size=\"9\">Col-9</GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"4\">Col-4</GridRow.Column>\n <GridRow.Column size=\"8\">Col-8</GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"5\">Col-5</GridRow.Column>\n <GridRow.Column size=\"7\">Col-7</GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"6\">Col-6</GridRow.Column>\n <GridRow.Column size=\"6\">Col-6</GridRow.Column>\n </GridRow>\n </div>\n);\n\nconst defaultArgs: Partial<GridRowProps> = {\n gutter: '200',\n marginBottom: '050',\n marginTop: '0',\n};\n\nexport const GridRowExample = Template.bind({});\nGridRowExample.args = {\n ...defaultArgs,\n};\n\nconst TemplateMedium: StoryFn<GridRowProps> = (args) => (\n <div className=\"page-wrapper\" style={args.gutter && (gabStyles[args.gutter] as CSSProperties)}>\n <GridRow {...args}>\n <GridRow.Column size=\"4\" mediumSize=\"6\">\n L: 4, Md: 6, S: 12\n </GridRow.Column>\n <GridRow.Column size=\"4\" mediumSize=\"6\">\n L: 4, Md: 6, S: 12\n </GridRow.Column>\n <GridRow.Column size=\"4\" mediumSize=\"12\">\n L: 4, Md: 12\n </GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"3\" mediumSize=\"6\">\n L: 3, Md: 6, S: 12\n </GridRow.Column>\n <GridRow.Column size=\"3\" mediumSize=\"6\">\n L: 3, Md: 12\n </GridRow.Column>\n <GridRow.Column size=\"6\" mediumSize=\"12\">\n L: 6, Md: 12, S: 12\n </GridRow.Column>\n </GridRow>\n </div>\n);\n\nexport const WithMediumBreakpoint = TemplateMedium.bind({});\nGridRowExample.args = {\n ...defaultArgs,\n};\n"],"names":["gabStyles","GridRow_stories","GridRow","Template","args","jsxs","jsx","defaultArgs","GridRowExample","TemplateMedium","WithMediumBreakpoint"],"mappings":"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"}
package/dist/components/HorizontalList/HorizontalList.stories.d.ts CHANGED
@@ -1,5 +1,6 @@
1
+ import { Meta } from '@storybook/react';
1
2
  import { HorizontalListProps } from './HorizontalList';
2
3
 
3
- declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, HorizontalListProps>;
4
+ declare const _default: Meta<HorizontalListProps>;
4
5
  export default _default;
5
6
  export declare const HorizontalListExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, HorizontalListProps>;
package/dist/components/Icon/Icon.stories.d.ts CHANGED
@@ -1,6 +1,7 @@
1
+ import { Meta } from '@storybook/react';
1
2
  import { IconProps } from './Icon';
2
3
 
3
- declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, IconProps>;
4
+ declare const _default: Meta<IconProps>;
4
5
  export default _default;
5
6
  export declare const IconExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
6
7
  export declare const IconOverview: () => import("react/jsx-runtime").JSX.Element;
package/dist/components/Icon/icons/index.d.ts CHANGED
@@ -1,191 +1,200 @@
1
1
  export declare const Icons: {
2
+ AcademicCap: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
3
+ title?: string;
4
+ }>;
2
5
  ArrowDownOnSquare: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
3
- title?: string | undefined;
6
+ title?: string;
4
7
  }>;
5
8
  ArrowLeft: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
6
- title?: string | undefined;
9
+ title?: string;
7
10
  }>;
8
11
  ArrowLeftEndOnRectangle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
9
- title?: string | undefined;
12
+ title?: string;
10
13
  }>;
11
14
  ArrowLeftStartOnRectangle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
12
- title?: string | undefined;
15
+ title?: string;
13
16
  }>;
14
17
  ArrowRight: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
15
- title?: string | undefined;
18
+ title?: string;
16
19
  }>;
17
20
  ArrowSmallDownMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
18
- title?: string | undefined;
21
+ title?: string;
19
22
  }>;
20
23
  ArrowSmallLeft: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
21
- title?: string | undefined;
24
+ title?: string;
22
25
  }>;
23
26
  ArrowSmallRight: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
24
- title?: string | undefined;
27
+ title?: string;
25
28
  }>;
26
29
  ArrowSmallUpMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
27
- title?: string | undefined;
30
+ title?: string;
28
31
  }>;
29
32
  ArrowTopRightOnSquare: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
30
- title?: string | undefined;
33
+ title?: string;
31
34
  }>;
32
35
  ArrowUpOnSquare: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
33
- title?: string | undefined;
36
+ title?: string;
34
37
  }>;
35
38
  BrowserBlocked: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
36
- title?: string | undefined;
39
+ title?: string;
37
40
  }>;
38
41
  BrowserBroken: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
39
- title?: string | undefined;
42
+ title?: string;
40
43
  }>;
41
44
  Calendar: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
42
- title?: string | undefined;
45
+ title?: string;
43
46
  }>;
44
47
  Check: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
45
- title?: string | undefined;
48
+ title?: string;
46
49
  }>;
47
50
  CheckCircle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
48
- title?: string | undefined;
51
+ title?: string;
49
52
  }>;
50
53
  CheckCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
51
- title?: string | undefined;
54
+ title?: string;
52
55
  }>;
53
56
  CheveronDown: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
54
- title?: string | undefined;
57
+ title?: string;
55
58
  }>;
56
59
  CheveronLeft: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
57
- title?: string | undefined;
60
+ title?: string;
58
61
  }>;
59
62
  CheveronRight: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
60
- title?: string | undefined;
63
+ title?: string;
61
64
  }>;
62
65
  CheveronUp: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
63
- title?: string | undefined;
66
+ title?: string;
64
67
  }>;
65
68
  CheveronUpDown: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
66
- title?: string | undefined;
69
+ title?: string;
67
70
  }>;
68
71
  Circle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
69
- title?: string | undefined;
72
+ title?: string;
73
+ }>;
74
+ CircleStack: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
75
+ title?: string;
70
76
  }>;
71
77
  Clock: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
72
- title?: string | undefined;
78
+ title?: string;
73
79
  }>;
74
80
  ClockCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
75
- title?: string | undefined;
81
+ title?: string;
76
82
  }>;
77
83
  Collection: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
78
- title?: string | undefined;
84
+ title?: string;
79
85
  }>;
80
86
  Cross: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
81
- title?: string | undefined;
87
+ title?: string;
82
88
  }>;
83
89
  CrossCircle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
84
- title?: string | undefined;
90
+ title?: string;
85
91
  }>;
86
92
  CrossCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
87
- title?: string | undefined;
93
+ title?: string;
88
94
  }>;
89
95
  CrossCircleMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
90
- title?: string | undefined;
96
+ title?: string;
91
97
  }>;
92
98
  CubeTransparent: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
93
- title?: string | undefined;
99
+ title?: string;
94
100
  }>;
95
101
  DocumentDuplicate: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
96
- title?: string | undefined;
102
+ title?: string;
97
103
  }>;
98
104
  DocumentText: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
99
- title?: string | undefined;
105
+ title?: string;
100
106
  }>;
101
107
  DotCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
102
- title?: string | undefined;
108
+ title?: string;
103
109
  }>;
104
110
  Dots: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
105
- title?: string | undefined;
111
+ title?: string;
106
112
  }>;
107
113
  Envelope: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
108
- title?: string | undefined;
114
+ title?: string;
109
115
  }>;
110
116
  ExclamationCircle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
111
- title?: string | undefined;
117
+ title?: string;
112
118
  }>;
113
119
  ExclamationCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
114
- title?: string | undefined;
120
+ title?: string;
115
121
  }>;
116
122
  ExclamationTriangleFill: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
117
- title?: string | undefined;
123
+ title?: string;
118
124
  }>;
119
125
  ExclamationTriangleMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
120
- title?: string | undefined;
126
+ title?: string;
121
127
  }>;
122
128
  FaceFrown: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
123
- title?: string | undefined;
129
+ title?: string;
124
130
  }>;
125
131
  Hamburger: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
126
- title?: string | undefined;
132
+ title?: string;
127
133
  }>;
128
134
  Heart: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
129
- title?: string | undefined;
135
+ title?: string;
130
136
  }>;
131
137
  InformationCircle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
132
- title?: string | undefined;
138
+ title?: string;
133
139
  }>;
134
140
  InformationCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
135
- title?: string | undefined;
141
+ title?: string;
136
142
  }>;
137
143
  InformationCircleMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
138
- title?: string | undefined;
144
+ title?: string;
139
145
  }>;
140
146
  Link: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
141
- title?: string | undefined;
147
+ title?: string;
142
148
  }>;
143
149
  LinkSlash: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
144
- title?: string | undefined;
150
+ title?: string;
145
151
  }>;
146
152
  ListMagnify: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
147
- title?: string | undefined;
153
+ title?: string;
148
154
  }>;
149
155
  LockClosedFill: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
150
- title?: string | undefined;
156
+ title?: string;
151
157
  }>;
152
158
  LockOpenFill: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
153
- title?: string | undefined;
159
+ title?: string;
154
160
  }>;
155
161
  Minus: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
156
- title?: string | undefined;
162
+ title?: string;
157
163
  }>;
158
164
  MinusCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
159
- title?: string | undefined;
165
+ title?: string;
160
166
  }>;
161
167
  PencilSquare: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
162
- title?: string | undefined;
168
+ title?: string;
163
169
  }>;
164
170
  Plus: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
165
- title?: string | undefined;
171
+ title?: string;
166
172
  }>;
167
173
  QuestionMarkCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
168
- title?: string | undefined;
174
+ title?: string;
169
175
  }>;
170
176
  Sparkles: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
171
- title?: string | undefined;
177
+ title?: string;
172
178
  }>;
173
179
  Swap: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
174
- title?: string | undefined;
180
+ title?: string;
175
181
  }>;
176
182
  SwapSlash: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
177
- title?: string | undefined;
183
+ title?: string;
184
+ }>;
185
+ Swatch: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
186
+ title?: string;
178
187
  }>;
179
188
  Trash: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
180
- title?: string | undefined;
189
+ title?: string;
181
190
  }>;
182
191
  TrashStrikethrough: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
183
- title?: string | undefined;
192
+ title?: string;
184
193
  }>;
185
194
  UserCheckFill: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
186
- title?: string | undefined;
195
+ title?: string;
187
196
  }>;
188
197
  UserMinusFill: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
189
- title?: string | undefined;
198
+ title?: string;
190
199
  }>;
191
200
  };