@dnanpm/ui-components 0.7.0 → 0.8.0

package/dist/components/MainNavigation/MainNavigation.module.css.cjs

@@ -1,74 +1,74 @@
 require('./MainNavigation.css');
 "use strict";
 const styles = {
-  "main-navigation": "_main-navigation_1xpue_2",
-  "main-navigation--open": "_main-navigation--open_1xpue_45",
-  "main-navigation--overlay": "_main-navigation--overlay_1xpue_49",
-  "main-navigation__organization-strip": "_main-navigation__organization-strip_1xpue_54",
-  "main-navigation__organization-link": "_main-navigation__organization-link_1xpue_76",
-  "main-navigation__organization-link--current": "_main-navigation__organization-link--current_1xpue_106",
-  "main-navigation__navbar": "_main-navigation__navbar_1xpue_134",
-  "main-navigation__logo": "_main-navigation__logo_1xpue_149",
-  "main-navigation__primary": "_main-navigation__primary_1xpue_167",
-  "main-navigation--menu-open": "_main-navigation--menu-open_1xpue_188",
-  "main-navigation--menu-closing": "_main-navigation--menu-closing_1xpue_188",
-  "main-navigation__primary-list": "_main-navigation__primary-list_1xpue_193",
-  "main-navigation__item": "_main-navigation__item_1xpue_204",
-  "main-navigation__item-link": "_main-navigation__item-link_1xpue_210",
-  "main-navigation__item-toggle": "_main-navigation__item-toggle_1xpue_211",
-  "main-navigation__top-level-toggle-icon": "_main-navigation__top-level-toggle-icon_1xpue_237",
-  "main-navigation__item-toggle--open": "_main-navigation__item-toggle--open_1xpue_246",
-  "main-navigation__item-label": "_main-navigation__item-label_1xpue_253",
-  "main-navigation__item-link--current": "_main-navigation__item-link--current_1xpue_260",
-  "main-navigation__icon-nav": "_main-navigation__icon-nav_1xpue_280",
-  "main-navigation__icon-nav-item": "_main-navigation__icon-nav-item_1xpue_289",
-  "main-navigation__icon-nav-label": "_main-navigation__icon-nav-label_1xpue_313",
-  "main-navigation__icon-nav-item--counter": "_main-navigation__icon-nav-item--counter_1xpue_317",
-  "main-navigation__panel": "_main-navigation__panel_1xpue_338",
-  "main-navigation__panel-content": "_main-navigation__panel-content_1xpue_343",
-  "main-navigation__panel-main": "_main-navigation__panel-main_1xpue_348",
-  "main-navigation__mobile-level-2-content": "_main-navigation__mobile-level-2-content_1xpue_353",
-  "main-navigation__mobile-back-item": "_main-navigation__mobile-back-item_1xpue_364",
-  "main-navigation__mobile-back-icon": "_main-navigation__mobile-back-icon_1xpue_377",
-  "main-navigation__mobile-back-label": "_main-navigation__mobile-back-label_1xpue_383",
-  "main-navigation__mobile-level-2-feature-links": "_main-navigation__mobile-level-2-feature-links_1xpue_389",
-  "main-navigation__mobile-level-2-feature-list": "_main-navigation__mobile-level-2-feature-list_1xpue_395",
-  "main-navigation__panel-list-item": "_main-navigation__panel-list-item_1xpue_402",
-  "main-navigation__mobile-level-2-feature-list-item": "_main-navigation__mobile-level-2-feature-list-item_1xpue_408",
-  "main-navigation__mobile-feature-link": "_main-navigation__mobile-feature-link_1xpue_388",
-  "main-navigation__mobile-level-2-category-list": "_main-navigation__mobile-level-2-category-list_1xpue_432",
-  "main-navigation__mobile-level-2-category-item": "_main-navigation__mobile-level-2-category-item_1xpue_439",
-  "main-navigation__mobile-level-2-category-button": "_main-navigation__mobile-level-2-category-button_1xpue_444",
-  "main-navigation__mobile-level-3-panel": "_main-navigation__mobile-level-3-panel_1xpue_465",
-  "main-navigation__mobile-level-3-panel--open": "_main-navigation__mobile-level-3-panel--open_1xpue_481",
-  "main-navigation__mobile-level-3-panel--is-closing": "_main-navigation__mobile-level-3-panel--is-closing_1xpue_488",
-  "main-navigation__mobile-level-3-list": "_main-navigation__mobile-level-3-list_1xpue_495",
-  "main-navigation__mobile-level-3-item": "_main-navigation__mobile-level-3-item_1xpue_502",
-  "main-navigation__mobile-level-3-link": "_main-navigation__mobile-level-3-link_1xpue_507",
-  "main-navigation__panel-columns": "_main-navigation__panel-columns_1xpue_518",
-  "main-navigation__panel-column": "_main-navigation__panel-column_1xpue_518",
-  "main-navigation__panel-column--highlighted": "_main-navigation__panel-column--highlighted_1xpue_537",
-  "main-navigation__panel-column--mobile-only": "_main-navigation__panel-column--mobile-only_1xpue_541",
-  "main-navigation__panel-column--desktop-only": "_main-navigation__panel-column--desktop-only_1xpue_545",
-  "main-navigation__panel-heading": "_main-navigation__panel-heading_1xpue_549",
-  "main-navigation__panel-list": "_main-navigation__panel-list_1xpue_402",
-  "main-navigation__panel-link": "_main-navigation__panel-link_1xpue_574",
-  "main-navigation__panel-link--current": "_main-navigation__panel-link--current_1xpue_590",
-  "main-navigation__feature-links": "_main-navigation__feature-links_1xpue_600",
-  "main-navigation__feature-links--empty": "_main-navigation__feature-links--empty_1xpue_606",
-  "main-navigation__feature-list": "_main-navigation__feature-list_1xpue_610",
-  "main-navigation__feature-link": "_main-navigation__feature-link_1xpue_600",
-  "main-navigation__feature-link-icon": "_main-navigation__feature-link-icon_1xpue_643",
-  "main-navigation__feature-link-label": "_main-navigation__feature-link-label_1xpue_648",
-  "main-navigation__sr-only": "_main-navigation__sr-only_1xpue_652",
-  "main-navigation__menu-toggle": "_main-navigation__menu-toggle_1xpue_665",
-  "main-navigation__menu-toggle--open": "_main-navigation__menu-toggle--open_1xpue_678",
-  "main-navigation__panel--mobile": "_main-navigation__panel--mobile_1xpue_683",
-  "main-navigation__panel--is-closing": "_main-navigation__panel--is-closing_1xpue_702",
-  "main-navigation__panel--desktop": "_main-navigation__panel--desktop_1xpue_707",
-  "main-navigation__primary--open": "_main-navigation__primary--open_1xpue_711",
-  "main-navigation__item-toggle--current": "_main-navigation__item-toggle--current_1xpue_827",
-  "main-navigation__panel-column--last": "_main-navigation__panel-column--last_1xpue_913"
+  "main-navigation": "_main-navigation_1h5w0_2",
+  "main-navigation--open": "_main-navigation--open_1h5w0_45",
+  "main-navigation--overlay": "_main-navigation--overlay_1h5w0_49",
+  "main-navigation__organization-strip": "_main-navigation__organization-strip_1h5w0_54",
+  "main-navigation__organization-link": "_main-navigation__organization-link_1h5w0_76",
+  "main-navigation__organization-link--current": "_main-navigation__organization-link--current_1h5w0_107",
+  "main-navigation__navbar": "_main-navigation__navbar_1h5w0_136",
+  "main-navigation__logo": "_main-navigation__logo_1h5w0_151",
+  "main-navigation__primary": "_main-navigation__primary_1h5w0_169",
+  "main-navigation--menu-open": "_main-navigation--menu-open_1h5w0_190",
+  "main-navigation--menu-closing": "_main-navigation--menu-closing_1h5w0_190",
+  "main-navigation__primary-list": "_main-navigation__primary-list_1h5w0_195",
+  "main-navigation__item": "_main-navigation__item_1h5w0_206",
+  "main-navigation__item-link": "_main-navigation__item-link_1h5w0_212",
+  "main-navigation__item-toggle": "_main-navigation__item-toggle_1h5w0_213",
+  "main-navigation__top-level-toggle-icon": "_main-navigation__top-level-toggle-icon_1h5w0_240",
+  "main-navigation__item-toggle--open": "_main-navigation__item-toggle--open_1h5w0_249",
+  "main-navigation__item-label": "_main-navigation__item-label_1h5w0_256",
+  "main-navigation__item-link--current": "_main-navigation__item-link--current_1h5w0_263",
+  "main-navigation__icon-nav": "_main-navigation__icon-nav_1h5w0_283",
+  "main-navigation__icon-nav-item": "_main-navigation__icon-nav-item_1h5w0_292",
+  "main-navigation__icon-nav-label": "_main-navigation__icon-nav-label_1h5w0_317",
+  "main-navigation__icon-nav-item--counter": "_main-navigation__icon-nav-item--counter_1h5w0_321",
+  "main-navigation__panel": "_main-navigation__panel_1h5w0_342",
+  "main-navigation__panel-content": "_main-navigation__panel-content_1h5w0_347",
+  "main-navigation__panel-main": "_main-navigation__panel-main_1h5w0_352",
+  "main-navigation__mobile-level-2-content": "_main-navigation__mobile-level-2-content_1h5w0_357",
+  "main-navigation__mobile-back-item": "_main-navigation__mobile-back-item_1h5w0_368",
+  "main-navigation__mobile-back-icon": "_main-navigation__mobile-back-icon_1h5w0_381",
+  "main-navigation__mobile-back-label": "_main-navigation__mobile-back-label_1h5w0_387",
+  "main-navigation__mobile-level-2-feature-links": "_main-navigation__mobile-level-2-feature-links_1h5w0_393",
+  "main-navigation__mobile-level-2-feature-list": "_main-navigation__mobile-level-2-feature-list_1h5w0_399",
+  "main-navigation__panel-list-item": "_main-navigation__panel-list-item_1h5w0_406",
+  "main-navigation__mobile-level-2-feature-list-item": "_main-navigation__mobile-level-2-feature-list-item_1h5w0_412",
+  "main-navigation__mobile-feature-link": "_main-navigation__mobile-feature-link_1h5w0_392",
+  "main-navigation__mobile-level-2-category-list": "_main-navigation__mobile-level-2-category-list_1h5w0_436",
+  "main-navigation__mobile-level-2-category-item": "_main-navigation__mobile-level-2-category-item_1h5w0_443",
+  "main-navigation__mobile-level-2-category-button": "_main-navigation__mobile-level-2-category-button_1h5w0_448",
+  "main-navigation__mobile-level-3-panel": "_main-navigation__mobile-level-3-panel_1h5w0_469",
+  "main-navigation__mobile-level-3-panel--open": "_main-navigation__mobile-level-3-panel--open_1h5w0_485",
+  "main-navigation__mobile-level-3-panel--is-closing": "_main-navigation__mobile-level-3-panel--is-closing_1h5w0_492",
+  "main-navigation__mobile-level-3-list": "_main-navigation__mobile-level-3-list_1h5w0_499",
+  "main-navigation__mobile-level-3-item": "_main-navigation__mobile-level-3-item_1h5w0_506",
+  "main-navigation__mobile-level-3-link": "_main-navigation__mobile-level-3-link_1h5w0_511",
+  "main-navigation__panel-columns": "_main-navigation__panel-columns_1h5w0_522",
+  "main-navigation__panel-column": "_main-navigation__panel-column_1h5w0_522",
+  "main-navigation__panel-column--highlighted": "_main-navigation__panel-column--highlighted_1h5w0_541",
+  "main-navigation__panel-column--mobile-only": "_main-navigation__panel-column--mobile-only_1h5w0_545",
+  "main-navigation__panel-column--desktop-only": "_main-navigation__panel-column--desktop-only_1h5w0_549",
+  "main-navigation__panel-heading": "_main-navigation__panel-heading_1h5w0_553",
+  "main-navigation__panel-list": "_main-navigation__panel-list_1h5w0_406",
+  "main-navigation__panel-link": "_main-navigation__panel-link_1h5w0_578",
+  "main-navigation__panel-link--current": "_main-navigation__panel-link--current_1h5w0_595",
+  "main-navigation__feature-links": "_main-navigation__feature-links_1h5w0_601",
+  "main-navigation__feature-links--empty": "_main-navigation__feature-links--empty_1h5w0_607",
+  "main-navigation__feature-list": "_main-navigation__feature-list_1h5w0_611",
+  "main-navigation__feature-link": "_main-navigation__feature-link_1h5w0_601",
+  "main-navigation__feature-link-icon": "_main-navigation__feature-link-icon_1h5w0_645",
+  "main-navigation__feature-link-label": "_main-navigation__feature-link-label_1h5w0_650",
+  "main-navigation__sr-only": "_main-navigation__sr-only_1h5w0_654",
+  "main-navigation__menu-toggle": "_main-navigation__menu-toggle_1h5w0_667",
+  "main-navigation__menu-toggle--open": "_main-navigation__menu-toggle--open_1h5w0_680",
+  "main-navigation__panel--mobile": "_main-navigation__panel--mobile_1h5w0_685",
+  "main-navigation__panel--is-closing": "_main-navigation__panel--is-closing_1h5w0_704",
+  "main-navigation__panel--desktop": "_main-navigation__panel--desktop_1h5w0_709",
+  "main-navigation__primary--open": "_main-navigation__primary--open_1h5w0_713",
+  "main-navigation__item-toggle--current": "_main-navigation__item-toggle--current_1h5w0_829",
+  "main-navigation__panel-column--last": "_main-navigation__panel-column--last_1h5w0_915"
 };
 module.exports = styles;
 //# sourceMappingURL=MainNavigation.module.css.cjs.map

package/dist/components/MainNavigation/MainNavigation.module.css.js

@@ -1,73 +1,73 @@
 import './MainNavigation.css';
 const styles = {
-  "main-navigation": "_main-navigation_1xpue_2",
-  "main-navigation--open": "_main-navigation--open_1xpue_45",
-  "main-navigation--overlay": "_main-navigation--overlay_1xpue_49",
-  "main-navigation__organization-strip": "_main-navigation__organization-strip_1xpue_54",
-  "main-navigation__organization-link": "_main-navigation__organization-link_1xpue_76",
-  "main-navigation__organization-link--current": "_main-navigation__organization-link--current_1xpue_106",
-  "main-navigation__navbar": "_main-navigation__navbar_1xpue_134",
-  "main-navigation__logo": "_main-navigation__logo_1xpue_149",
-  "main-navigation__primary": "_main-navigation__primary_1xpue_167",
-  "main-navigation--menu-open": "_main-navigation--menu-open_1xpue_188",
-  "main-navigation--menu-closing": "_main-navigation--menu-closing_1xpue_188",
-  "main-navigation__primary-list": "_main-navigation__primary-list_1xpue_193",
-  "main-navigation__item": "_main-navigation__item_1xpue_204",
-  "main-navigation__item-link": "_main-navigation__item-link_1xpue_210",
-  "main-navigation__item-toggle": "_main-navigation__item-toggle_1xpue_211",
-  "main-navigation__top-level-toggle-icon": "_main-navigation__top-level-toggle-icon_1xpue_237",
-  "main-navigation__item-toggle--open": "_main-navigation__item-toggle--open_1xpue_246",
-  "main-navigation__item-label": "_main-navigation__item-label_1xpue_253",
-  "main-navigation__item-link--current": "_main-navigation__item-link--current_1xpue_260",
-  "main-navigation__icon-nav": "_main-navigation__icon-nav_1xpue_280",
-  "main-navigation__icon-nav-item": "_main-navigation__icon-nav-item_1xpue_289",
-  "main-navigation__icon-nav-label": "_main-navigation__icon-nav-label_1xpue_313",
-  "main-navigation__icon-nav-item--counter": "_main-navigation__icon-nav-item--counter_1xpue_317",
-  "main-navigation__panel": "_main-navigation__panel_1xpue_338",
-  "main-navigation__panel-content": "_main-navigation__panel-content_1xpue_343",
-  "main-navigation__panel-main": "_main-navigation__panel-main_1xpue_348",
-  "main-navigation__mobile-level-2-content": "_main-navigation__mobile-level-2-content_1xpue_353",
-  "main-navigation__mobile-back-item": "_main-navigation__mobile-back-item_1xpue_364",
-  "main-navigation__mobile-back-icon": "_main-navigation__mobile-back-icon_1xpue_377",
-  "main-navigation__mobile-back-label": "_main-navigation__mobile-back-label_1xpue_383",
-  "main-navigation__mobile-level-2-feature-links": "_main-navigation__mobile-level-2-feature-links_1xpue_389",
-  "main-navigation__mobile-level-2-feature-list": "_main-navigation__mobile-level-2-feature-list_1xpue_395",
-  "main-navigation__panel-list-item": "_main-navigation__panel-list-item_1xpue_402",
-  "main-navigation__mobile-level-2-feature-list-item": "_main-navigation__mobile-level-2-feature-list-item_1xpue_408",
-  "main-navigation__mobile-feature-link": "_main-navigation__mobile-feature-link_1xpue_388",
-  "main-navigation__mobile-level-2-category-list": "_main-navigation__mobile-level-2-category-list_1xpue_432",
-  "main-navigation__mobile-level-2-category-item": "_main-navigation__mobile-level-2-category-item_1xpue_439",
-  "main-navigation__mobile-level-2-category-button": "_main-navigation__mobile-level-2-category-button_1xpue_444",
-  "main-navigation__mobile-level-3-panel": "_main-navigation__mobile-level-3-panel_1xpue_465",
-  "main-navigation__mobile-level-3-panel--open": "_main-navigation__mobile-level-3-panel--open_1xpue_481",
-  "main-navigation__mobile-level-3-panel--is-closing": "_main-navigation__mobile-level-3-panel--is-closing_1xpue_488",
-  "main-navigation__mobile-level-3-list": "_main-navigation__mobile-level-3-list_1xpue_495",
-  "main-navigation__mobile-level-3-item": "_main-navigation__mobile-level-3-item_1xpue_502",
-  "main-navigation__mobile-level-3-link": "_main-navigation__mobile-level-3-link_1xpue_507",
-  "main-navigation__panel-columns": "_main-navigation__panel-columns_1xpue_518",
-  "main-navigation__panel-column": "_main-navigation__panel-column_1xpue_518",
-  "main-navigation__panel-column--highlighted": "_main-navigation__panel-column--highlighted_1xpue_537",
-  "main-navigation__panel-column--mobile-only": "_main-navigation__panel-column--mobile-only_1xpue_541",
-  "main-navigation__panel-column--desktop-only": "_main-navigation__panel-column--desktop-only_1xpue_545",
-  "main-navigation__panel-heading": "_main-navigation__panel-heading_1xpue_549",
-  "main-navigation__panel-list": "_main-navigation__panel-list_1xpue_402",
-  "main-navigation__panel-link": "_main-navigation__panel-link_1xpue_574",
-  "main-navigation__panel-link--current": "_main-navigation__panel-link--current_1xpue_590",
-  "main-navigation__feature-links": "_main-navigation__feature-links_1xpue_600",
-  "main-navigation__feature-links--empty": "_main-navigation__feature-links--empty_1xpue_606",
-  "main-navigation__feature-list": "_main-navigation__feature-list_1xpue_610",
-  "main-navigation__feature-link": "_main-navigation__feature-link_1xpue_600",
-  "main-navigation__feature-link-icon": "_main-navigation__feature-link-icon_1xpue_643",
-  "main-navigation__feature-link-label": "_main-navigation__feature-link-label_1xpue_648",
-  "main-navigation__sr-only": "_main-navigation__sr-only_1xpue_652",
-  "main-navigation__menu-toggle": "_main-navigation__menu-toggle_1xpue_665",
-  "main-navigation__menu-toggle--open": "_main-navigation__menu-toggle--open_1xpue_678",
-  "main-navigation__panel--mobile": "_main-navigation__panel--mobile_1xpue_683",
-  "main-navigation__panel--is-closing": "_main-navigation__panel--is-closing_1xpue_702",
-  "main-navigation__panel--desktop": "_main-navigation__panel--desktop_1xpue_707",
-  "main-navigation__primary--open": "_main-navigation__primary--open_1xpue_711",
-  "main-navigation__item-toggle--current": "_main-navigation__item-toggle--current_1xpue_827",
-  "main-navigation__panel-column--last": "_main-navigation__panel-column--last_1xpue_913"
+  "main-navigation": "_main-navigation_1h5w0_2",
+  "main-navigation--open": "_main-navigation--open_1h5w0_45",
+  "main-navigation--overlay": "_main-navigation--overlay_1h5w0_49",
+  "main-navigation__organization-strip": "_main-navigation__organization-strip_1h5w0_54",
+  "main-navigation__organization-link": "_main-navigation__organization-link_1h5w0_76",
+  "main-navigation__organization-link--current": "_main-navigation__organization-link--current_1h5w0_107",
+  "main-navigation__navbar": "_main-navigation__navbar_1h5w0_136",
+  "main-navigation__logo": "_main-navigation__logo_1h5w0_151",
+  "main-navigation__primary": "_main-navigation__primary_1h5w0_169",
+  "main-navigation--menu-open": "_main-navigation--menu-open_1h5w0_190",
+  "main-navigation--menu-closing": "_main-navigation--menu-closing_1h5w0_190",
+  "main-navigation__primary-list": "_main-navigation__primary-list_1h5w0_195",
+  "main-navigation__item": "_main-navigation__item_1h5w0_206",
+  "main-navigation__item-link": "_main-navigation__item-link_1h5w0_212",
+  "main-navigation__item-toggle": "_main-navigation__item-toggle_1h5w0_213",
+  "main-navigation__top-level-toggle-icon": "_main-navigation__top-level-toggle-icon_1h5w0_240",
+  "main-navigation__item-toggle--open": "_main-navigation__item-toggle--open_1h5w0_249",
+  "main-navigation__item-label": "_main-navigation__item-label_1h5w0_256",
+  "main-navigation__item-link--current": "_main-navigation__item-link--current_1h5w0_263",
+  "main-navigation__icon-nav": "_main-navigation__icon-nav_1h5w0_283",
+  "main-navigation__icon-nav-item": "_main-navigation__icon-nav-item_1h5w0_292",
+  "main-navigation__icon-nav-label": "_main-navigation__icon-nav-label_1h5w0_317",
+  "main-navigation__icon-nav-item--counter": "_main-navigation__icon-nav-item--counter_1h5w0_321",
+  "main-navigation__panel": "_main-navigation__panel_1h5w0_342",
+  "main-navigation__panel-content": "_main-navigation__panel-content_1h5w0_347",
+  "main-navigation__panel-main": "_main-navigation__panel-main_1h5w0_352",
+  "main-navigation__mobile-level-2-content": "_main-navigation__mobile-level-2-content_1h5w0_357",
+  "main-navigation__mobile-back-item": "_main-navigation__mobile-back-item_1h5w0_368",
+  "main-navigation__mobile-back-icon": "_main-navigation__mobile-back-icon_1h5w0_381",
+  "main-navigation__mobile-back-label": "_main-navigation__mobile-back-label_1h5w0_387",
+  "main-navigation__mobile-level-2-feature-links": "_main-navigation__mobile-level-2-feature-links_1h5w0_393",
+  "main-navigation__mobile-level-2-feature-list": "_main-navigation__mobile-level-2-feature-list_1h5w0_399",
+  "main-navigation__panel-list-item": "_main-navigation__panel-list-item_1h5w0_406",
+  "main-navigation__mobile-level-2-feature-list-item": "_main-navigation__mobile-level-2-feature-list-item_1h5w0_412",
+  "main-navigation__mobile-feature-link": "_main-navigation__mobile-feature-link_1h5w0_392",
+  "main-navigation__mobile-level-2-category-list": "_main-navigation__mobile-level-2-category-list_1h5w0_436",
+  "main-navigation__mobile-level-2-category-item": "_main-navigation__mobile-level-2-category-item_1h5w0_443",
+  "main-navigation__mobile-level-2-category-button": "_main-navigation__mobile-level-2-category-button_1h5w0_448",
+  "main-navigation__mobile-level-3-panel": "_main-navigation__mobile-level-3-panel_1h5w0_469",
+  "main-navigation__mobile-level-3-panel--open": "_main-navigation__mobile-level-3-panel--open_1h5w0_485",
+  "main-navigation__mobile-level-3-panel--is-closing": "_main-navigation__mobile-level-3-panel--is-closing_1h5w0_492",
+  "main-navigation__mobile-level-3-list": "_main-navigation__mobile-level-3-list_1h5w0_499",
+  "main-navigation__mobile-level-3-item": "_main-navigation__mobile-level-3-item_1h5w0_506",
+  "main-navigation__mobile-level-3-link": "_main-navigation__mobile-level-3-link_1h5w0_511",
+  "main-navigation__panel-columns": "_main-navigation__panel-columns_1h5w0_522",
+  "main-navigation__panel-column": "_main-navigation__panel-column_1h5w0_522",
+  "main-navigation__panel-column--highlighted": "_main-navigation__panel-column--highlighted_1h5w0_541",
+  "main-navigation__panel-column--mobile-only": "_main-navigation__panel-column--mobile-only_1h5w0_545",
+  "main-navigation__panel-column--desktop-only": "_main-navigation__panel-column--desktop-only_1h5w0_549",
+  "main-navigation__panel-heading": "_main-navigation__panel-heading_1h5w0_553",
+  "main-navigation__panel-list": "_main-navigation__panel-list_1h5w0_406",
+  "main-navigation__panel-link": "_main-navigation__panel-link_1h5w0_578",
+  "main-navigation__panel-link--current": "_main-navigation__panel-link--current_1h5w0_595",
+  "main-navigation__feature-links": "_main-navigation__feature-links_1h5w0_601",
+  "main-navigation__feature-links--empty": "_main-navigation__feature-links--empty_1h5w0_607",
+  "main-navigation__feature-list": "_main-navigation__feature-list_1h5w0_611",
+  "main-navigation__feature-link": "_main-navigation__feature-link_1h5w0_601",
+  "main-navigation__feature-link-icon": "_main-navigation__feature-link-icon_1h5w0_645",
+  "main-navigation__feature-link-label": "_main-navigation__feature-link-label_1h5w0_650",
+  "main-navigation__sr-only": "_main-navigation__sr-only_1h5w0_654",
+  "main-navigation__menu-toggle": "_main-navigation__menu-toggle_1h5w0_667",
+  "main-navigation__menu-toggle--open": "_main-navigation__menu-toggle--open_1h5w0_680",
+  "main-navigation__panel--mobile": "_main-navigation__panel--mobile_1h5w0_685",
+  "main-navigation__panel--is-closing": "_main-navigation__panel--is-closing_1h5w0_704",
+  "main-navigation__panel--desktop": "_main-navigation__panel--desktop_1h5w0_709",
+  "main-navigation__primary--open": "_main-navigation__primary--open_1h5w0_713",
+  "main-navigation__item-toggle--current": "_main-navigation__item-toggle--current_1h5w0_829",
+  "main-navigation__panel-column--last": "_main-navigation__panel-column--last_1h5w0_915"
 };
 export {
   styles as default

package/dist/components/Modal/Modal.cjs

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const icons = require("@dnanpm/icons");
+const elevation_module = require("../../styles/utils/elevation.module.css.cjs");
+const focus_module = require("../../styles/utils/focus.module.css.cjs");
+const Modal_module = require("./Modal.module.css.cjs");
+const useDialogDismissal = require("./useDialogDismissal.cjs");
+const useNativeDialog = require("./useNativeDialog.cjs");
+const cn = require("../../utils/cn/cn.cjs");
+const Modal = ({
+  open,
+  onOpenChange,
+  title,
+  description,
+  children,
+  footer,
+  size = "medium",
+  headerStyle = "light",
+  fixedTitle = false,
+  alignToTop = false,
+  disableCloseOptions = false,
+  closeLabel = "Sulje dialogi",
+  keepMounted = false,
+  className,
+  ref,
+  onKeyDown,
+  onClick,
+  onPointerDown,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  ...props
+}) => {
+  const titleId = react.useId();
+  const descriptionId = react.useId();
+  const { dialogRef, close, phase, isPresent } = useNativeDialog.useNativeDialog({
+    open: open ?? false,
+    keepMounted,
+    onOpenChange
+  });
+  const describedBy = [description ? descriptionId : void 0, ariaDescribedBy].filter(Boolean).join(" ") || void 0;
+  const dialogDismissalProps = useDialogDismissal.useDialogDismissal({
+    close,
+    disableCloseOptions,
+    onClick,
+    onKeyDown,
+    onPointerDown
+  });
+  if (!isPresent) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "dialog",
+    {
+      ...props,
+      ref: (node) => {
+        dialogRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
+      className: cn.cn(
+        Modal_module.default.modal,
+        elevation_module.default.elevationHigh,
+        Modal_module.default[`modal--${size}`],
+        Modal_module.default[`modal--${headerStyle}`],
+        { [Modal_module.default["modal--fixed-title"]]: fixedTitle },
+        { [Modal_module.default["modal--align-top"]]: alignToTop },
+        { [Modal_module.default["modal--opening"]]: phase !== "closing" },
+        { [Modal_module.default["modal--closing"]]: phase === "closing" },
+        className
+      ),
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy ?? (!ariaLabel && title ? titleId : void 0),
+      "aria-describedby": describedBy,
+      ...dialogDismissalProps,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Modal_module.default.modal__container, children: [
+          !disableCloseOptions && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: cn.cn(Modal_module.default.modal__close, focus_module.default.focusable),
+              "aria-label": closeLabel,
+              "data-dialog-autofocus": "true",
+              onClick: close,
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons.Close, { "aria-hidden": "true" })
+            }
+          ),
+          (title || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Modal_module.default.modal__title, children: [
+            title && /* @__PURE__ */ jsxRuntime.jsx("h2", { id: titleId, className: Modal_module.default.modal__heading, children: title }),
+            description && /* @__PURE__ */ jsxRuntime.jsx("div", { id: descriptionId, className: Modal_module.default.modal__description, children: description })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: Modal_module.default.modal__content, children })
+        ] }),
+        footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Modal_module.default["modal__bottom-bar"], children: footer })
+      ]
+    }
+  );
+};
+exports.Modal = Modal;
+//# sourceMappingURL=Modal.cjs.map

package/dist/components/Modal/Modal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.cjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { useId } from 'react';\nimport { Close } from '@dnanpm/icons';\nimport { cn } from '../../utils/cn';\nimport elevationStyles from '../../styles/utils/elevation.module.css';\nimport focusStyles from '../../styles/utils/focus.module.css';\nimport styles from './Modal.module.css';\nimport { useDialogDismissal } from './useDialogDismissal';\nimport { useNativeDialog } from './useNativeDialog';\nimport type { ModalProps } from './Modal.types';\n\nexport const Modal = ({\n    open,\n    onOpenChange,\n    title,\n    description,\n    children,\n    footer,\n    size = 'medium',\n    headerStyle = 'light',\n    fixedTitle = false,\n    alignToTop = false,\n    disableCloseOptions = false,\n    closeLabel = 'Sulje dialogi',\n    keepMounted = false,\n    className,\n    ref,\n    onKeyDown,\n    onClick,\n    onPointerDown,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    ...props\n}: ModalProps) => {\n    const titleId = useId();\n    const descriptionId = useId();\n    const { dialogRef, close, phase, isPresent } = useNativeDialog({\n        open: open ?? false,\n        keepMounted,\n        onOpenChange,\n    });\n    const describedBy =\n        [description ? descriptionId : undefined, ariaDescribedBy].filter(Boolean).join(' ') ||\n        undefined;\n    const dialogDismissalProps = useDialogDismissal({\n        close,\n        disableCloseOptions,\n        onClick,\n        onKeyDown,\n        onPointerDown,\n    });\n\n    if (!isPresent) return null;\n\n    return (\n        <dialog\n            {...props}\n            ref={(node) => {\n                dialogRef.current = node;\n                if (typeof ref === 'function') ref(node);\n                else if (ref) ref.current = node;\n            }}\n            className={cn(\n                styles.modal,\n                elevationStyles.elevationHigh,\n                styles[`modal--${size}`],\n                styles[`modal--${headerStyle}`],\n                { [styles['modal--fixed-title']]: fixedTitle },\n                { [styles['modal--align-top']]: alignToTop },\n                { [styles['modal--opening']]: phase !== 'closing' },\n                { [styles['modal--closing']]: phase === 'closing' },\n                className,\n            )}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy ?? (!ariaLabel && title ? titleId : undefined)}\n            aria-describedby={describedBy}\n            {...dialogDismissalProps}\n        >\n            <div className={styles.modal__container}>\n                {!disableCloseOptions && (\n                    <button\n                        type=\"button\"\n                        className={cn(styles.modal__close, focusStyles.focusable)}\n                        aria-label={closeLabel}\n                        data-dialog-autofocus=\"true\"\n                        onClick={close}\n                    >\n                        <Close aria-hidden=\"true\" />\n                    </button>\n                )}\n                {(title || description) && (\n                    <div className={styles.modal__title}>\n                        {title && (\n                            <h2 id={titleId} className={styles.modal__heading}>\n                                {title}\n                            </h2>\n                        )}\n                        {description && (\n                            <div id={descriptionId} className={styles.modal__description}>\n                                {description}\n                            </div>\n                        )}\n                    </div>\n                )}\n                <div className={styles.modal__content}>{children}</div>\n            </div>\n            {footer && <div className={styles['modal__bottom-bar']}>{footer}</div>}\n        </dialog>\n    );\n};\n"],"names":["useId","useNativeDialog","useDialogDismissal","jsxs","cn","styles","elevationStyles","jsx","focusStyles","Close"],"mappings":"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"}

package/dist/components/Modal/Modal.css

@@ -0,0 +1,205 @@
+@layer dds-components {._modal_ewl1e_1 {
+    --_modal-transition-duration-open: 400ms;
+    --_modal-transition-duration-close: 200ms;
+    display: flex;
+    flex-direction: column;
+    width: min(90vw, 768px);
+    max-width: calc(100vw - var(--spacing-space-40));
+    min-height: 33.333dvh;
+    max-height: 90dvh;
+    margin: auto;
+    padding: 0;
+    border: none;
+    border-radius: var(--radius-semantic-md);
+    background: var(--color-semantic-surface-base);
+    color: var(--color-semantic-foreground-default);
+    font: var(--typography-body-md);
+    opacity: 1;
+    transition: opacity var(--_modal-transition-duration-close) ease;
+}
+
+._modal--align-top_ewl1e_21 {
+    margin-block: 5dvh auto;
+}
+
+._modal_ewl1e_1:not([open]) {
+    display: none;
+}
+
+._modal_ewl1e_1::backdrop {
+    background: var(--color-semantic-utility-overlay-strong);
+    opacity: 0;
+    transition-property: opacity, overlay;
+    transition-duration: var(--_modal-transition-duration-close);
+    transition-timing-function: ease;
+    transition-behavior: allow-discrete;
+}
+
+._modal--small_ewl1e_38 {
+    width: 480px;
+    min-height: auto;
+}
+._modal--medium_ewl1e_42 {
+    width: 768px;
+}
+._modal--large_ewl1e_45 {
+    width: 960px;
+}
+
+._modal--opening_ewl1e_49 {
+    animation: _modal-open_ewl1e_1 var(--_modal-transition-duration-open) ease both;
+}
+._modal--closing_ewl1e_52 {
+    animation: _modal-close_ewl1e_1 var(--_modal-transition-duration-close) ease both;
+}
+._modal--opening_ewl1e_49::backdrop {
+    opacity: 1;
+    transition-duration: var(--_modal-transition-duration-open);
+}
+._modal--closing_ewl1e_52::backdrop {
+    opacity: 0;
+    transition-duration: var(--_modal-transition-duration-close);
+}
+
+._modal__container_ewl1e_64 {
+    display: flex;
+    min-height: 0;
+    flex: 1 1 auto;
+    flex-direction: column;
+    overflow: auto;
+}
+
+._modal--fixed-title_ewl1e_72 ._modal__container_ewl1e_64 {
+    overflow: hidden;
+}
+
+._modal__title_ewl1e_76 {
+    display: flex;
+    flex: 0 0 auto;
+    flex-direction: column;
+    gap: var(--spacing-space-4);
+    padding: var(--spacing-space-20) var(--spacing-space-40) var(--spacing-space-20)
+        var(--spacing-space-20);
+    background: var(--color-semantic-surface-base);
+}
+
+._modal__heading_ewl1e_86 {
+    margin: 0;
+    font: var(--typography-heading-md);
+}
+
+._modal--small_ewl1e_38 ._modal__heading_ewl1e_86 {
+    font: var(--typography-heading-sm);
+}
+._modal__description_ewl1e_94 {
+    margin: 0;
+}
+
+._modal__content_ewl1e_98 {
+    flex: 1 1 auto;
+    padding: var(--spacing-space-20);
+    overflow-wrap: anywhere;
+}
+
+._modal--fixed-title_ewl1e_72 ._modal__content_ewl1e_98 {
+    overflow: auto;
+}
+._modal__container_ewl1e_64:not(:has(._modal__title_ewl1e_76)) ._modal__content_ewl1e_98 {
+    padding-top: var(--spacing-space-40);
+}
+
+._modal__close_ewl1e_111 {
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    right: 0;
+    display: grid;
+    width: 40px;
+    height: 40px;
+    place-items: center;
+    padding: 0;
+    border: none;
+    border-bottom-left-radius: var(--radius-semantic-md);
+    background: var(--color-semantic-surface-neutral-mid);
+    color: var(--color-semantic-foreground-secondary-strong);
+    cursor: pointer;
+}
+
+._modal__close_ewl1e_111 svg {
+    width: 24px;
+    height: 24px;
+}
+._modal__bottom-bar_ewl1e_132 {
+    flex: 0 0 auto;
+    padding: var(--spacing-space-8) var(--spacing-space-20) var(--spacing-space-20);
+}
+
+._modal--dark_ewl1e_137 ._modal__title_ewl1e_76 {
+    background: var(--color-semantic-surface-secondary-strong);
+    color: var(--color-semantic-foreground-inverse);
+}
+
+._modal--dark_ewl1e_137 ._modal__close_ewl1e_111 {
+    background: var(--color-semantic-surface-secondary-mid);
+    color: var(--color-semantic-foreground-inverse);
+}
+
+@keyframes _modal-open_ewl1e_1 {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+@keyframes _modal-close_ewl1e_1 {
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0;
+    }
+}
+
+._modal--opening_ewl1e_49::backdrop {
+    @starting-style {
+        opacity: 0;
+    }
+}
+
+@media (max-width: 359px) {
+    ._modal_ewl1e_1 {
+        width: 100vw;
+        max-width: 100vw;
+        height: 100dvh;
+        max-height: 100dvh;
+        border-radius: 0;
+    }
+}
+
+@media (prefers-reduced-motion: reduce) {
+    ._modal_ewl1e_1,
+    ._modal--opening_ewl1e_49,
+    ._modal--closing_ewl1e_52,
+    ._modal_ewl1e_1::backdrop {
+        animation: none;
+        transition: none;
+    }
+}
+
+@media (forced-colors: active) {
+    ._modal_ewl1e_1 {
+        border: 2px solid CanvasText;
+        box-shadow: none;
+    }
+    ._modal_ewl1e_1::backdrop {
+        background: Canvas;
+        opacity: 0.7;
+    }
+    ._modal__close_ewl1e_111 {
+        border: 1px solid ButtonBorder;
+        background: ButtonFace;
+        color: ButtonText;
+    }
+}
+}

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,3 @@
+import { ModalProps } from './Modal.types';
+export declare const Modal: ({ open, onOpenChange, title, description, children, footer, size, headerStyle, fixedTitle, alignToTop, disableCloseOptions, closeLabel, keepMounted, className, ref, onKeyDown, onClick, onPointerDown, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }: ModalProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/components/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,KAAK,GAAI,qTAuBnB,UAAU,mDA4EZ,CAAC"}