@roadtrip/components 2.51.1 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/road-accordion.cjs.entry.js +1 -1
- package/dist/cjs/road-alert.cjs.entry.js +1 -1
- package/dist/cjs/road-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/road-avatar.cjs.entry.js +1 -1
- package/dist/cjs/road-badge_14.cjs.entry.js +12 -12
- package/dist/cjs/road-banner.cjs.entry.js +1 -1
- package/dist/cjs/road-card.cjs.entry.js +1 -1
- package/dist/cjs/road-carousel.cjs.entry.js +1 -1
- package/dist/cjs/road-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/road-chip.cjs.entry.js +1 -1
- package/dist/cjs/road-dialog.cjs.entry.js +1 -1
- package/dist/cjs/road-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/road-duration.cjs.entry.js +1 -1
- package/dist/cjs/road-flap.cjs.entry.js +1 -1
- package/dist/cjs/road-img.cjs.entry.js +1 -1
- package/dist/cjs/road-modal.cjs.entry.js +1 -1
- package/dist/cjs/road-navbar-item.cjs.entry.js +1 -1
- package/dist/cjs/road-navbar.cjs.entry.js +1 -1
- package/dist/cjs/road-plate-number.cjs.entry.js +1 -1
- package/dist/cjs/road-profil-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/road-progress.cjs.entry.js +1 -1
- package/dist/cjs/road-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/road-radio.cjs.entry.js +1 -1
- package/dist/cjs/road-range.cjs.entry.js +1 -1
- package/dist/cjs/road-rating.cjs.entry.js +1 -1
- package/dist/cjs/road-segmented-button.cjs.entry.js +1 -1
- package/dist/cjs/road-select-filter.cjs.entry.js +1 -1
- package/dist/cjs/road-select.cjs.entry.js +1 -1
- package/dist/cjs/road-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/road-spinner.cjs.entry.js +1 -1
- package/dist/cjs/road-stepper.cjs.entry.js +1 -1
- package/dist/cjs/road-tab-bar.cjs.entry.js +1 -1
- package/dist/cjs/road-table.cjs.entry.js +1 -1
- package/dist/cjs/road-text.cjs.entry.js +1 -1
- package/dist/cjs/road-textarea.cjs.entry.js +1 -1
- package/dist/cjs/road-toast.cjs.entry.js +1 -1
- package/dist/cjs/road-toggle.cjs.entry.js +2 -2
- package/dist/cjs/road-toolbar-title-page.cjs.entry.js +1 -1
- package/dist/cjs/road-toolbar-title.cjs.entry.js +1 -1
- package/dist/cjs/road-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/road-vertical-stepper-item.cjs.entry.js +1 -1
- package/dist/collection/components/accordion/accordion.css +16 -15
- package/dist/collection/components/alert/alert.css +14 -14
- package/dist/collection/components/autocomplete/autocomplete.css +7 -7
- package/dist/collection/components/avatar/avatar.css +5 -5
- package/dist/collection/components/badge/badge.css +15 -15
- package/dist/collection/components/banner/banner.css +3 -3
- package/dist/collection/components/button/button.css +30 -30
- package/dist/collection/components/card/card.css +1 -1
- package/dist/collection/components/carousel/carousel.css +14 -14
- package/dist/collection/components/checkbox/checkbox.css +14 -14
- package/dist/collection/components/chip/chip.css +16 -16
- package/dist/collection/components/counter/counter.css +8 -8
- package/dist/collection/components/dialog/dialog.css +6 -6
- package/dist/collection/components/dialog/dialog.stories.js +2 -2
- package/dist/collection/components/drawer/drawer.dark.css +11 -11
- package/dist/collection/components/drawer/drawer.light.css +11 -11
- package/dist/collection/components/dropdown/dropdown.css +9 -9
- package/dist/collection/components/duration/duration.css +1 -1
- package/dist/collection/components/flap/flap.css +4 -4
- package/dist/collection/components/global-navigation/global-navigation.stories.js +28 -14
- package/dist/collection/components/icon/icon.css +5 -5
- package/dist/collection/components/img/img.css +1 -1
- package/dist/collection/components/input/input.css +17 -17
- package/dist/collection/components/input-group/input-group.css +17 -17
- package/dist/collection/components/item/item.css +6 -6
- package/dist/collection/components/label/label.css +1 -1
- package/dist/collection/components/list/list.css +1 -1
- package/dist/collection/components/modal/modal.css +8 -8
- package/dist/collection/components/navbar/navbar.css +3 -3
- package/dist/collection/components/navbar/navbar.stories.js +69 -34
- package/dist/collection/components/navbar-item/navbar-item.css +18 -8
- package/dist/collection/components/plate-number/plate-number.css +16 -15
- package/dist/collection/components/profil-dropdown/profil-dropdown.css +13 -12
- package/dist/collection/components/progress/progress.css +11 -11
- package/dist/collection/components/radio/radio.css +12 -12
- package/dist/collection/components/radio-group/radio-group.css +5 -5
- package/dist/collection/components/range/range.css +10 -9
- package/dist/collection/components/rating/rating.css +4 -4
- package/dist/collection/components/segmented-button/segmented-button.css +15 -15
- package/dist/collection/components/select/select.css +16 -16
- package/dist/collection/components/select-filter/select-filter.css +5 -5
- package/dist/collection/components/skeleton/skeleton.css +1 -1
- package/dist/collection/components/spinner/spinner.css +3 -3
- package/dist/collection/components/stepper/stepper.css +36 -36
- package/dist/collection/components/tab-bar/tab-bar.css +10 -10
- package/dist/collection/components/table/table.css +5 -5
- package/dist/collection/components/text/text.css +11 -11
- package/dist/collection/components/textarea/textarea.css +16 -16
- package/dist/collection/components/toast/toast.css +15 -15
- package/dist/collection/components/toggle/toggle.css +19 -17
- package/dist/collection/components/toggle/toggle.js +4 -4
- package/dist/collection/components/toolbar/toolbar.css +18 -19
- package/dist/collection/components/toolbar-title/toolbar-title.css +2 -2
- package/dist/collection/components/toolbar-title-page/toolbar-title-page.css +2 -2
- package/dist/collection/components/tooltip/tooltip.css +16 -5
- package/dist/collection/components/vertical-stepper-item/vertical-stepper-item.css +38 -38
- package/dist/esm/road-accordion.entry.js +1 -1
- package/dist/esm/road-alert.entry.js +1 -1
- package/dist/esm/road-autocomplete.entry.js +1 -1
- package/dist/esm/road-avatar.entry.js +1 -1
- package/dist/esm/road-badge_14.entry.js +12 -12
- package/dist/esm/road-banner.entry.js +1 -1
- package/dist/esm/road-card.entry.js +1 -1
- package/dist/esm/road-carousel.entry.js +1 -1
- package/dist/esm/road-checkbox.entry.js +1 -1
- package/dist/esm/road-chip.entry.js +1 -1
- package/dist/esm/road-dialog.entry.js +1 -1
- package/dist/esm/road-dropdown.entry.js +1 -1
- package/dist/esm/road-duration.entry.js +1 -1
- package/dist/esm/road-flap.entry.js +1 -1
- package/dist/esm/road-img.entry.js +1 -1
- package/dist/esm/road-modal.entry.js +1 -1
- package/dist/esm/road-navbar-item.entry.js +1 -1
- package/dist/esm/road-navbar.entry.js +1 -1
- package/dist/esm/road-plate-number.entry.js +1 -1
- package/dist/esm/road-profil-dropdown.entry.js +1 -1
- package/dist/esm/road-progress.entry.js +1 -1
- package/dist/esm/road-radio-group.entry.js +1 -1
- package/dist/esm/road-radio.entry.js +1 -1
- package/dist/esm/road-range.entry.js +1 -1
- package/dist/esm/road-rating.entry.js +1 -1
- package/dist/esm/road-segmented-button.entry.js +1 -1
- package/dist/esm/road-select-filter.entry.js +1 -1
- package/dist/esm/road-select.entry.js +1 -1
- package/dist/esm/road-skeleton.entry.js +1 -1
- package/dist/esm/road-spinner.entry.js +1 -1
- package/dist/esm/road-stepper.entry.js +1 -1
- package/dist/esm/road-tab-bar.entry.js +1 -1
- package/dist/esm/road-table.entry.js +1 -1
- package/dist/esm/road-text.entry.js +1 -1
- package/dist/esm/road-textarea.entry.js +1 -1
- package/dist/esm/road-toast.entry.js +1 -1
- package/dist/esm/road-toggle.entry.js +2 -2
- package/dist/esm/road-toolbar-title-page.entry.js +1 -1
- package/dist/esm/road-toolbar-title.entry.js +1 -1
- package/dist/esm/road-tooltip.entry.js +1 -1
- package/dist/esm/road-vertical-stepper-item.entry.js +1 -1
- package/dist/html.html-data.json +0 -3
- package/dist/roadtrip/p-07ff311d.entry.js +1 -0
- package/dist/roadtrip/{p-cc47e29d.entry.js → p-0ad2e739.entry.js} +1 -1
- package/dist/roadtrip/p-1294ad0d.entry.js +1 -0
- package/dist/roadtrip/p-1305c54d.entry.js +1 -0
- package/dist/roadtrip/p-3c802959.entry.js +1 -0
- package/dist/roadtrip/p-3e6f0b0f.entry.js +1 -0
- package/dist/roadtrip/p-3fa6acd4.entry.js +1 -0
- package/dist/roadtrip/{p-835ad24a.entry.js → p-400b12e7.entry.js} +1 -1
- package/dist/roadtrip/p-42e5299f.entry.js +1 -0
- package/dist/roadtrip/p-510fe45c.entry.js +1 -0
- package/dist/roadtrip/p-51b4cf55.entry.js +1 -0
- package/dist/roadtrip/p-5807b1ed.entry.js +1 -0
- package/dist/roadtrip/{p-6862b9f8.entry.js → p-5d68795d.entry.js} +1 -1
- package/dist/roadtrip/p-684a5716.entry.js +1 -0
- package/dist/roadtrip/p-6cef5b4e.entry.js +1 -0
- package/dist/roadtrip/p-6fe541d7.entry.js +1 -0
- package/dist/roadtrip/p-7078ea7d.entry.js +1 -0
- package/dist/roadtrip/p-7c3af620.entry.js +1 -0
- package/dist/roadtrip/p-80e42f95.entry.js +1 -0
- package/dist/roadtrip/p-8340165a.entry.js +1 -0
- package/dist/roadtrip/p-85d01de7.entry.js +1 -0
- package/dist/roadtrip/p-8819f735.entry.js +1 -0
- package/dist/roadtrip/p-88aad04d.entry.js +1 -0
- package/dist/roadtrip/p-93f07ab9.entry.js +1 -0
- package/dist/roadtrip/p-9d8877c2.entry.js +1 -0
- package/dist/roadtrip/p-a43b9024.entry.js +1 -0
- package/dist/roadtrip/{p-34045b69.entry.js → p-a4e187ea.entry.js} +1 -1
- package/dist/roadtrip/p-aab8f34a.entry.js +1 -0
- package/dist/roadtrip/p-b4381f61.entry.js +1 -0
- package/dist/roadtrip/{p-ea053d07.entry.js → p-b65936d0.entry.js} +1 -1
- package/dist/roadtrip/{p-1c8fba28.entry.js → p-b6925b27.entry.js} +1 -1
- package/dist/roadtrip/p-bead4406.entry.js +1 -0
- package/dist/roadtrip/{p-17c3054f.entry.js → p-ca1de878.entry.js} +1 -1
- package/dist/roadtrip/p-cb878cf1.entry.js +1 -0
- package/dist/roadtrip/p-cfbb1cd3.entry.js +1 -0
- package/dist/roadtrip/p-dc18333b.entry.js +1 -0
- package/dist/roadtrip/{p-64c0d798.entry.js → p-df5abb4b.entry.js} +1 -1
- package/dist/roadtrip/p-e6e9d15a.entry.js +1 -0
- package/dist/roadtrip/p-e7e55fc6.entry.js +1 -0
- package/dist/roadtrip/p-e9bbb36d.entry.js +1 -0
- package/dist/roadtrip/p-fdfbd0aa.entry.js +1 -0
- package/dist/roadtrip/roadtrip.css +1 -1
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/types/components/toggle/toggle.d.ts +1 -1
- package/dist/types/components.d.ts +2 -2
- package/loader/index.js +1 -1
- package/package.json +8 -6
- package/dist/roadtrip/p-05f7da47.entry.js +0 -1
- package/dist/roadtrip/p-095d5ffc.entry.js +0 -1
- package/dist/roadtrip/p-1361d4c7.entry.js +0 -1
- package/dist/roadtrip/p-1871fe52.entry.js +0 -1
- package/dist/roadtrip/p-190adde1.entry.js +0 -1
- package/dist/roadtrip/p-1ac0bf10.entry.js +0 -1
- package/dist/roadtrip/p-2364f032.entry.js +0 -1
- package/dist/roadtrip/p-23d1fa76.entry.js +0 -1
- package/dist/roadtrip/p-2c4fdb41.entry.js +0 -1
- package/dist/roadtrip/p-350b8f54.entry.js +0 -1
- package/dist/roadtrip/p-40bfdbfa.entry.js +0 -1
- package/dist/roadtrip/p-4b5223c4.entry.js +0 -1
- package/dist/roadtrip/p-4fb365bc.entry.js +0 -1
- package/dist/roadtrip/p-50bca8ef.entry.js +0 -1
- package/dist/roadtrip/p-53b13858.entry.js +0 -1
- package/dist/roadtrip/p-6246e09a.entry.js +0 -1
- package/dist/roadtrip/p-6300a1b9.entry.js +0 -1
- package/dist/roadtrip/p-70540977.entry.js +0 -1
- package/dist/roadtrip/p-79a8fd8b.entry.js +0 -1
- package/dist/roadtrip/p-87b690f4.entry.js +0 -1
- package/dist/roadtrip/p-924cade0.entry.js +0 -1
- package/dist/roadtrip/p-97d330e0.entry.js +0 -1
- package/dist/roadtrip/p-99936080.entry.js +0 -1
- package/dist/roadtrip/p-a3736d12.entry.js +0 -1
- package/dist/roadtrip/p-aafa4ced.entry.js +0 -1
- package/dist/roadtrip/p-aeb7cc19.entry.js +0 -1
- package/dist/roadtrip/p-af548fed.entry.js +0 -1
- package/dist/roadtrip/p-b09d2170.entry.js +0 -1
- package/dist/roadtrip/p-ba09f82a.entry.js +0 -1
- package/dist/roadtrip/p-c468b520.entry.js +0 -1
- package/dist/roadtrip/p-d2d83075.entry.js +0 -1
- package/dist/roadtrip/p-d578f331.entry.js +0 -1
- package/dist/roadtrip/p-e602feab.entry.js +0 -1
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
|
|
7
|
-
const profilDropdownCss = ":host{--margin-top:0.5rem;display:block;font-size:
|
|
7
|
+
const profilDropdownCss = ":host{--margin-top:0.5rem;display:block;font-size:var(--road-font-size-16)}.dropdown{position:relative;width:max-content;font-family:var(--road-font)}.dropdown summary{display:block;cursor:pointer;outline:none}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;z-index:1;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-button:hover{background:var(--road-grey-200)}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;top:0;left:5.5rem;z-index:2;display:flex;flex-direction:column;width:100%;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}road-item{font-size:var(--road-button-medium)}.profil-item{display:flex;padding-bottom:1rem;margin:1rem;cursor:auto;border-bottom:1px solid var(--road-outline)}.profil-item-info{display:flex;flex-direction:column;margin-left:1rem;text-align:left}.profil-item-info-name{font-weight:700}.profil-item road-avatar:hover{box-shadow:none}.dropdown-item{display:flex;align-items:center;min-height:40px;padding:0 1rem;font-size:var(--road-button-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none;outline:none}.dropdown-item-border{border-color:var(--road-outline);border-bottom:1px solid}.dropdown-item road-icon{margin-right:0.7rem}road-item:hover:first-child,road-item.focus-visible:first-child{background:none}road-item:hover,road-item.focus-visible{background:var(--road-surface-inverse)}";
|
|
8
8
|
|
|
9
9
|
const Dropdown = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
|
|
7
|
-
const progressCss = ".progress{--border-radius:0.25rem;display:flex;height:0.25rem;overflow:hidden;font-size:
|
|
7
|
+
const progressCss = ".progress{--border-radius:0.25rem;display:flex;height:0.25rem;overflow:hidden;font-size:var(--road-label-small);background-color:var(--road-on-surface-disabled);border-radius:var(--border-radius)}.progress-element-info{display:flex;justify-content:space-between;margin-top:0.5rem}.progress-element-info-full-width{display:flex;justify-content:space-between;padding:0 1rem;margin-top:0.5rem}.progress-element-label{font-size:var(--road-label-medium);text-align:left}.progress-element-step{font-size:var(--road-label-medium);text-align:right}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-align:center;white-space:nowrap;transition:width 0.6s ease}.progress.progress-primary .progress-bar{background:var(--road-primary)}.progress.progress-secondary .progress-bar{background:var(--road-secondary)}.progress.progress-info .progress-bar{background:var(--road-info-surface-inverse)}.progress.progress-success .progress-bar{background:var(--road-success-surface-inverse)}.progress.progress-warning .progress-bar{background:var(--road-warning-surface-inverse)}.progress.progress-danger .progress-bar{background:var(--road-danger-surface-inverse)}";
|
|
8
8
|
|
|
9
9
|
const ProgressBar = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
|
|
7
|
-
const radioGroupCss = ".sc-road-radio-group-h{--asterisk-color:var(--road-
|
|
7
|
+
const radioGroupCss = ".sc-road-radio-group-h{--asterisk-color:var(--road-on-surface);position:relative;display:block;margin-bottom:1rem}.asterisk.sc-road-radio-group{color:var(--asterisk-color)}.is-invalid.sc-road-radio-group-h .invalid-feedback.sc-road-radio-group{display:block}.invalid-feedback.sc-road-radio-group{display:none;flex:0 0 100%;width:100%;margin:0.5rem 0 0;font-size:var(--road-font-size-12);color:var(--road-on-danger-surface)}.helper.sc-road-radio-group{margin-top:0.5rem;font-size:var(--road-font-size-12);color:var(--road-on-surface-weak)}";
|
|
8
8
|
|
|
9
9
|
const RadioGroup = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
require('./polyfill-c7a0fa22.js');
|
|
7
7
|
|
|
8
|
-
const radioCss = ".sc-road-radio-h{position:relative;display:block;margin-bottom:1.5rem;font-family:var(--road-font, sans-serif);font-size:
|
|
8
|
+
const radioCss = ".sc-road-radio-h{position:relative;display:block;margin-bottom:1.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface)}.form-radio-inline.sc-road-radio-h{display:inline-flex;flex-wrap:wrap;align-items:center;margin-right:1.5rem;margin-bottom:0}.form-radio-input.sc-road-radio{position:absolute;z-index:-1;opacity:0}.form-radio-label.sc-road-radio{position:relative;display:inline-flex;align-items:flex-start;margin:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-radio-label.sc-road-radio::before{box-sizing:border-box;display:block;flex-shrink:0;width:1.25rem;height:1.25rem;margin:0.1rem 0.75rem 0 0;content:\"\";background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:50%;transition:border-color 0.2s ease-in-out}.form-radio-label.sc-road-radio::after{position:absolute;top:0.285rem;left:0.1875rem;box-sizing:border-box;display:block;width:0.875rem;height:0.875rem;content:\"\";background:var(--road-grey-60);border:none;border-radius:50%;transition:background 0.2s ease-in-out, transform 0.2s ease-in-out;transform:scale(0);transform-origin:50% 50%}@media (hover: hover){.form-radio-input.sc-road-radio~.form-radio-label.sc-road-radio:hover::before{border-color:var(--road-input-surface)}.form-radio-input.sc-road-radio:checked~.form-radio-label.sc-road-radio:hover::after{background:var(--road-input-surface-variant)}}.form-radio-input.sc-road-radio:checked~.form-radio-label.sc-road-radio::after{background:var(--road-input-surface);opacity:1;transform:scale(1)}.form-radio-input.focus-visible.sc-road-radio~.form-radio-label.sc-road-radio::before{box-shadow:0 0 0 0.125rem var(--road-grey-100-new), 0 0 0 0.1875rem var(--road-input-outline-variant)}.form-radio-input.focus-visible.sc-road-radio:checked~.form-radio-label.sc-road-radio::after{background:var(--road-primary-700)}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio{cursor:not-allowed}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio::before,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio::before{background:var(--road-on-surface-disabled);border:none}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio::after,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio::after{background:var(--road-grey-60)}.form-radio-input.is-invalid.sc-road-radio~.form-radio-label.sc-road-radio::before{border-color:var(--road-danger-outline)}.form-radio-inverse.sc-road-radio{display:flex;flex-direction:row-reverse;justify-content:space-between}.form-radio-inverse.sc-road-radio::before{margin:0 0 0 1rem}.form-radio-inverse.sc-road-radio::after{right:0.1875rem;left:auto}";
|
|
9
9
|
|
|
10
10
|
const Radio = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
const index$1 = require('./index-b51ea273.js');
|
|
7
7
|
|
|
8
|
-
const rangeCss = ".sc-road-range-h{display:block}.form-group.sc-road-range{width:100%}.form-range.sc-road-range{position:relative;display:flex;flex-direction:column;width:100%;margin-bottom:6px}.form-range-input.sc-road-range{position:relative;z-index:1;width:100%;background:transparent;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range.sc-road-range>output.sc-road-range::after{display:block;font-size:
|
|
8
|
+
const rangeCss = ".sc-road-range-h{display:block}.form-group.sc-road-range{width:100%}.form-range.sc-road-range{position:relative;display:flex;flex-direction:column;width:100%;margin-bottom:6px}.form-range-input.sc-road-range{position:relative;z-index:1;width:100%;background:transparent;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range.sc-road-range>output.sc-road-range::after{display:block;font-size:var(--road-label-medium);text-align:right;content:counter(variable);counter-reset:variable var(--value)}.form-range-progress.sc-road-range{position:relative;z-index:0;display:block;width:100%;margin-top:-1rem}.form-range-input.sc-road-range::-webkit-slider-runnable-track{border:0;-webkit-appearance:none;appearance:none}.form-range-input.sc-road-range::-moz-range-track{height:0.5rem;border:0;-moz-appearance:none;appearance:none}.form-range-progress.sc-road-range::before{display:block;height:0.5rem;content:\"\";background-color:var(--road-on-surface-disabled);border:0;border-radius:1.125rem}.form-range-progress.sc-road-range::after{position:absolute;top:0;right:0;left:0;display:block;width:calc((var(--value) * 100%) / var(--max));height:0.5rem;content:\"\";background:var(--road-primary);border-radius:1.125rem}.form-range-input.sc-road-range::-webkit-slider-thumb{position:relative;z-index:1;width:1.625rem;height:1.625rem;cursor:grab;background:var(--road-surface);border:none;border-radius:1.625rem;box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);-webkit-appearance:none;appearance:none}.form-range-input.sc-road-range::-moz-range-thumb{position:relative;z-index:1;box-sizing:border-box;width:1.625rem;height:1.625rem;margin-top:-0.625rem;cursor:grab;background:var(--road-surface);border:none;border-radius:1.625rem;box-shadow:0 0.1875rem 0.375rem rgba(0, 0, 0, 0.24);-moz-appearance:none;appearance:none}.focus-visible.sc-road-range-h .form-range-input.sc-road-range::-webkit-slider-thumb,.sc-road-range-h:active .form-range-input.sc-road-range::-webkit-slider-thumb{background:var(--road-input-surface-variant);border:0.5rem solid var(--road-grey-100-new)}.focus-visible.sc-road-range-h .form-range-input.sc-road-range::-moz-range-thumb,.sc-road-range-h:active .form-range-input.sc-road-range::-moz-range-thumb{background:var(--road-input-surface-variant);border:0.5rem solid var(--road-grey-100-new)}.sc-road-range-s>datalist{display:flex;justify-content:space-between}.sc-road-range-s>datalist option{width:32px;margin:0;font-size:var(--road-label-medium);text-align:center}";
|
|
9
9
|
|
|
10
10
|
const Range = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
const index$1 = require('./index-b51ea273.js');
|
|
7
7
|
|
|
8
|
-
const ratingCss = ":host{display:flex;align-items:center}.rating-stars{display:inline-flex;flex-shrink:0}.rating-star{color:var(--road-
|
|
8
|
+
const ratingCss = ":host{display:flex;align-items:center}.rating-stars{display:inline-flex;flex-shrink:0}.rating-star{color:var(--road-surface-disabled)}.rating-stars.rating-stars--small .icon-sm{width:1rem;height:1rem}.rating-number{margin-left:0.5rem;font-size:var(--road-link-medium);color:var(--road-on-surface);text-decoration:underline}.rating-number.rating-number--small{font-size:var(--road-link-small)}";
|
|
9
9
|
|
|
10
10
|
const Rating = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
|
|
7
|
-
const segmentedButtonCss = ":host{--border-radius:0.25rem;--font-size:
|
|
7
|
+
const segmentedButtonCss = ":host{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;flex:1;align-items:center;justify-content:center;max-height:2.5rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-primary);text-decoration:none;white-space:nowrap;vertical-align:middle;background-color:var(--road-surface);border-top:1px solid var(--road-primary);border-bottom:1px solid var(--road-primary);border-left:1px solid var(--road-primary);border-radius:0;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:first-child){border:1px solid var(--road-primary);border-right:0;border-radius:999em 0 0 999em}:host(:last-child){border:1px solid var(--road-primary);border-radius:0 999em 999em 0}:host(.btn-sm){height:2rem;font-size:var(--road-button-small)}:host(.tab-selected){color:var(--road-primary-contrast);background-color:var(--road-primary)}:host(.tab-selected:hover){background-color:var(--road-button-primary-variant)}:host(:hover){background:var(--road-primary-90)}:host(.focus-visible){background:var(--road-primary-90);outline:0}:host(.tab-selected.focus-visible){background-color:var(--road-button-primary-variant)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;max-height:2.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}";
|
|
8
8
|
|
|
9
9
|
const SegmentedButton = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -1782,7 +1782,7 @@ Fuse.config = Config;
|
|
|
1782
1782
|
register(ExtendedSearch);
|
|
1783
1783
|
}
|
|
1784
1784
|
|
|
1785
|
-
const selectFilterCss = ".sc-road-select-filter-h{--margin-top:3rem;position:relative;display:block}.select-filter-list.sc-road-select-filter{position:absolute;top:var(--margin-top);z-index:1;width:100%;max-height:16rem;padding:0.5rem 0;margin:0;overflow-y:scroll;font-family:var(--road-font, sans-serif);font-size:1rem;color:var(--road-
|
|
1785
|
+
const selectFilterCss = ".sc-road-select-filter-h{--margin-top:3rem;position:relative;display:block}.select-filter-list.sc-road-select-filter{position:absolute;top:var(--margin-top);z-index:1;width:100%;max-height:16rem;padding:0.5rem 0;margin:0;overflow-y:scroll;font-family:var(--road-font, sans-serif);font-size:1rem;color:var(--road-on-surface);list-style-type:none;background:var(--road-surface);border-radius:0 0 0.25rem 0.25rem;box-shadow:var(--road-elevation-low)}.select-filter-list.not-active.sc-road-select-filter{opacity:0}.select-filter-item.sc-road-select-filter{display:flex;align-items:center;padding:0.75rem 1rem;cursor:pointer}.select-filter-item.sc-road-select-filter:hover,.select-filter-item.highlight.sc-road-select-filter{color:var(--road-on-primary);background:var(--road-primary)}";
|
|
1786
1786
|
|
|
1787
1787
|
const SelectFilter = class {
|
|
1788
1788
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
|
|
7
|
-
const selectCss = ".sc-road-select-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-
|
|
7
|
+
const selectCss = ".sc-road-select-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-select.sc-road-select{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 3rem 0 1rem;margin:0;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);background:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=\") no-repeat right 1rem center/1.5rem 2rem;background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select.sc-road-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select.sc-road-select::-ms-expand{display:none}.form-select.sc-road-select::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select.sc-road-select:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select.sc-road-select:focus~.form-select-label.sc-road-select,.form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.form-select.has-value.sc-road-select~.form-select-label.sc-road-select{transform:scale(0.625) translateY(-0.625rem)}.form-select.sc-road-select:not(:disabled):focus{border-color:var(--road-input-outline-variant);outline:0}.form-select.sc-road-select:disabled,.form-select[readonly].sc-road-select{color:var(--road-on-surface-disabled);cursor:not-allowed;background-color:var(--road-surface-disabled);opacity:1}.form-select-label.sc-road-select{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface-extra-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-select.sc-road-select:required~.form-select-label.sc-road-select::after{color:var(--road-on-danger-surface);content:\" *\"}.select-xl.sc-road-select-h .form-select.sc-road-select{height:3.5rem;padding:1rem 1rem 0}.select-xl.sc-road-select-h .form-select-label.sc-road-select{top:1rem}.select-xl.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type=\"date\"].sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type=\"time\"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-select{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid{border-color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select~.invalid-feedback.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid~.invalid-feedback.sc-road-select{display:block}";
|
|
8
8
|
|
|
9
9
|
const Select = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
|
|
7
|
-
const skeletonCss = ":host{--background-light:var(--road-disabled);--background-dark:rgb(137, 143, 160, 0.4);position:relative;display:block;width:100%;min-height:1rem;background:linear-gradient(to right, var(--background-light) 8%, var(--background-dark) 18%, var(--background-light) 33%);background-position:100% 0;background-size:200%;animation:road-skeleton-animation 1s linear infinite}@keyframes road-skeleton-animation{100%{background-position:-100% 0}}";
|
|
7
|
+
const skeletonCss = ":host{--background-light:var(--road-surface-disabled);--background-dark:rgb(137, 143, 160, 0.4);position:relative;display:block;width:100%;min-height:1rem;background:linear-gradient(to right, var(--background-light) 8%, var(--background-dark) 18%, var(--background-light) 33%);background-position:100% 0;background-size:200%;animation:road-skeleton-animation 1s linear infinite}@keyframes road-skeleton-animation{100%{background-position:-100% 0}}";
|
|
8
8
|
|
|
9
9
|
const Skeleton = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
|
|
7
|
-
const spinnerCss = ":host{display:block}.spinner{transform-origin:center;animation:road-rotate 2s linear infinite}.spinner.spinner--small{width:1rem;height:1rem}.spinner.spinner--medium{width:2rem;height:2rem}.spinner.spinner--large{width:3rem;height:3rem}.spinner.spinner--xl{width:8rem;height:8rem}.spinner-circle{animation:road-dash 1.5s ease-in-out infinite;fill:none;stroke:var(--road-primary
|
|
7
|
+
const spinnerCss = ":host{display:block}.spinner{transform-origin:center;animation:road-rotate 2s linear infinite}.spinner.spinner--small{width:1rem;height:1rem}.spinner.spinner--medium{width:2rem;height:2rem}.spinner.spinner--large{width:3rem;height:3rem}.spinner.spinner--xl{width:8rem;height:8rem}.spinner-circle{animation:road-dash 1.5s ease-in-out infinite;fill:none;stroke:var(--road-primary);stroke-width:3;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}.spinner-circle.spinner-circle--dark{stroke:var(--road-grey-0)}.spinner-circle.spinner-circle--light{stroke:var(--road-grey-90)}@keyframes road-rotate{100%{transform:rotate(360deg)}}@keyframes road-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:90, 200;stroke-dashoffset:-35px}100%{stroke-dashoffset:-125px}}";
|
|
8
8
|
|
|
9
9
|
const Spinner = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
|
|
7
|
-
const stepperCss = ":host{display:block}.stepper{display:flex;padding-left:0;margin:0;font-family:var(--road-font);line-height:1.5;list-style:none}.stepper-item{display:flex;flex:1;flex-direction:column;text-align:center}.stepper-item:not(:last-child)::after{position:relative;top:1rem;left:50%;order:-1;height:2px;content:\"\";background:var(--road-
|
|
7
|
+
const stepperCss = ":host{display:block}.stepper{display:flex;padding-left:0;margin:0;font-family:var(--road-font);line-height:1.5;list-style:none}.stepper-item{display:flex;flex:1;flex-direction:column;text-align:center}.stepper-item:not(:last-child)::after{position:relative;top:1rem;left:50%;order:-1;height:2px;content:\"\";background:var(--road-surface-disabled)}.stepper-outline-light .stepper-item:not(:last-child)::after,.stepper-secondary-outline-light .stepper-item:not(:last-child)::after{left:calc(50% + calc(2rem / 2));width:calc(100% - 2rem)}.stepper-item:not(.completed) .stepper-link{cursor:not-allowed}.stepper-link{z-index:1;display:flex;flex-direction:column;align-items:center}.stepper-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-inverse);border-radius:50%;fill:currentColor}::slotted(.stepper-icon) road-icon{color:var(--road-secondary-600)}.stepper-outline .stepper-icon,.stepper-secondary.stepper-outline .stepper-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-on-surface-disabled);background:var(--road-surface);border:2px solid var(--road-surface-disabled);fill:currentColor}.stepper-outline-light .stepper-icon,.stepper-secondary.stepper-outline-light .stepper-icon{color:var(--road-on-surface-disabled);background:none;border:2px solid var(--road-surface-disabled);fill:currentColor}.stepper-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-surface-weak)}.stepper-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-surface-weak)}.completed:not(:last-child)::after{background:var(--road-primary)}.stepper-secondary .completed:not(:last-child)::after,.stepper-secondary.stepper-outline .completed:not(:last-child)::after,.stepper-secondary.stepper-outline-light .completed:not(:last-child)::after{background:var(--road-secondary)}.completed .stepper-icon,.current .stepper-icon{width:2rem;height:2rem;color:var(--road-on-primary);background:var(--road-primary);border:0}.stepper-outline .completed .stepper-icon{color:var(--road-primary);background:var(--road-surface);border:2px solid var(--road-primary)}.stepper-outline-light .completed .stepper-icon{color:var(--road-primary);background:none;border:2px solid var(--road-primary)}.stepper-secondary .completed .stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary);border:0}.stepper-secondary.stepper-outline .completed .stepper-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-secondary);background:var(--road-surface);border:2px solid var(--road-secondary)}.stepper-secondary.stepper-outline-light .completed .stepper-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-secondary);background:none;border:2px solid var(--road-secondary)}.stepper-secondary .current .stepper-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-grey-900);background:var(--road-secondary);border:2px solid var(--road-secondary)}.stepper-secondary.stepper-outline .current .stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.stepper-secondary.stepper-outline-light .current .stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.current .stepper-title{font-weight:700;color:var(--road-on-surface)}";
|
|
8
8
|
|
|
9
9
|
const Stepper = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
require('./polyfill-c7a0fa22.js');
|
|
7
7
|
|
|
8
|
-
const tabBarCss = ":host{--tab-bar-background:var(--road-
|
|
8
|
+
const tabBarCss = ":host{--tab-bar-background:var(--road-surface);--tab-color:var(--road-on-surface-weak);--tab-color-selected:var(--road-on-surface);--tab-underline-selected:var(--road-primary);--tab-background:var(--road-surface);--tab-background-hover:var(--road-surface-inverse);--tab-background-focused:var(--road-grey-70);display:flex;width:100%;margin:0;overflow:scroll;overflow-x:inherit;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-on-surface-weak);list-style:none;background:var(--tab-bar-background);border-bottom:1px solid var(--road-grey-70);fill:currentColor;scrollbar-width:none}:host(::-webkit-scrollbar){display:none}:host(.tab-expand) ::slotted(road-tab-button){flex-grow:1}:host(.tab-secondary) ::slotted(road-tab-button){--tab-underline-selected:var(--road-secondary)}:host(.tab-center){justify-content:center}";
|
|
9
9
|
|
|
10
10
|
const TabBar = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
|
|
7
|
-
const tableCss = ".sc-road-table-h{box-sizing:border-box;display:block}.sc-road-table-s>table{width:100%;font-family:var(--road-font, sans-serif);font-size:
|
|
7
|
+
const tableCss = ".sc-road-table-h{box-sizing:border-box;display:block}.sc-road-table-s>table{width:100%;font-family:var(--road-font, sans-serif);font-size:var(--road-body-small);line-height:1.5;color:var(--road-on-surface);border-collapse:collapse;border-top:1px solid var(--road-outline);border-bottom:1px solid var(--road-outline)}.sc-road-table-s>table th,.sc-road-table-s>table td{padding:1.5rem 1.25rem;text-align:left}.sc-road-table-s>table thead tr,.sc-road-table-s>table tbody tr:nth-child(2n){background:var(--road-surface-inverse)}";
|
|
8
8
|
|
|
9
9
|
const Table = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
|
|
7
|
-
const textCss = ":host(.text-primary){color:var(--road-primary-
|
|
7
|
+
const textCss = ":host(.text-primary){color:var(--road-primary-10)}:host(.text-secondary){color:var(--road-secondary)}:host(.text-accent){color:var(--road-secondary-50)}:host(.text-info){color:var(--road-on-info-surface)}:host(.text-success){color:var(--road-on-success-surface)}:host(.text-warning){color:var(--road-on-warning-surface)}:host(.text-danger){color:var(--road-on-danger-surface)}:host(.text-default){color:var(--road-on-surface)}:host(.text-default-second){color:var(--road-grey-40)}:host(.text-disabled){color:var(--road-grey-60)}:host(.text-white){color:var(--road-grey-100-new)}";
|
|
8
8
|
|
|
9
9
|
const Text = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
|
|
7
|
-
const textareaCss = ".sc-road-textarea-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-
|
|
7
|
+
const textareaCss = ".sc-road-textarea-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-control.sc-road-textarea{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 1rem 0;margin:0;font-size:var(--road-body-medium);color:var(--road-on-surface);background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control.sc-road-textarea::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}@media (hover: hover){.form-control.sc-road-textarea:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:-ms-input-placeholder~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:not(:disabled):focus{border-color:var(--road-input-outline-variant);outline:0}.form-control.sc-road-textarea:disabled,.form-control[readonly].sc-road-textarea{color:var(--road-on-surface-weak);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.textarea-control.sc-road-textarea{height:auto;padding-top:1rem;padding-bottom:0.5rem;line-height:1.5}.form-label.sc-road-textarea{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-extra-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.input-xl.sc-road-textarea-h{--height:3.5rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea{padding:1.5rem 1rem 0.5rem}.input-xl.sc-road-textarea-h .form-label.sc-road-textarea{top:1rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type=\"date\"].sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type=\"time\"].sc-road-textarea~.form-label.sc-road-textarea{transform:scale(0.75) translateY(-0.625rem)}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-textarea{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-danger-surface)}.form-control.is-invalid.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid{border-color:var(--road-danger-outline)}.form-control.is-invalid.sc-road-textarea~.invalid-feedback.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid~.invalid-feedback.sc-road-textarea{display:block}.helper.sc-road-textarea{margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-grey-500)}";
|
|
8
8
|
|
|
9
9
|
const Textarea = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
const index$1 = require('./index-b51ea273.js');
|
|
7
7
|
|
|
8
|
-
const toastCss = ":host{position:fixed;top:0;left:0;z-index:1;display:block;width:100%;visibility:hidden;opacity:0;transition:opacity 0.3s ease-in-out, visibility 0.15s, transform 0.3s ease-in-out;transform:translateY(-100%)}:host(.toast-open){visibility:visible;opacity:1;transform:none}.toast{position:relative;box-sizing:border-box;display:flex;flex:0 0 100%;align-items:center;max-width:100%;padding:1.5rem 2rem 1.5rem 3rem;margin-right:0.5rem;margin-left:0.5rem;font-family:var(--road-font, sans-serif);font-size:
|
|
8
|
+
const toastCss = ":host{position:fixed;top:0;left:0;z-index:1;display:block;width:100%;visibility:hidden;opacity:0;transition:opacity 0.3s ease-in-out, visibility 0.15s, transform 0.3s ease-in-out;transform:translateY(-100%)}:host(.toast-open){visibility:visible;opacity:1;transform:none}.toast{position:relative;box-sizing:border-box;display:flex;flex:0 0 100%;align-items:center;max-width:100%;padding:1.5rem 2rem 1.5rem 3rem;margin-right:0.5rem;margin-left:0.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.4;text-align:left;border-radius:0 0 0.25rem 0.25rem}@media (min-width: 575px){.toast{flex:0 0 83.3333%;justify-content:center;max-width:83.3333%;padding:1rem 2rem;margin-right:auto;margin-left:auto}}.toast-danger{color:var(--road-on-danger-surface-inverse);background:var(--road-danger-surface-inverse)}.toast-danger road-icon{color:var(--road-danger-icon-inverse)}.toast-warning{color:var(--road-on-warning-surface-inverse);background:var(--road-warning-surface-inverse)}.toast-warning road-icon{color:var(--road-warning-icon-inverse)}.toast-success{color:var(--road-on-success-surface-inverse);background:var(--road-success-surface-inverse)}.toast-success road-icon{color:var(--road-success-icon-inverse)}.toast-info{color:var(--road-on-info-surface-inverse);background:var(--road-info-surface-inverse)}.toast-info road-icon{color:var(--road-info-icon-inverse)}.toast-icon{position:absolute;top:auto;left:0.5rem}@media (min-width: 575px){.toast-icon{position:relative;top:auto;left:auto;margin-right:0.5rem}}.toast-close{position:absolute;top:4px;right:4px;display:inline-block;padding:0;color:inherit;cursor:pointer;background:none;border:1px solid transparent;border-radius:4px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.toast-warning .toast-close{fill:var(--road-warning-icon-inverse)}.toast-close:focus{border-color:var(--road-info-surface-inverse);outline:none}";
|
|
9
9
|
|
|
10
10
|
const Toast = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
require('./polyfill-c7a0fa22.js');
|
|
7
7
|
|
|
8
|
-
const toggleCss = ".sc-road-toggle-h{--toggle-lever-width:4.5rem;position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);font-size:
|
|
8
|
+
const toggleCss = ".sc-road-toggle-h{--toggle-lever-width:4.5rem;position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);font-size:var(--road-label-medium);color:var(--road-on-surface)}.form-toggle-input.sc-road-toggle{position:absolute;z-index:-1;opacity:0}.form-toggle-label.sc-road-toggle{display:inline-flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-toggle-lever.sc-road-toggle{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;width:var(--toggle-lever-width);height:2rem;padding:0.5rem 0.625rem;margin-right:0.75rem;font-size:0.625rem;font-weight:700;line-height:1.6;content:\"\";background:var(--road-on-surface-extra-weak);border:0.125rem solid transparent;border-radius:1.125rem;transition:background 0.2s ease-in-out}.form-toggle-lever.sc-road-toggle::before{font-size:0.625rem;font-weight:700;color:var(--road-surface);text-transform:uppercase;content:attr(data-off)}.form-toggle-lever.sc-road-toggle::after{position:absolute;top:0.0625rem;left:0.0625rem;display:block;width:1.625rem;height:1.625rem;content:\"\";background:var(--road-on-success-surface-inverse);border-radius:50%;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out}.form-toggle-input.sc-road-toggle:checked~.form-toggle-label.sc-road-toggle .form-toggle-lever.sc-road-toggle{justify-content:flex-start;background:var(--road-success-surface-inverse)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-label.sc-road-toggle .form-toggle-lever.sc-road-toggle::before{color:var(--road-surface);content:attr(data-on)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-label.sc-road-toggle .form-toggle-lever.sc-road-toggle::after{transform:translateX(calc(var(--toggle-lever-width) - 2rem))}.form-toggle-input.focus-visible.sc-road-toggle~.form-toggle-label.sc-road-toggle .form-toggle-lever.sc-road-toggle{box-shadow:0 0 0 0.125rem var(--road-grey-100-new), 0 0 0 0.1875rem var(--road-primary)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-secondary.sc-road-toggle .form-toggle-lever.sc-road-toggle{background:var(--road-secondary)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-secondary.sc-road-toggle .form-toggle-lever.sc-road-toggle::before{color:var(--road-surface)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-info.sc-road-toggle .form-toggle-lever.sc-road-toggle{background:var(--road-info-surface-inverse)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-info.sc-road-toggle .form-toggle-lever.sc-road-toggle::before{color:var(--road-surface)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-success.sc-road-toggle .form-toggle-lever.sc-road-toggle{background:var(--road-success-surface-inverse)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-success.sc-road-toggle .form-toggle-lever.sc-road-toggle::before{color:var(--road-surface)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-warning.sc-road-toggle .form-toggle-lever.sc-road-toggle{background:var(--road-warning-surface-inverse)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-warning.sc-road-toggle .form-toggle-lever.sc-road-toggle::before{color:var(--road-on-warning-surface-inverse)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-danger.sc-road-toggle .form-toggle-lever.sc-road-toggle{background:var(--road-danger-surface-inverse)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-danger.sc-road-toggle .form-toggle-lever.sc-road-toggle::before{color:var(--road-surface)}.form-toggle-right.sc-road-toggle{margin-right:0;margin-left:0.75rem}.form-toggle-spaced.sc-road-toggle{display:flex;justify-content:space-between}";
|
|
9
9
|
|
|
10
10
|
const toggle = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -39,7 +39,7 @@ const toggle = class {
|
|
|
39
39
|
/**
|
|
40
40
|
* Set the color of alert. e.g. info, success, warning, danger
|
|
41
41
|
*/
|
|
42
|
-
this.color = '
|
|
42
|
+
this.color = 'success';
|
|
43
43
|
/**
|
|
44
44
|
* If `true`, the label is at left of the toggle
|
|
45
45
|
*/
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
|
|
7
|
-
const toolbarTitlePageCss = ":host{position:absolute;top:30px;left:0.8rem}@media (min-width: 1200px){:host{position:fixed;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;padding:0 3.5rem;text-align:center}}.toolbar-title-page{display:block;width:100%;font-size:
|
|
7
|
+
const toolbarTitlePageCss = ":host{position:absolute;top:30px;left:0.8rem}@media (min-width: 1200px){:host{position:fixed;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;padding:0 3.5rem;text-align:center}}.toolbar-title-page{display:block;width:100%;font-size:var(--road-font-size-18);font-weight:700;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){.toolbar-title-page{font-size:var(--road-font-size-20);text-align:center}}";
|
|
8
8
|
|
|
9
9
|
const ToolbarAppName = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
|
|
7
|
-
const toolbarTitleCss = ":host{display:flex;flex:1;align-items:center;width:100%;height:100%;padding-left:1rem}.toolbar-title{display:block;width:100%;overflow:hidden;font-size:
|
|
7
|
+
const toolbarTitleCss = ":host{display:flex;flex:1;align-items:center;width:100%;height:100%;padding-left:1rem}.toolbar-title{display:block;width:100%;overflow:hidden;font-size:var(--road-font-size-18);font-weight:700;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){.toolbar-title{font-size:var(--road-font-size-21)}}";
|
|
8
8
|
|
|
9
9
|
const ToolbarTitle = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
|
|
7
|
-
const tooltipCss = ":host{--max-width:16rem;--z-index:1;--width:auto;position:relative;display:inline-block}.tooltip{position:absolute;top:-0.5rem;left:50%;z-index:1;width:var(--width);min-width:6rem;max-width:var(--max-width);padding:0.5rem;font-family:var(--road-font);font-size:
|
|
7
|
+
const tooltipCss = ":host{--max-width:16rem;--z-index:1;--width:auto;position:relative;display:inline-block}:host([trigger=\"hover\"]) .tooltip{display:none}@media (min-width: 1200px){:host([trigger=\"hover\"]) .tooltip{display:block}}.tooltip{position:absolute;top:-0.5rem;left:50%;z-index:1;width:var(--width);min-width:6rem;max-width:var(--max-width);padding:0.5rem;font-family:var(--road-font);font-size:var(--road-body-small);color:var(--road-on-surface);text-align:center;pointer-events:none;background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);opacity:0;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateX(-50%) translateY(-100%)}:host([contentalign=\"left\"]) .tooltip{text-align:left}.tooltip.tooltip-text-left::after{text-align:left}.tooltip-open{opacity:1}:host([data-tooltip-position=\"top\"]) .tooltip{left:50%;transform:translateX(-50%) translateY(-70%)}:host([data-tooltip-position=\"top\"]) .tooltip-open{left:50%;transform:translateX(-50%) translateY(-100%)}:host([data-tooltip-position=\"left\"]) .tooltip{top:50%;left:0%;margin-right:0.5rem;transform:translateX(-94%) translateY(-55%)}:host([data-tooltip-position=\"left\"]) .tooltip-open{transform:translateX(-103%) translateY(-55%)}:host([data-tooltip-position=\"bottom\"]) .tooltip{top:100%;left:50%;margin-top:0.5rem;transform:translateX(-50%) translateY(-40%)}:host([data-tooltip-position=\"bottom\"]) .tooltip-open{transform:translateX(-50%) translateY(-6%)}:host([data-tooltip-position=\"right\"]) .tooltip{top:50%;left:100%;margin-left:0.5rem;transform:translateX(-14%) translateY(-55%)}:host([data-tooltip-position=\"right\"]) .tooltip-open{transform:translateX(-4%) translateY(-55%)}";
|
|
8
8
|
|
|
9
9
|
const Tooltip = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a2306350.js');
|
|
6
6
|
|
|
7
|
-
const verticalStepperItemCss = "road-vertical-stepper-item{display:flex;flex-direction:row;justify-content:flex-start;min-height:65px}.vertical-stepper-item-content{display:inline-block;margin-left:1rem}road-vertical-stepper-item:not(.completed) .vertical-stepper-link{cursor:not-allowed}.vertical-stepper-link{position:relative;z-index:1;display:flex}.vertical-stepper-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:
|
|
7
|
+
const verticalStepperItemCss = "road-vertical-stepper-item{display:flex;flex-direction:row;justify-content:flex-start;min-height:65px}.vertical-stepper-item-content{display:inline-block;margin-left:1rem}road-vertical-stepper-item:not(.completed) .vertical-stepper-link{cursor:not-allowed}.vertical-stepper-link{position:relative;z-index:1;display:flex}.vertical-stepper-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-inverse);border-radius:50%;fill:currentColor}.vertical-stepper-line{position:absolute;top:32px;left:15px;z-index:-1;height:calc(100% - 32px);border-left:2px solid var(--road-surface-disabled)}road-vertical-stepper-item:last-child .vertical-stepper-line{border-left:0}.stepper-outline .vertical-stepper-icon,.stepper-secondary-outline .vertical-stepper-icon{color:var(--road-on-surface-disabled);background:var(--road-surface);border:2px solid var(--road-surface-disabled)}.stepper-outline-light .vertical-stepper-icon,.stepper-secondary-outline-light .vertical-stepper-icon{color:var(--road-on-surface-disabled);background:none;border:2px solid var(--road-surface-disabled);fill:currentColor}.vertical-stepper-title{display:block;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-surface)}.vertical-stepper-description{display:block;margin:0;font-size:var(--road-label-small);font-weight:400;color:var(--road-on-surface-weak)}.completed:not(:last-child)::after{background:var(--road-primary)}.vertical-stepper-secondary .completed:not(:last-child) .vertical-stepper-line,.vertical-stepper-secondary-outline .completed:not(:last-child) .vertical-stepper-line,.vertical-stepper-secondary-outline-light .completed:not(:last-child) .vertical-stepper-line{background:var(--road-secondary)}.completed .vertical-stepper-icon,.current .vertical-stepper-icon{width:2rem;height:2rem;color:var(--road-on-primary);background:var(--road-primary);border:0}.completed .vertical-stepper-line{border-left:2px solid var(--road-primary)}.stepper-secondary.completed .vertical-stepper-line,.stepper-secondary-outline.completed .vertical-stepper-line,.stepper-secondary-outline-light.completed .vertical-stepper-line{border-left:2px solid var(--road-secondary)}.stepper-outline.completed .vertical-stepper-icon{align-items:baseline;color:var(--road-primary);background:var(--road-surface);border:2px solid var(--road-primary)}.stepper-secondary.stepper-outline.completed .vertical-stepper-icon{color:var(--road-secondary);background:var(--road-surface);border:2px solid var(--road-secondary)}.stepper-outline-light.completed .vertical-stepper-icon{align-items:baseline;color:var(--road-primary);background:none;border:2px solid var(--road-primary)}.stepper-secondary.completed .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary);border:0}.stepper-secondary.stepper-outline-light.completed .vertical-stepper-icon{color:var(--road-secondary);background:none;border:2px solid var(--road-secondary)}.stepper-secondary.current .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.stepper-secondary-outline.current .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.stepper-secondary-outline-light.current .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.current .vertical-stepper-title{font-weight:700;color:var(--road-on-surface)}";
|
|
8
8
|
|
|
9
9
|
const VerticalStepperItem = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
--content-margin: 0 1rem 0.75rem;
|
|
26
26
|
--content-padding: 0.75rem 0 0;
|
|
27
27
|
--header-padding: 0.75rem 1rem;
|
|
28
|
-
--icon-color: var(--road-
|
|
28
|
+
--icon-color: var(--road-icon);
|
|
29
29
|
--max-height: none;
|
|
30
30
|
|
|
31
31
|
display: block;
|
|
@@ -39,12 +39,12 @@
|
|
|
39
39
|
--max-height: none;
|
|
40
40
|
overflow: hidden;
|
|
41
41
|
font-family: var(--road-font, sans-serif);
|
|
42
|
-
font-size:
|
|
42
|
+
font-size: var(--road-body-small);
|
|
43
43
|
line-height: 1.5;
|
|
44
|
-
color: var(--road-
|
|
45
|
-
background: var(--road-
|
|
44
|
+
color: var(--road-on-surface);
|
|
45
|
+
background: var(--road-surface);
|
|
46
46
|
border: 1px solid;
|
|
47
|
-
border-color: var(--road-
|
|
47
|
+
border-color: var(--road-outline-weak);
|
|
48
48
|
border-radius: 0.25rem;
|
|
49
49
|
transition: max-height 0.3s ease-in-out;
|
|
50
50
|
}
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
*/
|
|
101
101
|
|
|
102
102
|
.accordion-trigger.focus-visible {
|
|
103
|
-
border-color: var(--road-
|
|
103
|
+
border-color: var(--road-primary);
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
/**
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
*/
|
|
109
109
|
|
|
110
110
|
.accordion-trigger:active {
|
|
111
|
-
background: var(--road-
|
|
111
|
+
background: var(--road-surface-inverse);
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
/**
|
|
@@ -122,6 +122,7 @@
|
|
|
122
122
|
align-items: center;
|
|
123
123
|
justify-content: flex-start;
|
|
124
124
|
padding: var(--header-padding);
|
|
125
|
+
font-size: var(--road-body-medium);
|
|
125
126
|
font-weight: 700;
|
|
126
127
|
cursor: pointer;
|
|
127
128
|
-webkit-user-select: none;
|
|
@@ -130,11 +131,11 @@
|
|
|
130
131
|
|
|
131
132
|
.accordion-light-header {
|
|
132
133
|
position: relative;
|
|
133
|
-
font-size:
|
|
134
|
+
font-size: var(--road-body-large);
|
|
134
135
|
}
|
|
135
136
|
|
|
136
137
|
.accordion-light--small .accordion-light-header {
|
|
137
|
-
font-size:
|
|
138
|
+
font-size: var(--road-body-medium);
|
|
138
139
|
}
|
|
139
140
|
|
|
140
141
|
.accordion-light--border .accordion-light-header::after {
|
|
@@ -143,7 +144,7 @@
|
|
|
143
144
|
width: 98.3%;
|
|
144
145
|
height: 1px;
|
|
145
146
|
content: "";
|
|
146
|
-
background: var(--road-
|
|
147
|
+
background: var(--road-outline-weak);
|
|
147
148
|
}
|
|
148
149
|
|
|
149
150
|
/**
|
|
@@ -179,15 +180,15 @@
|
|
|
179
180
|
padding: 0 0.5rem;
|
|
180
181
|
margin: 0 1rem;
|
|
181
182
|
overflow: hidden;
|
|
182
|
-
font-size:
|
|
183
|
-
border-top: var(--accordion-header-border) solid var(--road-
|
|
183
|
+
font-size: var(--road-body-medium);
|
|
184
|
+
border-top: var(--accordion-header-border) solid var(--road-outline-weak);
|
|
184
185
|
}
|
|
185
186
|
|
|
186
187
|
.accordion-light-content {
|
|
187
|
-
border-top: 1px solid var(--road-
|
|
188
|
+
border-top: 1px solid var(--road-outline-weak);
|
|
188
189
|
}
|
|
189
190
|
|
|
190
191
|
.accordion-light--border .accordion-light-content {
|
|
191
|
-
border-top: 1px solid var(--road-
|
|
192
|
-
border-bottom: 1px solid var(--road-
|
|
192
|
+
border-top: 1px solid var(--road-outline-weak);
|
|
193
|
+
border-bottom: 1px solid var(--road-outline-weak);
|
|
193
194
|
}
|
|
@@ -18,9 +18,9 @@
|
|
|
18
18
|
align-items: flex-start;
|
|
19
19
|
padding: 0.5rem 1rem 0.5rem 0.5rem;
|
|
20
20
|
font-family: var(--road-font, sans-serif);
|
|
21
|
-
font-size:
|
|
21
|
+
font-size: var(--road-body-medium);
|
|
22
22
|
line-height: 1.25;
|
|
23
|
-
color: var(--road-
|
|
23
|
+
color: var(--road-on-surface);
|
|
24
24
|
border: 1px solid transparent;
|
|
25
25
|
border-radius: 0.25rem;
|
|
26
26
|
}
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
.alert-link {
|
|
50
50
|
display: block;
|
|
51
51
|
margin: 0;
|
|
52
|
-
color: var(--road-
|
|
52
|
+
color: var(--road-on-surface);
|
|
53
53
|
text-decoration: underline;
|
|
54
54
|
}
|
|
55
55
|
|
|
@@ -69,8 +69,8 @@
|
|
|
69
69
|
*/
|
|
70
70
|
|
|
71
71
|
:host(.alert-info) {
|
|
72
|
-
background: var(--road-info-
|
|
73
|
-
border-color: var(--road-info-
|
|
72
|
+
background: var(--road-info-surface);
|
|
73
|
+
border-color: var(--road-info-outline);
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
:host(.alert-info) ::slotted(road-icon) {
|
|
@@ -82,12 +82,12 @@
|
|
|
82
82
|
*/
|
|
83
83
|
|
|
84
84
|
:host(.alert-success) {
|
|
85
|
-
background: var(--road-success-
|
|
86
|
-
border-color: var(--road-success-
|
|
85
|
+
background: var(--road-success-surface);
|
|
86
|
+
border-color: var(--road-success-outline);
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
:host(.alert-success) ::slotted(road-icon) {
|
|
90
|
-
color: var(--road-success-
|
|
90
|
+
color: var(--road-success-icon);
|
|
91
91
|
}
|
|
92
92
|
|
|
93
93
|
/**
|
|
@@ -95,12 +95,12 @@
|
|
|
95
95
|
*/
|
|
96
96
|
|
|
97
97
|
:host(.alert-warning) {
|
|
98
|
-
background: var(--road-warning-
|
|
99
|
-
border-color: var(--road-warning-
|
|
98
|
+
background: var(--road-warning-surface);
|
|
99
|
+
border-color: var(--road-warning-outline);
|
|
100
100
|
}
|
|
101
101
|
|
|
102
102
|
:host(.alert-warning) ::slotted(road-icon) {
|
|
103
|
-
color: var(--road-warning-
|
|
103
|
+
color: var(--road-warning-icon);
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
/**
|
|
@@ -108,10 +108,10 @@
|
|
|
108
108
|
*/
|
|
109
109
|
|
|
110
110
|
:host(.alert-danger) {
|
|
111
|
-
background: var(--road-danger-
|
|
112
|
-
border-color: var(--road-danger-
|
|
111
|
+
background: var(--road-danger-surface);
|
|
112
|
+
border-color: var(--road-danger-outline);
|
|
113
113
|
}
|
|
114
114
|
|
|
115
115
|
:host(.alert-danger) ::slotted(road-icon) {
|
|
116
|
-
color: var(--road-danger-
|
|
116
|
+
color: var(--road-danger-icon);
|
|
117
117
|
}
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
position: absolute;
|
|
25
25
|
right: 0;
|
|
26
26
|
height: 100%;
|
|
27
|
-
background-color: var(--road-
|
|
27
|
+
background-color: var(--road-surface);
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
/* LIST
|
|
@@ -40,12 +40,12 @@
|
|
|
40
40
|
margin: 0;
|
|
41
41
|
overflow-y: scroll;
|
|
42
42
|
font-family: var(--road-font, sans-serif);
|
|
43
|
-
font-size:
|
|
44
|
-
color: var(--road-
|
|
43
|
+
font-size: var(--road-font-size-14);
|
|
44
|
+
color: var(--road-on-surface);
|
|
45
45
|
list-style-type: none;
|
|
46
|
-
background: var(--road-
|
|
46
|
+
background: var(--road-surface);
|
|
47
47
|
border-radius: 0 0 0.25rem 0.25rem;
|
|
48
|
-
box-shadow:
|
|
48
|
+
box-shadow: var(--road-elevation-low);
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
/* ITEM
|
|
@@ -62,6 +62,6 @@
|
|
|
62
62
|
|
|
63
63
|
.autocomplete-item:hover,
|
|
64
64
|
.autocomplete-item.focus {
|
|
65
|
-
color: var(--road-primary
|
|
66
|
-
background: var(--road-primary
|
|
65
|
+
color: var(--road-on-primary);
|
|
66
|
+
background: var(--road-primary);
|
|
67
67
|
}
|