@ivds/core 0.1.1 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -22
- package/README.md +16 -12
- package/lib/__tests__/example.test.css +9 -0
- package/lib/__tests__/example.test.css.map +1 -0
- package/lib/__tests__/example.test.min.css +1 -0
- package/lib/__tests__/example.test.min.css.map +1 -0
- package/lib/all.css +5936 -3096
- package/lib/all.css.map +1 -0
- package/lib/all.min.css +1 -1
- package/lib/all.min.css.map +1 -0
- package/lib/base/base.css +234 -66
- package/lib/base/base.css.map +1 -0
- package/lib/base/base.min.css +1 -1
- package/lib/base/base.min.css.map +1 -0
- package/lib/components/alert/_alert-mixin.scss +55 -0
- package/lib/components/alert/alert.css +84 -0
- package/lib/components/alert/alert.css.map +1 -0
- package/lib/components/alert/alert.min.css +1 -0
- package/lib/components/alert/alert.min.css.map +1 -0
- package/lib/components/all.css +1734 -1780
- package/lib/components/all.css.map +1 -0
- package/lib/components/all.min.css +1 -1
- package/lib/components/all.min.css.map +1 -0
- package/lib/components/badge/_badge-mixin.scss +35 -0
- package/lib/components/badge/badge.css +53 -0
- package/lib/components/badge/badge.css.map +1 -0
- package/lib/components/badge/badge.min.css +1 -0
- package/lib/components/badge/badge.min.css.map +1 -0
- package/lib/components/breadcrumb/_breadcrumb-mixin.scss +51 -0
- package/lib/components/{_breadcrumb-mixins.scss → breadcrumb/_breadcrumb-mixins.scss} +17 -14
- package/lib/components/breadcrumb/breadcrumb.css +28 -118
- package/lib/components/breadcrumb/breadcrumb.css.map +1 -0
- package/lib/components/breadcrumb/breadcrumb.min.css +1 -1
- package/lib/components/breadcrumb/breadcrumb.min.css.map +1 -0
- package/lib/components/button/__tests__/button-mixins.test.css +29 -0
- package/lib/components/button/__tests__/button-mixins.test.css.map +1 -0
- package/lib/components/button/__tests__/button-mixins.test.min.css +1 -0
- package/lib/components/button/__tests__/button-mixins.test.min.css.map +1 -0
- package/lib/components/button/_button-mixin.scss +203 -0
- package/lib/components/button/button.css +279 -124
- package/lib/components/button/button.css.map +1 -0
- package/lib/components/button/button.min.css +1 -1
- package/lib/components/button/button.min.css.map +1 -0
- package/lib/components/card/__tests__/card-mixins.test.css +28 -0
- package/lib/components/card/__tests__/card-mixins.test.css.map +1 -0
- package/lib/components/card/__tests__/card-mixins.test.min.css +1 -0
- package/lib/components/card/__tests__/card-mixins.test.min.css.map +1 -0
- package/lib/components/{_card-mixin.scss → card/_card-mixin.scss} +208 -196
- package/lib/components/card/card.css +85 -86
- package/lib/components/card/card.css.map +1 -0
- package/lib/components/card/card.min.css +1 -1
- package/lib/components/card/card.min.css.map +1 -0
- package/lib/components/checkbox/_checkbox-mixin.scss +92 -0
- package/lib/components/checkbox/checkbox.css +52 -255
- package/lib/components/checkbox/checkbox.css.map +1 -0
- package/lib/components/checkbox/checkbox.min.css +1 -1
- package/lib/components/checkbox/checkbox.min.css.map +1 -0
- package/lib/components/footer/_footer-mixin.scss +202 -0
- package/lib/components/footer/footer.css +142 -407
- package/lib/components/footer/footer.css.map +1 -0
- package/lib/components/footer/footer.min.css +1 -1
- package/lib/components/footer/footer.min.css.map +1 -0
- package/lib/components/header/_header-mixin.scss +208 -0
- package/lib/components/header/header.css +130 -203
- package/lib/components/header/header.css.map +1 -0
- package/lib/components/header/header.min.css +1 -1
- package/lib/components/header/header.min.css.map +1 -0
- package/lib/components/modal/_modal-mixin.scss +99 -0
- package/lib/components/modal/modal.css +115 -0
- package/lib/components/modal/modal.css.map +1 -0
- package/lib/components/modal/modal.min.css +1 -0
- package/lib/components/modal/modal.min.css.map +1 -0
- package/lib/components/modal/modal.min.css.ts +5 -0
- package/lib/components/navigation/_navigation-mixins.scss +166 -0
- package/lib/components/navigation/navigation.css +108 -168
- package/lib/components/navigation/navigation.css.map +1 -0
- package/lib/components/navigation/navigation.min.css +1 -1
- package/lib/components/navigation/navigation.min.css.map +1 -0
- package/lib/components/{_notification-mixin.scss → notification/_notification-mixin.scss} +211 -239
- package/lib/components/notification/notification.css +71 -85
- package/lib/components/notification/notification.css.map +1 -0
- package/lib/components/notification/notification.min.css +1 -1
- package/lib/components/notification/notification.min.css.map +1 -0
- package/lib/components/notification/notification.min.css.ts +5 -0
- package/lib/components/{_pagination-mixins.scss → pagination/_pagination-mixins.scss} +31 -30
- package/lib/components/pagination/pagination.css +45 -45
- package/lib/components/pagination/pagination.css.map +1 -0
- package/lib/components/pagination/pagination.min.css +1 -1
- package/lib/components/pagination/pagination.min.css.map +1 -0
- package/lib/components/radio-button/_radio-button-mixin.scss +93 -0
- package/lib/components/radio-button/radio-button.css +54 -283
- package/lib/components/radio-button/radio-button.css.map +1 -0
- package/lib/components/radio-button/radio-button.min.css +1 -1
- package/lib/components/radio-button/radio-button.min.css.map +1 -0
- package/lib/components/select/_select-mixin.scss +76 -0
- package/lib/components/select/select.css +90 -0
- package/lib/components/select/select.css.map +1 -0
- package/lib/components/select/select.min.css +1 -0
- package/lib/components/select/select.min.css.map +1 -0
- package/lib/components/switch/_switch-mixin.scss +71 -0
- package/lib/components/switch/switch.css +117 -0
- package/lib/components/switch/switch.css.map +1 -0
- package/lib/components/switch/switch.min.css +1 -0
- package/lib/components/switch/switch.min.css.map +1 -0
- package/lib/components/tabs/_tabs-mixin.scss +55 -0
- package/lib/components/tabs/tabs.css +59 -0
- package/lib/components/tabs/tabs.css.map +1 -0
- package/lib/components/tabs/tabs.min.css +1 -0
- package/lib/components/tabs/tabs.min.css.map +1 -0
- package/lib/components/tag/_tag-mixin.scss +163 -0
- package/lib/components/tag/tag.css +134 -194
- package/lib/components/tag/tag.css.map +1 -0
- package/lib/components/tag/tag.min.css +1 -1
- package/lib/components/tag/tag.min.css.map +1 -0
- package/lib/components/text-input/_text-input-mixin.scss +233 -0
- package/lib/components/text-input/text-input.css +111 -97
- package/lib/components/text-input/text-input.css.map +1 -0
- package/lib/components/text-input/text-input.min.css +1 -1
- package/lib/components/text-input/text-input.min.css.map +1 -0
- package/lib/gov/gov.css +486 -0
- package/lib/gov/gov.css.map +1 -0
- package/lib/gov/gov.min.css +1 -0
- package/lib/gov/gov.min.css.map +1 -0
- package/lib/icons/alert-circle-fill.css +12 -0
- package/lib/icons/alert-circle-fill.css.map +1 -0
- package/lib/icons/alert-circle-fill.min.css +1 -0
- package/lib/icons/alert-circle-fill.min.css.map +1 -0
- package/lib/icons/alert-circle.css +12 -0
- package/lib/icons/alert-circle.css.map +1 -0
- package/lib/icons/alert-circle.min.css +1 -0
- package/lib/icons/alert-circle.min.css.map +1 -0
- package/lib/icons/angle-down.css +12 -0
- package/lib/icons/angle-down.css.map +1 -0
- package/lib/icons/angle-down.min.css +1 -0
- package/lib/icons/angle-down.min.css.map +1 -0
- package/lib/icons/angle-left.css +12 -0
- package/lib/icons/angle-left.css.map +1 -0
- package/lib/icons/angle-left.min.css +1 -0
- package/lib/icons/angle-left.min.css.map +1 -0
- package/lib/icons/angle-right.css +12 -0
- package/lib/icons/angle-right.css.map +1 -0
- package/lib/icons/angle-right.min.css +1 -0
- package/lib/icons/angle-right.min.css.map +1 -0
- package/lib/icons/angle-up.css +12 -0
- package/lib/icons/angle-up.css.map +1 -0
- package/lib/icons/angle-up.min.css +1 -0
- package/lib/icons/angle-up.min.css.map +1 -0
- package/lib/icons/arrow-bottom-left.css +12 -0
- package/lib/icons/arrow-bottom-left.css.map +1 -0
- package/lib/icons/arrow-bottom-left.min.css +1 -0
- package/lib/icons/arrow-bottom-left.min.css.map +1 -0
- package/lib/icons/arrow-bottom-right.css +12 -0
- package/lib/icons/arrow-bottom-right.css.map +1 -0
- package/lib/icons/arrow-bottom-right.min.css +1 -0
- package/lib/icons/arrow-bottom-right.min.css.map +1 -0
- package/lib/icons/arrow-down.css +12 -0
- package/lib/icons/arrow-down.css.map +1 -0
- package/lib/icons/arrow-down.min.css +1 -0
- package/lib/icons/arrow-down.min.css.map +1 -0
- package/lib/icons/arrow-left.css +12 -0
- package/lib/icons/arrow-left.css.map +1 -0
- package/lib/icons/arrow-left.min.css +1 -0
- package/lib/icons/arrow-left.min.css.map +1 -0
- package/lib/icons/arrow-redo.css +12 -0
- package/lib/icons/arrow-redo.css.map +1 -0
- package/lib/icons/arrow-redo.min.css +1 -0
- package/lib/icons/arrow-redo.min.css.map +1 -0
- package/lib/icons/arrow-right-dashed.css +12 -0
- package/lib/icons/arrow-right-dashed.css.map +1 -0
- package/lib/icons/arrow-right-dashed.min.css +1 -0
- package/lib/icons/arrow-right-dashed.min.css.map +1 -0
- package/lib/icons/arrow-right.css +12 -0
- package/lib/icons/arrow-right.css.map +1 -0
- package/lib/icons/arrow-right.min.css +1 -0
- package/lib/icons/arrow-right.min.css.map +1 -0
- package/lib/icons/arrow-top-left.css +12 -0
- package/lib/icons/arrow-top-left.css.map +1 -0
- package/lib/icons/arrow-top-left.min.css +1 -0
- package/lib/icons/arrow-top-left.min.css.map +1 -0
- package/lib/icons/arrow-top-right.css +12 -0
- package/lib/icons/arrow-top-right.css.map +1 -0
- package/lib/icons/arrow-top-right.min.css +1 -0
- package/lib/icons/arrow-top-right.min.css.map +1 -0
- package/lib/icons/arrow-undo.css +12 -0
- package/lib/icons/arrow-undo.css.map +1 -0
- package/lib/icons/arrow-undo.min.css +1 -0
- package/lib/icons/arrow-undo.min.css.map +1 -0
- package/lib/icons/arrow-up.css +12 -0
- package/lib/icons/arrow-up.css.map +1 -0
- package/lib/icons/arrow-up.min.css +1 -0
- package/lib/icons/arrow-up.min.css.map +1 -0
- package/lib/icons/at-sign.css +12 -0
- package/lib/icons/at-sign.css.map +1 -0
- package/lib/icons/at-sign.min.css +1 -0
- package/lib/icons/at-sign.min.css.map +1 -0
- package/lib/icons/bag-cogwheel.css +12 -0
- package/lib/icons/bag-cogwheel.css.map +1 -0
- package/lib/icons/bag-cogwheel.min.css +1 -0
- package/lib/icons/bag-cogwheel.min.css.map +1 -0
- package/lib/icons/bell-crossed.css +12 -0
- package/lib/icons/bell-crossed.css.map +1 -0
- package/lib/icons/bell-crossed.min.css +1 -0
- package/lib/icons/bell-crossed.min.css.map +1 -0
- package/lib/icons/bell.css +12 -0
- package/lib/icons/bell.css.map +1 -0
- package/lib/icons/bell.min.css +1 -0
- package/lib/icons/bell.min.css.map +1 -0
- package/lib/icons/binoculars.css +12 -0
- package/lib/icons/binoculars.css.map +1 -0
- package/lib/icons/binoculars.min.css +1 -0
- package/lib/icons/binoculars.min.css.map +1 -0
- package/lib/icons/box.css +12 -0
- package/lib/icons/box.css.map +1 -0
- package/lib/icons/box.min.css +1 -0
- package/lib/icons/box.min.css.map +1 -0
- package/lib/icons/cake.css +12 -0
- package/lib/icons/cake.css.map +1 -0
- package/lib/icons/cake.min.css +1 -0
- package/lib/icons/cake.min.css.map +1 -0
- package/lib/icons/calendar-clock.css +12 -0
- package/lib/icons/calendar-clock.css.map +1 -0
- package/lib/icons/calendar-clock.min.css +1 -0
- package/lib/icons/calendar-clock.min.css.map +1 -0
- package/lib/icons/calendar-cross.css +12 -0
- package/lib/icons/calendar-cross.css.map +1 -0
- package/lib/icons/calendar-cross.min.css +1 -0
- package/lib/icons/calendar-cross.min.css.map +1 -0
- package/lib/icons/calendar-event.css +12 -0
- package/lib/icons/calendar-event.css.map +1 -0
- package/lib/icons/calendar-event.min.css +1 -0
- package/lib/icons/calendar-event.min.css.map +1 -0
- package/lib/icons/calendar-plus.css +12 -0
- package/lib/icons/calendar-plus.css.map +1 -0
- package/lib/icons/calendar-plus.min.css +1 -0
- package/lib/icons/calendar-plus.min.css.map +1 -0
- package/lib/icons/calendar-recurring.css +12 -0
- package/lib/icons/calendar-recurring.css.map +1 -0
- package/lib/icons/calendar-recurring.min.css +1 -0
- package/lib/icons/calendar-recurring.min.css.map +1 -0
- package/lib/icons/calendar.css +12 -0
- package/lib/icons/calendar.css.map +1 -0
- package/lib/icons/calendar.min.css +1 -0
- package/lib/icons/calendar.min.css.map +1 -0
- package/lib/icons/camera.css +12 -0
- package/lib/icons/camera.css.map +1 -0
- package/lib/icons/camera.min.css +1 -0
- package/lib/icons/camera.min.css.map +1 -0
- package/lib/icons/check-circle-fill.css +12 -0
- package/lib/icons/check-circle-fill.css.map +1 -0
- package/lib/icons/check-circle-fill.min.css +1 -0
- package/lib/icons/check-circle-fill.min.css.map +1 -0
- package/lib/icons/check-circle.css +12 -0
- package/lib/icons/check-circle.css.map +1 -0
- package/lib/icons/check-circle.min.css +1 -0
- package/lib/icons/check-circle.min.css.map +1 -0
- package/lib/icons/check.css +12 -0
- package/lib/icons/check.css.map +1 -0
- package/lib/icons/check.min.css +1 -0
- package/lib/icons/check.min.css.map +1 -0
- package/lib/icons/children.css +12 -0
- package/lib/icons/children.css.map +1 -0
- package/lib/icons/children.min.css +1 -0
- package/lib/icons/children.min.css.map +1 -0
- package/lib/icons/clock-cross.css +12 -0
- package/lib/icons/clock-cross.css.map +1 -0
- package/lib/icons/clock-cross.min.css +1 -0
- package/lib/icons/clock-cross.min.css.map +1 -0
- package/lib/icons/clock-plus.css +12 -0
- package/lib/icons/clock-plus.css.map +1 -0
- package/lib/icons/clock-plus.min.css +1 -0
- package/lib/icons/clock-plus.min.css.map +1 -0
- package/lib/icons/clock.css +12 -0
- package/lib/icons/clock.css.map +1 -0
- package/lib/icons/clock.min.css +1 -0
- package/lib/icons/clock.min.css.map +1 -0
- package/lib/icons/coffee-cup-saucer.css +12 -0
- package/lib/icons/coffee-cup-saucer.css.map +1 -0
- package/lib/icons/coffee-cup-saucer.min.css +1 -0
- package/lib/icons/coffee-cup-saucer.min.css.map +1 -0
- package/lib/icons/cogwheel.css +12 -0
- package/lib/icons/cogwheel.css.map +1 -0
- package/lib/icons/cogwheel.min.css +1 -0
- package/lib/icons/cogwheel.min.css.map +1 -0
- package/lib/icons/cogwheels.css +12 -0
- package/lib/icons/cogwheels.css.map +1 -0
- package/lib/icons/cogwheels.min.css +1 -0
- package/lib/icons/cogwheels.min.css.map +1 -0
- package/lib/icons/collapse.css +12 -0
- package/lib/icons/collapse.css.map +1 -0
- package/lib/icons/collapse.min.css +1 -0
- package/lib/icons/collapse.min.css.map +1 -0
- package/lib/icons/company.css +12 -0
- package/lib/icons/company.css.map +1 -0
- package/lib/icons/company.min.css +1 -0
- package/lib/icons/company.min.css.map +1 -0
- package/lib/icons/copy.css +12 -0
- package/lib/icons/copy.css.map +1 -0
- package/lib/icons/copy.min.css +1 -0
- package/lib/icons/copy.min.css.map +1 -0
- package/lib/icons/cross-circle-fill.css +12 -0
- package/lib/icons/cross-circle-fill.css.map +1 -0
- package/lib/icons/cross-circle-fill.min.css +1 -0
- package/lib/icons/cross-circle-fill.min.css.map +1 -0
- package/lib/icons/cross-circle.css +12 -0
- package/lib/icons/cross-circle.css.map +1 -0
- package/lib/icons/cross-circle.min.css +1 -0
- package/lib/icons/cross-circle.min.css.map +1 -0
- package/lib/icons/cross.css +12 -0
- package/lib/icons/cross.css.map +1 -0
- package/lib/icons/cross.min.css +1 -0
- package/lib/icons/cross.min.css.map +1 -0
- package/lib/icons/customer-bot-negative.css +12 -0
- package/lib/icons/customer-bot-negative.css.map +1 -0
- package/lib/icons/customer-bot-negative.min.css +1 -0
- package/lib/icons/customer-bot-negative.min.css.map +1 -0
- package/lib/icons/customer-bot-neutral.css +12 -0
- package/lib/icons/customer-bot-neutral.css.map +1 -0
- package/lib/icons/customer-bot-neutral.min.css +1 -0
- package/lib/icons/customer-bot-neutral.min.css.map +1 -0
- package/lib/icons/customer-bot-positive.css +12 -0
- package/lib/icons/customer-bot-positive.css.map +1 -0
- package/lib/icons/customer-bot-positive.min.css +1 -0
- package/lib/icons/customer-bot-positive.min.css.map +1 -0
- package/lib/icons/discord.css +12 -0
- package/lib/icons/discord.css.map +1 -0
- package/lib/icons/discord.min.css +1 -0
- package/lib/icons/discord.min.css.map +1 -0
- package/lib/icons/display.css +12 -0
- package/lib/icons/display.css.map +1 -0
- package/lib/icons/display.min.css +1 -0
- package/lib/icons/display.min.css.map +1 -0
- package/lib/icons/document-blank-group.css +12 -0
- package/lib/icons/document-blank-group.css.map +1 -0
- package/lib/icons/document-blank-group.min.css +1 -0
- package/lib/icons/document-blank-group.min.css.map +1 -0
- package/lib/icons/document-blank.css +12 -0
- package/lib/icons/document-blank.css.map +1 -0
- package/lib/icons/document-blank.min.css +1 -0
- package/lib/icons/document-blank.min.css.map +1 -0
- package/lib/icons/document-group.css +12 -0
- package/lib/icons/document-group.css.map +1 -0
- package/lib/icons/document-group.min.css +1 -0
- package/lib/icons/document-group.min.css.map +1 -0
- package/lib/icons/document.css +12 -0
- package/lib/icons/document.css.map +1 -0
- package/lib/icons/document.min.css +1 -0
- package/lib/icons/document.min.css.map +1 -0
- package/lib/icons/download-cloud.css +12 -0
- package/lib/icons/download-cloud.css.map +1 -0
- package/lib/icons/download-cloud.min.css +1 -0
- package/lib/icons/download-cloud.min.css.map +1 -0
- package/lib/icons/download.css +12 -0
- package/lib/icons/download.css.map +1 -0
- package/lib/icons/download.min.css +1 -0
- package/lib/icons/download.min.css.map +1 -0
- package/lib/icons/drag.css +12 -0
- package/lib/icons/drag.css.map +1 -0
- package/lib/icons/drag.min.css +1 -0
- package/lib/icons/drag.min.css.map +1 -0
- package/lib/icons/entrepreneur.css +12 -0
- package/lib/icons/entrepreneur.css.map +1 -0
- package/lib/icons/entrepreneur.min.css +1 -0
- package/lib/icons/entrepreneur.min.css.map +1 -0
- package/lib/icons/envelope.css +12 -0
- package/lib/icons/envelope.css.map +1 -0
- package/lib/icons/envelope.min.css +1 -0
- package/lib/icons/envelope.min.css.map +1 -0
- package/lib/icons/error-fill.css +12 -0
- package/lib/icons/error-fill.css.map +1 -0
- package/lib/icons/error-fill.min.css +1 -0
- package/lib/icons/error-fill.min.css.map +1 -0
- package/lib/icons/error.css +12 -0
- package/lib/icons/error.css.map +1 -0
- package/lib/icons/error.min.css +1 -0
- package/lib/icons/error.min.css.map +1 -0
- package/lib/icons/euro-sign.css +12 -0
- package/lib/icons/euro-sign.css.map +1 -0
- package/lib/icons/euro-sign.min.css +1 -0
- package/lib/icons/euro-sign.min.css.map +1 -0
- package/lib/icons/eye-crossed.css +12 -0
- package/lib/icons/eye-crossed.css.map +1 -0
- package/lib/icons/eye-crossed.min.css +1 -0
- package/lib/icons/eye-crossed.min.css.map +1 -0
- package/lib/icons/eye.css +12 -0
- package/lib/icons/eye.css.map +1 -0
- package/lib/icons/eye.min.css +1 -0
- package/lib/icons/eye.min.css.map +1 -0
- package/lib/icons/face-neutral.css +12 -0
- package/lib/icons/face-neutral.css.map +1 -0
- package/lib/icons/face-neutral.min.css +1 -0
- package/lib/icons/face-neutral.min.css.map +1 -0
- package/lib/icons/face-sad.css +12 -0
- package/lib/icons/face-sad.css.map +1 -0
- package/lib/icons/face-sad.min.css +1 -0
- package/lib/icons/face-sad.min.css.map +1 -0
- package/lib/icons/face-smile.css +12 -0
- package/lib/icons/face-smile.css.map +1 -0
- package/lib/icons/face-smile.min.css +1 -0
- package/lib/icons/face-smile.min.css.map +1 -0
- package/lib/icons/facebook.css +12 -0
- package/lib/icons/facebook.css.map +1 -0
- package/lib/icons/facebook.min.css +1 -0
- package/lib/icons/facebook.min.css.map +1 -0
- package/lib/icons/family.css +12 -0
- package/lib/icons/family.css.map +1 -0
- package/lib/icons/family.min.css +1 -0
- package/lib/icons/family.min.css.map +1 -0
- package/lib/icons/folder-group.css +12 -0
- package/lib/icons/folder-group.css.map +1 -0
- package/lib/icons/folder-group.min.css +1 -0
- package/lib/icons/folder-group.min.css.map +1 -0
- package/lib/icons/folder.css +12 -0
- package/lib/icons/folder.css.map +1 -0
- package/lib/icons/folder.min.css +1 -0
- package/lib/icons/folder.min.css.map +1 -0
- package/lib/icons/globe.css +12 -0
- package/lib/icons/globe.css.map +1 -0
- package/lib/icons/globe.min.css +1 -0
- package/lib/icons/globe.min.css.map +1 -0
- package/lib/icons/google.css +12 -0
- package/lib/icons/google.css.map +1 -0
- package/lib/icons/google.min.css +1 -0
- package/lib/icons/google.min.css.map +1 -0
- package/lib/icons/graph-columns.css +12 -0
- package/lib/icons/graph-columns.css.map +1 -0
- package/lib/icons/graph-columns.min.css +1 -0
- package/lib/icons/graph-columns.min.css.map +1 -0
- package/lib/icons/group.css +12 -0
- package/lib/icons/group.css.map +1 -0
- package/lib/icons/group.min.css +1 -0
- package/lib/icons/group.min.css.map +1 -0
- package/lib/icons/hammers.css +12 -0
- package/lib/icons/hammers.css.map +1 -0
- package/lib/icons/hammers.min.css +1 -0
- package/lib/icons/hammers.min.css.map +1 -0
- package/lib/icons/headphones.css +12 -0
- package/lib/icons/headphones.css.map +1 -0
- package/lib/icons/headphones.min.css +1 -0
- package/lib/icons/headphones.min.css.map +1 -0
- package/lib/icons/heart-fill.css +12 -0
- package/lib/icons/heart-fill.css.map +1 -0
- package/lib/icons/heart-fill.min.css +1 -0
- package/lib/icons/heart-fill.min.css.map +1 -0
- package/lib/icons/heart.css +12 -0
- package/lib/icons/heart.css.map +1 -0
- package/lib/icons/heart.min.css +1 -0
- package/lib/icons/heart.min.css.map +1 -0
- package/lib/icons/history.css +12 -0
- package/lib/icons/history.css.map +1 -0
- package/lib/icons/history.min.css +1 -0
- package/lib/icons/history.min.css.map +1 -0
- package/lib/icons/home-smoke.css +12 -0
- package/lib/icons/home-smoke.css.map +1 -0
- package/lib/icons/home-smoke.min.css +1 -0
- package/lib/icons/home-smoke.min.css.map +1 -0
- package/lib/icons/home.css +12 -0
- package/lib/icons/home.css.map +1 -0
- package/lib/icons/home.min.css +1 -0
- package/lib/icons/home.min.css.map +1 -0
- package/lib/icons/icons-modern.css +2089 -0
- package/lib/icons/icons-modern.css.map +1 -0
- package/lib/icons/icons-modern.min.css +1 -0
- package/lib/icons/icons-modern.min.css.map +1 -0
- package/lib/icons/icons.css +1859 -928
- package/lib/icons/icons.css.map +1 -0
- package/lib/icons/icons.min.css +1 -1
- package/lib/icons/icons.min.css.map +1 -0
- package/lib/icons/info-circle-fill.css +12 -0
- package/lib/icons/info-circle-fill.css.map +1 -0
- package/lib/icons/info-circle-fill.min.css +1 -0
- package/lib/icons/info-circle-fill.min.css.map +1 -0
- package/lib/icons/info-circle.css +12 -0
- package/lib/icons/info-circle.css.map +1 -0
- package/lib/icons/info-circle.min.css +1 -0
- package/lib/icons/info-circle.min.css.map +1 -0
- package/lib/icons/instagram.css +12 -0
- package/lib/icons/instagram.css.map +1 -0
- package/lib/icons/instagram.min.css +1 -0
- package/lib/icons/instagram.min.css.map +1 -0
- package/lib/icons/key.css +12 -0
- package/lib/icons/key.css.map +1 -0
- package/lib/icons/key.min.css +1 -0
- package/lib/icons/key.min.css.map +1 -0
- package/lib/icons/layers.css +12 -0
- package/lib/icons/layers.css.map +1 -0
- package/lib/icons/layers.min.css +1 -0
- package/lib/icons/layers.min.css.map +1 -0
- package/lib/icons/lightbulb.css +12 -0
- package/lib/icons/lightbulb.css.map +1 -0
- package/lib/icons/lightbulb.min.css +1 -0
- package/lib/icons/lightbulb.min.css.map +1 -0
- package/lib/icons/link-external.css +12 -0
- package/lib/icons/link-external.css.map +1 -0
- package/lib/icons/link-external.min.css +1 -0
- package/lib/icons/link-external.min.css.map +1 -0
- package/lib/icons/link.css +12 -0
- package/lib/icons/link.css.map +1 -0
- package/lib/icons/link.min.css +1 -0
- package/lib/icons/link.min.css.map +1 -0
- package/lib/icons/linkedin.css +12 -0
- package/lib/icons/linkedin.css.map +1 -0
- package/lib/icons/linkedin.min.css +1 -0
- package/lib/icons/linkedin.min.css.map +1 -0
- package/lib/icons/locate.css +12 -0
- package/lib/icons/locate.css.map +1 -0
- package/lib/icons/locate.min.css +1 -0
- package/lib/icons/locate.min.css.map +1 -0
- package/lib/icons/location.css +12 -0
- package/lib/icons/location.css.map +1 -0
- package/lib/icons/location.min.css +1 -0
- package/lib/icons/location.min.css.map +1 -0
- package/lib/icons/lock-open.css +12 -0
- package/lib/icons/lock-open.css.map +1 -0
- package/lib/icons/lock-open.min.css +1 -0
- package/lib/icons/lock-open.min.css.map +1 -0
- package/lib/icons/lock.css +12 -0
- package/lib/icons/lock.css.map +1 -0
- package/lib/icons/lock.min.css +1 -0
- package/lib/icons/lock.min.css.map +1 -0
- package/lib/icons/map.css +12 -0
- package/lib/icons/map.css.map +1 -0
- package/lib/icons/map.min.css +1 -0
- package/lib/icons/map.min.css.map +1 -0
- package/lib/icons/menu-dots.css +12 -0
- package/lib/icons/menu-dots.css.map +1 -0
- package/lib/icons/menu-dots.min.css +1 -0
- package/lib/icons/menu-dots.min.css.map +1 -0
- package/lib/icons/menu-hamburger.css +12 -0
- package/lib/icons/menu-hamburger.css.map +1 -0
- package/lib/icons/menu-hamburger.min.css +1 -0
- package/lib/icons/menu-hamburger.min.css.map +1 -0
- package/lib/icons/microphone-crossed.css +12 -0
- package/lib/icons/microphone-crossed.css.map +1 -0
- package/lib/icons/microphone-crossed.min.css +1 -0
- package/lib/icons/microphone-crossed.min.css.map +1 -0
- package/lib/icons/microphone.css +12 -0
- package/lib/icons/microphone.css.map +1 -0
- package/lib/icons/microphone.min.css +1 -0
- package/lib/icons/microphone.min.css.map +1 -0
- package/lib/icons/minus-circle-fill.css +12 -0
- package/lib/icons/minus-circle-fill.css.map +1 -0
- package/lib/icons/minus-circle-fill.min.css +1 -0
- package/lib/icons/minus-circle-fill.min.css.map +1 -0
- package/lib/icons/minus-circle.css +12 -0
- package/lib/icons/minus-circle.css.map +1 -0
- package/lib/icons/minus-circle.min.css +1 -0
- package/lib/icons/minus-circle.min.css.map +1 -0
- package/lib/icons/minus.css +12 -0
- package/lib/icons/minus.css.map +1 -0
- package/lib/icons/minus.min.css +1 -0
- package/lib/icons/minus.min.css.map +1 -0
- package/lib/icons/mobile.css +12 -0
- package/lib/icons/mobile.css.map +1 -0
- package/lib/icons/mobile.min.css +1 -0
- package/lib/icons/mobile.min.css.map +1 -0
- package/lib/icons/money-bag-fill.css +12 -0
- package/lib/icons/money-bag-fill.css.map +1 -0
- package/lib/icons/money-bag-fill.min.css +1 -0
- package/lib/icons/money-bag-fill.min.css.map +1 -0
- package/lib/icons/money-bag.css +12 -0
- package/lib/icons/money-bag.css.map +1 -0
- package/lib/icons/money-bag.min.css +1 -0
- package/lib/icons/money-bag.min.css.map +1 -0
- package/lib/icons/mover.css +12 -0
- package/lib/icons/mover.css.map +1 -0
- package/lib/icons/mover.min.css +1 -0
- package/lib/icons/mover.min.css.map +1 -0
- package/lib/icons/occupation.css +12 -0
- package/lib/icons/occupation.css.map +1 -0
- package/lib/icons/occupation.min.css +1 -0
- package/lib/icons/occupation.min.css.map +1 -0
- package/lib/icons/paperclip.css +12 -0
- package/lib/icons/paperclip.css.map +1 -0
- package/lib/icons/paperclip.min.css +1 -0
- package/lib/icons/paperclip.min.css.map +1 -0
- package/lib/icons/pen-line.css +12 -0
- package/lib/icons/pen-line.css.map +1 -0
- package/lib/icons/pen-line.min.css +1 -0
- package/lib/icons/pen-line.min.css.map +1 -0
- package/lib/icons/pen.css +12 -0
- package/lib/icons/pen.css.map +1 -0
- package/lib/icons/pen.min.css +1 -0
- package/lib/icons/pen.min.css.map +1 -0
- package/lib/icons/person-female.css +12 -0
- package/lib/icons/person-female.css.map +1 -0
- package/lib/icons/person-female.min.css +1 -0
- package/lib/icons/person-female.min.css.map +1 -0
- package/lib/icons/person-genderless.css +12 -0
- package/lib/icons/person-genderless.css.map +1 -0
- package/lib/icons/person-genderless.min.css +1 -0
- package/lib/icons/person-genderless.min.css.map +1 -0
- package/lib/icons/person-male.css +12 -0
- package/lib/icons/person-male.css.map +1 -0
- package/lib/icons/person-male.min.css +1 -0
- package/lib/icons/person-male.min.css.map +1 -0
- package/lib/icons/person-wheelchair.css +12 -0
- package/lib/icons/person-wheelchair.css.map +1 -0
- package/lib/icons/person-wheelchair.min.css +1 -0
- package/lib/icons/person-wheelchair.min.css.map +1 -0
- package/lib/icons/phone.css +12 -0
- package/lib/icons/phone.css.map +1 -0
- package/lib/icons/phone.min.css +1 -0
- package/lib/icons/phone.min.css.map +1 -0
- package/lib/icons/photo-plus.css +12 -0
- package/lib/icons/photo-plus.css.map +1 -0
- package/lib/icons/photo-plus.min.css +1 -0
- package/lib/icons/photo-plus.min.css.map +1 -0
- package/lib/icons/photo.css +12 -0
- package/lib/icons/photo.css.map +1 -0
- package/lib/icons/photo.min.css +1 -0
- package/lib/icons/photo.min.css.map +1 -0
- package/lib/icons/playback-fastforward.css +12 -0
- package/lib/icons/playback-fastforward.css.map +1 -0
- package/lib/icons/playback-fastforward.min.css +1 -0
- package/lib/icons/playback-fastforward.min.css.map +1 -0
- package/lib/icons/playback-next.css +12 -0
- package/lib/icons/playback-next.css.map +1 -0
- package/lib/icons/playback-next.min.css +1 -0
- package/lib/icons/playback-next.min.css.map +1 -0
- package/lib/icons/playback-pause.css +12 -0
- package/lib/icons/playback-pause.css.map +1 -0
- package/lib/icons/playback-pause.min.css +1 -0
- package/lib/icons/playback-pause.min.css.map +1 -0
- package/lib/icons/playback-play.css +12 -0
- package/lib/icons/playback-play.css.map +1 -0
- package/lib/icons/playback-play.min.css +1 -0
- package/lib/icons/playback-play.min.css.map +1 -0
- package/lib/icons/playback-previous.css +12 -0
- package/lib/icons/playback-previous.css.map +1 -0
- package/lib/icons/playback-previous.min.css +1 -0
- package/lib/icons/playback-previous.min.css.map +1 -0
- package/lib/icons/playback-record.css +12 -0
- package/lib/icons/playback-record.css.map +1 -0
- package/lib/icons/playback-record.min.css +1 -0
- package/lib/icons/playback-record.min.css.map +1 -0
- package/lib/icons/playback-rewind.css +12 -0
- package/lib/icons/playback-rewind.css.map +1 -0
- package/lib/icons/playback-rewind.min.css +1 -0
- package/lib/icons/playback-rewind.min.css.map +1 -0
- package/lib/icons/playback-stop.css +12 -0
- package/lib/icons/playback-stop.css.map +1 -0
- package/lib/icons/playback-stop.min.css +1 -0
- package/lib/icons/playback-stop.min.css.map +1 -0
- package/lib/icons/plus-circle-fill.css +12 -0
- package/lib/icons/plus-circle-fill.css.map +1 -0
- package/lib/icons/plus-circle-fill.min.css +1 -0
- package/lib/icons/plus-circle-fill.min.css.map +1 -0
- package/lib/icons/plus-circle.css +12 -0
- package/lib/icons/plus-circle.css.map +1 -0
- package/lib/icons/plus-circle.min.css +1 -0
- package/lib/icons/plus-circle.min.css.map +1 -0
- package/lib/icons/plus.css +12 -0
- package/lib/icons/plus.css.map +1 -0
- package/lib/icons/plus.min.css +1 -0
- package/lib/icons/plus.min.css.map +1 -0
- package/lib/icons/podcast.css +12 -0
- package/lib/icons/podcast.css.map +1 -0
- package/lib/icons/podcast.min.css +1 -0
- package/lib/icons/podcast.min.css.map +1 -0
- package/lib/icons/printer.css +12 -0
- package/lib/icons/printer.css.map +1 -0
- package/lib/icons/printer.min.css +1 -0
- package/lib/icons/printer.min.css.map +1 -0
- package/lib/icons/question-circle-fill.css +12 -0
- package/lib/icons/question-circle-fill.css.map +1 -0
- package/lib/icons/question-circle-fill.min.css +1 -0
- package/lib/icons/question-circle-fill.min.css.map +1 -0
- package/lib/icons/question-circle.css +12 -0
- package/lib/icons/question-circle.css.map +1 -0
- package/lib/icons/question-circle.min.css +1 -0
- package/lib/icons/question-circle.min.css.map +1 -0
- package/lib/icons/refresh.css +12 -0
- package/lib/icons/refresh.css.map +1 -0
- package/lib/icons/refresh.min.css +1 -0
- package/lib/icons/refresh.min.css.map +1 -0
- package/lib/icons/restaurant.css +12 -0
- package/lib/icons/restaurant.css.map +1 -0
- package/lib/icons/restaurant.min.css +1 -0
- package/lib/icons/restaurant.min.css.map +1 -0
- package/lib/icons/rss.css +12 -0
- package/lib/icons/rss.css.map +1 -0
- package/lib/icons/rss.min.css +1 -0
- package/lib/icons/rss.min.css.map +1 -0
- package/lib/icons/save-diskette-fill.css +12 -0
- package/lib/icons/save-diskette-fill.css.map +1 -0
- package/lib/icons/save-diskette-fill.min.css +1 -0
- package/lib/icons/save-diskette-fill.min.css.map +1 -0
- package/lib/icons/save-diskette.css +12 -0
- package/lib/icons/save-diskette.css.map +1 -0
- package/lib/icons/save-diskette.min.css +1 -0
- package/lib/icons/save-diskette.min.css.map +1 -0
- package/lib/icons/scroll-cogwheel.css +12 -0
- package/lib/icons/scroll-cogwheel.css.map +1 -0
- package/lib/icons/scroll-cogwheel.min.css +1 -0
- package/lib/icons/scroll-cogwheel.min.css.map +1 -0
- package/lib/icons/scroll-content.css +12 -0
- package/lib/icons/scroll-content.css.map +1 -0
- package/lib/icons/scroll-content.min.css +1 -0
- package/lib/icons/scroll-content.min.css.map +1 -0
- package/lib/icons/scroll-group.css +12 -0
- package/lib/icons/scroll-group.css.map +1 -0
- package/lib/icons/scroll-group.min.css +1 -0
- package/lib/icons/scroll-group.min.css.map +1 -0
- package/lib/icons/scroll.css +12 -0
- package/lib/icons/scroll.css.map +1 -0
- package/lib/icons/scroll.min.css +1 -0
- package/lib/icons/scroll.min.css.map +1 -0
- package/lib/icons/search.css +12 -0
- package/lib/icons/search.css.map +1 -0
- package/lib/icons/search.min.css +1 -0
- package/lib/icons/search.min.css.map +1 -0
- package/lib/icons/senior.css +12 -0
- package/lib/icons/senior.css.map +1 -0
- package/lib/icons/senior.min.css +1 -0
- package/lib/icons/senior.min.css.map +1 -0
- package/lib/icons/share.css +12 -0
- package/lib/icons/share.css.map +1 -0
- package/lib/icons/share.min.css +1 -0
- package/lib/icons/share.min.css.map +1 -0
- package/lib/icons/shield.css +12 -0
- package/lib/icons/shield.css.map +1 -0
- package/lib/icons/shield.min.css +1 -0
- package/lib/icons/shield.min.css.map +1 -0
- package/lib/icons/shopping-cart.css +12 -0
- package/lib/icons/shopping-cart.css.map +1 -0
- package/lib/icons/shopping-cart.min.css +1 -0
- package/lib/icons/shopping-cart.min.css.map +1 -0
- package/lib/icons/signin.css +12 -0
- package/lib/icons/signin.css.map +1 -0
- package/lib/icons/signin.min.css +1 -0
- package/lib/icons/signin.min.css.map +1 -0
- package/lib/icons/signout.css +12 -0
- package/lib/icons/signout.css.map +1 -0
- package/lib/icons/signout.min.css +1 -0
- package/lib/icons/signout.min.css.map +1 -0
- package/lib/icons/sitemap.css +12 -0
- package/lib/icons/sitemap.css.map +1 -0
- package/lib/icons/sitemap.min.css +1 -0
- package/lib/icons/sitemap.min.css.map +1 -0
- package/lib/icons/sliders.css +12 -0
- package/lib/icons/sliders.css.map +1 -0
- package/lib/icons/sliders.min.css +1 -0
- package/lib/icons/sliders.min.css.map +1 -0
- package/lib/icons/snapchat.css +12 -0
- package/lib/icons/snapchat.css.map +1 -0
- package/lib/icons/snapchat.min.css +1 -0
- package/lib/icons/snapchat.min.css.map +1 -0
- package/lib/icons/sort-alphabetical-ascending.css +12 -0
- package/lib/icons/sort-alphabetical-ascending.css.map +1 -0
- package/lib/icons/sort-alphabetical-ascending.min.css +1 -0
- package/lib/icons/sort-alphabetical-ascending.min.css.map +1 -0
- package/lib/icons/sort-alphabetical-descending.css +12 -0
- package/lib/icons/sort-alphabetical-descending.css.map +1 -0
- package/lib/icons/sort-alphabetical-descending.min.css +1 -0
- package/lib/icons/sort-alphabetical-descending.min.css.map +1 -0
- package/lib/icons/sort-ascending.css +12 -0
- package/lib/icons/sort-ascending.css.map +1 -0
- package/lib/icons/sort-ascending.min.css +1 -0
- package/lib/icons/sort-ascending.min.css.map +1 -0
- package/lib/icons/sort-descending.css +12 -0
- package/lib/icons/sort-descending.css.map +1 -0
- package/lib/icons/sort-descending.min.css +1 -0
- package/lib/icons/sort-descending.min.css.map +1 -0
- package/lib/icons/sort.css +12 -0
- package/lib/icons/sort.css.map +1 -0
- package/lib/icons/sort.min.css +1 -0
- package/lib/icons/sort.min.css.map +1 -0
- package/lib/icons/speechbubble-text.css +12 -0
- package/lib/icons/speechbubble-text.css.map +1 -0
- package/lib/icons/speechbubble-text.min.css +1 -0
- package/lib/icons/speechbubble-text.min.css.map +1 -0
- package/lib/icons/speechbubble.css +12 -0
- package/lib/icons/speechbubble.css.map +1 -0
- package/lib/icons/speechbubble.min.css +1 -0
- package/lib/icons/speechbubble.min.css.map +1 -0
- package/lib/icons/star-fill.css +12 -0
- package/lib/icons/star-fill.css.map +1 -0
- package/lib/icons/star-fill.min.css +1 -0
- package/lib/icons/star-fill.min.css.map +1 -0
- package/lib/icons/star.css +12 -0
- package/lib/icons/star.css.map +1 -0
- package/lib/icons/star.min.css +1 -0
- package/lib/icons/star.min.css.map +1 -0
- package/lib/icons/swap-user.css +12 -0
- package/lib/icons/swap-user.css.map +1 -0
- package/lib/icons/swap-user.min.css +1 -0
- package/lib/icons/swap-user.min.css.map +1 -0
- package/lib/icons/text-bold.css +12 -0
- package/lib/icons/text-bold.css.map +1 -0
- package/lib/icons/text-bold.min.css +1 -0
- package/lib/icons/text-bold.min.css.map +1 -0
- package/lib/icons/text-italic.css +12 -0
- package/lib/icons/text-italic.css.map +1 -0
- package/lib/icons/text-italic.min.css +1 -0
- package/lib/icons/text-italic.min.css.map +1 -0
- package/lib/icons/text-tool.css +12 -0
- package/lib/icons/text-tool.css.map +1 -0
- package/lib/icons/text-tool.min.css +1 -0
- package/lib/icons/text-tool.min.css.map +1 -0
- package/lib/icons/thumbs-down-fill.css +12 -0
- package/lib/icons/thumbs-down-fill.css.map +1 -0
- package/lib/icons/thumbs-down-fill.min.css +1 -0
- package/lib/icons/thumbs-down-fill.min.css.map +1 -0
- package/lib/icons/thumbs-down.css +12 -0
- package/lib/icons/thumbs-down.css.map +1 -0
- package/lib/icons/thumbs-down.min.css +1 -0
- package/lib/icons/thumbs-down.min.css.map +1 -0
- package/lib/icons/thumbs-up-fill.css +12 -0
- package/lib/icons/thumbs-up-fill.css.map +1 -0
- package/lib/icons/thumbs-up-fill.min.css +1 -0
- package/lib/icons/thumbs-up-fill.min.css.map +1 -0
- package/lib/icons/thumbs-up.css +12 -0
- package/lib/icons/thumbs-up.css.map +1 -0
- package/lib/icons/thumbs-up.min.css +1 -0
- package/lib/icons/thumbs-up.min.css.map +1 -0
- package/lib/icons/ticket.css +12 -0
- package/lib/icons/ticket.css.map +1 -0
- package/lib/icons/ticket.min.css +1 -0
- package/lib/icons/ticket.min.css.map +1 -0
- package/lib/icons/tiktok.css +12 -0
- package/lib/icons/tiktok.css.map +1 -0
- package/lib/icons/tiktok.min.css +1 -0
- package/lib/icons/tiktok.min.css.map +1 -0
- package/lib/icons/trash.css +12 -0
- package/lib/icons/trash.css.map +1 -0
- package/lib/icons/trash.min.css +1 -0
- package/lib/icons/trash.min.css.map +1 -0
- package/lib/icons/traveler.css +12 -0
- package/lib/icons/traveler.css.map +1 -0
- package/lib/icons/traveler.min.css +1 -0
- package/lib/icons/traveler.min.css.map +1 -0
- package/lib/icons/twitch.css +12 -0
- package/lib/icons/twitch.css.map +1 -0
- package/lib/icons/twitch.min.css +1 -0
- package/lib/icons/twitch.min.css.map +1 -0
- package/lib/icons/twitter-old.css +12 -0
- package/lib/icons/twitter-old.css.map +1 -0
- package/lib/icons/twitter-old.min.css +1 -0
- package/lib/icons/twitter-old.min.css.map +1 -0
- package/lib/icons/twitter.css +12 -0
- package/lib/icons/twitter.css.map +1 -0
- package/lib/icons/twitter.min.css +1 -0
- package/lib/icons/twitter.min.css.map +1 -0
- package/lib/icons/upload-cloud.css +12 -0
- package/lib/icons/upload-cloud.css.map +1 -0
- package/lib/icons/upload-cloud.min.css +1 -0
- package/lib/icons/upload-cloud.min.css.map +1 -0
- package/lib/icons/upload.css +12 -0
- package/lib/icons/upload.css.map +1 -0
- package/lib/icons/upload.min.css +1 -0
- package/lib/icons/upload.min.css.map +1 -0
- package/lib/icons/user.css +12 -0
- package/lib/icons/user.css.map +1 -0
- package/lib/icons/user.min.css +1 -0
- package/lib/icons/user.min.css.map +1 -0
- package/lib/icons/vaccine.css +12 -0
- package/lib/icons/vaccine.css.map +1 -0
- package/lib/icons/vaccine.min.css +1 -0
- package/lib/icons/vaccine.min.css.map +1 -0
- package/lib/icons/videocamera-crossed.css +12 -0
- package/lib/icons/videocamera-crossed.css.map +1 -0
- package/lib/icons/videocamera-crossed.min.css +1 -0
- package/lib/icons/videocamera-crossed.min.css.map +1 -0
- package/lib/icons/videocamera.css +12 -0
- package/lib/icons/videocamera.css.map +1 -0
- package/lib/icons/videocamera.min.css +1 -0
- package/lib/icons/videocamera.min.css.map +1 -0
- package/lib/icons/vimeo.css +12 -0
- package/lib/icons/vimeo.css.map +1 -0
- package/lib/icons/vimeo.min.css +1 -0
- package/lib/icons/vimeo.min.css.map +1 -0
- package/lib/icons/virus.css +12 -0
- package/lib/icons/virus.css.map +1 -0
- package/lib/icons/virus.min.css +1 -0
- package/lib/icons/virus.min.css.map +1 -0
- package/lib/icons/volume-high.css +12 -0
- package/lib/icons/volume-high.css.map +1 -0
- package/lib/icons/volume-high.min.css +1 -0
- package/lib/icons/volume-high.min.css.map +1 -0
- package/lib/icons/volume-low.css +12 -0
- package/lib/icons/volume-low.css.map +1 -0
- package/lib/icons/volume-low.min.css +1 -0
- package/lib/icons/volume-low.min.css.map +1 -0
- package/lib/icons/volume-minus.css +12 -0
- package/lib/icons/volume-minus.css.map +1 -0
- package/lib/icons/volume-minus.min.css +1 -0
- package/lib/icons/volume-minus.min.css.map +1 -0
- package/lib/icons/volume-mute.css +12 -0
- package/lib/icons/volume-mute.css.map +1 -0
- package/lib/icons/volume-mute.min.css +1 -0
- package/lib/icons/volume-mute.min.css.map +1 -0
- package/lib/icons/volume-plus.css +12 -0
- package/lib/icons/volume-plus.css.map +1 -0
- package/lib/icons/volume-plus.min.css +1 -0
- package/lib/icons/volume-plus.min.css.map +1 -0
- package/lib/icons/whatsapp.css +12 -0
- package/lib/icons/whatsapp.css.map +1 -0
- package/lib/icons/whatsapp.min.css +1 -0
- package/lib/icons/whatsapp.min.css.map +1 -0
- package/lib/icons/wifi-crossed.css +12 -0
- package/lib/icons/wifi-crossed.css.map +1 -0
- package/lib/icons/wifi-crossed.min.css +1 -0
- package/lib/icons/wifi-crossed.min.css.map +1 -0
- package/lib/icons/wifi.css +12 -0
- package/lib/icons/wifi.css.map +1 -0
- package/lib/icons/wifi.min.css +1 -0
- package/lib/icons/wifi.min.css.map +1 -0
- package/lib/icons/x.css +12 -0
- package/lib/icons/x.css.map +1 -0
- package/lib/icons/x.min.css +1 -0
- package/lib/icons/x.min.css.map +1 -0
- package/lib/icons/yle.css +12 -0
- package/lib/icons/yle.css.map +1 -0
- package/lib/icons/yle.min.css +1 -0
- package/lib/icons/yle.min.css.map +1 -0
- package/lib/icons/youth.css +12 -0
- package/lib/icons/youth.css.map +1 -0
- package/lib/icons/youth.min.css +1 -0
- package/lib/icons/youth.min.css.map +1 -0
- package/lib/icons/youtube.css +12 -0
- package/lib/icons/youtube.css.map +1 -0
- package/lib/icons/youtube.min.css +1 -0
- package/lib/icons/youtube.min.css.map +1 -0
- package/lib/icons/zoom-in.css +12 -0
- package/lib/icons/zoom-in.css.map +1 -0
- package/lib/icons/zoom-in.min.css +1 -0
- package/lib/icons/zoom-in.min.css.map +1 -0
- package/lib/icons/zoom-out.css +12 -0
- package/lib/icons/zoom-out.css.map +1 -0
- package/lib/icons/zoom-out.min.css +1 -0
- package/lib/icons/zoom-out.min.css.map +1 -0
- package/lib/icons/zoom-text.css +12 -0
- package/lib/icons/zoom-text.css.map +1 -0
- package/lib/icons/zoom-text.min.css +1 -0
- package/lib/icons/zoom-text.min.css.map +1 -0
- package/lib/utils/__tests__/utilities.test.css +34 -0
- package/lib/utils/__tests__/utilities.test.css.map +1 -0
- package/lib/utils/__tests__/utilities.test.min.css +1 -0
- package/lib/utils/__tests__/utilities.test.min.css.map +1 -0
- package/lib/utils/utils.css +614 -3
- package/lib/utils/utils.css.map +1 -0
- package/lib/utils/utils.min.css +1 -1
- package/lib/utils/utils.min.css.map +1 -0
- package/lib/variables/variables.css +0 -2
- package/package.json +53 -25
- package/src/base/_focus.scss +31 -0
- package/src/base/_layout.scss +82 -97
- package/src/base/_theme.scss +139 -0
- package/src/base/_typography.scss +121 -105
- package/src/base/base.scss +4 -3
- package/src/components/alert/_alert-mixin.scss +55 -0
- package/src/components/alert/alert.scss +62 -0
- package/src/components/all.scss +6 -0
- package/src/components/badge/_badge-mixin.scss +35 -0
- package/src/components/badge/badge.scss +56 -0
- package/src/components/breadcrumb/_breadcrumb-mixin.scss +51 -0
- package/src/components/breadcrumb/_breadcrumb-mixins.scss +17 -14
- package/src/components/breadcrumb/breadcrumb.scss +11 -53
- package/src/components/button/_button-mixin.scss +203 -120
- package/src/components/button/button.scss +308 -126
- package/src/components/card/_card-mixin.scss +208 -196
- package/src/components/card/card.scss +193 -193
- package/src/components/checkbox/_checkbox-mixin.scss +92 -208
- package/src/components/checkbox/checkbox.scss +32 -103
- package/src/components/footer/_footer-mixin.scss +202 -385
- package/src/components/footer/footer.scss +15 -59
- package/src/components/footer/footer.stories.js +2 -2
- package/src/components/header/_header-mixin.scss +208 -275
- package/src/components/header/header.scss +23 -45
- package/src/components/modal/_modal-mixin.scss +99 -0
- package/src/components/modal/modal.scss +58 -0
- package/src/components/navigation/_navigation-mixins.scss +166 -270
- package/src/components/navigation/navigation.scss +30 -40
- package/src/components/notification/_notification-mixin.scss +211 -239
- package/src/components/notification/notification.scss +36 -36
- package/src/components/pagination/_pagination-mixins.scss +31 -30
- package/src/components/radio-button/_radio-button-mixin.scss +93 -207
- package/src/components/radio-button/radio-button.scss +27 -144
- package/src/components/select/_select-mixin.scss +76 -0
- package/src/components/select/select.scss +47 -0
- package/src/components/switch/_switch-mixin.scss +71 -0
- package/src/components/switch/switch.scss +62 -0
- package/src/components/tabs/_tabs-mixin.scss +55 -0
- package/src/components/tabs/tabs.scss +27 -0
- package/src/components/tag/_tag-mixin.scss +163 -261
- package/src/components/tag/tag.scss +235 -244
- package/src/components/text-input/_text-input-mixin.scss +233 -203
- package/src/components/text-input/text-input.scss +23 -20
- package/src/gov/gov.scss +559 -0
- package/src/gov/gov.stories.js +127 -0
- package/src/icons/_icon.scss +75 -114
- package/src/icons/alert-circle-fill.scss +12 -0
- package/src/icons/alert-circle.scss +12 -0
- package/src/icons/angle-down.scss +12 -0
- package/src/icons/angle-left.scss +12 -0
- package/src/icons/angle-right.scss +12 -0
- package/src/icons/angle-up.scss +12 -0
- package/src/icons/arrow-bottom-left.scss +12 -0
- package/src/icons/arrow-bottom-right.scss +12 -0
- package/src/icons/arrow-down.scss +12 -0
- package/src/icons/arrow-left.scss +12 -0
- package/src/icons/arrow-redo.scss +12 -0
- package/src/icons/arrow-right-dashed.scss +12 -0
- package/src/icons/arrow-right.scss +12 -0
- package/src/icons/arrow-top-left.scss +12 -0
- package/src/icons/arrow-top-right.scss +12 -0
- package/src/icons/arrow-undo.scss +12 -0
- package/src/icons/arrow-up.scss +12 -0
- package/src/icons/at-sign.scss +12 -0
- package/src/icons/bag-cogwheel.scss +12 -0
- package/src/icons/bell-crossed.scss +12 -0
- package/src/icons/bell.scss +12 -0
- package/src/icons/binoculars.scss +12 -0
- package/src/icons/box.scss +12 -0
- package/src/icons/cake.scss +12 -0
- package/src/icons/calendar-clock.scss +12 -0
- package/src/icons/calendar-cross.scss +12 -0
- package/src/icons/calendar-event.scss +12 -0
- package/src/icons/calendar-plus.scss +12 -0
- package/src/icons/calendar-recurring.scss +12 -0
- package/src/icons/calendar.scss +12 -0
- package/src/icons/camera.scss +12 -0
- package/src/icons/check-circle-fill.scss +12 -0
- package/src/icons/check-circle.scss +12 -0
- package/src/icons/check.scss +12 -0
- package/src/icons/children.scss +12 -0
- package/src/icons/clock-cross.scss +12 -0
- package/src/icons/clock-plus.scss +12 -0
- package/src/icons/clock.scss +12 -0
- package/src/icons/coffee-cup-saucer.scss +12 -0
- package/src/icons/cogwheel.scss +12 -0
- package/src/icons/cogwheels.scss +12 -0
- package/src/icons/collapse.scss +12 -0
- package/src/icons/company.scss +12 -0
- package/src/icons/copy.scss +12 -0
- package/src/icons/cross-circle-fill.scss +12 -0
- package/src/icons/cross-circle.scss +12 -0
- package/src/icons/cross.scss +12 -0
- package/src/icons/customer-bot-negative.scss +12 -0
- package/src/icons/customer-bot-neutral.scss +12 -0
- package/src/icons/customer-bot-positive.scss +12 -0
- package/src/icons/discord.scss +12 -0
- package/src/icons/display.scss +12 -0
- package/src/icons/document-blank-group.scss +12 -0
- package/src/icons/document-blank.scss +12 -0
- package/src/icons/document-group.scss +12 -0
- package/src/icons/document.scss +12 -0
- package/src/icons/download-cloud.scss +12 -0
- package/src/icons/download.scss +12 -0
- package/src/icons/drag.scss +12 -0
- package/src/icons/entrepreneur.scss +12 -0
- package/src/icons/envelope.scss +12 -0
- package/src/icons/error-fill.scss +12 -0
- package/src/icons/error.scss +12 -0
- package/src/icons/euro-sign.scss +12 -0
- package/src/icons/eye-crossed.scss +12 -0
- package/src/icons/eye.scss +12 -0
- package/src/icons/face-neutral.scss +12 -0
- package/src/icons/face-sad.scss +12 -0
- package/src/icons/face-smile.scss +12 -0
- package/src/icons/facebook.scss +12 -0
- package/src/icons/family.scss +12 -0
- package/src/icons/folder-group.scss +12 -0
- package/src/icons/folder.scss +12 -0
- package/src/icons/globe.scss +12 -0
- package/src/icons/google.scss +12 -0
- package/src/icons/graph-columns.scss +12 -0
- package/src/icons/group.scss +12 -0
- package/src/icons/hammers.scss +12 -0
- package/src/icons/headphones.scss +12 -0
- package/src/icons/heart-fill.scss +12 -0
- package/src/icons/heart.scss +12 -0
- package/src/icons/history.scss +12 -0
- package/src/icons/home-smoke.scss +12 -0
- package/src/icons/home.scss +12 -0
- package/src/icons/icons-modern.scss +207 -0
- package/src/icons/icons.scss +207 -12
- package/src/icons/icons.stories.js +319 -215
- package/src/icons/info-circle-fill.scss +12 -0
- package/src/icons/info-circle.scss +12 -0
- package/src/icons/instagram.scss +12 -0
- package/src/icons/key.scss +12 -0
- package/src/icons/layers.scss +12 -0
- package/src/icons/lightbulb.scss +12 -0
- package/src/icons/link-external.scss +12 -0
- package/src/icons/link.scss +12 -0
- package/src/icons/linkedin.scss +12 -0
- package/src/icons/locate.scss +12 -0
- package/src/icons/location.scss +12 -0
- package/src/icons/lock-open.scss +12 -0
- package/src/icons/lock.scss +12 -0
- package/src/icons/map.scss +12 -0
- package/src/icons/menu-dots.scss +12 -0
- package/src/icons/menu-hamburger.scss +12 -0
- package/src/icons/microphone-crossed.scss +12 -0
- package/src/icons/microphone.scss +12 -0
- package/src/icons/minus-circle-fill.scss +12 -0
- package/src/icons/minus-circle.scss +12 -0
- package/src/icons/minus.scss +12 -0
- package/src/icons/mobile.scss +12 -0
- package/src/icons/money-bag-fill.scss +12 -0
- package/src/icons/money-bag.scss +12 -0
- package/src/icons/mover.scss +12 -0
- package/src/icons/occupation.scss +12 -0
- package/src/icons/paperclip.scss +12 -0
- package/src/icons/pen-line.scss +12 -0
- package/src/icons/pen.scss +12 -0
- package/src/icons/person-female.scss +12 -0
- package/src/icons/person-genderless.scss +12 -0
- package/src/icons/person-male.scss +12 -0
- package/src/icons/person-wheelchair.scss +12 -0
- package/src/icons/phone.scss +12 -0
- package/src/icons/photo-plus.scss +12 -0
- package/src/icons/photo.scss +12 -0
- package/src/icons/playback-fastforward.scss +12 -0
- package/src/icons/playback-next.scss +12 -0
- package/src/icons/playback-pause.scss +12 -0
- package/src/icons/playback-play.scss +12 -0
- package/src/icons/playback-previous.scss +12 -0
- package/src/icons/playback-record.scss +12 -0
- package/src/icons/playback-rewind.scss +12 -0
- package/src/icons/playback-stop.scss +12 -0
- package/src/icons/plus-circle-fill.scss +12 -0
- package/src/icons/plus-circle.scss +12 -0
- package/src/icons/plus.scss +12 -0
- package/src/icons/podcast.scss +12 -0
- package/src/icons/printer.scss +12 -0
- package/src/icons/question-circle-fill.scss +12 -0
- package/src/icons/question-circle.scss +12 -0
- package/src/icons/refresh.scss +12 -0
- package/src/icons/restaurant.scss +12 -0
- package/src/icons/rss.scss +12 -0
- package/src/icons/save-diskette-fill.scss +12 -0
- package/src/icons/save-diskette.scss +12 -0
- package/src/icons/scroll-cogwheel.scss +12 -0
- package/src/icons/scroll-content.scss +12 -0
- package/src/icons/scroll-group.scss +12 -0
- package/src/icons/scroll.scss +12 -0
- package/src/icons/search.scss +12 -0
- package/src/icons/senior.scss +12 -0
- package/src/icons/share.scss +12 -0
- package/src/icons/shield.scss +12 -0
- package/src/icons/shopping-cart.scss +12 -0
- package/src/icons/signin.scss +12 -0
- package/src/icons/signout.scss +12 -0
- package/src/icons/sitemap.scss +12 -0
- package/src/icons/sliders.scss +12 -0
- package/src/icons/snapchat.scss +12 -0
- package/src/icons/sort-alphabetical-ascending.scss +12 -0
- package/src/icons/sort-alphabetical-descending.scss +12 -0
- package/src/icons/sort-ascending.scss +12 -0
- package/src/icons/sort-descending.scss +12 -0
- package/src/icons/sort.scss +12 -0
- package/src/icons/speechbubble-text.scss +12 -0
- package/src/icons/speechbubble.scss +12 -0
- package/src/icons/star-fill.scss +12 -0
- package/src/icons/star.scss +12 -0
- package/src/icons/swap-user.scss +12 -0
- package/src/icons/text-bold.scss +12 -0
- package/src/icons/text-italic.scss +12 -0
- package/src/icons/text-tool.scss +12 -0
- package/src/icons/thumbs-down-fill.scss +12 -0
- package/src/icons/thumbs-down.scss +12 -0
- package/src/icons/thumbs-up-fill.scss +12 -0
- package/src/icons/thumbs-up.scss +12 -0
- package/src/icons/ticket.scss +12 -0
- package/src/icons/tiktok.scss +12 -0
- package/src/icons/trash.scss +12 -0
- package/src/icons/traveler.scss +12 -0
- package/src/icons/twitch.scss +12 -0
- package/src/icons/twitter-old.scss +12 -0
- package/src/icons/twitter.scss +12 -0
- package/src/icons/upload-cloud.scss +12 -0
- package/src/icons/upload.scss +12 -0
- package/src/icons/user.scss +12 -0
- package/src/icons/vaccine.scss +12 -0
- package/src/icons/videocamera-crossed.scss +12 -0
- package/src/icons/videocamera.scss +12 -0
- package/src/icons/vimeo.scss +12 -0
- package/src/icons/virus.scss +12 -0
- package/src/icons/volume-high.scss +12 -0
- package/src/icons/volume-low.scss +12 -0
- package/src/icons/volume-minus.scss +12 -0
- package/src/icons/volume-mute.scss +12 -0
- package/src/icons/volume-plus.scss +12 -0
- package/src/icons/whatsapp.scss +12 -0
- package/src/icons/wifi-crossed.scss +12 -0
- package/src/icons/wifi.scss +12 -0
- package/src/icons/x.scss +12 -0
- package/src/icons/yle.scss +12 -0
- package/src/icons/youth.scss +12 -0
- package/src/icons/youtube.scss +12 -0
- package/src/icons/zoom-in.scss +12 -0
- package/src/icons/zoom-out.scss +12 -0
- package/src/icons/zoom-text.scss +12 -0
- package/src/svg/alert-circle-fill.svg +3 -0
- package/src/svg/alert-circle.svg +3 -0
- package/src/svg/angle-down.svg +3 -0
- package/src/svg/angle-left.svg +3 -0
- package/src/svg/angle-right.svg +3 -0
- package/src/svg/angle-up.svg +3 -0
- package/src/svg/arrow-bottom-left.svg +3 -0
- package/src/svg/arrow-bottom-right.svg +3 -0
- package/src/svg/arrow-down.svg +3 -0
- package/src/svg/arrow-left.svg +3 -0
- package/src/svg/arrow-redo.svg +3 -0
- package/src/svg/arrow-right-dashed.svg +6 -0
- package/src/svg/arrow-right.svg +3 -0
- package/src/svg/arrow-top-left.svg +3 -0
- package/src/svg/arrow-top-right.svg +3 -0
- package/src/svg/arrow-undo.svg +3 -0
- package/src/svg/arrow-up.svg +3 -0
- package/src/svg/at-sign.svg +3 -0
- package/src/svg/bag-cogwheel.svg +4 -0
- package/src/svg/bell-crossed.svg +3 -0
- package/src/svg/bell.svg +3 -0
- package/src/svg/binoculars.svg +3 -0
- package/src/svg/box.svg +5 -0
- package/src/svg/cake.svg +3 -0
- package/src/svg/calendar-clock.svg +3 -0
- package/src/svg/calendar-cross.svg +3 -0
- package/src/svg/calendar-event.svg +3 -0
- package/src/svg/calendar-plus.svg +3 -0
- package/src/svg/calendar-recurring.svg +3 -0
- package/src/svg/calendar.svg +3 -0
- package/src/svg/camera.svg +3 -0
- package/src/svg/check-circle-fill.svg +3 -0
- package/src/svg/check-circle.svg +3 -0
- package/src/svg/check.svg +3 -0
- package/src/svg/children.svg +12 -0
- package/src/svg/clock-cross.svg +3 -0
- package/src/svg/clock-plus.svg +3 -0
- package/src/svg/clock.svg +3 -0
- package/src/svg/coffee-cup-saucer.svg +3 -0
- package/src/svg/cogwheel.svg +3 -0
- package/src/svg/cogwheels.svg +4 -0
- package/src/svg/collapse.svg +4 -0
- package/src/svg/company.svg +3 -0
- package/src/svg/copy.svg +3 -0
- package/src/svg/cross-circle-fill.svg +3 -0
- package/src/svg/cross-circle.svg +3 -0
- package/src/svg/cross.svg +3 -0
- package/src/svg/customer-bot-negative.svg +3 -0
- package/src/svg/customer-bot-neutral.svg +3 -0
- package/src/svg/customer-bot-positive.svg +3 -0
- package/src/svg/discord.svg +3 -0
- package/src/svg/display.svg +3 -0
- package/src/svg/document-blank-group.svg +5 -0
- package/src/svg/document-blank.svg +3 -0
- package/src/svg/document-group.svg +9 -0
- package/src/svg/document.svg +3 -0
- package/src/svg/download-cloud.svg +3 -0
- package/src/svg/download.svg +3 -0
- package/src/svg/drag.svg +3 -0
- package/src/svg/entrepreneur.svg +3 -0
- package/src/svg/envelope.svg +3 -0
- package/src/svg/error-fill.svg +3 -0
- package/src/svg/error.svg +3 -0
- package/src/svg/euro-sign.svg +3 -0
- package/src/svg/eye-crossed.svg +3 -0
- package/src/svg/eye.svg +3 -0
- package/src/svg/face-neutral.svg +3 -0
- package/src/svg/face-sad.svg +3 -0
- package/src/svg/face-smile.svg +3 -0
- package/src/svg/facebook.svg +3 -0
- package/src/svg/family.svg +3 -0
- package/src/svg/folder-group.svg +5 -0
- package/src/svg/folder.svg +3 -0
- package/src/svg/globe.svg +3 -0
- package/src/svg/google.svg +3 -0
- package/src/svg/graph-columns.svg +3 -0
- package/src/svg/group.svg +3 -0
- package/src/svg/hammers.svg +5 -0
- package/src/svg/headphones.svg +3 -0
- package/src/svg/heart-fill.svg +3 -0
- package/src/svg/heart.svg +3 -0
- package/src/svg/history.svg +4 -0
- package/src/svg/home-smoke.svg +3 -0
- package/src/svg/home.svg +3 -0
- package/src/svg/info-circle-fill.svg +3 -0
- package/src/svg/info-circle.svg +3 -0
- package/src/svg/instagram.svg +3 -0
- package/src/svg/key.svg +3 -0
- package/src/svg/layers.svg +3 -0
- package/src/svg/lightbulb.svg +5 -0
- package/src/svg/link-external.svg +3 -0
- package/src/svg/link.svg +3 -0
- package/src/svg/linkedin.svg +3 -0
- package/src/svg/locate.svg +3 -0
- package/src/svg/location.svg +3 -0
- package/src/svg/lock-open.svg +3 -0
- package/src/svg/lock.svg +3 -0
- package/src/svg/map.svg +3 -0
- package/src/svg/menu-dots.svg +3 -0
- package/src/svg/menu-hamburger.svg +3 -0
- package/src/svg/microphone-crossed.svg +3 -0
- package/src/svg/microphone.svg +3 -0
- package/src/svg/minus-circle-fill.svg +3 -0
- package/src/svg/minus-circle.svg +3 -0
- package/src/svg/minus.svg +3 -0
- package/src/svg/mobile.svg +3 -0
- package/src/svg/money-bag-fill.svg +3 -0
- package/src/svg/money-bag.svg +4 -0
- package/src/svg/mover.svg +3 -0
- package/src/svg/occupation.svg +3 -0
- package/src/svg/paperclip.svg +3 -0
- package/src/svg/pen-line.svg +3 -0
- package/src/svg/pen.svg +3 -0
- package/src/svg/person-female.svg +3 -0
- package/src/svg/person-genderless.svg +3 -0
- package/src/svg/person-male.svg +3 -0
- package/src/svg/person-wheelchair.svg +3 -0
- package/src/svg/phone.svg +3 -0
- package/src/svg/photo-plus.svg +3 -0
- package/src/svg/photo.svg +3 -0
- package/src/svg/playback-fastforward.svg +3 -0
- package/src/svg/playback-next.svg +3 -0
- package/src/svg/playback-pause.svg +3 -0
- package/src/svg/playback-play.svg +3 -0
- package/src/svg/playback-previous.svg +3 -0
- package/src/svg/playback-record.svg +3 -0
- package/src/svg/playback-rewind.svg +3 -0
- package/src/svg/playback-stop.svg +3 -0
- package/src/svg/plus-circle-fill.svg +3 -0
- package/src/svg/plus-circle.svg +3 -0
- package/src/svg/plus.svg +3 -0
- package/src/svg/podcast.svg +3 -0
- package/src/svg/printer.svg +3 -0
- package/src/svg/question-circle-fill.svg +3 -0
- package/src/svg/question-circle.svg +3 -0
- package/src/svg/refresh.svg +3 -0
- package/src/svg/restaurant.svg +3 -0
- package/src/svg/rss.svg +3 -0
- package/src/svg/save-diskette-fill.svg +3 -0
- package/src/svg/save-diskette.svg +3 -0
- package/src/svg/scroll-cogwheel.svg +4 -0
- package/src/svg/scroll-content.svg +6 -0
- package/src/svg/scroll-group.svg +5 -0
- package/src/svg/scroll.svg +3 -0
- package/src/svg/search.svg +3 -0
- package/src/svg/senior.svg +3 -0
- package/src/svg/share.svg +3 -0
- package/src/svg/shield.svg +4 -0
- package/src/svg/shopping-cart.svg +3 -0
- package/src/svg/signin.svg +3 -0
- package/src/svg/signout.svg +3 -0
- package/src/svg/sitemap.svg +3 -0
- package/src/svg/sliders.svg +3 -0
- package/src/svg/snapchat.svg +3 -0
- package/src/svg/sort-alphabetical-ascending.svg +3 -0
- package/src/svg/sort-alphabetical-descending.svg +3 -0
- package/src/svg/sort-ascending.svg +3 -0
- package/src/svg/sort-descending.svg +3 -0
- package/src/svg/sort.svg +3 -0
- package/src/svg/speechbubble-text.svg +3 -0
- package/src/svg/speechbubble.svg +3 -0
- package/src/svg/star-fill.svg +3 -0
- package/src/svg/star.svg +3 -0
- package/src/svg/swap-user.svg +3 -0
- package/src/svg/text-bold.svg +3 -0
- package/src/svg/text-italic.svg +3 -0
- package/src/svg/text-tool.svg +3 -0
- package/src/svg/thumbs-down-fill.svg +3 -0
- package/src/svg/thumbs-down.svg +3 -0
- package/src/svg/thumbs-up-fill.svg +3 -0
- package/src/svg/thumbs-up.svg +3 -0
- package/src/svg/ticket.svg +3 -0
- package/src/svg/tiktok.svg +3 -0
- package/src/svg/trash.svg +3 -0
- package/src/svg/traveler.svg +3 -0
- package/src/svg/twitch.svg +3 -0
- package/src/svg/twitter-old.svg +3 -0
- package/src/svg/twitter.svg +3 -0
- package/src/svg/upload-cloud.svg +3 -0
- package/src/svg/upload.svg +3 -0
- package/src/svg/user.svg +3 -0
- package/src/svg/vaccine.svg +3 -0
- package/src/svg/videocamera-crossed.svg +3 -0
- package/src/svg/videocamera.svg +3 -0
- package/src/svg/vimeo.svg +3 -0
- package/src/svg/virus.svg +3 -0
- package/src/svg/volume-high.svg +3 -0
- package/src/svg/volume-low.svg +3 -0
- package/src/svg/volume-minus.svg +3 -0
- package/src/svg/volume-mute.svg +3 -0
- package/src/svg/volume-plus.svg +3 -0
- package/src/svg/whatsapp.svg +3 -0
- package/src/svg/wifi-crossed.svg +3 -0
- package/src/svg/wifi.svg +3 -0
- package/src/svg/x.svg +4 -0
- package/src/svg/yle.svg +3 -0
- package/src/svg/youth.svg +3 -0
- package/src/svg/youtube.svg +3 -0
- package/src/svg/zoom-in.svg +3 -0
- package/src/svg/zoom-out.svg +3 -0
- package/src/svg/zoom-text.svg +3 -0
- package/src/variables/_colors.scss +148 -91
- package/src/variables/colors.stories.js +212 -0
- package/lib/components/_button-mixin.scss +0 -120
- package/lib/components/_checkbox-mixin.scss +0 -208
- package/lib/components/_footer-mixin.scss +0 -385
- package/lib/components/_header-mixin.scss +0 -275
- package/lib/components/_navigation-mixins.scss +0 -270
- package/lib/components/_radio-button-mixin.scss +0 -207
- package/lib/components/_tag-mixin.scss +0 -261
- package/lib/components/_text-input-mixin.scss +0 -203
- package/lib/icons/icon-arrow-left.css +0 -139
- package/lib/icons/icon-arrow-left.min.css +0 -1
- package/lib/icons/icon-arrow-right.css +0 -139
- package/lib/icons/icon-arrow-right.min.css +0 -1
- package/lib/icons/icon-check.css +0 -139
- package/lib/icons/icon-check.min.css +0 -1
- package/lib/icons/icon-close.css +0 -140
- package/lib/icons/icon-close.min.css +0 -1
- package/lib/icons/icon-error.css +0 -140
- package/lib/icons/icon-error.min.css +0 -1
- package/lib/icons/icon-info.css +0 -140
- package/lib/icons/icon-info.min.css +0 -1
- package/lib/icons/icon-success.css +0 -139
- package/lib/icons/icon-success.min.css +0 -1
- package/lib/icons/icon-warning.css +0 -139
- package/lib/icons/icon-warning.min.css +0 -1
- package/lib/utils-only.css +0 -2801
- package/lib/utils-only.min.css +0 -1
- package/src/icons/icon-arrow-left.scss +0 -23
- package/src/icons/icon-arrow-right.scss +0 -23
- package/src/icons/icon-check.scss +0 -23
- package/src/icons/icon-close.scss +0 -24
- package/src/icons/icon-error.scss +0 -24
- package/src/icons/icon-info.scss +0 -24
- package/src/icons/icon-success.scss +0 -23
- package/src/icons/icon-warning.scss +0 -23
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/text-input/text-input.scss%23sass","../../../src/components/text-input/text-input.scss","../../../src/components/text-input/_text-input-mixin.scss","../../../src/base/_focus.scss"],"names":[],"mappings":"AAMA,yBCHA,YAAA,CCkEE,qBAAA,CDhEF,0BCiEE,CAHA,iBD7DF,CDKA,iBEJE,gDAAA,CDGF,gDCFE,CDGF,kBAAA,CCDE,6CAAA,CACA,wCAAA,CDGF,kDAAA,CCDE,0DAAA,CDGF,8DCFE,CDGF,6DAAA,CCDE,yDAAA,CACA,+CAAA,CACA,4DAAA,CACA,gEAAA,CDOF,wCAAA,CCHE,oDAAA,CDEF,kCCDE,CAEA,kBAAA,CALA,aAAA,CDOF,0DAAA,CAEA,wCCDE,CDEF,4JAAA,CARA,UASA,CCEE,mCACE,8BDAJ,CCDE,8BACE,8BDAJ,CCGE,6CACE,sCDDJ,CCIE,uBAEE,sCAAA,CDJJ,YAEA,CErCE,+BAGE,eAAA,CFoCJ,iHEtCI,CFuCJ,gDAEA,CEpCE,2CAEE,eAAA,CADA,YFuCJ,CCFE,0BAIE,iDAAA,CADA,yCAAA,CADA,2BAAA,CDEJ,kBAIA,CD9CA,iBEgDE,mCF9CqF,CCgDvF,eAAA,CAFA,uDAGA,CD7CA,wBCkDA,sCAAA,CCOE,aAAA,CAGA,oCAAA,CDRF,0CCSE,CAHA,qCDLF,CCgCE,wCAEE,6CAAA,CDhCJ,YAEA,CDhDA,yBCoDA,oCAEA,CDjDA,iDEqDE,mCAAA,CAFA,kCDQF,CD3DA,wBCyDA,kBAAA,CCCE,6CAAA,CAGA,mBAAA,CADA,wCAAA,CAGA,2BDJF,CDtDA,wBEuBE,oCFtBoF,CC0DtF,eAAA,CAFA,sDAGA,CDxDA,wBEmBE,qCAAA,CAGE,eAAA,CAJF,mDD4CF,CC8GI,sDDxGJ,oDACA,CC6GI,sCACE,qDD3GN,CCoGI,0DD9FJ,sDACA,CCmGI,wCDjGJ,uDACA,CC0FI,0DACE,sDDpFN,CCyFI,wCACE,uDDvFN,CD9DA,oCCiEA,iBACA,CCzBE,2DASE,kBAAA,CAHA,oCAAA,CAEA,mBAAA,CAHA,eAAA,CAKA,sBAAA,CAGE,4BAAA,CANF,mBAAA,CDoBJ,iBAAA,CCzBI,OAAA,CD2BJ,0BC1BI,CD2BJ,cAQA,CCnBE,qDAEI,sDDoBN,CD9EA,qCEmCE,iBD+CF,CC7CE,4DASE,kBAAA,CAHA,oCAAA,CAEA,mBAAA,CAHA,eA2B0C,CAtB1C,sBAAA,CAHA,mBAAA,CANA,iBAAA,CAcE,6BAAA,CAbF,OAAA,CACA,0BAAA,CACA,cDsDJ,CCvCE,sDAII,uDDsCN,CD9FA,uBAEE,kBAAA,CADA,YAAA,CAEA,sBCiGF,CD/FE,2BAGE,iBAAA,CADA,WAAA,CADA,UCmGJ,CD5FA,uBE0DE,mBAAA,CADA,YDwCF,CCrCE,wCAEE,eAAA,CADA,MDwCJ,CCrCI,oDAEE,sDAAA,CADA,mDDwCN,CCpCI,mDAEE,uDAAA,CADA,oDDuCN,CCnCI,0DACE,mBDqCN,CCjCE,+CAEE,kBAAA,CAEA,kDAAA,CACA,kDAAA,CACA,wCAAA,CALA,mBAAA,CAMA,oCAAA,CAJA,+BAAA,CAKA,kBDmCJ,CCjCI,2DAGE,sDAAA,CAFA,oBAAA,CACA,mDDoCN,CChCI,0DAGE,uDAAA,CAFA,mBAAA,CACA,oDDmCN,CD/HA,yBACE,kDAAA,CACA,wBCkIF,CDhIE,+BACE,8CAAA,CACA,kDCkIJ,CD/HE,kCACE,0DCiIJ,CD7HA,6BAEE,4BAAA,CADA,wBCiIF,CD9HE,mCAEE,8CAAA,CADA,kDCiIJ,CD3HA,2BACE,gBAAA,CACA,eC8HF,CD5HE,sCACE,WC8HJ,CD3HE,wCAEE,eAAA,CADA,WC8HJ,CDxHA,6BACE,UC2HF,CDvHA,2BACE,kDAAA,CACA,cC0HF,CDxHE,iCACE,8CC0HJ,CDvHE,yCACE,YCyHJ","file":"text-input.min.css","sourcesContent":["// Text input component styles\r\n// Provides styling for the IVDS text input component with all variants, sizes, and states\r\n\r\n@use '_text-input-mixin' as input;\r\n\r\n// Text Input Wrapper\r\n.ivds-text-input-wrapper {\r\n @include input.text-input-wrapper;\r\n}\r\n\r\n// Text Input Base\r\n.ivds-text-input {\r\n @include input.text-input-base;\r\n @include input.text-input-size(var(--spacing-3, 0.75rem), var(--spacing-3, 0.75rem), var(--fontSize-base, 1rem), 48px);\r\n}\r\n\r\n// Text Input Label\r\n.ivds-text-input__label {\r\n @include input.text-input-label;\r\n \r\n &--required {\r\n @include input.text-input-required;\r\n }\r\n}\r\n\r\n// Text Input Helper Text\r\n.ivds-text-input__helper {\r\n @include input.text-input-helper;\r\n}\r\n\r\n// Text Input Error Text\r\n.ivds-text-input__error {\r\n @include input.text-input-error;\r\n}\r\n\r\n// Text Input Sizes\r\n.ivds-text-input--small {\r\n @include input.text-input-size(var(--spacing-2, 0.5rem), var(--spacing-3, 0.75rem), var(--fontSize-sm, 0.875rem), 32px);\r\n}\r\n\r\n.ivds-text-input--large {\r\n @include input.text-input-size(var(--spacing-4, 1rem), var(--spacing-4, 1rem), var(--fontSize-lg, 1.125rem), 56px);\r\n}\r\n\r\n// Text Input States\r\n.ivds-text-input--error {\r\n @include input.text-input-state(\r\n var(--color-semantic-error-500, #d73a50),\r\n var(--color-semantic-error-500, #d73a50),\r\n var(--color-semantic-error-500, #d73a50)\r\n );\r\n}\r\n\r\n.ivds-text-input--success {\r\n @include input.text-input-state(\r\n var(--color-semantic-success-500, #19895d),\r\n var(--color-semantic-success-500, #19895d),\r\n var(--color-semantic-success-500, #19895d)\r\n );\r\n}\r\n\r\n.ivds-text-input--warning {\r\n @include input.text-input-state(\r\n var(--color-semantic-warning-500, #ce790b),\r\n var(--color-semantic-warning-500, #ce790b),\r\n var(--color-semantic-warning-500, #ce790b)\r\n );\r\n}\r\n\r\n// Text Input with Icons\r\n.ivds-text-input-wrapper--icon-left {\r\n @include input.text-input-with-icon-left;\r\n}\r\n\r\n.ivds-text-input-wrapper--icon-right {\r\n @include input.text-input-with-icon-right;\r\n}\r\n\r\n.ivds-text-input__icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n \r\n svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: currentcolor;\r\n }\r\n}\r\n\r\n// Text Input Group (with addons)\r\n.ivds-text-input-group {\r\n @include input.text-input-group;\r\n}\r\n\r\n// Text Input Variants\r\n.ivds-text-input--filled {\r\n background-color: var(--ivds-surface-muted, #f1f3f5);\r\n border-color: transparent;\r\n \r\n &:focus {\r\n background-color: var(--ivds-surface-base, #fff);\r\n border-color: var(--color-brand-accent-600, #1058b8);\r\n }\r\n \r\n &:disabled {\r\n background-color: var(--color-semantic-neutral-200, #e2e7ec);\r\n }\r\n}\r\n\r\n.ivds-text-input--borderless {\r\n border-color: transparent;\r\n background-color: transparent;\r\n \r\n &:focus {\r\n border-color: var(--color-brand-accent-600, #1058b8);\r\n background-color: var(--ivds-surface-base, #fff);\r\n }\r\n}\r\n\r\n// Textarea specific styles\r\n.ivds-text-input--textarea {\r\n min-height: 120px;\r\n resize: vertical;\r\n \r\n &--no-resize {\r\n resize: none;\r\n }\r\n \r\n &--auto-resize {\r\n resize: none;\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n// Full width modifier\r\n.ivds-text-input--full-width {\r\n width: 100%;\r\n}\r\n\r\n// Readonly state\r\n.ivds-text-input[readonly] {\r\n background-color: var(--ivds-surface-muted, #f1f3f5);\r\n cursor: default;\r\n \r\n &:focus {\r\n border-color: var(--ivds-border-strong, #a1adba);\r\n }\r\n\r\n &:focus-visible {\r\n outline: none;\r\n }\r\n}\r\n","// Text input component styles\r\n// Provides styling for the IVDS text input component with all variants, sizes, and states\r\n\r\n@use '_text-input-mixin' as input;\r\n\r\n// Text Input Wrapper\r\n.ivds-text-input-wrapper {\r\n @include input.text-input-wrapper;\r\n}\r\n\r\n// Text Input Base\r\n.ivds-text-input {\r\n @include input.text-input-base;\r\n @include input.text-input-size(var(--spacing-3, 0.75rem), var(--spacing-3, 0.75rem), var(--fontSize-base, 1rem), 48px);\r\n}\r\n\r\n// Text Input Label\r\n.ivds-text-input__label {\r\n @include input.text-input-label;\r\n \r\n &--required {\r\n @include input.text-input-required;\r\n }\r\n}\r\n\r\n// Text Input Helper Text\r\n.ivds-text-input__helper {\r\n @include input.text-input-helper;\r\n}\r\n\r\n// Text Input Error Text\r\n.ivds-text-input__error {\r\n @include input.text-input-error;\r\n}\r\n\r\n// Text Input Sizes\r\n.ivds-text-input--small {\r\n @include input.text-input-size(var(--spacing-2, 0.5rem), var(--spacing-3, 0.75rem), var(--fontSize-sm, 0.875rem), 32px);\r\n}\r\n\r\n.ivds-text-input--large {\r\n @include input.text-input-size(var(--spacing-4, 1rem), var(--spacing-4, 1rem), var(--fontSize-lg, 1.125rem), 56px);\r\n}\r\n\r\n// Text Input States\r\n.ivds-text-input--error {\r\n @include input.text-input-state(\r\n var(--color-semantic-error-500, #d73a50),\r\n var(--color-semantic-error-500, #d73a50),\r\n var(--color-semantic-error-500, #d73a50)\r\n );\r\n}\r\n\r\n.ivds-text-input--success {\r\n @include input.text-input-state(\r\n var(--color-semantic-success-500, #19895d),\r\n var(--color-semantic-success-500, #19895d),\r\n var(--color-semantic-success-500, #19895d)\r\n );\r\n}\r\n\r\n.ivds-text-input--warning {\r\n @include input.text-input-state(\r\n var(--color-semantic-warning-500, #ce790b),\r\n var(--color-semantic-warning-500, #ce790b),\r\n var(--color-semantic-warning-500, #ce790b)\r\n );\r\n}\r\n\r\n// Text Input with Icons\r\n.ivds-text-input-wrapper--icon-left {\r\n @include input.text-input-with-icon-left;\r\n}\r\n\r\n.ivds-text-input-wrapper--icon-right {\r\n @include input.text-input-with-icon-right;\r\n}\r\n\r\n.ivds-text-input__icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n \r\n svg {\r\n width: 100%;\r\n height: 100%;\r\n fill: currentcolor;\r\n }\r\n}\r\n\r\n// Text Input Group (with addons)\r\n.ivds-text-input-group {\r\n @include input.text-input-group;\r\n}\r\n\r\n// Text Input Variants\r\n.ivds-text-input--filled {\r\n background-color: var(--ivds-surface-muted, #f1f3f5);\r\n border-color: transparent;\r\n \r\n &:focus {\r\n background-color: var(--ivds-surface-base, #fff);\r\n border-color: var(--color-brand-accent-600, #1058b8);\r\n }\r\n \r\n &:disabled {\r\n background-color: var(--color-semantic-neutral-200, #e2e7ec);\r\n }\r\n}\r\n\r\n.ivds-text-input--borderless {\r\n border-color: transparent;\r\n background-color: transparent;\r\n \r\n &:focus {\r\n border-color: var(--color-brand-accent-600, #1058b8);\r\n background-color: var(--ivds-surface-base, #fff);\r\n }\r\n}\r\n\r\n// Textarea specific styles\r\n.ivds-text-input--textarea {\r\n min-height: 120px;\r\n resize: vertical;\r\n \r\n &--no-resize {\r\n resize: none;\r\n }\r\n \r\n &--auto-resize {\r\n resize: none;\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n// Full width modifier\r\n.ivds-text-input--full-width {\r\n width: 100%;\r\n}\r\n\r\n// Readonly state\r\n.ivds-text-input[readonly] {\r\n background-color: var(--ivds-surface-muted, #f1f3f5);\r\n cursor: default;\r\n \r\n &:focus {\r\n border-color: var(--ivds-border-strong, #a1adba);\r\n }\r\n\r\n &:focus-visible {\r\n outline: none;\r\n }\r\n}\r\n","// Text input component mixins and private styles\n/* stylelint-disable no-descending-specificity */\n\n@use '../../base/focus' as *;\n\n@mixin text-input-base {\n // Per-component CSS variable API\n --background-color: var(--ivds-surface-base, #fff);\n --border-color: var(--ivds-border-strong, #a1adba);\n --border-width: 2px;\n --border-radius: var(--ivds-radius-s, 0.125rem);\n --color: var(--ivds-text-primary, #121a24);\n --placeholder-color: var(--ivds-text-muted, #4d5968);\n --focus-border-color: var(--color-brand-accent-600, #1058b8);\n --hover-border-color: var(--color-semantic-neutral-600, #4d5968);\n --disabled-background-color: var(--ivds-surface-muted, #f1f3f5);\n --disabled-border-color: var(--ivds-border-subtle, #e2e7ec);\n --disabled-color: var(--ivds-text-muted, #4d5968);\n --error-border-color: var(--color-semantic-error-500, #d73a50);\n --success-border-color: var(--color-semantic-success-500, #19895d);\n\n display: block;\n width: 100%;\n border: var(--border-width) solid var(--border-color);\n border-radius: var(--border-radius);\n background-color: var(--background-color);\n color: var(--color);\n font-family: var(--fontFamily-primary, system-ui, sans-serif);\n font-size: var(--fontSize-base, 1rem);\n line-height: var(--lineHeight-normal, 1.5);\n transition:\n border-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease),\n background-color var(--ivds-motion-fast, 150ms) var(--ivds-motion-ease, ease);\n\n &::placeholder {\n color: var(--placeholder-color);\n }\n\n &:hover:not(:disabled, :focus) {\n border-color: var(--hover-border-color);\n }\n\n &:focus {\n outline: none;\n border-color: var(--focus-border-color);\n }\n\n @include focus-ring;\n\n &:disabled {\n cursor: not-allowed;\n color: var(--disabled-color);\n border-color: var(--disabled-border-color);\n background-color: var(--disabled-background-color);\n }\n}\n\n@mixin text-input-size($padding-y, $padding-x, $font-size, $min-height: null) {\n padding: $padding-y $padding-x;\n font-size: $font-size;\n\n @if $min-height {\n min-height: $min-height;\n }\n}\n\n@mixin text-input-wrapper {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: var(--spacing-2, 0.5rem);\n}\n\n@mixin text-input-label {\n display: block;\n margin-bottom: var(--spacing-1, 0.25rem);\n color: var(--ivds-text-primary, #121a24);\n font-size: var(--fontSize-sm, 0.875rem);\n font-weight: var(--fontWeight-semibold, 600);\n}\n\n@mixin text-input-helper {\n margin-top: var(--spacing-1, 0.25rem);\n color: var(--ivds-text-muted, #4d5968);\n font-size: var(--fontSize-xs, 0.75rem);\n}\n\n@mixin text-input-error-msg {\n margin-top: var(--spacing-1, 0.25rem);\n color: var(--color-semantic-error-600, #b72a41);\n font-size: var(--fontSize-xs, 0.75rem);\n font-weight: var(--fontWeight-medium, 500);\n display: inline-flex;\n align-items: center;\n gap: var(--spacing-1, 0.25rem);\n}\n\n@mixin text-input-error {\n @include text-input-error-msg;\n}\n\n@mixin text-input-required {\n &::after {\n content: ' *';\n color: var(--color-semantic-error-500, #d73a50);\n }\n}\n\n@mixin text-input-with-icon($position: 'left', $icon-size: 1.125rem) {\n position: relative;\n\n .ivds-text-input__icon {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: $icon-size;\n height: $icon-size;\n color: var(--ivds-text-muted, #4d5968);\n pointer-events: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n @if $position == 'left' {\n left: var(--spacing-3, 0.75rem);\n } @else {\n right: var(--spacing-3, 0.75rem);\n }\n }\n\n .ivds-text-input {\n @if $position == 'left' {\n padding-left: calc(#{$icon-size} + var(--spacing-6, 1.5rem));\n } @else {\n padding-right: calc(#{$icon-size} + var(--spacing-6, 1.5rem));\n }\n }\n}\n\n@mixin text-input-with-icon-left($icon-size: 1.125rem) {\n @include text-input-with-icon('left', $icon-size);\n}\n\n@mixin text-input-with-icon-right($icon-size: 1.125rem) {\n @include text-input-with-icon('right', $icon-size);\n}\n\n@mixin text-input-group {\n display: flex;\n align-items: stretch;\n\n .ivds-text-input {\n flex: 1;\n border-radius: 0;\n\n &:first-child {\n border-top-left-radius: var(--ivds-radius-s, 0.125rem);\n border-bottom-left-radius: var(--ivds-radius-s, 0.125rem);\n }\n\n &:last-child {\n border-top-right-radius: var(--ivds-radius-s, 0.125rem);\n border-bottom-right-radius: var(--ivds-radius-s, 0.125rem);\n }\n\n &:not(:first-child) {\n border-left-width: 0;\n }\n }\n\n .ivds-text-input__addon {\n display: inline-flex;\n align-items: center;\n padding: var(--spacing-3, 0.75rem);\n background-color: var(--ivds-surface-muted, #f1f3f5);\n border: 2px solid var(--ivds-border-strong, #a1adba);\n color: var(--ivds-text-secondary, #36414f);\n font-size: var(--fontSize-sm, 0.875rem);\n white-space: nowrap;\n\n &:first-child {\n border-right-width: 0;\n border-top-left-radius: var(--ivds-radius-s, 0.125rem);\n border-bottom-left-radius: var(--ivds-radius-s, 0.125rem);\n }\n\n &:last-child {\n border-left-width: 0;\n border-top-right-radius: var(--ivds-radius-s, 0.125rem);\n border-bottom-right-radius: var(--ivds-radius-s, 0.125rem);\n }\n }\n}\n\n@mixin text-input-state-error {\n .ivds-text-input {\n border-color: var(--color-semantic-error-500, #d73a50);\n\n &:focus-visible {\n outline-color: var(--color-semantic-error-500, #d73a50);\n }\n }\n\n .ivds-text-input__label {\n color: var(--color-semantic-error-700, #922036);\n }\n}\n\n@mixin text-input-state($border-color, $focus-border-color: null, $focus-outline-color: null) {\n border-color: $border-color;\n\n @if $focus-border-color {\n &:focus {\n border-color: $focus-border-color;\n }\n }\n\n @if $focus-outline-color {\n &:focus-visible {\n outline-color: $focus-outline-color;\n }\n }\n}\n\n@mixin text-input-state-success {\n .ivds-text-input {\n border-color: var(--color-semantic-success-500, #19895d);\n\n &:focus-visible {\n outline-color: var(--color-semantic-success-500, #19895d);\n }\n }\n}\n","// Unified focus ring mixin\n// Uses outline instead of box-shadow to avoid conflicts with elevated components (Card, Modal).\n// Inspired by Helsinki Design System: 3px solid outline with 2px offset.\n\n@mixin focus-ring($offset: var(--ivds-focus-ring-offset, 2px), $width: var(--ivds-focus-ring-width, 3px), $color: var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8))) {\n &:focus-visible {\n outline: #{$width} solid #{$color};\n outline-offset: #{$offset};\n box-shadow: none;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n box-shadow: none;\n }\n}\n\n// Variant for components where the focus indicator is on a sibling element\n// (e.g., checkbox input:focus-visible + .checkbox__box)\n@mixin focus-ring-on-sibling($selector, $offset: var(--ivds-focus-ring-offset, 2px), $width: var(--ivds-focus-ring-width, 3px), $color: var(--ivds-focus-ring-color, var(--color-brand-accent-600, #1058b8))) {\n &:focus-visible + #{$selector} {\n outline: #{$width} solid #{$color};\n outline-offset: #{$offset};\n box-shadow: none;\n }\n\n &:focus:not(:focus-visible) + #{$selector} {\n outline: none;\n box-shadow: none;\n }\n}\n"]}
|
package/lib/gov/gov.css
ADDED
|
@@ -0,0 +1,486 @@
|
|
|
1
|
+
/* Government namespace styles for IVDS */
|
|
2
|
+
/* stylelint-disable no-descending-specificity */
|
|
3
|
+
:root {
|
|
4
|
+
--ivds-gov-color-canvas: var(--ivds-surface-page, var(--color-semantic-neutral-50));
|
|
5
|
+
--ivds-gov-color-surface: var(--ivds-surface-base, var(--color-semantic-neutral-100));
|
|
6
|
+
--ivds-gov-color-surface-muted: var(--ivds-surface-muted, var(--color-semantic-neutral-100));
|
|
7
|
+
--ivds-gov-color-surface-strong: var(--ivds-surface-strong, var(--color-semantic-neutral-900));
|
|
8
|
+
--ivds-gov-color-primary: var(--color-brand-primary-600);
|
|
9
|
+
--ivds-gov-color-primary-soft: var(--color-brand-primary-50);
|
|
10
|
+
--ivds-gov-color-accent: var(--color-brand-secondary-600);
|
|
11
|
+
--ivds-gov-color-accent-soft: var(--color-brand-secondary-50);
|
|
12
|
+
--ivds-gov-color-text: var(--ivds-text-primary, var(--color-semantic-neutral-900));
|
|
13
|
+
--ivds-gov-color-text-muted: var(--ivds-text-secondary, var(--color-semantic-neutral-600));
|
|
14
|
+
--ivds-gov-color-border: var(--ivds-border-subtle, var(--color-semantic-neutral-200));
|
|
15
|
+
--ivds-gov-color-border-strong: var(--ivds-border-strong, var(--color-semantic-neutral-400));
|
|
16
|
+
--ivds-gov-focus-ring: var(--ivds-focus-ring, 0 0 0 3px var(--ivds-focus-ring-color));
|
|
17
|
+
--ivds-gov-radius-s: var(--ivds-radius-s, var(--borderRadius-sm));
|
|
18
|
+
--ivds-gov-radius-m: var(--ivds-radius-m, var(--borderRadius-md));
|
|
19
|
+
--ivds-gov-radius-l: var(--ivds-radius-l, var(--borderRadius-lg));
|
|
20
|
+
--ivds-gov-shadow-sm: var(--ivds-shadow-sm, var(--shadow-xs));
|
|
21
|
+
--ivds-gov-shadow-md: var(--ivds-shadow-md, var(--shadow-sm));
|
|
22
|
+
--ivds-gov-max-width: 1200px;
|
|
23
|
+
}
|
|
24
|
+
.ivds-gov-shell {
|
|
25
|
+
background: var(--ivds-gov-color-canvas);
|
|
26
|
+
color: var(--ivds-gov-color-text);
|
|
27
|
+
font-family: var(--fontFamily-primary);
|
|
28
|
+
min-height: 100vh;
|
|
29
|
+
}
|
|
30
|
+
.ivds-gov-shell__container {
|
|
31
|
+
margin: 0 auto;
|
|
32
|
+
max-width: var(--ivds-gov-max-width);
|
|
33
|
+
padding: var(--spacing-4);
|
|
34
|
+
width: 100%;
|
|
35
|
+
}
|
|
36
|
+
.ivds-gov-top-promo {
|
|
37
|
+
align-items: center;
|
|
38
|
+
background: linear-gradient(145deg, var(--ivds-gov-color-surface) 0%, var(--ivds-gov-color-surface-muted) 100%);
|
|
39
|
+
border: 1px solid var(--ivds-gov-color-border);
|
|
40
|
+
border-radius: var(--ivds-gov-radius-l);
|
|
41
|
+
box-shadow: var(--ivds-gov-shadow-sm);
|
|
42
|
+
display: grid;
|
|
43
|
+
gap: var(--spacing-4);
|
|
44
|
+
grid-template-columns: minmax(0, 1fr) auto;
|
|
45
|
+
padding: var(--spacing-5);
|
|
46
|
+
}
|
|
47
|
+
.ivds-gov-top-promo__title {
|
|
48
|
+
font-family: var(--fontFamily-secondary);
|
|
49
|
+
font-size: clamp(var(--fontSize-2xl), 3vw, var(--fontSize-4xl));
|
|
50
|
+
font-weight: var(--fontWeight-bold);
|
|
51
|
+
line-height: var(--lineHeight-tight);
|
|
52
|
+
margin: 0;
|
|
53
|
+
}
|
|
54
|
+
.ivds-gov-top-promo__subtitle {
|
|
55
|
+
color: var(--ivds-gov-color-text-muted);
|
|
56
|
+
font-size: var(--fontSize-base);
|
|
57
|
+
margin: var(--spacing-2) 0 0;
|
|
58
|
+
max-width: 65ch;
|
|
59
|
+
}
|
|
60
|
+
.ivds-gov-flash-ticker {
|
|
61
|
+
align-items: center;
|
|
62
|
+
background: var(--ivds-gov-color-surface);
|
|
63
|
+
border: 1px solid var(--ivds-gov-color-border);
|
|
64
|
+
border-radius: var(--ivds-gov-radius-m);
|
|
65
|
+
border-top: 4px solid var(--ivds-gov-color-primary);
|
|
66
|
+
box-shadow: var(--ivds-gov-shadow-sm);
|
|
67
|
+
display: grid;
|
|
68
|
+
gap: var(--spacing-3);
|
|
69
|
+
grid-template-columns: auto minmax(0, 1fr);
|
|
70
|
+
margin-top: var(--spacing-4);
|
|
71
|
+
padding: var(--spacing-3) var(--spacing-4);
|
|
72
|
+
}
|
|
73
|
+
.ivds-gov-flash-ticker__label {
|
|
74
|
+
background: var(--ivds-gov-color-primary);
|
|
75
|
+
border-radius: var(--ivds-gov-radius-s);
|
|
76
|
+
color: var(--ivds-text-on-strong, var(--color-semantic-neutral-50));
|
|
77
|
+
font-size: var(--fontSize-xs);
|
|
78
|
+
font-weight: var(--fontWeight-bold);
|
|
79
|
+
letter-spacing: 0.08em;
|
|
80
|
+
padding: var(--spacing-2) var(--spacing-3);
|
|
81
|
+
text-transform: uppercase;
|
|
82
|
+
white-space: nowrap;
|
|
83
|
+
}
|
|
84
|
+
.ivds-gov-flash-ticker__list {
|
|
85
|
+
display: flex;
|
|
86
|
+
gap: var(--spacing-4);
|
|
87
|
+
list-style: none;
|
|
88
|
+
margin: 0;
|
|
89
|
+
overflow: auto;
|
|
90
|
+
padding: 0;
|
|
91
|
+
}
|
|
92
|
+
.ivds-gov-flash-ticker__item a {
|
|
93
|
+
color: var(--ivds-gov-color-text);
|
|
94
|
+
font-size: var(--fontSize-sm);
|
|
95
|
+
font-weight: var(--fontWeight-medium);
|
|
96
|
+
text-decoration: none;
|
|
97
|
+
}
|
|
98
|
+
.ivds-gov-flash-ticker__item a:hover,
|
|
99
|
+
.ivds-gov-flash-ticker__item a:focus-visible {
|
|
100
|
+
color: var(--ivds-gov-color-primary);
|
|
101
|
+
}
|
|
102
|
+
.ivds-gov-header {
|
|
103
|
+
background: var(--ivds-gov-color-surface);
|
|
104
|
+
border: 1px solid var(--ivds-gov-color-border);
|
|
105
|
+
border-radius: var(--ivds-gov-radius-l);
|
|
106
|
+
border-top: 4px solid var(--ivds-gov-color-accent);
|
|
107
|
+
box-shadow: var(--ivds-gov-shadow-sm);
|
|
108
|
+
margin-top: var(--spacing-4);
|
|
109
|
+
padding: var(--spacing-4) var(--spacing-5);
|
|
110
|
+
}
|
|
111
|
+
.ivds-gov-header__row {
|
|
112
|
+
align-items: center;
|
|
113
|
+
display: flex;
|
|
114
|
+
gap: var(--spacing-4);
|
|
115
|
+
justify-content: space-between;
|
|
116
|
+
}
|
|
117
|
+
.ivds-gov-header__brand {
|
|
118
|
+
display: flex;
|
|
119
|
+
flex-direction: column;
|
|
120
|
+
gap: var(--spacing-1);
|
|
121
|
+
}
|
|
122
|
+
.ivds-gov-header__brand-title {
|
|
123
|
+
font-size: var(--fontSize-lg);
|
|
124
|
+
font-weight: var(--fontWeight-bold);
|
|
125
|
+
letter-spacing: 0.04em;
|
|
126
|
+
margin: 0;
|
|
127
|
+
text-transform: uppercase;
|
|
128
|
+
}
|
|
129
|
+
.ivds-gov-header__brand-subtitle {
|
|
130
|
+
color: var(--ivds-gov-color-text-muted);
|
|
131
|
+
font-size: var(--fontSize-sm);
|
|
132
|
+
margin: 0;
|
|
133
|
+
}
|
|
134
|
+
.ivds-gov-primary-nav {
|
|
135
|
+
border-top: 1px solid var(--ivds-gov-color-border);
|
|
136
|
+
margin-top: var(--spacing-3);
|
|
137
|
+
padding-top: var(--spacing-3);
|
|
138
|
+
}
|
|
139
|
+
.ivds-gov-primary-nav__list {
|
|
140
|
+
display: flex;
|
|
141
|
+
flex-wrap: wrap;
|
|
142
|
+
gap: var(--spacing-2);
|
|
143
|
+
list-style: none;
|
|
144
|
+
margin: 0;
|
|
145
|
+
padding: 0;
|
|
146
|
+
}
|
|
147
|
+
.ivds-gov-primary-nav__item {
|
|
148
|
+
display: flex;
|
|
149
|
+
flex-direction: column;
|
|
150
|
+
gap: var(--spacing-2);
|
|
151
|
+
}
|
|
152
|
+
.ivds-gov-primary-nav__item > a {
|
|
153
|
+
border-radius: var(--ivds-gov-radius-s);
|
|
154
|
+
color: var(--ivds-gov-color-text);
|
|
155
|
+
display: inline-block;
|
|
156
|
+
font-size: var(--fontSize-sm);
|
|
157
|
+
font-weight: var(--fontWeight-medium);
|
|
158
|
+
padding: var(--spacing-2) var(--spacing-3);
|
|
159
|
+
text-decoration: none;
|
|
160
|
+
}
|
|
161
|
+
.ivds-gov-primary-nav__item--active > a,
|
|
162
|
+
.ivds-gov-primary-nav__item > a:hover,
|
|
163
|
+
.ivds-gov-primary-nav__item > a:focus-visible {
|
|
164
|
+
background: var(--ivds-gov-color-primary-soft);
|
|
165
|
+
color: var(--ivds-gov-color-primary);
|
|
166
|
+
}
|
|
167
|
+
.ivds-gov-primary-nav__sublist {
|
|
168
|
+
border-left: 2px solid var(--ivds-gov-color-border);
|
|
169
|
+
display: grid;
|
|
170
|
+
gap: var(--spacing-1);
|
|
171
|
+
list-style: none;
|
|
172
|
+
margin: 0;
|
|
173
|
+
padding: 0 0 0 var(--spacing-3);
|
|
174
|
+
}
|
|
175
|
+
.ivds-gov-primary-nav__subitem a {
|
|
176
|
+
border-radius: var(--ivds-gov-radius-s);
|
|
177
|
+
color: var(--ivds-gov-color-text-muted);
|
|
178
|
+
display: inline-block;
|
|
179
|
+
font-size: var(--fontSize-xs);
|
|
180
|
+
font-weight: var(--fontWeight-medium);
|
|
181
|
+
padding: var(--spacing-1) var(--spacing-2);
|
|
182
|
+
text-decoration: none;
|
|
183
|
+
}
|
|
184
|
+
.ivds-gov-primary-nav__subitem a:hover,
|
|
185
|
+
.ivds-gov-primary-nav__subitem a:focus-visible {
|
|
186
|
+
background: var(--ivds-gov-color-accent-soft);
|
|
187
|
+
color: var(--ivds-gov-color-accent);
|
|
188
|
+
}
|
|
189
|
+
.ivds-gov-language-switcher {
|
|
190
|
+
align-items: center;
|
|
191
|
+
display: inline-flex;
|
|
192
|
+
gap: var(--spacing-1);
|
|
193
|
+
}
|
|
194
|
+
.ivds-gov-language-switcher__button {
|
|
195
|
+
background: transparent;
|
|
196
|
+
border: 1px solid var(--ivds-gov-color-border-strong);
|
|
197
|
+
border-radius: var(--ivds-gov-radius-s);
|
|
198
|
+
color: var(--ivds-gov-color-text-muted);
|
|
199
|
+
cursor: pointer;
|
|
200
|
+
font-size: var(--fontSize-xs);
|
|
201
|
+
font-weight: var(--fontWeight-bold);
|
|
202
|
+
padding: var(--spacing-1) var(--spacing-2);
|
|
203
|
+
transition: border-color var(--ivds-motion-fast, 150ms) ease, color var(--ivds-motion-fast, 150ms) ease;
|
|
204
|
+
}
|
|
205
|
+
.ivds-gov-language-switcher__button:hover,
|
|
206
|
+
.ivds-gov-language-switcher__button:focus-visible {
|
|
207
|
+
border-color: var(--ivds-gov-color-primary);
|
|
208
|
+
color: var(--ivds-gov-color-primary);
|
|
209
|
+
}
|
|
210
|
+
.ivds-gov-language-switcher__button--active {
|
|
211
|
+
background: var(--ivds-gov-color-primary-soft);
|
|
212
|
+
border-color: var(--ivds-gov-color-primary);
|
|
213
|
+
color: var(--ivds-gov-color-primary);
|
|
214
|
+
}
|
|
215
|
+
.ivds-gov-main-grid {
|
|
216
|
+
display: grid;
|
|
217
|
+
gap: var(--spacing-4);
|
|
218
|
+
grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
|
|
219
|
+
margin-top: var(--spacing-4);
|
|
220
|
+
}
|
|
221
|
+
.ivds-gov-news-panel,
|
|
222
|
+
.ivds-gov-agenda-panel,
|
|
223
|
+
.ivds-gov-service-directory,
|
|
224
|
+
.ivds-gov-mega-footer,
|
|
225
|
+
.ivds-gov-auth-card,
|
|
226
|
+
.ivds-gov-form-section {
|
|
227
|
+
background: var(--ivds-gov-color-surface);
|
|
228
|
+
border: 1px solid var(--ivds-gov-color-border);
|
|
229
|
+
border-radius: var(--ivds-gov-radius-m);
|
|
230
|
+
box-shadow: var(--ivds-gov-shadow-sm);
|
|
231
|
+
}
|
|
232
|
+
.ivds-gov-news-panel,
|
|
233
|
+
.ivds-gov-agenda-panel,
|
|
234
|
+
.ivds-gov-service-directory,
|
|
235
|
+
.ivds-gov-auth-card,
|
|
236
|
+
.ivds-gov-form-section {
|
|
237
|
+
padding: var(--spacing-4);
|
|
238
|
+
}
|
|
239
|
+
.ivds-gov-news-panel__title,
|
|
240
|
+
.ivds-gov-agenda-panel__title,
|
|
241
|
+
.ivds-gov-service-directory__title,
|
|
242
|
+
.ivds-gov-mega-footer__title,
|
|
243
|
+
.ivds-gov-auth-card__title,
|
|
244
|
+
.ivds-gov-form-section__title {
|
|
245
|
+
font-size: var(--fontSize-xl);
|
|
246
|
+
font-weight: var(--fontWeight-bold);
|
|
247
|
+
margin: 0 0 var(--spacing-3);
|
|
248
|
+
}
|
|
249
|
+
.ivds-gov-news-panel__list,
|
|
250
|
+
.ivds-gov-agenda-panel__list,
|
|
251
|
+
.ivds-gov-service-directory__list,
|
|
252
|
+
.ivds-gov-step-list {
|
|
253
|
+
display: grid;
|
|
254
|
+
gap: var(--spacing-3);
|
|
255
|
+
list-style: none;
|
|
256
|
+
margin: 0;
|
|
257
|
+
padding: 0;
|
|
258
|
+
}
|
|
259
|
+
.ivds-gov-news-panel__item,
|
|
260
|
+
.ivds-gov-agenda-panel__item,
|
|
261
|
+
.ivds-gov-service-directory__item,
|
|
262
|
+
.ivds-gov-step-list__item {
|
|
263
|
+
border: 1px solid var(--ivds-gov-color-border);
|
|
264
|
+
border-radius: var(--ivds-gov-radius-s);
|
|
265
|
+
padding: var(--spacing-3);
|
|
266
|
+
}
|
|
267
|
+
.ivds-gov-news-panel__item a,
|
|
268
|
+
.ivds-gov-agenda-panel__item a,
|
|
269
|
+
.ivds-gov-service-directory__item a {
|
|
270
|
+
color: var(--ivds-gov-color-text);
|
|
271
|
+
font-weight: var(--fontWeight-semibold);
|
|
272
|
+
text-decoration: none;
|
|
273
|
+
}
|
|
274
|
+
.ivds-gov-news-panel__excerpt {
|
|
275
|
+
color: var(--ivds-gov-color-text-muted);
|
|
276
|
+
font-size: var(--fontSize-sm);
|
|
277
|
+
margin: var(--spacing-1) 0 0;
|
|
278
|
+
}
|
|
279
|
+
.ivds-gov-news-panel__meta,
|
|
280
|
+
.ivds-gov-agenda-panel__meta,
|
|
281
|
+
.ivds-gov-service-directory__meta {
|
|
282
|
+
color: var(--ivds-gov-color-text-muted);
|
|
283
|
+
display: block;
|
|
284
|
+
font-size: var(--fontSize-xs);
|
|
285
|
+
margin-top: var(--spacing-1);
|
|
286
|
+
}
|
|
287
|
+
.ivds-gov-service-directory__item {
|
|
288
|
+
align-items: center;
|
|
289
|
+
display: grid;
|
|
290
|
+
gap: var(--spacing-2);
|
|
291
|
+
grid-template-columns: auto minmax(0, 1fr) auto;
|
|
292
|
+
}
|
|
293
|
+
.ivds-gov-service-directory__status {
|
|
294
|
+
border: 1px solid var(--ivds-gov-color-border-strong);
|
|
295
|
+
border-radius: var(--ivds-gov-radius-s);
|
|
296
|
+
color: var(--ivds-gov-color-text-muted);
|
|
297
|
+
font-size: var(--fontSize-xs);
|
|
298
|
+
font-weight: var(--fontWeight-medium);
|
|
299
|
+
padding: var(--spacing-1) var(--spacing-2);
|
|
300
|
+
text-transform: uppercase;
|
|
301
|
+
}
|
|
302
|
+
.ivds-gov-service-directory__status--available {
|
|
303
|
+
background: var(--color-semantic-success-50);
|
|
304
|
+
border-color: var(--color-semantic-success-600);
|
|
305
|
+
color: var(--color-semantic-success-700);
|
|
306
|
+
}
|
|
307
|
+
.ivds-gov-service-directory__status--maintenance {
|
|
308
|
+
background: var(--color-semantic-warning-50);
|
|
309
|
+
border-color: var(--color-semantic-warning-600);
|
|
310
|
+
color: var(--color-semantic-warning-700);
|
|
311
|
+
}
|
|
312
|
+
.ivds-gov-service-directory__status--coming-soon {
|
|
313
|
+
background: var(--ivds-gov-color-surface-muted);
|
|
314
|
+
border-color: var(--ivds-gov-color-border-strong);
|
|
315
|
+
color: var(--ivds-gov-color-text-muted);
|
|
316
|
+
}
|
|
317
|
+
.ivds-gov-mega-footer {
|
|
318
|
+
margin-top: var(--spacing-6);
|
|
319
|
+
padding: var(--spacing-5);
|
|
320
|
+
}
|
|
321
|
+
.ivds-gov-mega-footer__grid {
|
|
322
|
+
display: grid;
|
|
323
|
+
gap: var(--spacing-4);
|
|
324
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
325
|
+
}
|
|
326
|
+
.ivds-gov-mega-footer__section ul {
|
|
327
|
+
list-style: none;
|
|
328
|
+
margin: 0;
|
|
329
|
+
padding: 0;
|
|
330
|
+
}
|
|
331
|
+
.ivds-gov-mega-footer__section li + li {
|
|
332
|
+
margin-top: var(--spacing-2);
|
|
333
|
+
}
|
|
334
|
+
.ivds-gov-mega-footer__section a {
|
|
335
|
+
color: var(--ivds-gov-color-text-muted);
|
|
336
|
+
font-size: var(--fontSize-sm);
|
|
337
|
+
text-decoration: none;
|
|
338
|
+
}
|
|
339
|
+
.ivds-gov-mega-footer__section a:hover,
|
|
340
|
+
.ivds-gov-mega-footer__section a:focus-visible {
|
|
341
|
+
color: var(--ivds-gov-color-primary);
|
|
342
|
+
}
|
|
343
|
+
.ivds-gov-auth-layout {
|
|
344
|
+
display: grid;
|
|
345
|
+
gap: var(--spacing-4);
|
|
346
|
+
grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
|
|
347
|
+
margin-top: var(--spacing-4);
|
|
348
|
+
}
|
|
349
|
+
.ivds-gov-auth-card__eyebrow {
|
|
350
|
+
color: var(--ivds-gov-color-accent);
|
|
351
|
+
display: block;
|
|
352
|
+
font-size: var(--fontSize-xs);
|
|
353
|
+
font-weight: var(--fontWeight-semibold);
|
|
354
|
+
letter-spacing: 0.08em;
|
|
355
|
+
margin-bottom: var(--spacing-2);
|
|
356
|
+
text-transform: uppercase;
|
|
357
|
+
}
|
|
358
|
+
.ivds-gov-auth-card__actions {
|
|
359
|
+
display: grid;
|
|
360
|
+
gap: var(--spacing-2);
|
|
361
|
+
margin-top: var(--spacing-3);
|
|
362
|
+
}
|
|
363
|
+
.ivds-gov-form-page {
|
|
364
|
+
display: grid;
|
|
365
|
+
gap: var(--spacing-4);
|
|
366
|
+
margin-top: var(--spacing-4);
|
|
367
|
+
}
|
|
368
|
+
.ivds-gov-form-page__grid {
|
|
369
|
+
display: grid;
|
|
370
|
+
gap: var(--spacing-4);
|
|
371
|
+
grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
|
|
372
|
+
}
|
|
373
|
+
.ivds-gov-form-field {
|
|
374
|
+
display: grid;
|
|
375
|
+
gap: var(--spacing-1);
|
|
376
|
+
margin-top: var(--spacing-3);
|
|
377
|
+
}
|
|
378
|
+
.ivds-gov-form-field label {
|
|
379
|
+
font-size: var(--fontSize-sm);
|
|
380
|
+
font-weight: var(--fontWeight-semibold);
|
|
381
|
+
}
|
|
382
|
+
.ivds-gov-form-field input,
|
|
383
|
+
.ivds-gov-form-field select,
|
|
384
|
+
.ivds-gov-form-field textarea {
|
|
385
|
+
background: var(--ivds-gov-color-surface);
|
|
386
|
+
border: 1px solid var(--ivds-gov-color-border-strong);
|
|
387
|
+
border-radius: var(--ivds-gov-radius-s);
|
|
388
|
+
color: var(--ivds-gov-color-text);
|
|
389
|
+
font: inherit;
|
|
390
|
+
min-height: 2.5rem;
|
|
391
|
+
padding: 0 var(--spacing-3);
|
|
392
|
+
}
|
|
393
|
+
.ivds-gov-form-field textarea {
|
|
394
|
+
min-height: 8rem;
|
|
395
|
+
padding-block: var(--spacing-2);
|
|
396
|
+
resize: vertical;
|
|
397
|
+
}
|
|
398
|
+
.ivds-gov-step-list__item {
|
|
399
|
+
align-items: center;
|
|
400
|
+
display: grid;
|
|
401
|
+
gap: var(--spacing-2);
|
|
402
|
+
grid-template-columns: auto minmax(0, 1fr);
|
|
403
|
+
}
|
|
404
|
+
.ivds-gov-step-list__index {
|
|
405
|
+
background: var(--ivds-gov-color-primary-soft);
|
|
406
|
+
border-radius: var(--ivds-gov-radius-s);
|
|
407
|
+
color: var(--ivds-gov-color-primary);
|
|
408
|
+
display: inline-flex;
|
|
409
|
+
font-size: var(--fontSize-sm);
|
|
410
|
+
font-weight: var(--fontWeight-bold);
|
|
411
|
+
justify-content: center;
|
|
412
|
+
min-width: 2rem;
|
|
413
|
+
padding: var(--spacing-1) var(--spacing-2);
|
|
414
|
+
}
|
|
415
|
+
.ivds-gov-action-modal {
|
|
416
|
+
background: var(--ivds-gov-color-surface);
|
|
417
|
+
border: 1px solid var(--ivds-gov-color-border);
|
|
418
|
+
border-radius: var(--ivds-gov-radius-m);
|
|
419
|
+
box-shadow: var(--ivds-gov-shadow-md);
|
|
420
|
+
margin: var(--spacing-5) auto 0;
|
|
421
|
+
max-width: 42rem;
|
|
422
|
+
padding: var(--spacing-5);
|
|
423
|
+
}
|
|
424
|
+
.ivds-gov-action-modal__actions {
|
|
425
|
+
display: flex;
|
|
426
|
+
flex-wrap: wrap;
|
|
427
|
+
gap: var(--spacing-2);
|
|
428
|
+
margin-top: var(--spacing-4);
|
|
429
|
+
}
|
|
430
|
+
.ivds-gov-shell a:focus-visible,
|
|
431
|
+
.ivds-gov-shell button:focus-visible,
|
|
432
|
+
.ivds-gov-shell input:focus-visible,
|
|
433
|
+
.ivds-gov-shell select:focus-visible,
|
|
434
|
+
.ivds-gov-shell textarea:focus-visible {
|
|
435
|
+
box-shadow: var(--ivds-gov-focus-ring);
|
|
436
|
+
outline: none;
|
|
437
|
+
}
|
|
438
|
+
.ivds-gov-sr-only {
|
|
439
|
+
border: 0;
|
|
440
|
+
clip: rect(0 0 0 0);
|
|
441
|
+
height: 1px;
|
|
442
|
+
margin: -1px;
|
|
443
|
+
overflow: hidden;
|
|
444
|
+
padding: 0;
|
|
445
|
+
position: absolute;
|
|
446
|
+
white-space: nowrap;
|
|
447
|
+
width: 1px;
|
|
448
|
+
}
|
|
449
|
+
@media (max-width: 1024px) {
|
|
450
|
+
.ivds-gov-main-grid,
|
|
451
|
+
.ivds-gov-auth-layout,
|
|
452
|
+
.ivds-gov-form-page__grid {
|
|
453
|
+
grid-template-columns: 1fr;
|
|
454
|
+
}
|
|
455
|
+
.ivds-gov-mega-footer__grid {
|
|
456
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
457
|
+
}
|
|
458
|
+
}
|
|
459
|
+
@media (max-width: 640px) {
|
|
460
|
+
.ivds-gov-shell__container {
|
|
461
|
+
padding: var(--spacing-3);
|
|
462
|
+
}
|
|
463
|
+
.ivds-gov-top-promo {
|
|
464
|
+
grid-template-columns: 1fr;
|
|
465
|
+
padding: var(--spacing-4);
|
|
466
|
+
}
|
|
467
|
+
.ivds-gov-flash-ticker {
|
|
468
|
+
grid-template-columns: 1fr;
|
|
469
|
+
}
|
|
470
|
+
.ivds-gov-header {
|
|
471
|
+
padding: var(--spacing-4);
|
|
472
|
+
}
|
|
473
|
+
.ivds-gov-header__row {
|
|
474
|
+
align-items: flex-start;
|
|
475
|
+
flex-direction: column;
|
|
476
|
+
}
|
|
477
|
+
.ivds-gov-service-directory__item {
|
|
478
|
+
grid-template-columns: auto minmax(0, 1fr);
|
|
479
|
+
}
|
|
480
|
+
.ivds-gov-service-directory__status {
|
|
481
|
+
justify-self: start;
|
|
482
|
+
}
|
|
483
|
+
.ivds-gov-mega-footer__grid {
|
|
484
|
+
grid-template-columns: 1fr;
|
|
485
|
+
}
|
|
486
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/gov/gov.scss%23sass","../../src/gov/gov.scss"],"names":[],"mappings":"AAAA,yCAAA;AACA,gDAAA;AAEA;ECAA,mFAAA;EDEE,qFAAA;EACA,4FAAA;EACA,8FAAA;EACA,wDAAA;EACA,4DAAA;EACA,yDAAA;EACA,6DAAA;EACA,kFAAA;EACA,0FAAA;EACA,qFAAA;EACA,4FAAA;EACA,qFAAA;EACA,iEAAA;EACA,iEAAA;EACA,iEAAA;EACA,6DAAA;EACA,6DAAA;EACA,4BAAA;ACAF;ADGA;ECAA,wCAAA;EDEE,iCAAA;EACA,sCAAA;EACA,iBAAA;ACAF;ADGA;ECAA,cAAA;EDEE,oCAAA;EACA,yBAAA;EACA,WAAA;ACAF;ADGA;ECAA,mBAAA;EDEE,+GAAA;EACA,8CAAA;EACA,uCAAA;EACA,qCAAA;EACA,aAAA;EACA,qBAAA;EACA,0CAAA;EACA,yBAAA;ACAF;ADGA;ECAA,wCAAA;EDEE,+DAAA;EACA,mCAAA;EACA,oCAAA;EACA,SAAA;ACAF;ADGA;ECAA,uCAAA;EDEE,+BAAA;EACA,4BAAA;EACA,eAAA;ACAF;ADGA;ECAA,mBAAA;EDEE,yCAAA;EACA,8CAAA;EACA,uCAAA;EACA,mDAAA;EACA,qCAAA;EACA,aAAA;EACA,qBAAA;EACA,0CAAA;EACA,4BAAA;EACA,0CAAA;ACAF;ADGA;ECAA,yCAAA;EDEE,uCAAA;EACA,mEAAA;EACA,6BAAA;EACA,mCAAA;EACA,sBAAA;EACA,0CAAA;EACA,yBAAA;EACA,mBAAA;ACAF;ADGA;ECAA,aAAA;EDEE,qBAAA;EACA,gBAAA;EACA,SAAA;EACA,cAAA;EACA,UAAA;ACAF;ADGA;ECAA,iCAAA;EDEE,6BAAA;EACA,qCAAA;EACA,qBAAA;ACAF;ADGA;;EAEE,oCAAA;ACAF;ADGA;ECAA,yCAAA;EDEE,8CAAA;EACA,uCAAA;EACA,kDAAA;EACA,qCAAA;EACA,4BAAA;EACA,0CAAA;ACAF;ADGA;ECAA,mBAAA;EDEE,aAAA;EACA,qBAAA;EACA,8BAAA;ACAF;ADGA;ECAA,aAAA;EDEE,sBAAA;EACA,qBAAA;ACAF;ADGA;ECAA,6BAAA;EDEE,mCAAA;EACA,sBAAA;EACA,SAAA;EACA,yBAAA;ACAF;ADGA;ECAA,uCAAA;EDEE,6BAAA;EACA,SAAA;ACAF;ADGA;ECAA,kDAAA;EDEE,4BAAA;EACA,6BAAA;ACAF;ADGA;ECAA,aAAA;EDEE,eAAA;EACA,qBAAA;EACA,gBAAA;EACA,SAAA;EACA,UAAA;ACAF;ADGA;ECAA,aAAA;EDEE,sBAAA;EACA,qBAAA;ACAF;ADGA;ECAA,uCAAA;EDEE,iCAAA;EACA,qBAAA;EACA,6BAAA;EACA,qCAAA;EACA,0CAAA;EACA,qBAAA;ACAF;ADGA;;;EAGE,8CAAA;EACA,oCAAA;ACAF;ADGA;ECAA,mDAAA;EDEE,aAAA;EACA,qBAAA;EACA,gBAAA;EACA,SAAA;EACA,+BAAA;ACAF;ADGA;ECAA,uCAAA;EDEE,uCAAA;EACA,qBAAA;EACA,6BAAA;EACA,qCAAA;EACA,0CAAA;EACA,qBAAA;ACAF;ADGA;;EAEE,6CAAA;EACA,mCAAA;ACAF;ADGA;ECAA,mBAAA;EDEE,oBAAA;EACA,qBAAA;ACAF;ADGA;ECAA,uBAAA;EDEE,qDAAA;EACA,uCAAA;EACA,uCAAA;EACA,eAAA;EACA,6BAAA;EACA,mCAAA;EACA,0CAAA;EACA,uGAAA;ACAF;ADGA;;EAEE,2CAAA;EACA,oCAAA;ACAF;ADGA;ECAA,8CAAA;EDEE,2CAAA;EACA,oCAAA;ACAF;ADGA;ECAA,aAAA;EDEE,qBAAA;EACA,wDAAA;EACA,4BAAA;ACAF;ADGA;;;;;;EAME,yCAAA;EACA,8CAAA;EACA,uCAAA;EACA,qCAAA;ACAF;ADGA;;;;;EAKE,yBAAA;ACAF;ADGA;;;;;;EAME,6BAAA;EACA,mCAAA;EACA,4BAAA;ACAF;ADGA;;;;EAIE,aAAA;EACA,qBAAA;EACA,gBAAA;EACA,SAAA;EACA,UAAA;ACAF;ADGA;;;;EAIE,8CAAA;EACA,uCAAA;EACA,yBAAA;ACAF;ADGA;;;EAGE,iCAAA;EACA,uCAAA;EACA,qBAAA;ACAF;ADGA;ECAA,uCAAA;EDEE,6BAAA;EACA,4BAAA;ACAF;ADGA;;;EAGE,uCAAA;EACA,cAAA;EACA,6BAAA;EACA,4BAAA;ACAF;ADGA;ECAA,mBAAA;EDEE,aAAA;EACA,qBAAA;EACA,+CAAA;ACAF;ADGA;ECAA,qDAAA;EDEE,uCAAA;EACA,uCAAA;EACA,6BAAA;EACA,qCAAA;EACA,0CAAA;EACA,yBAAA;ACAF;ADGA;ECAA,4CAAA;EDEE,+CAAA;EACA,wCAAA;ACAF;ADGA;ECAA,4CAAA;EDEE,+CAAA;EACA,wCAAA;ACAF;ADGA;ECAA,+CAAA;EDEE,iDAAA;EACA,uCAAA;ACAF;ADGA;ECAA,4BAAA;EDEE,yBAAA;ACAF;ADGA;ECAA,aAAA;EDEE,qBAAA;EACA,gDAAA;ACAF;ADGA;ECAA,gBAAA;EDEE,SAAA;EACA,UAAA;ACAF;ADGA;ECAA,4BAAA;AACA;ADGA;ECAA,uCAAA;EDEE,6BAAA;EACA,qBAAA;ACAF;ADGA;;EAEE,oCAAA;ACAF;ADGA;ECAA,aAAA;EDEE,qBAAA;EACA,0DAAA;EACA,4BAAA;ACAF;ADGA;ECAA,mCAAA;EDEE,cAAA;EACA,6BAAA;EACA,uCAAA;EACA,sBAAA;EACA,+BAAA;EACA,yBAAA;ACAF;ADGA;ECAA,aAAA;EDEE,qBAAA;EACA,4BAAA;ACAF;ADGA;ECAA,aAAA;EDEE,qBAAA;EACA,4BAAA;ACAF;ADGA;ECAA,aAAA;EDEE,qBAAA;EACA,wDAAA;ACAF;ADGA;ECAA,aAAA;EDEE,qBAAA;EACA,4BAAA;ACAF;ADGA;ECAA,6BAAA;EDEE,uCAAA;ACAF;ADGA;;;EAGE,yCAAA;EACA,qDAAA;EACA,uCAAA;EACA,iCAAA;EACA,aAAA;EACA,kBAAA;EACA,2BAAA;ACAF;ADGA;ECAA,gBAAA;EDEE,+BAAA;EACA,gBAAA;ACAF;ADGA;ECAA,mBAAA;EDEE,aAAA;EACA,qBAAA;EACA,0CAAA;ACAF;ADGA;ECAA,8CAAA;EDEE,uCAAA;EACA,oCAAA;EACA,oBAAA;EACA,6BAAA;EACA,mCAAA;EACA,uBAAA;EACA,eAAA;EACA,0CAAA;ACAF;ADGA;ECAA,yCAAA;EDEE,8CAAA;EACA,uCAAA;EACA,qCAAA;EACA,+BAAA;EACA,gBAAA;EACA,yBAAA;ACAF;ADGA;ECAA,aAAA;EDEE,eAAA;EACA,qBAAA;EACA,4BAAA;ACAF;ADGA;;;;;EAKE,sCAAA;EACA,aAAA;ACAF;ADGA;ECAA,SAAA;EDEE,mBAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,UAAA;EACA,kBAAA;EACA,mBAAA;EACA,UAAA;ACAF;ADGA;ECAA;;;IDII,0BAAA;ECAF;EDGA;IACE,gDAAA;ECDF;AACF;ADIA;ECFA;IDII,yBAAA;ECFJ;EDKE;IACE,0BAAA;ICHF,yBAAA;EACA;EDMA;IACE,0BAAA;ECJF;EDOA;IACE,yBAAA;ECLF;EDQA;ICNA,uBAAA;IDQE,sBAAA;ECNF;EDSA;ICPA,0CAAA;EACA;EDUA;IACE,mBAAA;ECRF;EDWA;IACE,0BAAA;ECTF;AACF","file":"gov.css","sourcesContent":["/* Government namespace styles for IVDS */\n/* stylelint-disable no-descending-specificity */\n\n:root {\n --ivds-gov-color-canvas: var(--ivds-surface-page, var(--color-semantic-neutral-50));\n --ivds-gov-color-surface: var(--ivds-surface-base, var(--color-semantic-neutral-100));\n --ivds-gov-color-surface-muted: var(--ivds-surface-muted, var(--color-semantic-neutral-100));\n --ivds-gov-color-surface-strong: var(--ivds-surface-strong, var(--color-semantic-neutral-900));\n --ivds-gov-color-primary: var(--color-brand-primary-600);\n --ivds-gov-color-primary-soft: var(--color-brand-primary-50);\n --ivds-gov-color-accent: var(--color-brand-secondary-600);\n --ivds-gov-color-accent-soft: var(--color-brand-secondary-50);\n --ivds-gov-color-text: var(--ivds-text-primary, var(--color-semantic-neutral-900));\n --ivds-gov-color-text-muted: var(--ivds-text-secondary, var(--color-semantic-neutral-600));\n --ivds-gov-color-border: var(--ivds-border-subtle, var(--color-semantic-neutral-200));\n --ivds-gov-color-border-strong: var(--ivds-border-strong, var(--color-semantic-neutral-400));\n --ivds-gov-focus-ring: var(--ivds-focus-ring, 0 0 0 3px var(--ivds-focus-ring-color));\n --ivds-gov-radius-s: var(--ivds-radius-s, var(--borderRadius-sm));\n --ivds-gov-radius-m: var(--ivds-radius-m, var(--borderRadius-md));\n --ivds-gov-radius-l: var(--ivds-radius-l, var(--borderRadius-lg));\n --ivds-gov-shadow-sm: var(--ivds-shadow-sm, var(--shadow-xs));\n --ivds-gov-shadow-md: var(--ivds-shadow-md, var(--shadow-sm));\n --ivds-gov-max-width: 1200px;\n}\n\n.ivds-gov-shell {\n background: var(--ivds-gov-color-canvas);\n color: var(--ivds-gov-color-text);\n font-family: var(--fontFamily-primary);\n min-height: 100vh;\n}\n\n.ivds-gov-shell__container {\n margin: 0 auto;\n max-width: var(--ivds-gov-max-width);\n padding: var(--spacing-4);\n width: 100%;\n}\n\n.ivds-gov-top-promo {\n align-items: center;\n background: linear-gradient(145deg, var(--ivds-gov-color-surface) 0%, var(--ivds-gov-color-surface-muted) 100%);\n border: 1px solid var(--ivds-gov-color-border);\n border-radius: var(--ivds-gov-radius-l);\n box-shadow: var(--ivds-gov-shadow-sm);\n display: grid;\n gap: var(--spacing-4);\n grid-template-columns: minmax(0, 1fr) auto;\n padding: var(--spacing-5);\n}\n\n.ivds-gov-top-promo__title {\n font-family: var(--fontFamily-secondary);\n font-size: clamp(var(--fontSize-2xl), 3vw, var(--fontSize-4xl));\n font-weight: var(--fontWeight-bold);\n line-height: var(--lineHeight-tight);\n margin: 0;\n}\n\n.ivds-gov-top-promo__subtitle {\n color: var(--ivds-gov-color-text-muted);\n font-size: var(--fontSize-base);\n margin: var(--spacing-2) 0 0;\n max-width: 65ch;\n}\n\n.ivds-gov-flash-ticker {\n align-items: center;\n background: var(--ivds-gov-color-surface);\n border: 1px solid var(--ivds-gov-color-border);\n border-radius: var(--ivds-gov-radius-m);\n border-top: 4px solid var(--ivds-gov-color-primary);\n box-shadow: var(--ivds-gov-shadow-sm);\n display: grid;\n gap: var(--spacing-3);\n grid-template-columns: auto minmax(0, 1fr);\n margin-top: var(--spacing-4);\n padding: var(--spacing-3) var(--spacing-4);\n}\n\n.ivds-gov-flash-ticker__label {\n background: var(--ivds-gov-color-primary);\n border-radius: var(--ivds-gov-radius-s);\n color: var(--ivds-text-on-strong, var(--color-semantic-neutral-50));\n font-size: var(--fontSize-xs);\n font-weight: var(--fontWeight-bold);\n letter-spacing: 0.08em;\n padding: var(--spacing-2) var(--spacing-3);\n text-transform: uppercase;\n white-space: nowrap;\n}\n\n.ivds-gov-flash-ticker__list {\n display: flex;\n gap: var(--spacing-4);\n list-style: none;\n margin: 0;\n overflow: auto;\n padding: 0;\n}\n\n.ivds-gov-flash-ticker__item a {\n color: var(--ivds-gov-color-text);\n font-size: var(--fontSize-sm);\n font-weight: var(--fontWeight-medium);\n text-decoration: none;\n}\n\n.ivds-gov-flash-ticker__item a:hover,\n.ivds-gov-flash-ticker__item a:focus-visible {\n color: var(--ivds-gov-color-primary);\n}\n\n.ivds-gov-header {\n background: var(--ivds-gov-color-surface);\n border: 1px solid var(--ivds-gov-color-border);\n border-radius: var(--ivds-gov-radius-l);\n border-top: 4px solid var(--ivds-gov-color-accent);\n box-shadow: var(--ivds-gov-shadow-sm);\n margin-top: var(--spacing-4);\n padding: var(--spacing-4) var(--spacing-5);\n}\n\n.ivds-gov-header__row {\n align-items: center;\n display: flex;\n gap: var(--spacing-4);\n justify-content: space-between;\n}\n\n.ivds-gov-header__brand {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-1);\n}\n\n.ivds-gov-header__brand-title {\n font-size: var(--fontSize-lg);\n font-weight: var(--fontWeight-bold);\n letter-spacing: 0.04em;\n margin: 0;\n text-transform: uppercase;\n}\n\n.ivds-gov-header__brand-subtitle {\n color: var(--ivds-gov-color-text-muted);\n font-size: var(--fontSize-sm);\n margin: 0;\n}\n\n.ivds-gov-primary-nav {\n border-top: 1px solid var(--ivds-gov-color-border);\n margin-top: var(--spacing-3);\n padding-top: var(--spacing-3);\n}\n\n.ivds-gov-primary-nav__list {\n display: flex;\n flex-wrap: wrap;\n gap: var(--spacing-2);\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.ivds-gov-primary-nav__item {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-2);\n}\n\n.ivds-gov-primary-nav__item > a {\n border-radius: var(--ivds-gov-radius-s);\n color: var(--ivds-gov-color-text);\n display: inline-block;\n font-size: var(--fontSize-sm);\n font-weight: var(--fontWeight-medium);\n padding: var(--spacing-2) var(--spacing-3);\n text-decoration: none;\n}\n\n.ivds-gov-primary-nav__item--active > a,\n.ivds-gov-primary-nav__item > a:hover,\n.ivds-gov-primary-nav__item > a:focus-visible {\n background: var(--ivds-gov-color-primary-soft);\n color: var(--ivds-gov-color-primary);\n}\n\n.ivds-gov-primary-nav__sublist {\n border-left: 2px solid var(--ivds-gov-color-border);\n display: grid;\n gap: var(--spacing-1);\n list-style: none;\n margin: 0;\n padding: 0 0 0 var(--spacing-3);\n}\n\n.ivds-gov-primary-nav__subitem a {\n border-radius: var(--ivds-gov-radius-s);\n color: var(--ivds-gov-color-text-muted);\n display: inline-block;\n font-size: var(--fontSize-xs);\n font-weight: var(--fontWeight-medium);\n padding: var(--spacing-1) var(--spacing-2);\n text-decoration: none;\n}\n\n.ivds-gov-primary-nav__subitem a:hover,\n.ivds-gov-primary-nav__subitem a:focus-visible {\n background: var(--ivds-gov-color-accent-soft);\n color: var(--ivds-gov-color-accent);\n}\n\n.ivds-gov-language-switcher {\n align-items: center;\n display: inline-flex;\n gap: var(--spacing-1);\n}\n\n.ivds-gov-language-switcher__button {\n background: transparent;\n border: 1px solid var(--ivds-gov-color-border-strong);\n border-radius: var(--ivds-gov-radius-s);\n color: var(--ivds-gov-color-text-muted);\n cursor: pointer;\n font-size: var(--fontSize-xs);\n font-weight: var(--fontWeight-bold);\n padding: var(--spacing-1) var(--spacing-2);\n transition: border-color var(--ivds-motion-fast, 150ms) ease, color var(--ivds-motion-fast, 150ms) ease;\n}\n\n.ivds-gov-language-switcher__button:hover,\n.ivds-gov-language-switcher__button:focus-visible {\n border-color: var(--ivds-gov-color-primary);\n color: var(--ivds-gov-color-primary);\n}\n\n.ivds-gov-language-switcher__button--active {\n background: var(--ivds-gov-color-primary-soft);\n border-color: var(--ivds-gov-color-primary);\n color: var(--ivds-gov-color-primary);\n}\n\n.ivds-gov-main-grid {\n display: grid;\n gap: var(--spacing-4);\n grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);\n margin-top: var(--spacing-4);\n}\n\n.ivds-gov-news-panel,\n.ivds-gov-agenda-panel,\n.ivds-gov-service-directory,\n.ivds-gov-mega-footer,\n.ivds-gov-auth-card,\n.ivds-gov-form-section {\n background: var(--ivds-gov-color-surface);\n border: 1px solid var(--ivds-gov-color-border);\n border-radius: var(--ivds-gov-radius-m);\n box-shadow: var(--ivds-gov-shadow-sm);\n}\n\n.ivds-gov-news-panel,\n.ivds-gov-agenda-panel,\n.ivds-gov-service-directory,\n.ivds-gov-auth-card,\n.ivds-gov-form-section {\n padding: var(--spacing-4);\n}\n\n.ivds-gov-news-panel__title,\n.ivds-gov-agenda-panel__title,\n.ivds-gov-service-directory__title,\n.ivds-gov-mega-footer__title,\n.ivds-gov-auth-card__title,\n.ivds-gov-form-section__title {\n font-size: var(--fontSize-xl);\n font-weight: var(--fontWeight-bold);\n margin: 0 0 var(--spacing-3);\n}\n\n.ivds-gov-news-panel__list,\n.ivds-gov-agenda-panel__list,\n.ivds-gov-service-directory__list,\n.ivds-gov-step-list {\n display: grid;\n gap: var(--spacing-3);\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.ivds-gov-news-panel__item,\n.ivds-gov-agenda-panel__item,\n.ivds-gov-service-directory__item,\n.ivds-gov-step-list__item {\n border: 1px solid var(--ivds-gov-color-border);\n border-radius: var(--ivds-gov-radius-s);\n padding: var(--spacing-3);\n}\n\n.ivds-gov-news-panel__item a,\n.ivds-gov-agenda-panel__item a,\n.ivds-gov-service-directory__item a {\n color: var(--ivds-gov-color-text);\n font-weight: var(--fontWeight-semibold);\n text-decoration: none;\n}\n\n.ivds-gov-news-panel__excerpt {\n color: var(--ivds-gov-color-text-muted);\n font-size: var(--fontSize-sm);\n margin: var(--spacing-1) 0 0;\n}\n\n.ivds-gov-news-panel__meta,\n.ivds-gov-agenda-panel__meta,\n.ivds-gov-service-directory__meta {\n color: var(--ivds-gov-color-text-muted);\n display: block;\n font-size: var(--fontSize-xs);\n margin-top: var(--spacing-1);\n}\n\n.ivds-gov-service-directory__item {\n align-items: center;\n display: grid;\n gap: var(--spacing-2);\n grid-template-columns: auto minmax(0, 1fr) auto;\n}\n\n.ivds-gov-service-directory__status {\n border: 1px solid var(--ivds-gov-color-border-strong);\n border-radius: var(--ivds-gov-radius-s);\n color: var(--ivds-gov-color-text-muted);\n font-size: var(--fontSize-xs);\n font-weight: var(--fontWeight-medium);\n padding: var(--spacing-1) var(--spacing-2);\n text-transform: uppercase;\n}\n\n.ivds-gov-service-directory__status--available {\n background: var(--color-semantic-success-50);\n border-color: var(--color-semantic-success-600);\n color: var(--color-semantic-success-700);\n}\n\n.ivds-gov-service-directory__status--maintenance {\n background: var(--color-semantic-warning-50);\n border-color: var(--color-semantic-warning-600);\n color: var(--color-semantic-warning-700);\n}\n\n.ivds-gov-service-directory__status--coming-soon {\n background: var(--ivds-gov-color-surface-muted);\n border-color: var(--ivds-gov-color-border-strong);\n color: var(--ivds-gov-color-text-muted);\n}\n\n.ivds-gov-mega-footer {\n margin-top: var(--spacing-6);\n padding: var(--spacing-5);\n}\n\n.ivds-gov-mega-footer__grid {\n display: grid;\n gap: var(--spacing-4);\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.ivds-gov-mega-footer__section ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.ivds-gov-mega-footer__section li + li {\n margin-top: var(--spacing-2);\n}\n\n.ivds-gov-mega-footer__section a {\n color: var(--ivds-gov-color-text-muted);\n font-size: var(--fontSize-sm);\n text-decoration: none;\n}\n\n.ivds-gov-mega-footer__section a:hover,\n.ivds-gov-mega-footer__section a:focus-visible {\n color: var(--ivds-gov-color-primary);\n}\n\n.ivds-gov-auth-layout {\n display: grid;\n gap: var(--spacing-4);\n grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);\n margin-top: var(--spacing-4);\n}\n\n.ivds-gov-auth-card__eyebrow {\n color: var(--ivds-gov-color-accent);\n display: block;\n font-size: var(--fontSize-xs);\n font-weight: var(--fontWeight-semibold);\n letter-spacing: 0.08em;\n margin-bottom: var(--spacing-2);\n text-transform: uppercase;\n}\n\n.ivds-gov-auth-card__actions {\n display: grid;\n gap: var(--spacing-2);\n margin-top: var(--spacing-3);\n}\n\n.ivds-gov-form-page {\n display: grid;\n gap: var(--spacing-4);\n margin-top: var(--spacing-4);\n}\n\n.ivds-gov-form-page__grid {\n display: grid;\n gap: var(--spacing-4);\n grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);\n}\n\n.ivds-gov-form-field {\n display: grid;\n gap: var(--spacing-1);\n margin-top: var(--spacing-3);\n}\n\n.ivds-gov-form-field label {\n font-size: var(--fontSize-sm);\n font-weight: var(--fontWeight-semibold);\n}\n\n.ivds-gov-form-field input,\n.ivds-gov-form-field select,\n.ivds-gov-form-field textarea {\n background: var(--ivds-gov-color-surface);\n border: 1px solid var(--ivds-gov-color-border-strong);\n border-radius: var(--ivds-gov-radius-s);\n color: var(--ivds-gov-color-text);\n font: inherit;\n min-height: 2.5rem;\n padding: 0 var(--spacing-3);\n}\n\n.ivds-gov-form-field textarea {\n min-height: 8rem;\n padding-block: var(--spacing-2);\n resize: vertical;\n}\n\n.ivds-gov-step-list__item {\n align-items: center;\n display: grid;\n gap: var(--spacing-2);\n grid-template-columns: auto minmax(0, 1fr);\n}\n\n.ivds-gov-step-list__index {\n background: var(--ivds-gov-color-primary-soft);\n border-radius: var(--ivds-gov-radius-s);\n color: var(--ivds-gov-color-primary);\n display: inline-flex;\n font-size: var(--fontSize-sm);\n font-weight: var(--fontWeight-bold);\n justify-content: center;\n min-width: 2rem;\n padding: var(--spacing-1) var(--spacing-2);\n}\n\n.ivds-gov-action-modal {\n background: var(--ivds-gov-color-surface);\n border: 1px solid var(--ivds-gov-color-border);\n border-radius: var(--ivds-gov-radius-m);\n box-shadow: var(--ivds-gov-shadow-md);\n margin: var(--spacing-5) auto 0;\n max-width: 42rem;\n padding: var(--spacing-5);\n}\n\n.ivds-gov-action-modal__actions {\n display: flex;\n flex-wrap: wrap;\n gap: var(--spacing-2);\n margin-top: var(--spacing-4);\n}\n\n.ivds-gov-shell a:focus-visible,\n.ivds-gov-shell button:focus-visible,\n.ivds-gov-shell input:focus-visible,\n.ivds-gov-shell select:focus-visible,\n.ivds-gov-shell textarea:focus-visible {\n box-shadow: var(--ivds-gov-focus-ring);\n outline: none;\n}\n\n.ivds-gov-sr-only {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@media (max-width: 1024px) {\n .ivds-gov-main-grid,\n .ivds-gov-auth-layout,\n .ivds-gov-form-page__grid {\n grid-template-columns: 1fr;\n }\n\n .ivds-gov-mega-footer__grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n@media (max-width: 640px) {\n .ivds-gov-shell__container {\n padding: var(--spacing-3);\n }\n\n .ivds-gov-top-promo {\n grid-template-columns: 1fr;\n padding: var(--spacing-4);\n }\n\n .ivds-gov-flash-ticker {\n grid-template-columns: 1fr;\n }\n\n .ivds-gov-header {\n padding: var(--spacing-4);\n }\n\n .ivds-gov-header__row {\n align-items: flex-start;\n flex-direction: column;\n }\n\n .ivds-gov-service-directory__item {\n grid-template-columns: auto minmax(0, 1fr);\n }\n\n .ivds-gov-service-directory__status {\n justify-self: start;\n }\n\n .ivds-gov-mega-footer__grid {\n grid-template-columns: 1fr;\n }\n}\n","/* Government namespace styles for IVDS */\n/* stylelint-disable no-descending-specificity */\n\n:root {\n --ivds-gov-color-canvas: var(--ivds-surface-page, var(--color-semantic-neutral-50));\n --ivds-gov-color-surface: var(--ivds-surface-base, var(--color-semantic-neutral-100));\n --ivds-gov-color-surface-muted: var(--ivds-surface-muted, var(--color-semantic-neutral-100));\n --ivds-gov-color-surface-strong: var(--ivds-surface-strong, var(--color-semantic-neutral-900));\n --ivds-gov-color-primary: var(--color-brand-primary-600);\n --ivds-gov-color-primary-soft: var(--color-brand-primary-50);\n --ivds-gov-color-accent: var(--color-brand-secondary-600);\n --ivds-gov-color-accent-soft: var(--color-brand-secondary-50);\n --ivds-gov-color-text: var(--ivds-text-primary, var(--color-semantic-neutral-900));\n --ivds-gov-color-text-muted: var(--ivds-text-secondary, var(--color-semantic-neutral-600));\n --ivds-gov-color-border: var(--ivds-border-subtle, var(--color-semantic-neutral-200));\n --ivds-gov-color-border-strong: var(--ivds-border-strong, var(--color-semantic-neutral-400));\n --ivds-gov-focus-ring: var(--ivds-focus-ring, 0 0 0 3px var(--ivds-focus-ring-color));\n --ivds-gov-radius-s: var(--ivds-radius-s, var(--borderRadius-sm));\n --ivds-gov-radius-m: var(--ivds-radius-m, var(--borderRadius-md));\n --ivds-gov-radius-l: var(--ivds-radius-l, var(--borderRadius-lg));\n --ivds-gov-shadow-sm: var(--ivds-shadow-sm, var(--shadow-xs));\n --ivds-gov-shadow-md: var(--ivds-shadow-md, var(--shadow-sm));\n --ivds-gov-max-width: 1200px;\n}\n\n.ivds-gov-shell {\n background: var(--ivds-gov-color-canvas);\n color: var(--ivds-gov-color-text);\n font-family: var(--fontFamily-primary);\n min-height: 100vh;\n}\n\n.ivds-gov-shell__container {\n margin: 0 auto;\n max-width: var(--ivds-gov-max-width);\n padding: var(--spacing-4);\n width: 100%;\n}\n\n.ivds-gov-top-promo {\n align-items: center;\n background: linear-gradient(145deg, var(--ivds-gov-color-surface) 0%, var(--ivds-gov-color-surface-muted) 100%);\n border: 1px solid var(--ivds-gov-color-border);\n border-radius: var(--ivds-gov-radius-l);\n box-shadow: var(--ivds-gov-shadow-sm);\n display: grid;\n gap: var(--spacing-4);\n grid-template-columns: minmax(0, 1fr) auto;\n padding: var(--spacing-5);\n}\n\n.ivds-gov-top-promo__title {\n font-family: var(--fontFamily-secondary);\n font-size: clamp(var(--fontSize-2xl), 3vw, var(--fontSize-4xl));\n font-weight: var(--fontWeight-bold);\n line-height: var(--lineHeight-tight);\n margin: 0;\n}\n\n.ivds-gov-top-promo__subtitle {\n color: var(--ivds-gov-color-text-muted);\n font-size: var(--fontSize-base);\n margin: var(--spacing-2) 0 0;\n max-width: 65ch;\n}\n\n.ivds-gov-flash-ticker {\n align-items: center;\n background: var(--ivds-gov-color-surface);\n border: 1px solid var(--ivds-gov-color-border);\n border-radius: var(--ivds-gov-radius-m);\n border-top: 4px solid var(--ivds-gov-color-primary);\n box-shadow: var(--ivds-gov-shadow-sm);\n display: grid;\n gap: var(--spacing-3);\n grid-template-columns: auto minmax(0, 1fr);\n margin-top: var(--spacing-4);\n padding: var(--spacing-3) var(--spacing-4);\n}\n\n.ivds-gov-flash-ticker__label {\n background: var(--ivds-gov-color-primary);\n border-radius: var(--ivds-gov-radius-s);\n color: var(--ivds-text-on-strong, var(--color-semantic-neutral-50));\n font-size: var(--fontSize-xs);\n font-weight: var(--fontWeight-bold);\n letter-spacing: 0.08em;\n padding: var(--spacing-2) var(--spacing-3);\n text-transform: uppercase;\n white-space: nowrap;\n}\n\n.ivds-gov-flash-ticker__list {\n display: flex;\n gap: var(--spacing-4);\n list-style: none;\n margin: 0;\n overflow: auto;\n padding: 0;\n}\n\n.ivds-gov-flash-ticker__item a {\n color: var(--ivds-gov-color-text);\n font-size: var(--fontSize-sm);\n font-weight: var(--fontWeight-medium);\n text-decoration: none;\n}\n\n.ivds-gov-flash-ticker__item a:hover,\n.ivds-gov-flash-ticker__item a:focus-visible {\n color: var(--ivds-gov-color-primary);\n}\n\n.ivds-gov-header {\n background: var(--ivds-gov-color-surface);\n border: 1px solid var(--ivds-gov-color-border);\n border-radius: var(--ivds-gov-radius-l);\n border-top: 4px solid var(--ivds-gov-color-accent);\n box-shadow: var(--ivds-gov-shadow-sm);\n margin-top: var(--spacing-4);\n padding: var(--spacing-4) var(--spacing-5);\n}\n\n.ivds-gov-header__row {\n align-items: center;\n display: flex;\n gap: var(--spacing-4);\n justify-content: space-between;\n}\n\n.ivds-gov-header__brand {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-1);\n}\n\n.ivds-gov-header__brand-title {\n font-size: var(--fontSize-lg);\n font-weight: var(--fontWeight-bold);\n letter-spacing: 0.04em;\n margin: 0;\n text-transform: uppercase;\n}\n\n.ivds-gov-header__brand-subtitle {\n color: var(--ivds-gov-color-text-muted);\n font-size: var(--fontSize-sm);\n margin: 0;\n}\n\n.ivds-gov-primary-nav {\n border-top: 1px solid var(--ivds-gov-color-border);\n margin-top: var(--spacing-3);\n padding-top: var(--spacing-3);\n}\n\n.ivds-gov-primary-nav__list {\n display: flex;\n flex-wrap: wrap;\n gap: var(--spacing-2);\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.ivds-gov-primary-nav__item {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-2);\n}\n\n.ivds-gov-primary-nav__item > a {\n border-radius: var(--ivds-gov-radius-s);\n color: var(--ivds-gov-color-text);\n display: inline-block;\n font-size: var(--fontSize-sm);\n font-weight: var(--fontWeight-medium);\n padding: var(--spacing-2) var(--spacing-3);\n text-decoration: none;\n}\n\n.ivds-gov-primary-nav__item--active > a,\n.ivds-gov-primary-nav__item > a:hover,\n.ivds-gov-primary-nav__item > a:focus-visible {\n background: var(--ivds-gov-color-primary-soft);\n color: var(--ivds-gov-color-primary);\n}\n\n.ivds-gov-primary-nav__sublist {\n border-left: 2px solid var(--ivds-gov-color-border);\n display: grid;\n gap: var(--spacing-1);\n list-style: none;\n margin: 0;\n padding: 0 0 0 var(--spacing-3);\n}\n\n.ivds-gov-primary-nav__subitem a {\n border-radius: var(--ivds-gov-radius-s);\n color: var(--ivds-gov-color-text-muted);\n display: inline-block;\n font-size: var(--fontSize-xs);\n font-weight: var(--fontWeight-medium);\n padding: var(--spacing-1) var(--spacing-2);\n text-decoration: none;\n}\n\n.ivds-gov-primary-nav__subitem a:hover,\n.ivds-gov-primary-nav__subitem a:focus-visible {\n background: var(--ivds-gov-color-accent-soft);\n color: var(--ivds-gov-color-accent);\n}\n\n.ivds-gov-language-switcher {\n align-items: center;\n display: inline-flex;\n gap: var(--spacing-1);\n}\n\n.ivds-gov-language-switcher__button {\n background: transparent;\n border: 1px solid var(--ivds-gov-color-border-strong);\n border-radius: var(--ivds-gov-radius-s);\n color: var(--ivds-gov-color-text-muted);\n cursor: pointer;\n font-size: var(--fontSize-xs);\n font-weight: var(--fontWeight-bold);\n padding: var(--spacing-1) var(--spacing-2);\n transition: border-color var(--ivds-motion-fast, 150ms) ease, color var(--ivds-motion-fast, 150ms) ease;\n}\n\n.ivds-gov-language-switcher__button:hover,\n.ivds-gov-language-switcher__button:focus-visible {\n border-color: var(--ivds-gov-color-primary);\n color: var(--ivds-gov-color-primary);\n}\n\n.ivds-gov-language-switcher__button--active {\n background: var(--ivds-gov-color-primary-soft);\n border-color: var(--ivds-gov-color-primary);\n color: var(--ivds-gov-color-primary);\n}\n\n.ivds-gov-main-grid {\n display: grid;\n gap: var(--spacing-4);\n grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);\n margin-top: var(--spacing-4);\n}\n\n.ivds-gov-news-panel,\n.ivds-gov-agenda-panel,\n.ivds-gov-service-directory,\n.ivds-gov-mega-footer,\n.ivds-gov-auth-card,\n.ivds-gov-form-section {\n background: var(--ivds-gov-color-surface);\n border: 1px solid var(--ivds-gov-color-border);\n border-radius: var(--ivds-gov-radius-m);\n box-shadow: var(--ivds-gov-shadow-sm);\n}\n\n.ivds-gov-news-panel,\n.ivds-gov-agenda-panel,\n.ivds-gov-service-directory,\n.ivds-gov-auth-card,\n.ivds-gov-form-section {\n padding: var(--spacing-4);\n}\n\n.ivds-gov-news-panel__title,\n.ivds-gov-agenda-panel__title,\n.ivds-gov-service-directory__title,\n.ivds-gov-mega-footer__title,\n.ivds-gov-auth-card__title,\n.ivds-gov-form-section__title {\n font-size: var(--fontSize-xl);\n font-weight: var(--fontWeight-bold);\n margin: 0 0 var(--spacing-3);\n}\n\n.ivds-gov-news-panel__list,\n.ivds-gov-agenda-panel__list,\n.ivds-gov-service-directory__list,\n.ivds-gov-step-list {\n display: grid;\n gap: var(--spacing-3);\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.ivds-gov-news-panel__item,\n.ivds-gov-agenda-panel__item,\n.ivds-gov-service-directory__item,\n.ivds-gov-step-list__item {\n border: 1px solid var(--ivds-gov-color-border);\n border-radius: var(--ivds-gov-radius-s);\n padding: var(--spacing-3);\n}\n\n.ivds-gov-news-panel__item a,\n.ivds-gov-agenda-panel__item a,\n.ivds-gov-service-directory__item a {\n color: var(--ivds-gov-color-text);\n font-weight: var(--fontWeight-semibold);\n text-decoration: none;\n}\n\n.ivds-gov-news-panel__excerpt {\n color: var(--ivds-gov-color-text-muted);\n font-size: var(--fontSize-sm);\n margin: var(--spacing-1) 0 0;\n}\n\n.ivds-gov-news-panel__meta,\n.ivds-gov-agenda-panel__meta,\n.ivds-gov-service-directory__meta {\n color: var(--ivds-gov-color-text-muted);\n display: block;\n font-size: var(--fontSize-xs);\n margin-top: var(--spacing-1);\n}\n\n.ivds-gov-service-directory__item {\n align-items: center;\n display: grid;\n gap: var(--spacing-2);\n grid-template-columns: auto minmax(0, 1fr) auto;\n}\n\n.ivds-gov-service-directory__status {\n border: 1px solid var(--ivds-gov-color-border-strong);\n border-radius: var(--ivds-gov-radius-s);\n color: var(--ivds-gov-color-text-muted);\n font-size: var(--fontSize-xs);\n font-weight: var(--fontWeight-medium);\n padding: var(--spacing-1) var(--spacing-2);\n text-transform: uppercase;\n}\n\n.ivds-gov-service-directory__status--available {\n background: var(--color-semantic-success-50);\n border-color: var(--color-semantic-success-600);\n color: var(--color-semantic-success-700);\n}\n\n.ivds-gov-service-directory__status--maintenance {\n background: var(--color-semantic-warning-50);\n border-color: var(--color-semantic-warning-600);\n color: var(--color-semantic-warning-700);\n}\n\n.ivds-gov-service-directory__status--coming-soon {\n background: var(--ivds-gov-color-surface-muted);\n border-color: var(--ivds-gov-color-border-strong);\n color: var(--ivds-gov-color-text-muted);\n}\n\n.ivds-gov-mega-footer {\n margin-top: var(--spacing-6);\n padding: var(--spacing-5);\n}\n\n.ivds-gov-mega-footer__grid {\n display: grid;\n gap: var(--spacing-4);\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.ivds-gov-mega-footer__section ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.ivds-gov-mega-footer__section li + li {\n margin-top: var(--spacing-2);\n}\n\n.ivds-gov-mega-footer__section a {\n color: var(--ivds-gov-color-text-muted);\n font-size: var(--fontSize-sm);\n text-decoration: none;\n}\n\n.ivds-gov-mega-footer__section a:hover,\n.ivds-gov-mega-footer__section a:focus-visible {\n color: var(--ivds-gov-color-primary);\n}\n\n.ivds-gov-auth-layout {\n display: grid;\n gap: var(--spacing-4);\n grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);\n margin-top: var(--spacing-4);\n}\n\n.ivds-gov-auth-card__eyebrow {\n color: var(--ivds-gov-color-accent);\n display: block;\n font-size: var(--fontSize-xs);\n font-weight: var(--fontWeight-semibold);\n letter-spacing: 0.08em;\n margin-bottom: var(--spacing-2);\n text-transform: uppercase;\n}\n\n.ivds-gov-auth-card__actions {\n display: grid;\n gap: var(--spacing-2);\n margin-top: var(--spacing-3);\n}\n\n.ivds-gov-form-page {\n display: grid;\n gap: var(--spacing-4);\n margin-top: var(--spacing-4);\n}\n\n.ivds-gov-form-page__grid {\n display: grid;\n gap: var(--spacing-4);\n grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);\n}\n\n.ivds-gov-form-field {\n display: grid;\n gap: var(--spacing-1);\n margin-top: var(--spacing-3);\n}\n\n.ivds-gov-form-field label {\n font-size: var(--fontSize-sm);\n font-weight: var(--fontWeight-semibold);\n}\n\n.ivds-gov-form-field input,\n.ivds-gov-form-field select,\n.ivds-gov-form-field textarea {\n background: var(--ivds-gov-color-surface);\n border: 1px solid var(--ivds-gov-color-border-strong);\n border-radius: var(--ivds-gov-radius-s);\n color: var(--ivds-gov-color-text);\n font: inherit;\n min-height: 2.5rem;\n padding: 0 var(--spacing-3);\n}\n\n.ivds-gov-form-field textarea {\n min-height: 8rem;\n padding-block: var(--spacing-2);\n resize: vertical;\n}\n\n.ivds-gov-step-list__item {\n align-items: center;\n display: grid;\n gap: var(--spacing-2);\n grid-template-columns: auto minmax(0, 1fr);\n}\n\n.ivds-gov-step-list__index {\n background: var(--ivds-gov-color-primary-soft);\n border-radius: var(--ivds-gov-radius-s);\n color: var(--ivds-gov-color-primary);\n display: inline-flex;\n font-size: var(--fontSize-sm);\n font-weight: var(--fontWeight-bold);\n justify-content: center;\n min-width: 2rem;\n padding: var(--spacing-1) var(--spacing-2);\n}\n\n.ivds-gov-action-modal {\n background: var(--ivds-gov-color-surface);\n border: 1px solid var(--ivds-gov-color-border);\n border-radius: var(--ivds-gov-radius-m);\n box-shadow: var(--ivds-gov-shadow-md);\n margin: var(--spacing-5) auto 0;\n max-width: 42rem;\n padding: var(--spacing-5);\n}\n\n.ivds-gov-action-modal__actions {\n display: flex;\n flex-wrap: wrap;\n gap: var(--spacing-2);\n margin-top: var(--spacing-4);\n}\n\n.ivds-gov-shell a:focus-visible,\n.ivds-gov-shell button:focus-visible,\n.ivds-gov-shell input:focus-visible,\n.ivds-gov-shell select:focus-visible,\n.ivds-gov-shell textarea:focus-visible {\n box-shadow: var(--ivds-gov-focus-ring);\n outline: none;\n}\n\n.ivds-gov-sr-only {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@media (max-width: 1024px) {\n .ivds-gov-main-grid,\n .ivds-gov-auth-layout,\n .ivds-gov-form-page__grid {\n grid-template-columns: 1fr;\n }\n\n .ivds-gov-mega-footer__grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n@media (max-width: 640px) {\n .ivds-gov-shell__container {\n padding: var(--spacing-3);\n }\n\n .ivds-gov-top-promo {\n grid-template-columns: 1fr;\n padding: var(--spacing-4);\n }\n\n .ivds-gov-flash-ticker {\n grid-template-columns: 1fr;\n }\n\n .ivds-gov-header {\n padding: var(--spacing-4);\n }\n\n .ivds-gov-header__row {\n align-items: flex-start;\n flex-direction: column;\n }\n\n .ivds-gov-service-directory__item {\n grid-template-columns: auto minmax(0, 1fr);\n }\n\n .ivds-gov-service-directory__status {\n justify-self: start;\n }\n\n .ivds-gov-mega-footer__grid {\n grid-template-columns: 1fr;\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--ivds-gov-color-canvas:var(--ivds-surface-page,var(--color-semantic-neutral-50));--ivds-gov-color-surface:var(--ivds-surface-base,var(--color-semantic-neutral-100));--ivds-gov-color-surface-muted:var(--ivds-surface-muted,var(--color-semantic-neutral-100));--ivds-gov-color-surface-strong:var(--ivds-surface-strong,var(--color-semantic-neutral-900));--ivds-gov-color-primary:var(--color-brand-primary-600);--ivds-gov-color-primary-soft:var(--color-brand-primary-50);--ivds-gov-color-accent:var(--color-brand-secondary-600);--ivds-gov-color-accent-soft:var(--color-brand-secondary-50);--ivds-gov-color-text:var(--ivds-text-primary,var(--color-semantic-neutral-900));--ivds-gov-color-text-muted:var(--ivds-text-secondary,var(--color-semantic-neutral-600));--ivds-gov-color-border:var(--ivds-border-subtle,var(--color-semantic-neutral-200));--ivds-gov-color-border-strong:var(--ivds-border-strong,var(--color-semantic-neutral-400));--ivds-gov-focus-ring:var(--ivds-focus-ring,0 0 0 3px var(--ivds-focus-ring-color));--ivds-gov-radius-s:var(--ivds-radius-s,var(--borderRadius-sm));--ivds-gov-radius-m:var(--ivds-radius-m,var(--borderRadius-md));--ivds-gov-radius-l:var(--ivds-radius-l,var(--borderRadius-lg));--ivds-gov-shadow-sm:var(--ivds-shadow-sm,var(--shadow-xs));--ivds-gov-shadow-md:var(--ivds-shadow-md,var(--shadow-sm));--ivds-gov-max-width:1200px}.ivds-gov-shell{background:var(--ivds-gov-color-canvas);color:var(--ivds-gov-color-text);font-family:var(--fontFamily-primary);min-height:100vh}.ivds-gov-shell__container{margin:0 auto;max-width:var(--ivds-gov-max-width);padding:var(--spacing-4);width:100%}.ivds-gov-top-promo{align-items:center;background:linear-gradient(145deg,var(--ivds-gov-color-surface) 0,var(--ivds-gov-color-surface-muted) 100%);border:1px solid var(--ivds-gov-color-border);border-radius:var(--ivds-gov-radius-l);box-shadow:var(--ivds-gov-shadow-sm);display:grid;gap:var(--spacing-4);grid-template-columns:minmax(0,1fr) auto;padding:var(--spacing-5)}.ivds-gov-top-promo__title{font-family:var(--fontFamily-secondary);font-size:clamp(var(--fontSize-2xl),3vw,var(--fontSize-4xl));font-weight:var(--fontWeight-bold);line-height:var(--lineHeight-tight);margin:0}.ivds-gov-top-promo__subtitle{color:var(--ivds-gov-color-text-muted);font-size:var(--fontSize-base);margin:var(--spacing-2) 0 0;max-width:65ch}.ivds-gov-flash-ticker{align-items:center;background:var(--ivds-gov-color-surface);border:1px solid var(--ivds-gov-color-border);border-radius:var(--ivds-gov-radius-m);border-top:4px solid var(--ivds-gov-color-primary);box-shadow:var(--ivds-gov-shadow-sm);display:grid;gap:var(--spacing-3);grid-template-columns:auto minmax(0,1fr);margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4)}.ivds-gov-flash-ticker__label{background:var(--ivds-gov-color-primary);border-radius:var(--ivds-gov-radius-s);color:var(--ivds-text-on-strong,var(--color-semantic-neutral-50));font-size:var(--fontSize-xs);font-weight:var(--fontWeight-bold);letter-spacing:.08em;padding:var(--spacing-2) var(--spacing-3);text-transform:uppercase;white-space:nowrap}.ivds-gov-flash-ticker__list{display:flex;gap:var(--spacing-4);list-style:none;margin:0;overflow:auto;padding:0}.ivds-gov-flash-ticker__item a{color:var(--ivds-gov-color-text);font-size:var(--fontSize-sm);font-weight:var(--fontWeight-medium);text-decoration:none}.ivds-gov-flash-ticker__item a:focus-visible,.ivds-gov-flash-ticker__item a:hover{color:var(--ivds-gov-color-primary)}.ivds-gov-header{background:var(--ivds-gov-color-surface);border:1px solid var(--ivds-gov-color-border);border-radius:var(--ivds-gov-radius-l);border-top:4px solid var(--ivds-gov-color-accent);box-shadow:var(--ivds-gov-shadow-sm);margin-top:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5)}.ivds-gov-header__row{align-items:center;display:flex;gap:var(--spacing-4);justify-content:space-between}.ivds-gov-header__brand{display:flex;flex-direction:column;gap:var(--spacing-1)}.ivds-gov-header__brand-title{font-size:var(--fontSize-lg);font-weight:var(--fontWeight-bold);letter-spacing:.04em;margin:0;text-transform:uppercase}.ivds-gov-header__brand-subtitle{color:var(--ivds-gov-color-text-muted);font-size:var(--fontSize-sm);margin:0}.ivds-gov-primary-nav{border-top:1px solid var(--ivds-gov-color-border);margin-top:var(--spacing-3);padding-top:var(--spacing-3)}.ivds-gov-primary-nav__list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);list-style:none;margin:0;padding:0}.ivds-gov-primary-nav__item{display:flex;flex-direction:column;gap:var(--spacing-2)}.ivds-gov-primary-nav__item>a{border-radius:var(--ivds-gov-radius-s);color:var(--ivds-gov-color-text);display:inline-block;font-size:var(--fontSize-sm);font-weight:var(--fontWeight-medium);padding:var(--spacing-2) var(--spacing-3);text-decoration:none}.ivds-gov-primary-nav__item--active>a,.ivds-gov-primary-nav__item>a:focus-visible,.ivds-gov-primary-nav__item>a:hover{background:var(--ivds-gov-color-primary-soft);color:var(--ivds-gov-color-primary)}.ivds-gov-primary-nav__sublist{border-left:2px solid var(--ivds-gov-color-border);display:grid;gap:var(--spacing-1);list-style:none;margin:0;padding:0 0 0 var(--spacing-3)}.ivds-gov-primary-nav__subitem a{border-radius:var(--ivds-gov-radius-s);color:var(--ivds-gov-color-text-muted);display:inline-block;font-size:var(--fontSize-xs);font-weight:var(--fontWeight-medium);padding:var(--spacing-1) var(--spacing-2);text-decoration:none}.ivds-gov-primary-nav__subitem a:focus-visible,.ivds-gov-primary-nav__subitem a:hover{background:var(--ivds-gov-color-accent-soft);color:var(--ivds-gov-color-accent)}.ivds-gov-language-switcher{align-items:center;display:inline-flex;gap:var(--spacing-1)}.ivds-gov-language-switcher__button{background:transparent;border:1px solid var(--ivds-gov-color-border-strong);border-radius:var(--ivds-gov-radius-s);color:var(--ivds-gov-color-text-muted);cursor:pointer;font-size:var(--fontSize-xs);font-weight:var(--fontWeight-bold);padding:var(--spacing-1) var(--spacing-2);transition:border-color var(--ivds-motion-fast,.15s) ease,color var(--ivds-motion-fast,.15s) ease}.ivds-gov-language-switcher__button:focus-visible,.ivds-gov-language-switcher__button:hover{border-color:var(--ivds-gov-color-primary);color:var(--ivds-gov-color-primary)}.ivds-gov-language-switcher__button--active{background:var(--ivds-gov-color-primary-soft);border-color:var(--ivds-gov-color-primary);color:var(--ivds-gov-color-primary)}.ivds-gov-main-grid{display:grid;gap:var(--spacing-4);grid-template-columns:minmax(0,2fr) minmax(280px,1fr);margin-top:var(--spacing-4)}.ivds-gov-agenda-panel,.ivds-gov-auth-card,.ivds-gov-form-section,.ivds-gov-mega-footer,.ivds-gov-news-panel,.ivds-gov-service-directory{background:var(--ivds-gov-color-surface);border:1px solid var(--ivds-gov-color-border);border-radius:var(--ivds-gov-radius-m);box-shadow:var(--ivds-gov-shadow-sm)}.ivds-gov-agenda-panel,.ivds-gov-auth-card,.ivds-gov-form-section,.ivds-gov-news-panel,.ivds-gov-service-directory{padding:var(--spacing-4)}.ivds-gov-agenda-panel__title,.ivds-gov-auth-card__title,.ivds-gov-form-section__title,.ivds-gov-mega-footer__title,.ivds-gov-news-panel__title,.ivds-gov-service-directory__title{font-size:var(--fontSize-xl);font-weight:var(--fontWeight-bold);margin:0 0 var(--spacing-3)}.ivds-gov-agenda-panel__list,.ivds-gov-news-panel__list,.ivds-gov-service-directory__list,.ivds-gov-step-list{display:grid;gap:var(--spacing-3);list-style:none;margin:0;padding:0}.ivds-gov-agenda-panel__item,.ivds-gov-news-panel__item,.ivds-gov-service-directory__item,.ivds-gov-step-list__item{border:1px solid var(--ivds-gov-color-border);border-radius:var(--ivds-gov-radius-s);padding:var(--spacing-3)}.ivds-gov-agenda-panel__item a,.ivds-gov-news-panel__item a,.ivds-gov-service-directory__item a{color:var(--ivds-gov-color-text);font-weight:var(--fontWeight-semibold);text-decoration:none}.ivds-gov-news-panel__excerpt{color:var(--ivds-gov-color-text-muted);font-size:var(--fontSize-sm);margin:var(--spacing-1) 0 0}.ivds-gov-agenda-panel__meta,.ivds-gov-news-panel__meta,.ivds-gov-service-directory__meta{color:var(--ivds-gov-color-text-muted);display:block;font-size:var(--fontSize-xs);margin-top:var(--spacing-1)}.ivds-gov-service-directory__item{align-items:center;display:grid;gap:var(--spacing-2);grid-template-columns:auto minmax(0,1fr) auto}.ivds-gov-service-directory__status{border:1px solid var(--ivds-gov-color-border-strong);border-radius:var(--ivds-gov-radius-s);color:var(--ivds-gov-color-text-muted);font-size:var(--fontSize-xs);font-weight:var(--fontWeight-medium);padding:var(--spacing-1) var(--spacing-2);text-transform:uppercase}.ivds-gov-service-directory__status--available{background:var(--color-semantic-success-50);border-color:var(--color-semantic-success-600);color:var(--color-semantic-success-700)}.ivds-gov-service-directory__status--maintenance{background:var(--color-semantic-warning-50);border-color:var(--color-semantic-warning-600);color:var(--color-semantic-warning-700)}.ivds-gov-service-directory__status--coming-soon{background:var(--ivds-gov-color-surface-muted);border-color:var(--ivds-gov-color-border-strong);color:var(--ivds-gov-color-text-muted)}.ivds-gov-mega-footer{margin-top:var(--spacing-6);padding:var(--spacing-5)}.ivds-gov-mega-footer__grid{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(4,minmax(0,1fr))}.ivds-gov-mega-footer__section ul{list-style:none;margin:0;padding:0}.ivds-gov-mega-footer__section li+li{margin-top:var(--spacing-2)}.ivds-gov-mega-footer__section a{color:var(--ivds-gov-color-text-muted);font-size:var(--fontSize-sm);text-decoration:none}.ivds-gov-mega-footer__section a:focus-visible,.ivds-gov-mega-footer__section a:hover{color:var(--ivds-gov-color-primary)}.ivds-gov-auth-layout{display:grid;gap:var(--spacing-4);grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);margin-top:var(--spacing-4)}.ivds-gov-auth-card__eyebrow{color:var(--ivds-gov-color-accent);display:block;font-size:var(--fontSize-xs);font-weight:var(--fontWeight-semibold);letter-spacing:.08em;margin-bottom:var(--spacing-2);text-transform:uppercase}.ivds-gov-auth-card__actions{display:grid;gap:var(--spacing-2);margin-top:var(--spacing-3)}.ivds-gov-form-page{display:grid;gap:var(--spacing-4);margin-top:var(--spacing-4)}.ivds-gov-form-page__grid{display:grid;gap:var(--spacing-4);grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.ivds-gov-form-field{display:grid;gap:var(--spacing-1);margin-top:var(--spacing-3)}.ivds-gov-form-field label{font-size:var(--fontSize-sm);font-weight:var(--fontWeight-semibold)}.ivds-gov-form-field input,.ivds-gov-form-field select,.ivds-gov-form-field textarea{background:var(--ivds-gov-color-surface);border:1px solid var(--ivds-gov-color-border-strong);border-radius:var(--ivds-gov-radius-s);color:var(--ivds-gov-color-text);font:inherit;min-height:2.5rem;padding:0 var(--spacing-3)}.ivds-gov-form-field textarea{min-height:8rem;padding-block:var(--spacing-2);resize:vertical}.ivds-gov-step-list__item{align-items:center;display:grid;gap:var(--spacing-2);grid-template-columns:auto minmax(0,1fr)}.ivds-gov-step-list__index{background:var(--ivds-gov-color-primary-soft);border-radius:var(--ivds-gov-radius-s);color:var(--ivds-gov-color-primary);display:inline-flex;font-size:var(--fontSize-sm);font-weight:var(--fontWeight-bold);justify-content:center;min-width:2rem;padding:var(--spacing-1) var(--spacing-2)}.ivds-gov-action-modal{background:var(--ivds-gov-color-surface);border:1px solid var(--ivds-gov-color-border);border-radius:var(--ivds-gov-radius-m);box-shadow:var(--ivds-gov-shadow-md);margin:var(--spacing-5) auto 0;max-width:42rem;padding:var(--spacing-5)}.ivds-gov-action-modal__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-4)}.ivds-gov-shell a:focus-visible,.ivds-gov-shell button:focus-visible,.ivds-gov-shell input:focus-visible,.ivds-gov-shell select:focus-visible,.ivds-gov-shell textarea:focus-visible{box-shadow:var(--ivds-gov-focus-ring);outline:none}.ivds-gov-sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:1024px){.ivds-gov-auth-layout,.ivds-gov-form-page__grid,.ivds-gov-main-grid{grid-template-columns:1fr}.ivds-gov-mega-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.ivds-gov-shell__container{padding:var(--spacing-3)}.ivds-gov-top-promo{padding:var(--spacing-4)}.ivds-gov-flash-ticker,.ivds-gov-top-promo{grid-template-columns:1fr}.ivds-gov-header{padding:var(--spacing-4)}.ivds-gov-header__row{align-items:flex-start;flex-direction:column}.ivds-gov-service-directory__item{grid-template-columns:auto minmax(0,1fr)}.ivds-gov-service-directory__status{justify-self:start}.ivds-gov-mega-footer__grid{grid-template-columns:1fr}}
|