@baloise/ds-core 17.3.0 → 17.4.0-snapshot.1609-d2bcc38d3
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/components/all.d.ts +2 -0
- package/components/all.js +3 -0
- package/components/aria.js +6 -1
- package/components/attributes.js +1 -0
- package/components/bal-accordion-details.js +1 -1
- package/components/bal-accordion-summary.js +1 -1
- package/components/bal-accordion-trigger.js +67 -2
- package/components/bal-app.js +1 -93
- package/components/bal-app2.js +95 -0
- package/components/bal-badge2.js +1 -1
- package/components/bal-button-group2.js +2 -2
- package/components/bal-button2.js +13 -2
- package/components/bal-card-actions.js +1 -1
- package/components/bal-card-button.js +1 -1
- package/components/bal-card-content2.js +1 -1
- package/components/bal-card-subtitle.js +1 -1
- package/components/bal-card-title.js +1 -1
- package/components/bal-card2.js +2 -2
- package/components/bal-carousel.js +12 -4
- package/components/bal-checkbox-button.js +1 -1
- package/components/bal-checkbox-group.js +2 -1
- package/components/bal-checkbox2.js +2 -2
- package/components/bal-close2.js +2 -2
- package/components/bal-content2.js +1 -1
- package/components/bal-data-item.js +1 -1
- package/components/bal-data-label.js +1 -1
- package/components/bal-data-value.js +1 -1
- package/components/bal-data.js +1 -1
- package/components/bal-date-calendar-cell2.js +2 -1
- package/components/bal-date-calendar2.js +2 -2
- package/components/bal-date.js +2 -1
- package/components/bal-divider.js +1 -1
- package/components/bal-doc-app.d.ts +11 -0
- package/components/bal-doc-app.js +262 -0
- package/components/bal-dropdown.js +4 -4
- package/components/bal-field-control.js +2 -2
- package/components/bal-field-hint.js +1 -1
- package/components/bal-field-label.js +1 -1
- package/components/bal-field-message.js +2 -2
- package/components/bal-field.js +4 -4
- package/components/bal-file-upload.js +5 -4
- package/components/bal-footer.js +6 -12
- package/components/bal-form-col.js +2 -2
- package/components/bal-form-grid.js +2 -2
- package/components/bal-form.js +1 -1
- package/components/bal-heading2.js +1 -1
- package/components/bal-hint-text2.js +1 -1
- package/components/bal-hint-title2.js +1 -1
- package/components/bal-icon2.js +3 -2
- package/components/bal-input-date2.js +3 -2
- package/components/bal-input-group2.js +1 -1
- package/components/bal-input-slider.js +4 -3
- package/components/bal-input-stepper.js +4 -3
- package/components/bal-input.js +3 -2
- package/components/bal-label2.js +1 -1
- package/components/bal-list-item-accordion-body2.js +30 -8
- package/components/bal-list-item-accordion-head2.js +106 -3
- package/components/bal-list-item-content2.js +2 -2
- package/components/bal-list-item-icon2.js +2 -2
- package/components/bal-list-item-subtitle2.js +1 -1
- package/components/bal-list-item-title2.js +1 -1
- package/components/bal-list2.js +1 -1
- package/components/bal-modal-body.js +1 -1
- package/components/bal-modal-header.js +1 -1
- package/components/bal-modal.js +9 -7
- package/components/bal-nav-link-grid-col2.js +1 -1
- package/components/bal-nav-link-grid2.js +1 -1
- package/components/bal-nav-link-group.js +1 -1
- package/components/bal-nav-link2.js +2 -2
- package/components/bal-nav-menu-bar2.js +1 -1
- package/components/bal-nav-menu-flyout2.js +1 -1
- package/components/bal-nav-meta-bar2.js +1 -1
- package/components/bal-nav.js +8 -8
- package/components/bal-navbar-brand.js +58 -2
- package/components/bal-navbar-menu-end.js +1 -1
- package/components/bal-navbar-menu-start.js +1 -1
- package/components/bal-navbar-menu.js +1 -1
- package/components/bal-navbar.js +1 -1
- package/components/bal-notices.js +1 -1
- package/components/bal-notification.js +1 -1
- package/components/bal-number-input.js +8 -6
- package/components/bal-option-list.js +2 -1
- package/components/bal-option.js +1 -1
- package/components/bal-pagination.js +4 -4
- package/components/bal-popover-content2.js +1 -1
- package/components/bal-popover2.js +3 -2
- package/components/bal-popup.js +1 -1
- package/components/bal-progress-bar.js +1 -1
- package/components/bal-radio-button.js +1 -1
- package/components/bal-radio-group.js +2 -1
- package/components/bal-radio2.js +3 -2
- package/components/bal-segment-item.js +1 -1
- package/components/bal-segment.js +1 -1
- package/components/bal-select-option2.js +1 -1
- package/components/bal-select2.js +6 -5
- package/components/bal-shape2.js +4 -4
- package/components/bal-sheet.js +1 -1
- package/components/bal-snackbar.js +1 -1
- package/components/bal-spinner2.js +1 -1
- package/components/bal-stack2.js +1 -1
- package/components/bal-stage-back-link.js +2 -2
- package/components/bal-stage-body.js +1 -1
- package/components/bal-stage-foot.js +1 -1
- package/components/bal-stage-head.js +1 -1
- package/components/bal-stage-image.js +1 -1
- package/components/bal-stage.js +1 -1
- package/components/bal-step-item.js +2 -2
- package/components/bal-steps.js +1 -1
- package/components/bal-tab-item.js +2 -2
- package/components/bal-table.js +1 -1
- package/components/bal-tabs2.js +6 -5
- package/components/bal-tag-group.js +1 -1
- package/components/bal-tag2.js +2 -1
- package/components/bal-text2.js +2 -2
- package/components/bal-textarea.js +2 -1
- package/components/bal-time-input.js +3 -2
- package/components/bal-toast.js +1 -1
- package/components/bal-tooltip.js +1 -1
- package/components/floating-ui.dom.esm.js +205 -77
- package/components/form.js +2 -2
- package/components/index.js +7 -314
- package/components/initialize.js +312 -0
- package/components/overlays.js +285 -1
- package/components/swiper.util.js +8 -3
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/p-0242cdf474.entry.js +1 -0
- package/dist/baloise-design-system/p-055ec952e0.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-3f88c54b.js → p-070b692d.js} +1 -1
- package/dist/baloise-design-system/p-07bae1fdcc.system.entry.js +1 -0
- package/dist/baloise-design-system/p-0a00140ece.system.entry.js +1 -0
- package/dist/baloise-design-system/p-0b6380a77a.entry.js +1 -0
- package/dist/baloise-design-system/p-0d5459caac.system.entry.js +1 -0
- package/dist/baloise-design-system/p-10ff0eaf.js +1 -0
- package/dist/baloise-design-system/p-111d37ae18.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-516488d5fc.system.entry.js → p-12af198b96.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f80438cdac.entry.js → p-12db0c3477.entry.js} +1 -1
- package/dist/baloise-design-system/{p-35baa468.js → p-13d7688b.js} +1 -1
- package/dist/baloise-design-system/{p-95bf3ca0ae.entry.js → p-187e7da1ed.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3664ca2ce5.system.entry.js → p-18820ca258.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-1c8e64e58b.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-7042d9e34c.system.entry.js → p-208bd3127d.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c1ca39528d.entry.js → p-2697b88cca.entry.js} +1 -1
- package/dist/baloise-design-system/p-2724ad9065.entry.js +1 -0
- package/dist/baloise-design-system/p-273fb2c2.system.js +1 -1
- package/dist/baloise-design-system/p-279428d318.entry.js +1 -0
- package/dist/baloise-design-system/p-2d98519440.system.entry.js +1 -0
- package/dist/baloise-design-system/p-2da669b4.system.js +1 -0
- package/dist/baloise-design-system/{p-66f6b46fd4.system.entry.js → p-3114657eb7.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-312a3215.js +1 -0
- package/dist/baloise-design-system/p-31c7ac3a.system.js +1 -0
- package/dist/baloise-design-system/p-341c9b6c63.entry.js +1 -0
- package/dist/baloise-design-system/{p-06e89742d9.system.entry.js → p-34a93475db.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a5964c8a.system.js → p-363254ce.system.js} +1 -1
- package/dist/baloise-design-system/p-36c4bd2450.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-e7c9357245.entry.js → p-374e5904fa.entry.js} +1 -1
- package/dist/baloise-design-system/p-3ae755102b.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-34ca390a2c.system.entry.js → p-3bcfc7b117.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-92e27ad87b.entry.js → p-3c447e2884.entry.js} +1 -1
- package/dist/baloise-design-system/p-3cb3bf6ca0.system.entry.js +1 -0
- package/dist/baloise-design-system/p-3d5fac87cb.entry.js +1 -0
- package/dist/baloise-design-system/p-3f559c384a.system.entry.js +1 -0
- package/dist/baloise-design-system/p-426219f4.js +1 -0
- package/dist/baloise-design-system/p-43174c7095.entry.js +1 -0
- package/dist/baloise-design-system/p-4440f31c6b.system.entry.js +1 -0
- package/dist/baloise-design-system/p-44539ccf68.entry.js +1 -0
- package/dist/baloise-design-system/{p-7ced24b550.system.entry.js → p-447acd07e7.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-2f23758d56.entry.js → p-447bb8d6ce.entry.js} +1 -1
- package/dist/baloise-design-system/p-462f564b70.entry.js +1 -0
- package/dist/baloise-design-system/{p-596000a871.entry.js → p-469a18b468.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c6f86d0612.entry.js → p-48809a4768.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1e7d65ac70.entry.js → p-4affef9b9b.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8594937575.entry.js → p-4d9a45256c.entry.js} +1 -1
- package/dist/baloise-design-system/{p-71eb478cc0.system.entry.js → p-4dc30ed346.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-50a49c0e5c.system.entry.js +1 -0
- package/dist/baloise-design-system/p-50f3b012.js +1 -0
- package/dist/baloise-design-system/p-525a4b8a95.entry.js +1 -0
- package/dist/baloise-design-system/{p-649e542e.system.js → p-540bfa19.system.js} +1 -1
- package/dist/baloise-design-system/{p-1b5f932fe9.system.entry.js → p-5514228033.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-55fc8522eb.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-1c08d81e34.entry.js → p-56021799ec.entry.js} +1 -1
- package/dist/baloise-design-system/p-570a1d673a.entry.js +1 -0
- package/dist/baloise-design-system/p-5776d1fde6.entry.js +1 -0
- package/dist/baloise-design-system/p-5821d4bbb2.system.entry.js +1 -0
- package/dist/baloise-design-system/p-59d9918c.system.js +1 -0
- package/dist/baloise-design-system/p-5d6f66047b.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-f385e205.js → p-5eb3fbb9.js} +1 -1
- package/dist/baloise-design-system/p-6079fa35e4.system.entry.js +1 -0
- package/dist/baloise-design-system/p-649eedce8a.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-2b4970ea09.system.entry.js → p-6b14f26a4d.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4a746f645b.entry.js → p-6e37071912.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e034c068.system.js → p-6e4a8fa7.system.js} +1 -1
- package/dist/baloise-design-system/{p-62f6d6e101.system.entry.js → p-6ee0ee61c1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-dc61e01d7b.entry.js → p-71162da762.entry.js} +1 -1
- package/dist/baloise-design-system/p-73fdcff369.entry.js +1 -0
- package/dist/baloise-design-system/{p-6c85b9106b.entry.js → p-774cad80b8.entry.js} +1 -1
- package/dist/baloise-design-system/p-7ab2e7b846.entry.js +1 -0
- package/dist/baloise-design-system/p-7afa264997.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-270deaf56d.entry.js → p-7bd7839936.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ea27183b2a.system.entry.js → p-7c074055e7.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-715f1670d4.entry.js → p-808cc1fd05.entry.js} +1 -1
- package/dist/baloise-design-system/p-857f898475.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-48c06e18ca.system.entry.js → p-8723e490bf.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-8869d8fe38.system.entry.js +1 -0
- package/dist/baloise-design-system/p-8f2e9a7f.js +1 -0
- package/dist/baloise-design-system/{p-fbc35458.js → p-8f2ebeb2.js} +1 -1
- package/dist/baloise-design-system/{p-6e5745c8.system.js → p-907368ff.system.js} +1 -1
- package/dist/baloise-design-system/{p-a7bbafcf3c.entry.js → p-93906ca075.entry.js} +1 -1
- package/dist/baloise-design-system/p-94b7fba934.entry.js +1 -0
- package/dist/baloise-design-system/p-9727e05e.system.js +1 -0
- package/dist/baloise-design-system/p-9a1a9c980a.entry.js +1 -0
- package/dist/baloise-design-system/{p-57777973d0.entry.js → p-9b542bd976.entry.js} +1 -1
- package/dist/baloise-design-system/{p-652816cc.system.js → p-9e489928.system.js} +1 -1
- package/dist/baloise-design-system/p-9ec2c3e050.entry.js +1 -0
- package/dist/baloise-design-system/p-9fbf3690.system.js +1 -0
- package/dist/baloise-design-system/p-a576a58b09.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-d56a7e63df.system.entry.js → p-a5c70dd2dd.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-48a601d6f0.system.entry.js → p-a85fe6d188.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d96cc18c2d.system.entry.js → p-a8eef09399.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-31443ba141.entry.js → p-aa2b2147a2.entry.js} +1 -1
- package/dist/baloise-design-system/p-afca130b59.system.entry.js +1 -0
- package/dist/baloise-design-system/p-afef265b5f.entry.js +1 -0
- package/dist/baloise-design-system/p-b21f2874.system.js +1 -0
- package/dist/baloise-design-system/{p-6d51888831.entry.js → p-b2e3f97a3f.entry.js} +1 -1
- package/dist/baloise-design-system/p-b51a692e99.entry.js +1 -0
- package/dist/baloise-design-system/p-b721864305.entry.js +1 -0
- package/dist/baloise-design-system/p-b726b9f4c9.entry.js +1 -0
- package/dist/baloise-design-system/p-bb308299af.entry.js +1 -0
- package/dist/baloise-design-system/{p-84a762f80d.entry.js → p-be02300bdd.entry.js} +1 -1
- package/dist/baloise-design-system/p-bf200caec0.entry.js +1 -0
- package/dist/baloise-design-system/p-c017695c41.entry.js +1 -0
- package/dist/baloise-design-system/p-c0461c69d6.entry.js +1 -0
- package/dist/baloise-design-system/p-c08cbae3ec.system.entry.js +1 -0
- package/dist/baloise-design-system/p-c0eefa4060.entry.js +1 -0
- package/dist/baloise-design-system/{p-e4c30a31a7.system.entry.js → p-c22c22090f.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-c641bed817.entry.js +1 -0
- package/dist/baloise-design-system/p-c991d944.js +1 -1
- package/dist/baloise-design-system/{p-eaadfca758.entry.js → p-c9c007a260.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8f1c2e77b6.entry.js → p-cca78c7a8e.entry.js} +1 -1
- package/dist/baloise-design-system/{p-dacc50ec18.entry.js → p-cf570c9464.entry.js} +1 -1
- package/dist/baloise-design-system/{p-54166d49.system.js → p-d5cb701b.system.js} +1 -1
- package/dist/baloise-design-system/{p-ce1ce7d198.system.entry.js → p-db9b4e132d.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-63b89f722f.system.entry.js → p-db9f48c0d5.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9ba757663f.system.entry.js → p-dcb77164fc.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-deaa160f21.system.entry.js +1 -0
- package/dist/baloise-design-system/p-e0a3b80c8c.system.entry.js +1 -0
- package/dist/baloise-design-system/p-e0b6c2eaf9.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-fbc010987b.system.entry.js → p-e0c8d647b3.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-e48a46d6d7.entry.js +1 -0
- package/dist/baloise-design-system/p-e4b50159.js +1 -0
- package/dist/baloise-design-system/{p-594112b9e7.system.entry.js → p-e4ff14c5bf.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-e562e98c7e.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-1e726ce985.system.entry.js → p-e6196821f7.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-aa125ebac6.system.entry.js → p-e63b388285.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-975634d334.system.entry.js → p-ebae74f9d4.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-ec5776f5.js +1 -0
- package/dist/baloise-design-system/{p-aa101747b4.system.entry.js → p-eeb954c6bc.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-f1849ab83d.entry.js +1 -0
- package/dist/baloise-design-system/p-f285a977e8.entry.js +1 -0
- package/dist/baloise-design-system/p-f4641c6a16.entry.js +1 -0
- package/dist/baloise-design-system/p-f55c127cb5.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-5c0ac570ac.entry.js → p-f669df60fb.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8d1dc2f0d6.system.entry.js → p-f6f93e74c1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9438e5c989.entry.js → p-f7e9758f60.entry.js} +1 -1
- package/dist/baloise-design-system/{p-195ee683.system.js → p-fa246bef.system.js} +1 -1
- package/dist/baloise-design-system/{p-717d8ea880.entry.js → p-fca0dcccde.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5d0768fd46.system.entry.js → p-fe6d53dfdf.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-245629d7ca.system.entry.js → p-ff2a5eae24.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4f74bac34b.system.entry.js → p-ff31e0e340.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-ffe0476dde.entry.js +1 -0
- package/dist/cjs/app-globals-44d3a5af.js +7 -0
- package/dist/cjs/aria-7672033f.js +10 -0
- package/dist/cjs/{attributes-9f366716.js → attributes-11acd153.js} +1 -0
- package/dist/cjs/bal-accordion_4.cjs.entry.js +65 -3
- package/dist/cjs/bal-app.cjs.entry.js +2 -2
- package/dist/cjs/bal-badge.cjs.entry.js +1 -1
- package/dist/cjs/bal-button_2.cjs.entry.js +15 -5
- package/dist/cjs/bal-card_6.cjs.entry.js +7 -7
- package/dist/cjs/bal-carousel_2.cjs.entry.js +16 -10
- package/dist/cjs/bal-checkbox-button.cjs.entry.js +1 -1
- package/dist/cjs/bal-checkbox_2.cjs.entry.js +6 -6
- package/dist/cjs/bal-close.cjs.entry.js +2 -2
- package/dist/cjs/bal-content.cjs.entry.js +1 -1
- package/dist/cjs/bal-data_4.cjs.entry.js +4 -4
- package/dist/cjs/bal-date-calendar-cell.cjs.entry.js +2 -1
- package/dist/cjs/bal-date-calendar_2.cjs.entry.js +7 -6
- package/dist/cjs/bal-date.cjs.entry.js +5 -4
- package/dist/cjs/bal-divider.cjs.entry.js +1 -1
- package/dist/cjs/bal-doc-app.cjs.entry.js +233 -0
- package/dist/cjs/bal-dropdown.cjs.entry.js +8 -8
- package/dist/cjs/bal-field_5.cjs.entry.js +11 -11
- package/dist/cjs/bal-file-upload.cjs.entry.js +6 -5
- package/dist/cjs/bal-footer.cjs.entry.js +4 -4
- package/dist/cjs/bal-form-col_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-form.cjs.entry.js +2 -2
- package/dist/cjs/bal-heading_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-hint_5.cjs.entry.js +9 -8
- package/dist/cjs/bal-icon.cjs.entry.js +3 -2
- package/dist/cjs/bal-input-group.cjs.entry.js +1 -1
- package/dist/cjs/bal-input-slider.cjs.entry.js +5 -4
- package/dist/cjs/bal-input-stepper.cjs.entry.js +6 -5
- package/dist/cjs/bal-input.cjs.entry.js +5 -4
- package/dist/cjs/bal-label.cjs.entry.js +2 -2
- package/dist/cjs/bal-list_8.cjs.entry.js +137 -19
- package/dist/cjs/bal-logo.cjs.entry.js +3 -3
- package/dist/cjs/bal-modal_3.cjs.entry.js +10 -9
- package/dist/cjs/bal-nav_8.cjs.entry.js +19 -19
- package/dist/cjs/bal-navbar_5.cjs.entry.js +61 -9
- package/dist/cjs/bal-notices_3.cjs.entry.js +3 -3
- package/dist/cjs/bal-notification.cjs.entry.js +1 -1
- package/dist/cjs/bal-number-input.cjs.entry.js +9 -7
- package/dist/cjs/bal-option_2.cjs.entry.js +5 -5
- package/dist/cjs/bal-pagination.cjs.entry.js +7 -7
- package/dist/cjs/bal-popup.cjs.entry.js +2 -2
- package/dist/cjs/bal-progress-bar.cjs.entry.js +5 -5
- package/dist/cjs/bal-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/bal-radio_2.cjs.entry.js +6 -5
- package/dist/cjs/bal-segment_2.cjs.entry.js +8 -8
- package/dist/cjs/bal-select_2.cjs.entry.js +8 -7
- package/dist/cjs/bal-shape.cjs.entry.js +5 -5
- package/dist/cjs/bal-sheet.cjs.entry.js +1 -1
- package/dist/cjs/bal-spinner.cjs.entry.js +1 -1
- package/dist/cjs/bal-stack.cjs.entry.js +1 -1
- package/dist/cjs/bal-stage_6.cjs.entry.js +8 -8
- package/dist/cjs/bal-step-item.cjs.entry.js +3 -3
- package/dist/cjs/bal-steps.cjs.entry.js +4 -4
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +13 -12
- package/dist/cjs/bal-table.cjs.entry.js +1 -1
- package/dist/cjs/bal-tag_2.cjs.entry.js +4 -3
- package/dist/cjs/bal-textarea.cjs.entry.js +4 -3
- package/dist/cjs/bal-time-input.cjs.entry.js +5 -4
- package/dist/cjs/bal-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/baloise-design-system.cjs.js +3 -2
- package/dist/cjs/{breakpoints.decorator-02f40938.js → breakpoints.decorator-f4800188.js} +1 -1
- package/dist/cjs/{breakpoints.subject-37ab025d.js → breakpoints.subject-3244205b.js} +1 -1
- package/dist/cjs/{floating-ui-3147d2ff.js → floating-ui-838f057c.js} +1 -1
- package/dist/cjs/{floating-ui.dom.esm-2ece9686.js → floating-ui.dom.esm-13e3f667.js} +205 -77
- package/dist/cjs/{form-2279fb2f.js → form-17c98ac2.js} +2 -2
- package/dist/cjs/{app-globals-fa3c14cc.js → global-872cca8d.js} +2 -4
- package/dist/cjs/index.cjs.js +4 -4
- package/dist/cjs/initialize-3059001f.js +1 -1
- package/dist/cjs/loader.cjs.js +3 -2
- package/dist/cjs/overlays-f6884b7e.js +367 -0
- package/dist/cjs/{swiper.util-9bad4b2d.js → swiper.util-62ca48ba.js} +8 -3
- package/dist/cjs/{tokens.esm-2b08bc6c.js → tokens.esm-b1eb9ac4.js} +1 -1
- package/dist/cjs/{window-resize.decorator-7153a9f2.js → window-resize.decorator-6133d79a.js} +1 -1
- package/dist/collection/collection-manifest.json +4 -3
- package/dist/collection/components/bal-accordion/bal-accordion-details/bal-accordion-details.js +1 -1
- package/dist/collection/components/bal-accordion/bal-accordion-summary/bal-accordion-summary.js +1 -1
- package/dist/collection/components/bal-accordion/bal-accordion-trigger/bal-accordion-trigger.js +56 -2
- package/dist/collection/components/bal-accordion/bal-accordion.i18n.js +42 -0
- package/dist/collection/components/bal-app/bal-app.js +2 -2
- package/dist/collection/components/bal-badge/bal-badge.js +1 -1
- package/dist/collection/components/bal-button/bal-button-group/bal-button-group.js +2 -2
- package/dist/collection/components/bal-button/bal-button.js +33 -3
- package/dist/collection/components/bal-card/bal-card-actions/bal-card-actions.js +1 -1
- package/dist/collection/components/bal-card/bal-card-button/bal-card-button.js +1 -1
- package/dist/collection/components/bal-card/bal-card-content/bal-card-content.js +1 -1
- package/dist/collection/components/bal-card/bal-card-subtitle/bal-card-subtitle.js +1 -1
- package/dist/collection/components/bal-card/bal-card-title/bal-card-title.js +1 -1
- package/dist/collection/components/bal-card/bal-card.js +2 -2
- package/dist/collection/components/bal-carousel/bal-carousel.css +1 -1
- package/dist/collection/components/bal-carousel/bal-carousel.js +31 -3
- package/dist/collection/components/bal-checkbox/bal-checkbox-button/bal-checkbox-button.js +1 -1
- package/dist/collection/components/bal-checkbox/bal-checkbox-group/bal-checkbox-group.js +2 -1
- package/dist/collection/components/bal-checkbox/bal-checkbox.js +1 -1
- package/dist/collection/components/bal-checkbox/radio-checkbox.css +1 -1
- package/dist/collection/components/bal-close/bal-close.css +1 -1
- package/dist/collection/components/bal-close/bal-close.js +1 -1
- package/dist/collection/components/bal-content/bal-content.js +1 -1
- package/dist/collection/components/bal-data/bal-data-item/bal-data-item.js +1 -1
- package/dist/collection/components/bal-data/bal-data-label/bal-data-label.js +1 -1
- package/dist/collection/components/bal-data/bal-data-value/bal-data-value.js +1 -1
- package/dist/collection/components/bal-data/bal-data.js +1 -1
- package/dist/collection/components/bal-date/bal-date-calendar/bal-date-calendar.css +1 -1
- package/dist/collection/components/bal-date/bal-date-calendar/bal-date-calendar.js +1 -1
- package/dist/collection/components/bal-date/bal-date-calendar-cell/bal-date-calendar-cell.js +2 -1
- package/dist/collection/components/bal-date/bal-date.js +2 -1
- package/dist/collection/components/bal-divider/bal-divider.js +1 -1
- package/dist/collection/components/bal-dropdown/bal-dropdown.js +2 -2
- package/dist/collection/components/bal-field/bal-field-control/bal-field-control.js +2 -2
- package/dist/collection/components/bal-field/bal-field-hint/bal-field-hint.js +1 -1
- package/dist/collection/components/bal-field/bal-field-label/bal-field-label.js +1 -1
- package/dist/collection/components/bal-field/bal-field-message/bal-field-message.js +2 -2
- package/dist/collection/components/bal-field/bal-field.css +1 -1
- package/dist/collection/components/bal-field/bal-field.js +3 -3
- package/dist/collection/components/bal-file-upload/bal-file-upload.js +5 -4
- package/dist/collection/components/bal-footer/bal-footer.css +1 -1
- package/dist/collection/components/bal-footer/bal-footer.js +3 -3
- package/dist/collection/components/bal-form/bal-form.js +1 -1
- package/dist/collection/components/bal-form-grid/bal-form-col/bal-form-col.js +2 -2
- package/dist/collection/components/bal-form-grid/bal-form-grid.css +1 -1
- package/dist/collection/components/bal-form-grid/bal-form-grid.js +1 -1
- package/dist/collection/components/bal-heading/bal-heading.js +1 -1
- package/dist/collection/components/bal-hint/bal-hint-text/bal-hint-text.js +1 -1
- package/dist/collection/components/bal-hint/bal-hint-title/bal-hint-title.js +1 -1
- package/dist/collection/components/bal-icon/bal-icon.css +1 -1
- package/dist/collection/components/bal-icon/bal-icon.js +2 -1
- package/dist/collection/components/bal-input/bal-input-date/bal-input-date.js +3 -2
- package/dist/collection/components/bal-input/bal-input.js +3 -2
- package/dist/collection/components/bal-input-group/bal-input-group.js +1 -1
- package/dist/collection/components/bal-input-slider/bal-input-slider.js +4 -3
- package/dist/collection/components/bal-input-stepper/bal-input-stepper.js +4 -3
- package/dist/collection/components/bal-label/bal-label.js +1 -1
- package/dist/collection/components/bal-list/bal-list-item-accordion-body/bal-list-item-accordion-body.js +65 -7
- package/dist/collection/components/bal-list/bal-list-item-accordion-head/bal-list-item-accordion-head.i18n.js +42 -0
- package/dist/collection/components/bal-list/bal-list-item-accordion-head/bal-list-item-accordion-head.js +127 -3
- package/dist/collection/components/bal-list/bal-list-item-content/bal-list-item-content.js +2 -2
- package/dist/collection/components/bal-list/bal-list-item-icon/bal-list-item-icon.js +2 -2
- package/dist/collection/components/bal-list/bal-list-item-subtitle/bal-list-item-subtitle.js +1 -1
- package/dist/collection/components/bal-list/bal-list-item-title/bal-list-item-title.js +1 -1
- package/dist/collection/components/bal-list/bal-list.js +1 -1
- package/dist/collection/components/bal-modal/bal-modal-body/bal-modal-body.js +1 -1
- package/dist/collection/components/bal-modal/bal-modal-header/bal-modal-header.js +1 -1
- package/dist/collection/components/bal-modal/bal-modal.css +1 -1
- package/dist/collection/components/bal-modal/bal-modal.js +27 -6
- package/dist/collection/components/bal-nav/bal-nav-link/bal-nav-link.js +2 -2
- package/dist/collection/components/bal-nav/bal-nav-link-grid/bal-nav-link-grid.js +1 -1
- package/dist/collection/components/bal-nav/bal-nav-link-grid-col/bal-nav-link-grid-col.js +1 -1
- package/dist/collection/components/bal-nav/bal-nav-link-group/bal-nav-link-group.js +1 -1
- package/dist/collection/components/bal-nav/bal-nav-menu-bar/bal-nav-menu-bar.js +1 -1
- package/dist/collection/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.js +1 -1
- package/dist/collection/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.js +1 -1
- package/dist/collection/components/bal-nav/bal-nav.js +2 -2
- package/dist/collection/components/bal-nav/models/bal-nav-meta-button.js +6 -6
- package/dist/collection/components/bal-navbar/bal-navbar-brand/bal-navbar-brand.i18n.js +32 -0
- package/dist/collection/components/bal-navbar/bal-navbar-brand/bal-navbar-brand.js +93 -1
- package/dist/collection/components/bal-navbar/bal-navbar-menu/bal-navbar-menu.js +1 -1
- package/dist/collection/components/bal-navbar/bal-navbar-menu-end/bal-navbar-menu-end.js +1 -1
- package/dist/collection/components/bal-navbar/bal-navbar-menu-start/bal-navbar-menu-start.js +1 -1
- package/dist/collection/components/bal-navbar/bal-navbar.js +1 -1
- package/dist/collection/components/bal-notices/bal-notices.js +1 -1
- package/dist/collection/components/bal-notification/bal-notification.js +1 -1
- package/dist/collection/components/bal-number-input/bal-number-input.js +10 -8
- package/dist/collection/components/bal-option/bal-option.js +1 -1
- package/dist/collection/components/bal-option-list/bal-option-list.js +2 -1
- package/dist/collection/components/bal-pagination/bal-pagination.js +4 -4
- package/dist/collection/components/bal-popover/bal-popover-content/bal-popover-content.js +1 -1
- package/dist/collection/components/bal-popover/bal-popover.js +3 -2
- package/dist/collection/components/bal-popup/bal-popup.js +1 -1
- package/dist/collection/components/bal-progress-bar/bal-progress-bar.js +1 -1
- package/dist/collection/components/bal-radio/bal-radio-button/bal-radio-button.js +1 -1
- package/dist/collection/components/bal-radio/bal-radio-group/bal-radio-group.js +2 -1
- package/dist/collection/components/bal-radio/bal-radio.js +2 -1
- package/dist/collection/components/bal-segment/bal-segment-item/bal-segment-item.js +1 -1
- package/dist/collection/components/bal-segment/bal-segment.js +1 -1
- package/dist/collection/components/bal-select/bal-select-option/bal-select-option.js +1 -1
- package/dist/collection/components/bal-select/bal-select.js +6 -5
- package/dist/collection/components/bal-shape/bal-shape.js +4 -4
- package/dist/collection/components/bal-sheet/bal-sheet.js +1 -1
- package/dist/collection/components/bal-snackbar/bal-snackbar.js +1 -1
- package/dist/collection/components/bal-spinner/bal-spinner.js +1 -1
- package/dist/collection/components/bal-stack/bal-stack.js +1 -1
- package/dist/collection/components/bal-stage/bal-stage-back-link/bal-stage-back-link.js +2 -2
- package/dist/collection/components/bal-stage/bal-stage-body/bal-stage-body.js +1 -1
- package/dist/collection/components/bal-stage/bal-stage-foot/bal-stage-foot.js +1 -1
- package/dist/collection/components/bal-stage/bal-stage-head/bal-stage-head.js +1 -1
- package/dist/collection/components/bal-stage/bal-stage-image/bal-stage-image.js +1 -1
- package/dist/collection/components/bal-stage/bal-stage.js +1 -1
- package/dist/collection/components/bal-steps/bal-step-item/bal-step-item.js +2 -2
- package/dist/collection/components/bal-steps/bal-steps.css +1 -1
- package/dist/collection/components/bal-table/bal-table.js +1 -1
- package/dist/collection/components/bal-tabs/bal-tab-item/bal-tab-item.js +2 -2
- package/dist/collection/components/bal-tabs/bal-tabs.css +1 -1
- package/dist/collection/components/bal-tabs/bal-tabs.js +2 -2
- package/dist/collection/components/bal-tabs/components/tab-button.js +3 -2
- package/dist/collection/components/bal-tag/bal-tag-group/bal-tag-group.js +1 -1
- package/dist/collection/components/bal-tag/bal-tag.js +2 -1
- package/dist/collection/components/bal-text/bal-text.js +2 -2
- package/dist/collection/components/bal-textarea/bal-textarea.js +2 -1
- package/dist/collection/components/bal-time-input/bal-time-input.css +1 -1
- package/dist/collection/components/bal-time-input/bal-time-input.js +2 -1
- package/dist/collection/components/bal-toast/bal-toast.js +1 -1
- package/dist/collection/components/bal-tooltip/bal-tooltip.js +1 -1
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +1 -0
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +247 -0
- package/dist/collection/utils/aria.js +6 -1
- package/dist/collection/utils/attributes.js +1 -0
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/collection/utils/dropdown/input.js +2 -2
- package/dist/collection/utils/form.js +2 -2
- package/dist/collection/utils/overlays/focus-trap.js +91 -0
- package/dist/collection/utils/overlays/overlays.js +193 -0
- package/dist/collection/utils/swiper/swiper.util.js +8 -3
- package/dist/esm/app-globals-c5ea8144.js +5 -0
- package/dist/esm/aria-ea150568.js +8 -0
- package/dist/esm/{attributes-4fa7040f.js → attributes-a3e70948.js} +1 -0
- package/dist/esm/bal-accordion_4.entry.js +65 -3
- package/dist/esm/bal-app.entry.js +2 -2
- package/dist/esm/bal-badge.entry.js +1 -1
- package/dist/esm/bal-button_2.entry.js +15 -5
- package/dist/esm/bal-card_6.entry.js +7 -7
- package/dist/esm/bal-carousel_2.entry.js +16 -10
- package/dist/esm/bal-checkbox-button.entry.js +1 -1
- package/dist/esm/bal-checkbox_2.entry.js +6 -6
- package/dist/esm/bal-close.entry.js +2 -2
- package/dist/esm/bal-content.entry.js +1 -1
- package/dist/esm/bal-data_4.entry.js +4 -4
- package/dist/esm/bal-date-calendar-cell.entry.js +2 -1
- package/dist/esm/bal-date-calendar_2.entry.js +7 -6
- package/dist/esm/bal-date.entry.js +5 -4
- package/dist/esm/bal-divider.entry.js +1 -1
- package/dist/esm/bal-doc-app.entry.js +229 -0
- package/dist/esm/bal-dropdown.entry.js +8 -8
- package/dist/esm/bal-field_5.entry.js +11 -11
- package/dist/esm/bal-file-upload.entry.js +6 -5
- package/dist/esm/bal-footer.entry.js +4 -4
- package/dist/esm/bal-form-col_2.entry.js +4 -4
- package/dist/esm/bal-form.entry.js +2 -2
- package/dist/esm/bal-heading_2.entry.js +3 -3
- package/dist/esm/bal-hint_5.entry.js +9 -8
- package/dist/esm/bal-icon.entry.js +3 -2
- package/dist/esm/bal-input-group.entry.js +1 -1
- package/dist/esm/bal-input-slider.entry.js +5 -4
- package/dist/esm/bal-input-stepper.entry.js +6 -5
- package/dist/esm/bal-input.entry.js +5 -4
- package/dist/esm/bal-label.entry.js +2 -2
- package/dist/esm/bal-list_8.entry.js +137 -19
- package/dist/esm/bal-logo.entry.js +3 -3
- package/dist/esm/bal-modal_3.entry.js +10 -9
- package/dist/esm/bal-nav_8.entry.js +19 -19
- package/dist/esm/bal-navbar_5.entry.js +61 -9
- package/dist/esm/bal-notices_3.entry.js +3 -3
- package/dist/esm/bal-notification.entry.js +1 -1
- package/dist/esm/bal-number-input.entry.js +9 -7
- package/dist/esm/bal-option_2.entry.js +5 -5
- package/dist/esm/bal-pagination.entry.js +7 -7
- package/dist/esm/bal-popup.entry.js +2 -2
- package/dist/esm/bal-progress-bar.entry.js +5 -5
- package/dist/esm/bal-radio-button.entry.js +1 -1
- package/dist/esm/bal-radio_2.entry.js +6 -5
- package/dist/esm/bal-segment_2.entry.js +8 -8
- package/dist/esm/bal-select_2.entry.js +8 -7
- package/dist/esm/bal-shape.entry.js +5 -5
- package/dist/esm/bal-sheet.entry.js +1 -1
- package/dist/esm/bal-spinner.entry.js +1 -1
- package/dist/esm/bal-stack.entry.js +1 -1
- package/dist/esm/bal-stage_6.entry.js +8 -8
- package/dist/esm/bal-step-item.entry.js +3 -3
- package/dist/esm/bal-steps.entry.js +4 -4
- package/dist/esm/bal-tab-item_2.entry.js +13 -12
- package/dist/esm/bal-table.entry.js +1 -1
- package/dist/esm/bal-tag_2.entry.js +4 -3
- package/dist/esm/bal-textarea.entry.js +4 -3
- package/dist/esm/bal-time-input.entry.js +5 -4
- package/dist/esm/bal-tooltip.entry.js +2 -2
- package/dist/esm/baloise-design-system.js +3 -2
- package/dist/esm/{breakpoints.decorator-fbc04097.js → breakpoints.decorator-43a5539d.js} +1 -1
- package/dist/esm/{breakpoints.subject-336f3c8b.js → breakpoints.subject-41117dc4.js} +1 -1
- package/dist/esm/{floating-ui-90bc6e58.js → floating-ui-d05a7ad6.js} +1 -1
- package/dist/esm/{floating-ui.dom.esm-8dcdb8d6.js → floating-ui.dom.esm-efb93616.js} +205 -77
- package/dist/esm/{form-fb8dd9f5.js → form-841232ff.js} +2 -2
- package/dist/esm/{app-globals-5b18a75c.js → global-181336dc.js} +2 -4
- package/dist/esm/index.js +5 -5
- package/dist/esm/initialize-66a526c0.js +1 -1
- package/dist/esm/loader.js +3 -2
- package/dist/esm/overlays-df27551b.js +360 -0
- package/dist/esm/{swiper.util-a4c7d0f9.js → swiper.util-9564f1e8.js} +8 -3
- package/dist/esm/{tokens.esm-d6bf7bd8.js → tokens.esm-376de6fe.js} +1 -1
- package/dist/esm/{window-resize.decorator-f894e34b.js → window-resize.decorator-66d8fd79.js} +1 -1
- package/dist/esm-es5/app-globals-c5ea8144.js +1 -0
- package/dist/esm-es5/aria-ea150568.js +1 -0
- package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
- package/dist/esm-es5/bal-app.entry.js +1 -1
- package/dist/esm-es5/bal-badge.entry.js +1 -1
- package/dist/esm-es5/bal-button_2.entry.js +1 -1
- package/dist/esm-es5/bal-card_6.entry.js +1 -1
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-checkbox-button.entry.js +1 -1
- package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
- package/dist/esm-es5/bal-close.entry.js +1 -1
- package/dist/esm-es5/bal-content.entry.js +1 -1
- package/dist/esm-es5/bal-data_4.entry.js +1 -1
- package/dist/esm-es5/bal-date-calendar-cell.entry.js +1 -1
- package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
- package/dist/esm-es5/bal-date.entry.js +1 -1
- package/dist/esm-es5/bal-divider.entry.js +1 -1
- package/dist/esm-es5/bal-doc-app.entry.js +1 -0
- package/dist/esm-es5/bal-dropdown.entry.js +1 -1
- package/dist/esm-es5/bal-field_5.entry.js +1 -1
- package/dist/esm-es5/bal-file-upload.entry.js +1 -1
- package/dist/esm-es5/bal-footer.entry.js +1 -1
- package/dist/esm-es5/bal-form-col_2.entry.js +1 -1
- package/dist/esm-es5/bal-form.entry.js +1 -1
- package/dist/esm-es5/bal-heading_2.entry.js +1 -1
- package/dist/esm-es5/bal-hint_5.entry.js +1 -1
- package/dist/esm-es5/bal-icon.entry.js +1 -1
- package/dist/esm-es5/bal-input-group.entry.js +1 -1
- package/dist/esm-es5/bal-input-slider.entry.js +1 -1
- package/dist/esm-es5/bal-input-stepper.entry.js +1 -1
- package/dist/esm-es5/bal-input.entry.js +1 -1
- package/dist/esm-es5/bal-label.entry.js +1 -1
- package/dist/esm-es5/bal-list_8.entry.js +1 -1
- package/dist/esm-es5/bal-logo.entry.js +1 -1
- package/dist/esm-es5/bal-modal_3.entry.js +1 -1
- package/dist/esm-es5/bal-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-notices_3.entry.js +1 -1
- package/dist/esm-es5/bal-notification.entry.js +1 -1
- package/dist/esm-es5/bal-number-input.entry.js +1 -1
- package/dist/esm-es5/bal-option_2.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-popup.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-radio-button.entry.js +1 -1
- package/dist/esm-es5/bal-radio_2.entry.js +1 -1
- package/dist/esm-es5/bal-segment_2.entry.js +1 -1
- package/dist/esm-es5/bal-select_2.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-sheet.entry.js +1 -1
- package/dist/esm-es5/bal-spinner.entry.js +1 -1
- package/dist/esm-es5/bal-stack.entry.js +1 -1
- package/dist/esm-es5/bal-stage_6.entry.js +1 -1
- package/dist/esm-es5/bal-step-item.entry.js +1 -1
- package/dist/esm-es5/bal-steps.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/bal-table.entry.js +1 -1
- package/dist/esm-es5/bal-tag_2.entry.js +1 -1
- package/dist/esm-es5/bal-textarea.entry.js +1 -1
- package/dist/esm-es5/bal-time-input.entry.js +1 -1
- package/dist/esm-es5/bal-tooltip.entry.js +1 -1
- package/dist/esm-es5/baloise-design-system.js +1 -1
- package/dist/esm-es5/{breakpoints.decorator-fbc04097.js → breakpoints.decorator-43a5539d.js} +1 -1
- package/dist/esm-es5/{breakpoints.subject-336f3c8b.js → breakpoints.subject-41117dc4.js} +1 -1
- package/dist/esm-es5/{floating-ui-90bc6e58.js → floating-ui-d05a7ad6.js} +1 -1
- package/dist/esm-es5/floating-ui.dom.esm-efb93616.js +1 -0
- package/dist/esm-es5/{form-fb8dd9f5.js → form-841232ff.js} +1 -1
- package/dist/esm-es5/global-181336dc.js +1 -0
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-66a526c0.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/overlays-df27551b.js +1 -0
- package/dist/esm-es5/swiper.util-9564f1e8.js +1 -0
- package/dist/esm-es5/{window-resize.decorator-f894e34b.js → window-resize.decorator-66d8fd79.js} +1 -1
- package/dist/html.html-data.json +31 -0
- package/dist/types/components/bal-accordion/bal-accordion-trigger/bal-accordion-trigger.d.ts +10 -0
- package/dist/types/components/bal-accordion/bal-accordion.i18n.d.ts +7 -0
- package/dist/types/components/bal-button/bal-button.d.ts +4 -0
- package/dist/types/components/bal-button/bal-button.interfaces.d.ts +1 -0
- package/dist/types/components/bal-carousel/bal-carousel.d.ts +5 -0
- package/dist/types/components/bal-list/bal-list-item-accordion-body/bal-list-item-accordion-body.d.ts +14 -0
- package/dist/types/components/bal-list/bal-list-item-accordion-head/bal-list-item-accordion-head.d.ts +33 -0
- package/dist/types/components/bal-list/bal-list-item-accordion-head/bal-list-item-accordion-head.i18n.d.ts +7 -0
- package/dist/types/components/bal-modal/bal-modal.d.ts +18 -0
- package/dist/types/components/bal-navbar/bal-navbar-brand/bal-navbar-brand.d.ts +14 -0
- package/dist/types/components/bal-navbar/bal-navbar-brand/bal-navbar-brand.i18n.d.ts +5 -0
- package/dist/types/components/bal-number-input/bal-number-input.d.ts +5 -5
- package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
- package/dist/types/components.d.ts +88 -2
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +82 -0
- package/dist/types/utils/aria.d.ts +1 -1
- package/dist/types/utils/attributes.d.ts +1 -0
- package/dist/types/utils/dropdown/input.d.ts +0 -1
- package/dist/types/utils/overlays/focus-trap.d.ts +36 -0
- package/dist/types/utils/overlays/overlays.d.ts +4 -0
- package/dist/types/utils/swiper/swiper.type.d.ts +1 -0
- package/dist/types/utils/swiper/swiper.util.d.ts +2 -2
- package/package.json +6 -8
- package/dist/baloise-design-system/p-007fc954.js +0 -1
- package/dist/baloise-design-system/p-0170c59c18.system.entry.js +0 -1
- package/dist/baloise-design-system/p-02c5d9fe7e.entry.js +0 -1
- package/dist/baloise-design-system/p-0932b2841b.system.entry.js +0 -1
- package/dist/baloise-design-system/p-1756cf373c.entry.js +0 -1
- package/dist/baloise-design-system/p-187f98a1.system.js +0 -1
- package/dist/baloise-design-system/p-18b510f972.entry.js +0 -1
- package/dist/baloise-design-system/p-1a91f0403a.system.entry.js +0 -1
- package/dist/baloise-design-system/p-1e9d6d442d.entry.js +0 -1
- package/dist/baloise-design-system/p-22bf3854a2.system.entry.js +0 -1
- package/dist/baloise-design-system/p-233258cd04.system.entry.js +0 -1
- package/dist/baloise-design-system/p-29e7d95fdf.entry.js +0 -1
- package/dist/baloise-design-system/p-2f3c628b01.system.entry.js +0 -1
- package/dist/baloise-design-system/p-32f2098f72.entry.js +0 -1
- package/dist/baloise-design-system/p-34797e19f0.system.entry.js +0 -1
- package/dist/baloise-design-system/p-36218e79.js +0 -1
- package/dist/baloise-design-system/p-38b11e34b4.system.entry.js +0 -1
- package/dist/baloise-design-system/p-3a7c9c15.js +0 -1
- package/dist/baloise-design-system/p-3b18905319.entry.js +0 -1
- package/dist/baloise-design-system/p-3fcdc7bf1d.entry.js +0 -1
- package/dist/baloise-design-system/p-403f40e26a.entry.js +0 -1
- package/dist/baloise-design-system/p-43078d9a20.entry.js +0 -1
- package/dist/baloise-design-system/p-444d11044c.system.entry.js +0 -1
- package/dist/baloise-design-system/p-4543306ed6.system.entry.js +0 -1
- package/dist/baloise-design-system/p-45bbf6330f.entry.js +0 -1
- package/dist/baloise-design-system/p-47660601a1.entry.js +0 -1
- package/dist/baloise-design-system/p-477a9f8a40.entry.js +0 -1
- package/dist/baloise-design-system/p-489cda24c4.system.entry.js +0 -1
- package/dist/baloise-design-system/p-4a614fb255.system.entry.js +0 -1
- package/dist/baloise-design-system/p-4dfdd589d8.system.entry.js +0 -1
- package/dist/baloise-design-system/p-513f6b88.js +0 -1
- package/dist/baloise-design-system/p-51e22c0c.js +0 -1
- package/dist/baloise-design-system/p-56d4310416.system.entry.js +0 -1
- package/dist/baloise-design-system/p-578047988c.system.entry.js +0 -1
- package/dist/baloise-design-system/p-5a3e5f6551.entry.js +0 -1
- package/dist/baloise-design-system/p-630b9272b1.entry.js +0 -1
- package/dist/baloise-design-system/p-725eed2595.entry.js +0 -1
- package/dist/baloise-design-system/p-72d3d56c55.entry.js +0 -1
- package/dist/baloise-design-system/p-732df3f390.system.entry.js +0 -1
- package/dist/baloise-design-system/p-759f25a3e5.entry.js +0 -1
- package/dist/baloise-design-system/p-7c76d17d2f.entry.js +0 -1
- package/dist/baloise-design-system/p-7e7d73b667.entry.js +0 -1
- package/dist/baloise-design-system/p-82ff80d9f0.entry.js +0 -1
- package/dist/baloise-design-system/p-89a8d47c12.entry.js +0 -1
- package/dist/baloise-design-system/p-8b0bd1adc7.entry.js +0 -1
- package/dist/baloise-design-system/p-8cb8360dcd.system.entry.js +0 -1
- package/dist/baloise-design-system/p-974e5cb5ec.system.entry.js +0 -1
- package/dist/baloise-design-system/p-9b6e9746c1.entry.js +0 -1
- package/dist/baloise-design-system/p-b2198343bf.entry.js +0 -1
- package/dist/baloise-design-system/p-c09a268beb.system.entry.js +0 -1
- package/dist/baloise-design-system/p-c2a4a78d58.system.entry.js +0 -1
- package/dist/baloise-design-system/p-cc899b3f92.entry.js +0 -1
- package/dist/baloise-design-system/p-d24c5aa8ad.entry.js +0 -1
- package/dist/baloise-design-system/p-d296994410.system.entry.js +0 -1
- package/dist/baloise-design-system/p-d404537f.system.js +0 -1
- package/dist/baloise-design-system/p-d5e8e2bec8.entry.js +0 -1
- package/dist/baloise-design-system/p-d9b38501.js +0 -1
- package/dist/baloise-design-system/p-d9bc111444.system.entry.js +0 -1
- package/dist/baloise-design-system/p-ddfbabb4d5.system.entry.js +0 -1
- package/dist/baloise-design-system/p-de59bd37.system.js +0 -1
- package/dist/baloise-design-system/p-e104ac3699.system.entry.js +0 -1
- package/dist/baloise-design-system/p-e2a70f10.system.js +0 -1
- package/dist/baloise-design-system/p-e5c0a1dbb2.entry.js +0 -1
- package/dist/baloise-design-system/p-e70c7951.system.js +0 -1
- package/dist/baloise-design-system/p-edd4a77fd5.system.entry.js +0 -1
- package/dist/baloise-design-system/p-f01ae7b55b.entry.js +0 -1
- package/dist/baloise-design-system/p-f8ab470d9d.system.entry.js +0 -1
- package/dist/baloise-design-system/p-fa43380807.system.entry.js +0 -1
- package/dist/baloise-design-system/p-ff859bec24.system.entry.js +0 -1
- package/dist/baloise-design-system/p-ffeef88a26.entry.js +0 -1
- package/dist/cjs/aria-c8955a5c.js +0 -5
- package/dist/cjs/overlays-81ea4414.js +0 -82
- package/dist/esm/aria-d5877698.js +0 -3
- package/dist/esm/overlays-9a5950bd.js +0 -76
- package/dist/esm-es5/app-globals-5b18a75c.js +0 -1
- package/dist/esm-es5/aria-d5877698.js +0 -1
- package/dist/esm-es5/floating-ui.dom.esm-8dcdb8d6.js +0 -1
- package/dist/esm-es5/overlays-9a5950bd.js +0 -1
- package/dist/esm-es5/swiper.util-a4c7d0f9.js +0 -1
- /package/dist/baloise-design-system/{p-dd5e13d1.js → p-063808d7.js} +0 -0
- /package/dist/baloise-design-system/{p-ca9e987e.js → p-6e1e6cc5.js} +0 -0
- /package/dist/baloise-design-system/{p-8949aa8b.system.js → p-7720b262.system.js} +0 -0
- /package/dist/baloise-design-system/{p-d1847366.system.js → p-b119ef19.system.js} +0 -0
- /package/dist/esm-es5/{attributes-4fa7040f.js → attributes-a3e70948.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-d6bf7bd8.js → tokens.esm-376de6fe.js} +0 -0
|
@@ -267,7 +267,7 @@ export class Checkbox {
|
|
|
267
267
|
labelAttributes.id = `${id}-lbl`;
|
|
268
268
|
labelAttributes.htmlFor = id;
|
|
269
269
|
}
|
|
270
|
-
return (h(Host, { key: '
|
|
270
|
+
return (h(Host, { key: 'c76b5ff66a33d98280bcb8168d12284561c4ef23', "aria-checked": `${this.checked}`, "aria-disabled": ariaBooleanToString(this.disabled), "aria-hidden": ariaBooleanToString(this.disabled || this.nonSubmit), "aria-focused": focused ? 'true' : null, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ 'bal-focused': focused }, block.class()), block.modifier('checkbox').class()), block.modifier('select-button').class(this.interface === 'select-button')), block.modifier('switch').class(this.interface === 'switch')), block.modifier('focused').class(this.focused)), block.modifier('invalid').class(this.invalid)), block.modifier('checked').class(this.checked)), block.modifier('invisible').class(this.invisible)), block.modifier('flat').class(this.flat)), block.modifier('disabled').class(this.disabled || this.readonly)), block.modifier('hovered').class(this.hovered)), block.modifier('pressed').class(this.pressed)), block.modifier('inline').class(this.inline)), onKeypress: this.onKeypress, onClick: this.onClick }, h("input", Object.assign({ key: '11958df47ddff46268cf931dd13d0d7a671e9964', class: Object.assign(Object.assign({}, inputEl.class()), inputEl.modifier('select-button').class(this.interface === 'select-button')), "data-testid": "bal-checkbox-input", type: "checkbox", id: id, "aria-labelledby": labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": ariaBooleanToString(this.disabled), "aria-checked": `${this.checked}`, "aria-hidden": ariaBooleanToString(this.nonSubmit), name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.nonSubmit, readonly: this.readonly, required: this.required, onFocus: this.onFocus, onBlur: this.onBlur, ref: inputEl => (this.nativeInput = inputEl) }, inputAttributes)), !this.invisible ? (h(LabelTag, Object.assign({ class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, labelEl.class()), labelEl.modifier('checkbox').class()), labelEl.modifier('checked').class(this.checked)), labelEl.modifier('hidden').class(this.labelHidden)), labelEl.modifier('flat').class(this.flat)), labelEl.modifier('switch').class(this.interface === 'switch')) }, labelAttributes, { "data-testid": "bal-checkbox-label" }), this.interface === 'switch' ? (h("bal-icon", { class: Object.assign({}, iconEl.class()), name: "check", color: "white", size: "x-small", "aria-hidden": "true" })) : (''), h("span", { class: Object.assign(Object.assign(Object.assign({}, labelTextEl.class()), labelTextEl.modifier('hidden').class(this.labelHidden)), labelTextEl.modifier('flat').class(this.flat)), "data-testid": "bal-checkbox-text" }, this.label, h("slot", null)))) : ('')));
|
|
271
271
|
}
|
|
272
272
|
static get is() { return "bal-checkbox"; }
|
|
273
273
|
static get originalStyleUrls() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media(hover: hover)and (pointer: fine){.bal-radio-checkbox.bal-focused .bal-radio-checkbox__input:not(.bal-radio-checkbox__input--select-button)+.bal-radio-checkbox__label::before,.bal-radio-checkbox.bal-focused.bal-radio-checkbox--select-button{box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-checkbox-symbol-size: 1.5rem;--bal-radio-checkbox-symbol-width: calc(0.5rem - 1px);--bal-radio-checkbox-symbol-height: calc(0.875rem - 1px);--bal-radio-checkbox-symbol-left: calc(0.5rem + 1px);--bal-radio-checkbox-symbol-margin-top: 0.25rem;--bal-radio-checkbox-label-min-height: 1.5rem;--bal-radio-checkbox-select-button-background-hover: var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-active: var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-checked: var(--bal-color-primary);--bal-radio-checkbox-select-button-background-checked-hover: var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-background-checked-active: var(--bal-color-primary-6);--bal-radio-checkbox-select-button-background-invalid: var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-hover: var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-active: var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-checked: var(--bal-color-border-danger);--bal-radio-checkbox-select-button-background-invalid-checked-hover: var(--bal-color-danger-5);--bal-radio-checkbox-select-button-background-invalid-checked-active: var(--bal-color-danger-6);--bal-radio-checkbox-select-button-background-disabled-hover-active: var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-disabled-checked-hover-active: var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-before: var(--bal-color-primary-1);--bal-radio-checkbox-switch-label-background-after: var(--bal-color-primary);--bal-radio-checkbox-switch-label-background-hover-after: var(--bal-color-light-blue-5);--bal-radio-checkbox-switch-label-background-active-after: var(--bal-color-primary-6);--bal-radio-checkbox-switch-label-background-checked-before: var(--bal-color-success-4);--bal-radio-checkbox-switch-label-background-checked-after: var(--bal-color-white);--bal-radio-checkbox-switch-label-background-checked-hover-before: var(--bal-color-success-5);--bal-radio-checkbox-switch-label-background-checked-active-before: var(--bal-color-success-6);--bal-radio-checkbox-switch-label-background-invalid-before: var(--bal-color-danger-1);--bal-radio-checkbox-switch-label-background-invalid-after: var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-hover-after: var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-invalid-active-after: var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-checked-before: var(--bal-color-danger-4);--bal-radio-checkbox-switch-label-background-invalid-checked-after: var(--bal-color-white);--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before: var(--bal-color-danger-5);--bal-radio-checkbox-switch-label-background-invalid-checked-active-before: var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-disabled-hover-active-before: var(--bal-color-grey-3);--bal-radio-checkbox-switch-label-background-disabled-hover-active-after: var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before: var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after: var(--bal-color-white);--bal-radio-checkbox-button-background: transparent;--bal-radio-checkbox-button-background-checked-green: var(--bal-color-green-1);--bal-radio-checkbox-button-background-checked-purple: var(--bal-color-purple-1);--bal-radio-checkbox-button-background-checked-red: var(--bal-color-red-1);--bal-radio-checkbox-button-background-checked-yellow: var(--bal-color-yellow-1);--bal-radio-checkbox-button-background-disabled: var(--bal-color-grey-1);--bal-radio-checkbox-button-background-hover: var(--bal-color-grey-1);--bal-radio-checkbox-select-button-border-color: var(--bal-color-primary);--bal-radio-checkbox-select-button-border-color-hover: var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-border-color-active: var(--bal-color-primary-6);--bal-radio-checkbox-select-button-border-color-invalid: var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-hover: var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-active: var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-invalid-checked: var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-checked-hover: var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-checked-active: var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-disabled-hover-active: var(--bal-color-border-grey-dark);--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active: var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-hover: var(--bal-color-border-primary-hovered);--bal-radio-checkbox-button-border-color-active: var(--bal-color-border-primary-pressed);--bal-radio-checkbox-button-border-color-invalid-hover: var(--bal-color-border-danger-hovered);--bal-radio-checkbox-button-border-color-invalid-active: var(--bal-color-border-danger-pressed);--bal-radio-checkbox-button-border-color: var(--bal-color-border);--bal-radio-checkbox-button-border-color-checked: var(--bal-color-border-primary);--bal-radio-checkbox-button-border-color-disabled: var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-invalid: var(--bal-color-border-danger)}bal-radio .bal-radio-checkbox__label::before,bal-radio .bal-radio-checkbox__label::after{margin-top:0px !important}.bal-radio-checkbox-group{display:inline-block;position:relative;width:100%}.bal-radio-checkbox-group__inner{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-radio-checkbox-group__inner--select-button{flex-direction:column;flex-wrap:wrap;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-radio-checkbox-group__inner--select-button{flex-direction:row}}.bal-radio-checkbox-group__inner--expanded{align-items:stretch}.bal-radio-checkbox-group__inner--expanded .bal-radio-checkbox{flex:1}@media screen and (max-width: 768px){.bal-radio-checkbox-group__inner--expanded .bal-radio-checkbox{width:100%}}.bal-radio-checkbox-group__inner--select-button.bal-radio-checkbox-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-radio-checkbox-group__inner--vertical{flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-radio-checkbox-group__inner--vertical{align-items:flex-start}}@media screen and (max-width: 768px){.bal-radio-checkbox-group__inner--vertical-mobile{flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}.bal-radio-checkbox{position:relative;display:inline-flex;justify-content:flex-start;align-items:center;outline:none;min-width:1.5rem;min-height:3rem}.bal-radio-checkbox--flat:not(.bal-radio-checkbox--select-button){min-height:1.5rem}.bal-radio-checkbox__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-radio-checkbox--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-radio-checkbox:not(.bal-radio-checkbox--disabled),.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input,.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input+label,.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input+label>span{cursor:pointer}.bal-radio-checkbox__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;line-height:1.5rem;contain:layout style;display:flex;align-items:center;justify-content:center;text-align:left;min-height:var(--bal-radio-checkbox-label-min-height);font-family:var(--bal-font-family-text)}.bal-radio-checkbox__label__text{padding-left:2rem;hyphens:auto;padding-top:.25rem;padding-bottom:.25rem}.bal-radio-checkbox__label__text--hidden{padding-left:0;display:none}.bal-radio-checkbox__label__text--flat{padding-top:0;padding-bottom:0}.bal-radio-checkbox__label--flat:not(.bal-radio-checkbox--select-button)::before,.bal-radio-checkbox__label--flat:not(.bal-radio-checkbox--select-button)::after{top:0px !important}.bal-radio-checkbox__label--hidden::before,.bal-radio-checkbox__label--hidden::after{top:0px !important}.bal-radio-checkbox__label::before,.bal-radio-checkbox__label::after{display:inline-block;position:absolute;left:0;top:.25rem;height:var(--bal-radio-checkbox-symbol-size);width:var(--bal-radio-checkbox-symbol-size);background-color:rgba(0,0,0,0);background-position:center;background-repeat:no-repeat;background-size:var(--bal-radio-checkbox-symbol-size) var(--bal-radio-checkbox-symbol-size)}.bal-radio-checkbox__label::before{content:"";border-style:var(--bal-form-field-control-border-style);border-width:2px}.bal-radio-checkbox__label::after{content:none}.bal-radio-checkbox__label--checked::after{content:""}.bal-radio-checkbox__label--radio::before,.bal-radio-checkbox__label--radio::after{border-radius:50%}.bal-radio-checkbox__label--radio::after{left:0;transform:scale(0.25)}.bal-radio-checkbox__label--checkbox::before{border-radius:var(--bal-form-field-control-radius)}.bal-radio-checkbox__label--checkbox::after{border-top:0;border-right-style:var(--bal-form-field-control-border-style);border-right-width:2px;border-bottom-style:var(--bal-form-field-control-border-style);border-bottom-width:2px;border-left:0;border-radius:1px;width:var(--bal-radio-checkbox-symbol-width);height:var(--bal-radio-checkbox-symbol-height);left:var(--bal-radio-checkbox-symbol-left);margin-top:var(--bal-radio-checkbox-symbol-margin-top);transform:rotate(45deg)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-primary);background:var(--bal-color-transparent)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-light-blue-5);background:var(--bal-color-grey-2)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-blue-6);background:var(--bal-color-grey-2)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-danger-5);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-danger-6);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-primary)}.bal-radio-checkbox:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-light-blue-5)}.bal-radio-checkbox:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-blue-6)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-danger-6)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-text-grey)}.bal-radio-checkbox--inline{display:inline}.bal-radio-checkbox--select-button{padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-radio-checkbox-select-button-border-color)}.bal-radio-checkbox--select-button:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-hover);background:var(--bal-radio-checkbox-select-button-background-hover)}.bal-radio-checkbox--select-button:active{border-color:var(--bal-radio-checkbox-select-button-border-color-active);background:var(--bal-radio-checkbox-select-button-background-active)}.bal-radio-checkbox--select-button label::before{top:unset}.bal-radio-checkbox--select-button label::after{top:unset;margin-top:-3px}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat::before{top:unset !important}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat::after{margin-top:-3px;top:unset !important}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat .bal-radio-checkbox__label__text--flat{padding-top:.25rem;padding-bottom:.25rem}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked{background:var(--bal-radio-checkbox-select-button-background-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-radio-checkbox-select-button-link-text-color-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover{background:var(--bal-radio-checkbox-select-button-background-checked-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active{background:var(--bal-radio-checkbox-select-button-background-checked-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid);background:var(--bal-radio-checkbox-select-button-background-invalid)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-form-field-label-danger-color)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-hover);background:var(--bal-radio-checkbox-select-button-background-invalid-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid:active{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-active);background:var(--bal-radio-checkbox-select-button-background-invalid-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked);background:var(--bal-radio-checkbox-select-button-background-invalid-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked-hover);background:var(--bal-radio-checkbox-select-button-background-invalid-checked-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked-active);background:var(--bal-radio-checkbox-select-button-background-invalid-checked-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:hover,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:active{border-color:var(--bal-radio-checkbox-select-button-border-color-disabled-hover-active);background:var(--bal-radio-checkbox-select-button-background-disabled-hover-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-form-field-label-disabled-color)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active{border-color:var(--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active);background:var(--bal-radio-checkbox-select-button-background-disabled-checked-hover-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--switch{min-width:2.5rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label{padding-left:1rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label::before{border-radius:1.5rem;position:absolute;display:block;top:0;left:0;width:2.5rem;height:1.5rem;border:1.6px solid rgba(0,0,0,0);content:"";transition:left .25s ease-out,background .25s ease-out;margin-top:.25rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label::after{border:none;margin:0;border-radius:50%;display:block;position:absolute;top:.25rem !important;left:.25rem;width:1rem;height:1rem;z-index:2;margin-top:.25rem;transform:translate3d(0, 0, 0);transition:left .25s ease-out,background .25s ease-out;content:""}.bal-radio-checkbox--switch .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-before)}.bal-radio-checkbox--switch .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-after)}.bal-radio-checkbox--switch:hover .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-hover-after)}.bal-radio-checkbox--switch:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--flat .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--flat .bal-radio-checkbox__label::after{margin-top:0}.bal-radio-checkbox--switch.bal-radio-checkbox--checked .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked .bal-radio-checkbox__label::after{left:1.25rem;background:var(--bal-radio-checkbox-switch-label-background-checked-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-hover-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-hover-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-disabled-hover-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-disabled-hover-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after)}.bal-radio-checkbox__icon{position:absolute !important;left:5.5px;z-index:1}.bal-radio-checkbox__icon--hidden{display:none !important}
|
|
1
|
+
@media(hover: hover)and (pointer: fine){.bal-radio-checkbox.bal-focused.bal-radio-checkbox--select-button,.bal-radio-checkbox.bal-focused .bal-radio-checkbox__input:not(.bal-radio-checkbox__input--select-button)+.bal-radio-checkbox__label::before{box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-checkbox-symbol-size: 1.5rem;--bal-radio-checkbox-symbol-width: calc(0.5rem - 1px);--bal-radio-checkbox-symbol-height: calc(0.875rem - 1px);--bal-radio-checkbox-symbol-left: calc(0.5rem + 1px);--bal-radio-checkbox-symbol-margin-top: 0.25rem;--bal-radio-checkbox-label-min-height: 1.5rem;--bal-radio-checkbox-select-button-background-hover: var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-active: var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-checked: var(--bal-color-primary);--bal-radio-checkbox-select-button-background-checked-hover: var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-background-checked-active: var(--bal-color-primary-6);--bal-radio-checkbox-select-button-background-invalid: var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-hover: var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-active: var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-checked: var(--bal-color-border-danger);--bal-radio-checkbox-select-button-background-invalid-checked-hover: var(--bal-color-danger-5);--bal-radio-checkbox-select-button-background-invalid-checked-active: var(--bal-color-danger-6);--bal-radio-checkbox-select-button-background-disabled-hover-active: var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-disabled-checked-hover-active: var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-before: var(--bal-color-primary-1);--bal-radio-checkbox-switch-label-background-after: var(--bal-color-primary);--bal-radio-checkbox-switch-label-background-hover-after: var(--bal-color-light-blue-5);--bal-radio-checkbox-switch-label-background-active-after: var(--bal-color-primary-6);--bal-radio-checkbox-switch-label-background-checked-before: var(--bal-color-success-4);--bal-radio-checkbox-switch-label-background-checked-after: var(--bal-color-white);--bal-radio-checkbox-switch-label-background-checked-hover-before: var(--bal-color-success-5);--bal-radio-checkbox-switch-label-background-checked-active-before: var(--bal-color-success-6);--bal-radio-checkbox-switch-label-background-invalid-before: var(--bal-color-danger-1);--bal-radio-checkbox-switch-label-background-invalid-after: var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-hover-after: var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-invalid-active-after: var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-checked-before: var(--bal-color-danger-4);--bal-radio-checkbox-switch-label-background-invalid-checked-after: var(--bal-color-white);--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before: var(--bal-color-danger-5);--bal-radio-checkbox-switch-label-background-invalid-checked-active-before: var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-disabled-hover-active-before: var(--bal-color-grey-3);--bal-radio-checkbox-switch-label-background-disabled-hover-active-after: var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before: var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after: var(--bal-color-white);--bal-radio-checkbox-button-background: transparent;--bal-radio-checkbox-button-background-checked-green: var(--bal-color-green-1);--bal-radio-checkbox-button-background-checked-purple: var(--bal-color-purple-1);--bal-radio-checkbox-button-background-checked-red: var(--bal-color-red-1);--bal-radio-checkbox-button-background-checked-yellow: var(--bal-color-yellow-1);--bal-radio-checkbox-button-background-disabled: var(--bal-color-grey-1);--bal-radio-checkbox-button-background-hover: var(--bal-color-grey-1);--bal-radio-checkbox-select-button-border-color: var(--bal-color-primary);--bal-radio-checkbox-select-button-border-color-hover: var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-border-color-active: var(--bal-color-primary-6);--bal-radio-checkbox-select-button-border-color-invalid: var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-hover: var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-active: var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-invalid-checked: var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-checked-hover: var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-checked-active: var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-disabled-hover-active: var(--bal-color-border-grey-dark);--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active: var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-hover: var(--bal-color-border-primary-hovered);--bal-radio-checkbox-button-border-color-active: var(--bal-color-border-primary-pressed);--bal-radio-checkbox-button-border-color-invalid-hover: var(--bal-color-border-danger-hovered);--bal-radio-checkbox-button-border-color-invalid-active: var(--bal-color-border-danger-pressed);--bal-radio-checkbox-button-border-color: var(--bal-color-border);--bal-radio-checkbox-button-border-color-checked: var(--bal-color-border-primary);--bal-radio-checkbox-button-border-color-disabled: var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-invalid: var(--bal-color-border-danger)}bal-radio .bal-radio-checkbox__label::before,bal-radio .bal-radio-checkbox__label::after{margin-top:0px !important}.bal-radio-checkbox-group{display:inline-block;position:relative;width:100%}.bal-radio-checkbox-group__inner{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-radio-checkbox-group__inner--select-button{flex-direction:column;flex-wrap:wrap;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-radio-checkbox-group__inner--select-button{flex-direction:row}}.bal-radio-checkbox-group__inner--expanded{align-items:stretch}.bal-radio-checkbox-group__inner--expanded .bal-radio-checkbox{flex:1}@media screen and (max-width: 768px){.bal-radio-checkbox-group__inner--expanded .bal-radio-checkbox{width:100%}}.bal-radio-checkbox-group__inner--select-button.bal-radio-checkbox-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-radio-checkbox-group__inner--vertical{flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-radio-checkbox-group__inner--vertical{align-items:flex-start}}@media screen and (max-width: 768px){.bal-radio-checkbox-group__inner--vertical-mobile{flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}.bal-radio-checkbox{position:relative;display:inline-flex;justify-content:flex-start;align-items:center;outline:none;min-width:1.5rem;min-height:3rem}.bal-radio-checkbox--flat:not(.bal-radio-checkbox--select-button){min-height:1.5rem}.bal-radio-checkbox__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-radio-checkbox--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-radio-checkbox:not(.bal-radio-checkbox--disabled),.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input,.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input+label,.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input+label>span{cursor:pointer}.bal-radio-checkbox__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;line-height:1.5rem;contain:layout style;display:flex;align-items:center;justify-content:center;text-align:left;min-height:var(--bal-radio-checkbox-label-min-height);font-family:var(--bal-font-family-text)}.bal-radio-checkbox__label__text{padding-left:2rem;hyphens:auto;padding-top:.25rem;padding-bottom:.25rem}.bal-radio-checkbox__label__text--hidden{padding-left:0;display:none}.bal-radio-checkbox__label__text--flat{padding-top:0;padding-bottom:0}.bal-radio-checkbox__label--flat:not(.bal-radio-checkbox--select-button)::before,.bal-radio-checkbox__label--flat:not(.bal-radio-checkbox--select-button)::after{top:0px !important}.bal-radio-checkbox__label--hidden::before,.bal-radio-checkbox__label--hidden::after{top:0px !important}.bal-radio-checkbox__label::before,.bal-radio-checkbox__label::after{display:inline-block;position:absolute;left:0;top:.25rem;height:var(--bal-radio-checkbox-symbol-size);width:var(--bal-radio-checkbox-symbol-size);background-color:rgba(0,0,0,0);background-position:center;background-repeat:no-repeat;background-size:var(--bal-radio-checkbox-symbol-size) var(--bal-radio-checkbox-symbol-size)}.bal-radio-checkbox__label::before{content:"";border-style:var(--bal-form-field-control-border-style);border-width:2px}.bal-radio-checkbox__label::after{content:none}.bal-radio-checkbox__label--checked::after{content:""}.bal-radio-checkbox__label--radio::before,.bal-radio-checkbox__label--radio::after{border-radius:50%}.bal-radio-checkbox__label--radio::after{left:0;transform:scale(0.25)}.bal-radio-checkbox__label--checkbox::before{border-radius:var(--bal-form-field-control-radius)}.bal-radio-checkbox__label--checkbox::after{border-top:0;border-right-style:var(--bal-form-field-control-border-style);border-right-width:2px;border-bottom-style:var(--bal-form-field-control-border-style);border-bottom-width:2px;border-left:0;border-radius:1px;width:var(--bal-radio-checkbox-symbol-width);height:var(--bal-radio-checkbox-symbol-height);left:var(--bal-radio-checkbox-symbol-left);margin-top:var(--bal-radio-checkbox-symbol-margin-top);transform:rotate(45deg)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-primary);background:var(--bal-color-transparent)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-light-blue-5);background:var(--bal-color-grey-2)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-blue-6);background:var(--bal-color-grey-2)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-danger-5);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-danger-6);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-primary)}.bal-radio-checkbox:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-light-blue-5)}.bal-radio-checkbox:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-blue-6)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-danger-6)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-text-grey)}.bal-radio-checkbox--inline{display:inline}.bal-radio-checkbox--select-button{padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-radio-checkbox-select-button-border-color)}.bal-radio-checkbox--select-button:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-hover);background:var(--bal-radio-checkbox-select-button-background-hover)}.bal-radio-checkbox--select-button:active{border-color:var(--bal-radio-checkbox-select-button-border-color-active);background:var(--bal-radio-checkbox-select-button-background-active)}.bal-radio-checkbox--select-button label::before{top:unset}.bal-radio-checkbox--select-button label::after{top:unset;margin-top:-3px}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat::before{top:unset !important}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat::after{margin-top:-3px;top:unset !important}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat .bal-radio-checkbox__label__text--flat{padding-top:.25rem;padding-bottom:.25rem}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked{background:var(--bal-radio-checkbox-select-button-background-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-radio-checkbox-select-button-link-text-color-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover{background:var(--bal-radio-checkbox-select-button-background-checked-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active{background:var(--bal-radio-checkbox-select-button-background-checked-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid);background:var(--bal-radio-checkbox-select-button-background-invalid)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-form-field-label-danger-color)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-hover);background:var(--bal-radio-checkbox-select-button-background-invalid-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid:active{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-active);background:var(--bal-radio-checkbox-select-button-background-invalid-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked);background:var(--bal-radio-checkbox-select-button-background-invalid-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked-hover);background:var(--bal-radio-checkbox-select-button-background-invalid-checked-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked-active);background:var(--bal-radio-checkbox-select-button-background-invalid-checked-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:hover,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:active{border-color:var(--bal-radio-checkbox-select-button-border-color-disabled-hover-active);background:var(--bal-radio-checkbox-select-button-background-disabled-hover-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-form-field-label-disabled-color)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active{border-color:var(--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active);background:var(--bal-radio-checkbox-select-button-background-disabled-checked-hover-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--switch{min-width:2.5rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label{padding-left:1rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label::before{border-radius:1.5rem;position:absolute;display:block;top:0;left:0;width:2.5rem;height:1.5rem;border:1.6px solid rgba(0,0,0,0);content:"";transition:left .25s ease-out,background .25s ease-out;margin-top:.25rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label::after{border:none;margin:0;border-radius:50%;display:block;position:absolute;top:.25rem !important;left:.25rem;width:1rem;height:1rem;z-index:2;margin-top:.25rem;transform:translate3d(0, 0, 0);transition:left .25s ease-out,background .25s ease-out;content:""}.bal-radio-checkbox--switch .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-before)}.bal-radio-checkbox--switch .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-after)}.bal-radio-checkbox--switch:hover .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-hover-after)}.bal-radio-checkbox--switch:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--flat .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--flat .bal-radio-checkbox__label::after{margin-top:0}.bal-radio-checkbox--switch.bal-radio-checkbox--checked .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked .bal-radio-checkbox__label::after{left:1.25rem;background:var(--bal-radio-checkbox-switch-label-background-checked-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-hover-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-hover-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-disabled-hover-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-disabled-hover-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after)}.bal-radio-checkbox__icon{position:absolute !important;left:5.5px;z-index:1}.bal-radio-checkbox__icon--hidden{display:none !important}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media(hover: hover)and (pointer: fine){.bal-close__button
|
|
1
|
+
@media(hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active),.bal-close__button--inverted:focus-visible:not(:active){box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-close-background: transparent;--bal-close-background-focus-visible: var(--bal-form-field-control-background);--bal-close-background-focus-inverted-focus-visible: var(--bal-form-field-control-background);--bal-close-border-radius: var(--bal-radius-rounded)}.bal-close{position:static;display:inline-block}.bal-close__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--bal-close-background);border:none;border-radius:var(--bal-close-border-radius);cursor:pointer;pointer-events:auto;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;outline:none;position:relative;vertical-align:top;padding:.313rem}@media(hover: hover)and (pointer: fine){.bal-close__button:hover{background:rgba(0,7,57,.1)}}@media(hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active){background:var(--bal-close-background-focus-visible)}}.bal-close__button:active{background:rgba(0,7,57,.3)}@media(hover: hover)and (pointer: fine){.bal-close__button--inverted:hover{background:rgba(255,255,255,.3)}}@media(hover: hover)and (pointer: fine){.bal-close__button--inverted:focus-visible:not(:active){background:var(--bal-close-background-focus-inverted-focus-visible)}}.bal-close__button--inverted:active{background:rgba(255,255,255,.5)}.bal-close__button--size-small{padding:.25rem}.bal-close__button--size-medium{padding:.531rem}
|
|
@@ -22,7 +22,7 @@ export class Close {
|
|
|
22
22
|
const buttonEl = blockEl.element('button');
|
|
23
23
|
const iconEl = buttonEl.element('icon');
|
|
24
24
|
const label = i18nBalClose[this.language].close;
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: '4da9fd82693b0182a807919dd7b9194325924b0a', class: Object.assign({}, blockEl.class()) }, h("button", { key: 'ece31e634305fa395157b498ae99ca5bb0f6ea88', type: "button", "aria-label": label, title: label, tabindex: "0", class: Object.assign(Object.assign(Object.assign({}, buttonEl.class()), buttonEl.modifier('inverted').class(this.inverted)), buttonEl.modifier(`size-${this.size}`).class(this.size !== '')), "data-testid": "bal-close" }, h("bal-icon", { key: '28e3924e14e5314ed1c7a6613b2c72fb8cab1f18', name: "close", size: this.size === 'small' ? 'x-small' : this.size === 'medium' ? 'medium' : 'small', inverted: this.inverted, class: Object.assign({}, iconEl.class()) }))));
|
|
26
26
|
}
|
|
27
27
|
static get is() { return "bal-close"; }
|
|
28
28
|
static get originalStyleUrls() {
|
|
@@ -32,7 +32,7 @@ export class Content {
|
|
|
32
32
|
if (alignment) {
|
|
33
33
|
alignValue = this.alignment.split(' ').join('-');
|
|
34
34
|
}
|
|
35
|
-
return (h(Host, { key: '
|
|
35
|
+
return (h(Host, { key: '24b18681a7c127ebd58e27f2823482dfd5621cdd', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`layout-${layoutValue}`).class(layout || direction)), block.modifier(`align-${alignValue}`).class(align || alignment)), block.modifier(`space-${this.space}`).class(space)) }, h("slot", { key: '8e4b8d0b5a6ecf7f04f514ec6e9b26bcceed70c8' })));
|
|
36
36
|
}
|
|
37
37
|
static get is() { return "bal-content"; }
|
|
38
38
|
static get originalStyleUrls() {
|
|
@@ -7,7 +7,7 @@ export class DataItem {
|
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
9
|
const element = BEM.block('data-item');
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: '24c06c3548592591c65dc69655730d6e03d321ab', class: Object.assign(Object.assign(Object.assign({}, element.class()), element.modifier('is-disabled').class(this.disabled)), element.modifier('has-border').class(this.border)) }, h("slot", { key: '7a50f83aa8460be4acd5b0026d6986a43ff38f1f' })));
|
|
11
11
|
}
|
|
12
12
|
static get is() { return "bal-data-item"; }
|
|
13
13
|
static get properties() {
|
|
@@ -5,7 +5,7 @@ export class DataLabel {
|
|
|
5
5
|
this.required = false;
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
|
-
return (h(Host, { key: '
|
|
8
|
+
return (h(Host, { key: 'b7ee494c4547012e9e65cd1843904e7c62622ee9', class: Object.assign({}, BEM.block('data-label').class()) }, h("slot", { key: '0543ceb399a3fac8da806ee36a0688851d189307' }), this.required ? '*' : ''));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "bal-data-label"; }
|
|
11
11
|
static get properties() {
|
|
@@ -17,7 +17,7 @@ export class DataValue {
|
|
|
17
17
|
render() {
|
|
18
18
|
const block = BEM.block('data-value');
|
|
19
19
|
const buttonEl = block.element('button');
|
|
20
|
-
return (h(Host, { key: '
|
|
20
|
+
return (h(Host, { key: '10c0d223260009cbcfb3454f573ed72231fd5dbe', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('is-editable').class(this.editable)), block.modifier('is-multiline').class(this.multiline)) }, h("div", { key: 'cf9488e4c65fb7b7ad7f0fae106cb90b10c49125' }, h("slot", { key: '0ae1c2e3cb8b9466b55f82ea9946774468d370ae' })), h("bal-button", { key: 'ac74fa86de3c53de60c4c82b6f48480cdb5c3ed8', class: Object.assign({}, buttonEl.class()), "data-testid": "bal-data-value-button", square: true, outlined: true, color: "text", size: "small", icon: "edit", disabled: this.disabled, onBalBlur: _ => this.balBlur.emit(), onBalFocus: _ => this.balFocus.emit(), onClick: ev => this.onClickHandler(ev) })));
|
|
21
21
|
}
|
|
22
22
|
static get is() { return "bal-data-value"; }
|
|
23
23
|
static get properties() {
|
|
@@ -24,7 +24,7 @@ export class Data {
|
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
26
|
const block = BEM.block('data');
|
|
27
|
-
return (h(Host, { key: '
|
|
27
|
+
return (h(Host, { key: '9bdc9220125ff24bbcab99d72bf9018524989a8e', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('has-border').class(this.border)), block.modifier('is-horizontal').class(this.horizontal)) }, h("slot", { key: 'a75c460214454acad179a1141b1e44dcbeeaf200' })));
|
|
28
28
|
}
|
|
29
29
|
static get is() { return "bal-data"; }
|
|
30
30
|
static get originalStyleUrls() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:host{--bal-date-first-week-day: 0;--bal-date-calendar-background: var(--bal-color-red-3)}:host{
|
|
1
|
+
:host{--bal-date-first-week-day: 0;--bal-date-calendar-background: var(--bal-color-red-3)}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;background:var(--bal-color-white);border-radius:var(--bal-radius-normal)}.bal-date-calendar__nav{display:flex;width:calc(100% - 1rem);justify-content:space-between;align-items:center;padding:.5rem;gap:.5rem}.bal-date-calendar__nav--start>button{display:flex;gap:.5rem}.bal-date-calendar__nav--end{display:flex;gap:.5rem}.bal-date-calendar__nav button{display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-color-text-primary);border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);hyphens:auto;outline:none;min-height:2rem;min-width:2rem;padding:.25rem;border-radius:var(--bal-button-radius);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media(hover: hover)and (pointer: fine){.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{background:var(--bal-color-light-blue-1)}}.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{background:var(--bal-color-light-blue-2)}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled){color:var(--bal-color-light-blue-3);font-weight:var(--bal-font-weight-bold)}@media(hover: hover)and (pointer: fine){.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{color:var(--bal-color-text-primary)}}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{color:var(--bal-color-text-primary)}.bal-date-calendar__nav button--selected{background:var(--bal-color-primary);color:var(--bal-color-text-white);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__nav button--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body{display:block}.bal-date-calendar__body__grid{width:fit-content;padding:.5rem;height:0;padding-top:0;padding-bottom:0;visibility:hidden}.bal-date-calendar__body__grid--visible{height:auto;padding-top:.5rem;padding-bottom:.5rem;visibility:visible}.bal-date-calendar__body__grid__head{position:relative;display:grid;grid-template-columns:repeat(7, 1fr);column-gap:.5rem;row-gap:.5rem;width:fit-content}.bal-date-calendar__body__grid__head::after{position:absolute;content:"";height:2px;width:calc(100% + 1rem);bottom:0;left:-0.5rem;right:-0.5rem;background:var(--bal-color-border)}.bal-date-calendar__body__grid__head span{display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);hyphens:auto;text-wrap:nowrap}.bal-date-calendar__body__grid__body{display:grid;grid-template-columns:repeat(7, 1fr);column-gap:.5rem;row-gap:.5rem;width:fit-content;padding-top:.5rem}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell{width:2rem;height:2rem;text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);hyphens:auto}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell:first-child{grid-column:var(--bal-date-first-week-day)}.bal-date-calendar__body__list{display:none;list-style:none;margin:0;padding:0;column-gap:.5rem;row-gap:.5rem;width:calc(100% - 1rem);overflow-y:auto;max-height:18rem;position:relative;padding:.5rem;border-top:2px solid var(--bal-color-border)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item{display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-color-text-primary);border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);hyphens:auto;outline:none;width:100%}@media(hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{background:var(--bal-color-light-blue-1)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{background:var(--bal-color-light-blue-2)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled){color:var(--bal-color-light-blue-3);font-weight:var(--bal-font-weight-bold)}@media(hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{color:var(--bal-color-text-primary)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{color:var(--bal-color-text-primary)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected{background:var(--bal-color-primary);color:var(--bal-color-text-white);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body__list--visible{display:grid}.bal-date-calendar__body__list--year{grid-template-columns:repeat(4, 1fr)}.bal-date-calendar__body__list--month{grid-template-columns:repeat(2, 1fr)}.bal-date-calendar-cell{display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-color-text-primary);border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);hyphens:auto;outline:none;width:2rem;height:2rem}@media(hover: hover)and (pointer: fine){.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{background:var(--bal-color-light-blue-1)}}.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{background:var(--bal-color-light-blue-2)}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled){color:var(--bal-color-light-blue-3);font-weight:var(--bal-font-weight-bold)}@media(hover: hover)and (pointer: fine){.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{color:var(--bal-color-text-primary)}}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{color:var(--bal-color-text-primary)}.bal-date-calendar-cell--selected{background:var(--bal-color-primary);color:var(--bal-color-text-white);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar-cell--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}
|
|
@@ -240,7 +240,7 @@ export class DateCalendar {
|
|
|
240
240
|
const block = BEM.block('date-calendar');
|
|
241
241
|
const blockBody = block.element('body');
|
|
242
242
|
const blockFoot = block.element('foot');
|
|
243
|
-
return (h(Host, { key: '
|
|
243
|
+
return (h(Host, { key: '2d3c53228071c0a19b7195a60f655bffec5fcfc0', class: Object.assign({}, block.class()) }, h(CalendarNav, { key: '4722788040473eb1c25f3446658d7b958e874291', language: this.language, monthFullNames: this.monthFullNames, month: this.month, year: this.year, isCalendarVisible: this.isCalendarVisible, isListVisible: this.isMonthListVisible || this.isYearListVisible, onClickSelectMonthAndYear: this.onClickSelectMonthAndYear, onClickPreviousMonth: this.onClickPreviousMonth, onClickNextMonth: this.onClickNextMonth }), h("div", { key: '02dcfdf4f715f41c59e2a9df96a290c27cf08ae1', class: Object.assign({}, blockBody.class()) }, h(CalendarGrid, { key: '4c46752a54d57421757d861233960d03f5ba699e', isVisible: this.isCalendarVisible, grid: this.calendarGrid, weekdays: this.weekdays, firstDayOfWeek: this.firstDayOfWeek, selectedDate: this.selectedDate, ref: el => (this.gridEl = el), onSelectDay: isoDate => this.onSelectDay(isoDate) }), h(CalendarList, { key: '30104d40aa8929886651789d7c06ad87f3e6378f', name: "year", isVisible: this.isYearListVisible, girdHeight: girdHeight, list: this.years, ref: el => (this.yearListEl = el), onSelect: item => this.onClickYear(item.value) }), h(CalendarList, { key: '0e2fa6041ac31f0144086d1b8026af06e3008251', name: "month", isVisible: this.isMonthListVisible, girdHeight: girdHeight, list: this.months, onSelect: item => this.onClickMonth(item.value) })), h("div", { key: '21a7d0cc3c36217f69fb4b07b42b065c3c82299d', class: Object.assign({}, blockFoot.class()) }, h("slot", { key: '8aafbfd98fd66b25e313c15864831d4538c56487' }))));
|
|
244
244
|
}
|
|
245
245
|
static get is() { return "bal-date-calendar"; }
|
|
246
246
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/bal-date/bal-date-calendar-cell/bal-date-calendar-cell.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
import { stopEventBubbling } from "../../../utils/form-input";
|
|
3
3
|
import { BEM } from "../../../utils/bem";
|
|
4
|
+
import { ariaBooleanToString } from "../../../utils/aria";
|
|
4
5
|
export class DateCalendarCell {
|
|
5
6
|
constructor() {
|
|
6
7
|
/**
|
|
@@ -30,7 +31,7 @@ export class DateCalendarCell {
|
|
|
30
31
|
*/
|
|
31
32
|
render() {
|
|
32
33
|
const block = BEM.block('date-calendar-cell');
|
|
33
|
-
return (h(Host, { key: '
|
|
34
|
+
return (h(Host, { key: 'f1423c65e711698622eb7e3bcc05bf2d585eb96f', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('today').class(!this.disabled && this.today)), block.modifier('selected').class(!this.disabled && this.selected)), block.modifier('disabled').class(this.disabled === true)), tabIndex: -1, type: "button", role: "button", "aria-label": this.fullDate, "aria-selected": ariaBooleanToString(this.selected), "aria-disabled": ariaBooleanToString(this.disabled), title: this.fullDate, onClick: (ev) => this.onClick(ev, this.isoDate) }, h("time", { key: '379ceff0e82c46073f60ad0cd30bbe9d0cf580d1', dateTime: this.isoDate }, this.day)));
|
|
34
35
|
}
|
|
35
36
|
static get is() { return "bal-date-calendar-cell"; }
|
|
36
37
|
static get properties() {
|
|
@@ -11,6 +11,7 @@ import { ListenToConfig, defaultConfig } from "../../utils/config";
|
|
|
11
11
|
import { debounceEvent } from "../../utils/helpers";
|
|
12
12
|
import { defaultBalAriaForm } from "../../utils/form";
|
|
13
13
|
import { balFloatingUi } from "../../utils/floating-ui";
|
|
14
|
+
import { ariaBooleanToString } from "../../utils/aria";
|
|
14
15
|
export class Date {
|
|
15
16
|
constructor() {
|
|
16
17
|
this.inputId = `bal-da-${dateIds++}`;
|
|
@@ -270,7 +271,7 @@ export class Date {
|
|
|
270
271
|
const block = BEM.block('date');
|
|
271
272
|
const blockIcon = block.element('icon');
|
|
272
273
|
const blockPopup = block.element('popup');
|
|
273
|
-
return (h(Host, { key: '
|
|
274
|
+
return (h(Host, { key: '05aca7ed04b08027762c5ef57508d5db38b0ccc6', id: this.inputId, class: Object.assign({}, block.class()) }, h("bal-input-group", { key: '4be9f4b1261ed958e71959721e254b0eaae2d11b', invalid: this.invalid, readonly: this.readonly, disabled: this.disabled, ref: el => (this.referenceEl = el) }, h("bal-input-date", Object.assign({ key: '26af250c551879cc6018f0c7105ef149fb5e1df9', name: this.name, required: this.required, placeholder: this.placeholder, value: this.value, min: this.min, max: this.max, invalid: this.invalid, readonly: this.readonly, disabled: this.disabled, allowInvalidValue: this.allowInvalidValue, autocomplete: this.autocomplete, onClick: this.onInputClick, onBalInput: this.onInputInput, onBalChange: this.onInputChange, onBalFocus: this.onInputFocus, onBalBlur: this.onInputBlur, onBalKeyPress: this.onKeyPress, ref: el => (this.inputEl = el) }, this.inheritedAttributes)), !this.freeSolo ? (h("bal-icon", { name: "date", role: "button", tabindex: -1, class: Object.assign(Object.assign({}, blockIcon.class()), blockIcon.modifier('clickable').class(!this.disabled && !this.readonly)), "is-right": true, color: this.disabled || this.readonly ? 'grey' : this.invalid ? 'danger' : 'primary', onClick: this.onIconClick, "aria-label": i18nBalDate[this.language].toggleDatepicker, "aria-haspopup": "true", "aria-expanded": ariaBooleanToString(this.isExpanded) })) : ('')), h("div", { key: 'bd3a743349853f2d02cd6eab24a0f4cf8bb66896', role: "dialog", class: Object.assign(Object.assign({}, blockPopup.class()), blockPopup.modifier('visible').class(this.isExpanded)), ref: el => (this.floatingEl = el), "aria-hidden": `${this.isExpanded !== true}`, "aria-presented": `${this.isExpanded === true}` }, h("bal-date-calendar", { key: '562fe8d5b1dadc617fe1e5de53a636fc5cdd5b01', value: this.calendarValue, min: this.min, max: this.max, minYearProp: this.minYearProp, maxYearProp: this.maxYearProp, defaultDate: this.defaultDate, allowedDates: this.allowedDates, onBalChange: this.onCalendarChange }))));
|
|
274
275
|
}
|
|
275
276
|
static get is() { return "bal-date"; }
|
|
276
277
|
static get originalStyleUrls() {
|
|
@@ -22,7 +22,7 @@ export class Divider {
|
|
|
22
22
|
const space = !!this.space;
|
|
23
23
|
const color = !!this.color;
|
|
24
24
|
const borderStyle = !!this.borderStyle;
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: '21f73f3c69f25be339fbd8cdd02a65690d4e36a9', role: "separator", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`layout-${this.layout}`).class(layout)), block.modifier(`space-${this.space}`).class(space)), block.modifier(`color-${this.color}`).class(color)), block.modifier(`border-style-${this.borderStyle}`).class(borderStyle)) }, h("slot", { key: '133fd38632e8361528ce8ade456196a8384ddc95' })));
|
|
26
26
|
}
|
|
27
27
|
static get is() { return "bal-divider"; }
|
|
28
28
|
static get originalStyleUrls() {
|
|
@@ -285,13 +285,13 @@ export class Dropdown {
|
|
|
285
285
|
const hasTheme = this.theme !== '';
|
|
286
286
|
const theme = `theme-${this.theme}`;
|
|
287
287
|
const focused = this.theme === 'purple' ? this.hasFocus && this.isKeyboardMode : this.hasFocus;
|
|
288
|
-
return (h(Host, { key: '
|
|
288
|
+
return (h(Host, { key: '6fe4a66e63dba61d168848cc3b8d5ad3206596ba', class: Object.assign({}, block.class()), tabindex: "-1", id: `${this.inputId}` }, h("div", { key: '5bf5613a1d65889935a9c2b40601e57240372be2', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('root').class()), block.element('root').modifier('focused').class(focused)), block.element('root').modifier('invalid').class(this.invalid)), block.element('root').modifier('disabled').class(this.valueUtil.isDisabled())), block.element('root').modifier('autofill').class(this.isAutoFilled)), block.element('root').modifier(size).class(hasSize)), block.element('root').modifier(theme).class(hasTheme)), block
|
|
289
289
|
.element('root')
|
|
290
290
|
.modifier(theme + '-filled')
|
|
291
291
|
.class(isFilled && hasTheme)), block
|
|
292
292
|
.element('root')
|
|
293
293
|
.modifier(theme + '-expanded')
|
|
294
|
-
.class(this.isExpanded && hasTheme)), "data-test": "bal-dropdown-trigger", onClick: ev => this.eventsUtil.handleClick(ev) }, h("span", { key: '
|
|
294
|
+
.class(this.isExpanded && hasTheme)), "data-test": "bal-dropdown-trigger", onClick: ev => this.eventsUtil.handleClick(ev) }, h("span", { key: 'db5194514ee8922cd756b51d3dcb68188f78a450', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('root').element('content').class()), block.element('root').element('content').modifier('disabled').class(this.valueUtil.isDisabled())), block.element('root').element('content').modifier('placeholder').class(!this.valueUtil.isFilled())), block.element('root').element('content').modifier(size).class(hasSize)) }, h(DropdownValue, { key: '8a7eb020f59052fcdf991dd613887b9258697c25', filled: this.valueUtil.isFilled(), inlineLabel: this.inlineLabel, chips: this.chips, placeholder: this.placeholder, choices: this.choices, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, onRemoveChip: option => this.valueUtil.removeOption(option) })), h(DropdownInput, { key: 'b02e555f1a0a2ce147ac2a7ef3db8d9f9dac6b69', inputId: this.inputId, httpFormSubmit: this.httpFormSubmit, ariaForm: this.ariaForm, rawValue: this.rawValue, autocomplete: this.autocomplete, required: this.required, disabled: this.disabled, readonly: this.readonly, placeholder: this.placeholder, expanded: this.isExpanded, invalid: this.invalid, language: this.language, inputLabel: this.inputLabel, inheritedAttributes: this.inheritedAttributes, refInputEl: el => (this.nativeEl = el), onChange: ev => this.handleAutoFill(ev), onFocus: ev => this.eventsUtil.handleFocus(ev), onBlur: ev => this.eventsUtil.handleBlur(ev), onKeyDown: ev => this.handleKeyDown(ev) }), h(DropdownNativeSelect, { key: '6283de0a1f10181bef9d514577d2a1fc7ca34b2b', name: this.name, httpFormSubmit: this.httpFormSubmit, multiple: this.multiple, required: this.required, disabled: this.valueUtil.isDisabled(), rawValue: this.rawValue, refSelectEl: el => (this.selectEl = el) }), h(DropdownIcon, { key: 'c8f75c6e7c42a9cb5850c6f93573adc5f4bf08fc', icon: this.icon, size: this.size, theme: this.theme, language: this.language, loading: this.loading, clearable: this.clearable, invalid: this.invalid, expanded: this.isExpanded, filled: isFilled, disabled: this.valueUtil.isDisabled() })), h(DropdownOptionList, { key: 'a6f50cf28c3019d3f33abb9ac3b10f81a763349a', inputId: this.inputId, block: this.inputId, filter: this.filter, required: this.required, isExpanded: this.isExpanded, isDisabled: this.valueUtil.isDisabled(), hasPropOptions: this.optionUtil.hasPropOptions(), multiple: this.multiple, contentHeight: this.contentHeight, rawOptions: this.rawOptions, refPanelEl: el => (this.panelEl = el), refListEl: el => (this.listEl = el) }, h("slot", { key: '157a4cbaaae69efae17de54a543a56be62e3e949' }))));
|
|
295
295
|
}
|
|
296
296
|
static get is() { return "bal-dropdown"; }
|
|
297
297
|
static get originalStyleUrls() {
|
|
@@ -19,14 +19,14 @@ export class FieldControl {
|
|
|
19
19
|
return '';
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h(Host, { key: '
|
|
22
|
+
return (h(Host, { key: '9e2bbf7acff922b1ea40c55bd13e31f60d2678fa', class: {
|
|
23
23
|
'bal-field-control': true,
|
|
24
24
|
'control': true,
|
|
25
25
|
'has-icons-left': !!this.iconLeft,
|
|
26
26
|
'has-icons-right': !!this.iconRight,
|
|
27
27
|
'is-loading': this.loading,
|
|
28
28
|
'bal-field-control--expanded-on-mobile': !!this.expandedOnMobile,
|
|
29
|
-
} }, h("slot", { key: '
|
|
29
|
+
} }, h("slot", { key: '96e625c620b1af1944a0c7b23d3141a243dcb2d3' }), this.buildIconLeftTemplate, this.buildIconRightTemplate));
|
|
30
30
|
}
|
|
31
31
|
static get is() { return "bal-field-control"; }
|
|
32
32
|
static get encapsulation() { return "scoped"; }
|
|
@@ -8,7 +8,7 @@ export class FieldHint {
|
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
10
|
const block = BEM.block('field-hint');
|
|
11
|
-
return (h(Host, { key: '
|
|
11
|
+
return (h(Host, { key: '0a11434dedd6e84fdbca1b7f906d1d392553d1a1', class: Object.assign({}, block.class()) }, h("bal-hint", { key: 'fa224c5994b3a3849d4c7f234f63f14b266fd0a4', class: Object.assign({}, block.element('hint').class()), "data-testid": "bal-field-hint", closeLabel: this.closeLabel, small: this.small }, this.subject ? h("bal-hint-title", null, this.subject) : '', h("bal-hint-text", { key: '1a7547df3e148fd0743b05e696ca8b0663b55d1c' }, h("slot", { key: '941d0903337721060c9ba0327809d9632e22d0f9' })))));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "bal-field-hint"; }
|
|
14
14
|
static get encapsulation() { return "scoped"; }
|
|
@@ -32,7 +32,7 @@ export class FieldLabel {
|
|
|
32
32
|
* ------------------------------------------------------
|
|
33
33
|
*/
|
|
34
34
|
render() {
|
|
35
|
-
return (h(Host, { key: '
|
|
35
|
+
return (h(Host, { key: 'de7f2b5bece308123522348a754af790b2fc2bbe', class: "bal-field-label" }, h("bal-label", { key: '39d721c1e8f3fb66022dca9c4c280ff2eec412da', multiline: true, size: this.size, htmlFor: this.htmlFor, required: this.required, valid: this.valid, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, weight: this.weight }, h("slot", { key: '899565faee00c89bf8e3b3e95ef2b075f2dd8e2f' }))));
|
|
36
36
|
}
|
|
37
37
|
static get is() { return "bal-field-label"; }
|
|
38
38
|
static get encapsulation() { return "scoped"; }
|
|
@@ -16,14 +16,14 @@ export class FieldMessage {
|
|
|
16
16
|
this.ariaForm = Object.assign({}, ariaForm);
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (h(Host, { key: '
|
|
19
|
+
return (h(Host, { key: 'db4171855058eebb241a92b5cb72ed489fd4f60b', id: this.ariaForm.messageId, class: {
|
|
20
20
|
'bal-field-message': true,
|
|
21
21
|
'help': true,
|
|
22
22
|
'is-danger': this.invalid,
|
|
23
23
|
'is-success': this.valid,
|
|
24
24
|
'is-disabled': this.disabled || this.readonly,
|
|
25
25
|
[`is-${this.color}`]: !!this.color,
|
|
26
|
-
} }, h("slot", { key: '
|
|
26
|
+
} }, h("slot", { key: 'b3849d6097fd59745e026bc53fcd96c4b56f6abe' })));
|
|
27
27
|
}
|
|
28
28
|
static get is() { return "bal-field-message"; }
|
|
29
29
|
static get properties() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--bal-field-label-horizontal-width: 33.3333%;--bal-field-label-column-gap: .5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:flex;align-items:center;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-control{
|
|
1
|
+
:root{--bal-field-label-horizontal-width: 33.3333%;--bal-field-label-column-gap: .5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:flex;align-items:center;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-message{margin-top:0 !important}.bal-field-control+.bal-field-message{min-height:1.375rem;line-height:1.375rem}.bal-field-control:not(:has(+.bal-field-message)){padding-bottom:1.375rem}.bal-field--horizontal{display:flex;flex-wrap:wrap;column-gap:var(--bal-field-label-column-gap);align-items:center}.bal-field--horizontal .bal-field-label{display:flex;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{flex:1;padding-bottom:0;align-self:flex-end}.bal-field--horizontal .bal-field-message{flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}
|
|
@@ -122,7 +122,7 @@ export class Field {
|
|
|
122
122
|
'bal-field-control bal-textarea',
|
|
123
123
|
'bal-field-control bal-file-upload',
|
|
124
124
|
]);
|
|
125
|
-
const ariaForm = defaultBalAriaForm;
|
|
125
|
+
const ariaForm = Object.assign({}, defaultBalAriaForm);
|
|
126
126
|
if (label) {
|
|
127
127
|
ariaForm.labelId = `${this.fieldId}-lbl`;
|
|
128
128
|
}
|
|
@@ -166,12 +166,12 @@ export class Field {
|
|
|
166
166
|
components.forEach(c => callback(c));
|
|
167
167
|
}
|
|
168
168
|
render() {
|
|
169
|
-
return (h(Host, { key: '
|
|
169
|
+
return (h(Host, { key: 'aa44641fd9ed39d382713f6ffc8946e8eec097fa', id: this.fieldId, class: {
|
|
170
170
|
'bal-field': true,
|
|
171
171
|
'field': true,
|
|
172
172
|
'bal-field--invalid': this.invalid === true,
|
|
173
173
|
'bal-field--horizontal': this.horizontal === true,
|
|
174
|
-
} }, h("slot", { key: '
|
|
174
|
+
} }, h("slot", { key: '8a7749f1adfe8f743fc026502632c44bde1c5b94' }), h("span", { key: '0cfa29c5cc6656a1ecaeeb5d3d7abe9eb2573cba', class: "bal-field-hidden" })));
|
|
175
175
|
}
|
|
176
176
|
static get is() { return "bal-field"; }
|
|
177
177
|
static get originalStyleUrls() {
|