@motifx-community/ui 0.1.0-beta.2 → 0.1.0-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +87 -12
- package/README.md +6 -6
- package/dist/components/accordion/Accordion.d.ts +3 -3
- package/dist/components/accordion/AccordionItem.d.ts +1 -1
- package/dist/components/card/Card.d.ts +1 -1
- package/dist/components/contextmenu/ContextMenu.d.ts +1 -1
- package/dist/components/datagrid/DataGrid.d.ts +5 -5
- package/dist/components/datagrid/data-grid-props.d.ts +2 -2
- package/dist/components/datagrid/grid-adaptive-row-expanded-event-args.d.ts +1 -1
- package/dist/components/datagrid/grid-adaptive-row-expanding-event-args.d.ts +1 -1
- package/dist/components/datagrid/grid-grouping-changed-event-args.d.ts +1 -1
- package/dist/components/datagrid/grid-grouping-changing-event-args.d.ts +2 -2
- package/dist/components/datagrid/grid-master-detail.d.ts +1 -1
- package/dist/components/datagrid/grid-row-expanded-event-args.d.ts +1 -1
- package/dist/components/datagrid/grid-row-expanding-event-args.d.ts +1 -1
- package/dist/components/datagrid/grid-search-text-changed-event-args.d.ts +1 -1
- package/dist/components/datagrid/grid-search-text-changing-event-args.d.ts +1 -1
- package/dist/components/datagrid/grid-sort-changing-event-args.d.ts +1 -1
- package/dist/components/datagrid/model/GridSearch.d.ts +1 -1
- package/dist/components/draggable/Draggable.d.ts +99 -0
- package/dist/components/draggable/DropTarget.d.ts +38 -0
- package/dist/components/draggable/draggable-event-args.d.ts +17 -0
- package/dist/components/draggable/draggable-props.d.ts +37 -0
- package/dist/components/draggable/drop-event-args.d.ts +11 -0
- package/dist/components/draggable/drop-target-props.d.ts +13 -0
- package/dist/components/draggable/index.d.ts +6 -0
- package/dist/components/fileuploader/FileUploader.d.ts +1 -1
- package/dist/components/fileuploader/file-uploader-props.d.ts +1 -1
- package/dist/components/fileuploader/upload-mode.d.ts +1 -1
- package/dist/components/filterbuilder/FilterBuilder.d.ts +1 -1
- package/dist/components/gallery/Gallery.d.ts +132 -0
- package/dist/components/gallery/gallery-item-click-event-args.d.ts +9 -0
- package/dist/components/gallery/gallery-item.d.ts +18 -0
- package/dist/components/gallery/gallery-props.d.ts +38 -0
- package/dist/components/gallery/index.d.ts +6 -0
- package/dist/components/gallery/slide-changed-event-args.d.ts +11 -0
- package/dist/components/gallery/slide-changing-event-args.d.ts +14 -0
- package/dist/components/layout/ChildSettings.d.ts +1 -1
- package/dist/components/layout/DockPanel.d.ts +2 -2
- package/dist/components/layout/Grid.d.ts +1 -1
- package/dist/components/layout/SplitContainer.d.ts +1 -1
- package/dist/components/layout/Stack.d.ts +1 -1
- package/dist/components/multiview/MultiView.d.ts +87 -0
- package/dist/components/multiview/View.d.ts +41 -0
- package/dist/components/multiview/index.d.ts +6 -0
- package/dist/components/multiview/multi-view-props.d.ts +24 -0
- package/dist/components/multiview/view-props.d.ts +15 -0
- package/dist/components/multiview/view-selecting-event-args.d.ts +15 -0
- package/dist/components/multiview/view-selection-changed-event-args.d.ts +12 -0
- package/dist/components/numberbox/number-box-props.d.ts +1 -1
- package/dist/components/popover/Popover.d.ts +1 -1
- package/dist/components/popover/popover-props.d.ts +1 -1
- package/dist/components/resizable/Resizable.d.ts +84 -0
- package/dist/components/resizable/index.d.ts +3 -0
- package/dist/components/resizable/resizable-props.d.ts +41 -0
- package/dist/components/resizable/resize-event-args.d.ts +13 -0
- package/dist/components/scheduler/AppointmentEditor.d.ts +1 -1
- package/dist/components/scheduler/scheduler-props.d.ts +1 -1
- package/dist/components/scrollview/ScrollView.d.ts +1 -1
- package/dist/components/skeleton/Skeleton.d.ts +1 -1
- package/dist/components/speeddial/SpeedDial.d.ts +129 -0
- package/dist/components/speeddial/index.d.ts +6 -0
- package/dist/components/speeddial/speed-dial-action-click-event-args.d.ts +9 -0
- package/dist/components/speeddial/speed-dial-action.d.ts +25 -0
- package/dist/components/speeddial/speed-dial-event-args.d.ts +8 -0
- package/dist/components/speeddial/speed-dial-props.d.ts +49 -0
- package/dist/components/speeddial/speed-dial-tooltip.d.ts +3 -0
- package/dist/components/splitter/SplitPane.d.ts +45 -0
- package/dist/components/splitter/Splitter.d.ts +116 -0
- package/dist/components/splitter/index.d.ts +6 -0
- package/dist/components/splitter/split-pane-props.d.ts +21 -0
- package/dist/components/splitter/splitter-collapse-event-args.d.ts +13 -0
- package/dist/components/splitter/splitter-props.d.ts +25 -0
- package/dist/components/splitter/splitter-resize-event-args.d.ts +10 -0
- package/dist/components/stepper/Stepper.d.ts +1 -1
- package/dist/components/stepper/WizardStep.d.ts +1 -1
- package/dist/components/stepper/step-changed-event-args.d.ts +1 -1
- package/dist/components/stepper/step-changing-event-args.d.ts +1 -1
- package/dist/components/stepper/wizard-props.d.ts +1 -1
- package/dist/components/tabdocs/TabDocumentManager.d.ts +1 -1
- package/dist/components/tabs/Tabs.d.ts +2 -2
- package/dist/components/tileview/TileView.d.ts +128 -0
- package/dist/components/tileview/index.d.ts +6 -0
- package/dist/components/tileview/tile-click-event-args.d.ts +9 -0
- package/dist/components/tileview/tile-reorder-event-args.d.ts +11 -0
- package/dist/components/tileview/tile-selection-changed-event-args.d.ts +11 -0
- package/dist/components/tileview/tile-view-item.d.ts +18 -0
- package/dist/components/tileview/tile-view-props.d.ts +38 -0
- package/dist/components/timeline/Timeline.d.ts +113 -0
- package/dist/components/timeline/index.d.ts +5 -0
- package/dist/components/timeline/timeline-item-click-event-args.d.ts +9 -0
- package/dist/components/timeline/timeline-item.d.ts +24 -0
- package/dist/components/timeline/timeline-props.d.ts +30 -0
- package/dist/components/timeline/timeline-selection-changed-event-args.d.ts +11 -0
- package/dist/components/tooltip/Tooltip.d.ts +1 -1
- package/dist/components/treeview/TreeView.d.ts +1 -1
- package/dist/components/validationsummary/ValidationSummary.d.ts +56 -0
- package/dist/components/validationsummary/index.d.ts +3 -0
- package/dist/components/validationsummary/summary-item-click-event-args.d.ts +11 -0
- package/dist/components/validationsummary/validation-summary-props.d.ts +17 -0
- package/dist/core/control.d.ts +4 -4
- package/dist/core/flow-home.d.ts +1 -1
- package/dist/core/ui-strings.d.ts +26 -0
- package/dist/generated/tokens.d.ts +6390 -4745
- package/dist/index.d.ts +9 -0
- package/dist/index.js +5119 -759
- package/dist/index.js.map +1 -1
- package/dist/locales/en.json +22 -1
- package/dist/locales/tr.json +22 -1
- package/dist/parts/slide/slide-track-host.d.ts +19 -0
- package/dist/parts/slide/slide-track.d.ts +45 -0
- package/dist/styles.css +3072 -182
- package/dist/tokens/index.d.ts +6390 -4745
- package/dist/tokens/index.js +6390 -4745
- package/dist/tokens/index.js.map +1 -1
- package/dist/{tr-B218zMtu.js → tr-C5IXRzAH.js} +45 -3
- package/dist/{tr-B218zMtu.js.map → tr-C5IXRzAH.js.map} +1 -1
- package/docs/accordion.md +9 -9
- package/docs/actionsheet.md +2 -2
- package/docs/avatar.md +5 -5
- package/docs/badge.md +6 -6
- package/docs/bottomsheet.md +4 -4
- package/docs/breadcrumb.md +3 -3
- package/docs/button.md +8 -8
- package/docs/buttongroup.md +5 -5
- package/docs/calendar.md +6 -6
- package/docs/card.md +6 -6
- package/docs/checkbox.md +7 -7
- package/docs/chip.md +5 -5
- package/docs/colorbox.md +3 -3
- package/docs/combobox.md +7 -7
- package/docs/control.md +12 -12
- package/docs/datagrid-api.md +5 -5
- package/docs/datagrid-bands.md +1 -1
- package/docs/datagrid-drag-select.md +2 -2
- package/docs/datagrid-drag.md +1 -1
- package/docs/datagrid-editing.md +2 -2
- package/docs/datagrid-filtering.md +3 -3
- package/docs/datagrid-forms.md +1 -1
- package/docs/datagrid-grouping.md +1 -1
- package/docs/datagrid-layout.md +4 -4
- package/docs/datagrid-lookups.md +1 -1
- package/docs/datagrid-master-detail.md +3 -3
- package/docs/datagrid-scrolling.md +1 -1
- package/docs/datagrid-selection.md +3 -3
- package/docs/datagrid.md +8 -8
- package/docs/datebox.md +6 -6
- package/docs/daterangebox.md +4 -4
- package/docs/draggable.md +194 -0
- package/docs/drawer.md +1 -1
- package/docs/dropdown.md +8 -8
- package/docs/fileuploader.md +4 -4
- package/docs/filterbuilder.md +7 -7
- package/docs/formlayout.md +1 -1
- package/docs/gallery.md +244 -0
- package/docs/home.md +11 -7
- package/docs/keyboard.md +1 -1
- package/docs/language.md +1 -1
- package/docs/layout.md +13 -13
- package/docs/listbox.md +8 -8
- package/docs/loadpanel.md +4 -4
- package/docs/lookup.md +1 -1
- package/docs/menus.md +2 -2
- package/docs/multiview.md +202 -0
- package/docs/numberbox.md +7 -7
- package/docs/pagination.md +4 -4
- package/docs/popover.md +11 -11
- package/docs/progress.md +7 -7
- package/docs/radiogroup.md +7 -7
- package/docs/rating.md +4 -4
- package/docs/resizable.md +139 -0
- package/docs/scheduler-agenda.md +1 -1
- package/docs/scheduler-big-data.md +1 -1
- package/docs/scheduler-editing.md +5 -5
- package/docs/scheduler-form.md +1 -1
- package/docs/scheduler-icalendar.md +1 -1
- package/docs/scheduler-mobile.md +1 -1
- package/docs/scheduler-recurrence.md +2 -2
- package/docs/scheduler-resources.md +1 -1
- package/docs/scheduler-timeline.md +1 -1
- package/docs/scheduler.md +4 -4
- package/docs/scrollview.md +5 -5
- package/docs/showcase.md +1 -1
- package/docs/skeleton.md +2 -2
- package/docs/slider.md +7 -7
- package/docs/sortable.md +2 -2
- package/docs/speeddial.md +290 -0
- package/docs/splitter.md +204 -0
- package/docs/stepper.md +5 -5
- package/docs/switch.md +7 -7
- package/docs/tabdocs-dock.md +3 -3
- package/docs/tabdocs-drag.md +1 -1
- package/docs/tabdocs-menus.md +1 -1
- package/docs/tabdocs-mobile.md +1 -1
- package/docs/tabdocs-tabs.md +1 -1
- package/docs/tabdocs-windows.md +1 -1
- package/docs/tabdocs-workspace.md +1 -1
- package/docs/tabdocs.md +5 -5
- package/docs/tabs.md +9 -9
- package/docs/tagbox.md +8 -8
- package/docs/textarea.md +7 -7
- package/docs/textbox.md +8 -8
- package/docs/tileview.md +206 -0
- package/docs/timeline.md +174 -0
- package/docs/toast.md +5 -5
- package/docs/tokens.md +333 -4
- package/docs/toolbar.md +6 -6
- package/docs/tooltip.md +12 -12
- package/docs/treeview.md +9 -9
- package/docs/validationsummary.md +115 -0
- package/docs/window.md +5 -5
- package/docs/wizard.md +9 -9
- package/llms-full.txt +2525 -379
- package/llms.txt +13 -4
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -381,6 +381,10 @@
|
|
|
381
381
|
--mx-date-range-box-separator-size: 1rem;
|
|
382
382
|
--mx-date-range-box-presets-min-width: 9rem;
|
|
383
383
|
--mx-date-range-box-presets-max-height: 18rem;
|
|
384
|
+
--mx-draggable-box-draggable-cursor: grab;
|
|
385
|
+
--mx-draggable-box-dragging-cursor: grabbing;
|
|
386
|
+
--mx-draggable-handle-cursor: grab;
|
|
387
|
+
--mx-draggable-ghost-opacity: 0.9;
|
|
384
388
|
--mx-drawer-size: 20rem;
|
|
385
389
|
--mx-drawer-inset: 0px;
|
|
386
390
|
--mx-drawer-max-size: 85%;
|
|
@@ -414,6 +418,12 @@
|
|
|
414
418
|
--mx-drop-down-chevron-open-rotate: 0.5turn;
|
|
415
419
|
--mx-drop-down-spinner-border-end-color: rgb(0 0 0 / 0);
|
|
416
420
|
--mx-drop-down-spinner-shape-display: initial;
|
|
421
|
+
--mx-drop-target-target-active-outline-style: dashed;
|
|
422
|
+
--mx-drop-target-target-active-outline-offset: -2px;
|
|
423
|
+
--mx-drop-target-target-over-outline-style: solid;
|
|
424
|
+
--mx-drop-target-target-over-outline-offset: -2px;
|
|
425
|
+
--mx-drop-target-target-refused-outline-style: solid;
|
|
426
|
+
--mx-drop-target-target-refused-outline-offset: -2px;
|
|
417
427
|
--mx-field-width: 16rem;
|
|
418
428
|
--mx-field-variant: outline;
|
|
419
429
|
--mx-field-label-mode: top;
|
|
@@ -505,6 +515,7 @@
|
|
|
505
515
|
--mx-field-frame-end-readonly-focus-border-end-width: initial;
|
|
506
516
|
--mx-field-frame-end-readonly-invalid-focus-border-block-width: initial;
|
|
507
517
|
--mx-field-frame-end-readonly-invalid-focus-border-end-width: initial;
|
|
518
|
+
--mx-file-uploader-field-label-mode: top;
|
|
508
519
|
--mx-file-uploader-field-width: 26rem;
|
|
509
520
|
--mx-file-uploader-field-box-border-style: dashed;
|
|
510
521
|
--mx-file-uploader-action-variant: ghost;
|
|
@@ -537,6 +548,25 @@
|
|
|
537
548
|
--mx-form-layout-field-label-width: 8rem;
|
|
538
549
|
--mx-form-layout-group-bg: initial;
|
|
539
550
|
--mx-form-layout-caption-font-size: 1em;
|
|
551
|
+
--mx-gallery-frame-swipeable-cursor: grab;
|
|
552
|
+
--mx-gallery-frame-dragging-cursor: grabbing;
|
|
553
|
+
--mx-gallery-frame-border-width: initial;
|
|
554
|
+
--mx-gallery-frame-border-color: initial;
|
|
555
|
+
--mx-gallery-nav-size: 2rem;
|
|
556
|
+
--mx-gallery-nav-hover-cursor: pointer;
|
|
557
|
+
--mx-gallery-arrow-size: 1rem;
|
|
558
|
+
--mx-gallery-arrow-previous-icon: var(--mx-icon-chevron-start);
|
|
559
|
+
--mx-gallery-arrow-next-icon: var(--mx-icon-chevron-end);
|
|
560
|
+
--mx-gallery-dot-size: 0.5rem;
|
|
561
|
+
--mx-gallery-dot-hover-cursor: pointer;
|
|
562
|
+
--mx-gallery-dot-current-width: initial;
|
|
563
|
+
--mx-gallery-dot-current-size: initial;
|
|
564
|
+
--mx-gallery-play-size: 1.75rem;
|
|
565
|
+
--mx-gallery-play-hover-cursor: pointer;
|
|
566
|
+
--mx-gallery-play-glyph-size: 0.75rem;
|
|
567
|
+
--mx-gallery-play-glyph-icon: var(--mx-icon-play);
|
|
568
|
+
--mx-gallery-play-glyph-playing-icon: var(--mx-icon-pause);
|
|
569
|
+
--mx-gallery-item-radius: initial;
|
|
540
570
|
--mx-layout-group-box-legend-float: none;
|
|
541
571
|
--mx-layout-group-plain-padding: 0px;
|
|
542
572
|
--mx-layout-group-plain-border-color: rgb(0 0 0 / 0);
|
|
@@ -589,6 +619,8 @@
|
|
|
589
619
|
--mx-menu-panel-gap: initial;
|
|
590
620
|
--mx-menubar-item-hover-color: initial;
|
|
591
621
|
--mx-menubar-item-open-color: initial;
|
|
622
|
+
--mx-multi-view-frame-swipeable-cursor: grab;
|
|
623
|
+
--mx-multi-view-frame-dragging-cursor: grabbing;
|
|
592
624
|
--mx-number-box-spin-layout: stacked;
|
|
593
625
|
--mx-number-box-spin-order: down-up;
|
|
594
626
|
--mx-number-box-step-stacked-padding-inline: 0px;
|
|
@@ -748,6 +780,10 @@
|
|
|
748
780
|
--mx-rating-fill-icon: var(--mx-icon-star-filled);
|
|
749
781
|
--mx-recurrence-editor-day-button-variant: solid;
|
|
750
782
|
--mx-recurrence-editor-day-button-size: sm;
|
|
783
|
+
--mx-resizable-box-resizing-outline-offset: -1px;
|
|
784
|
+
--mx-resizable-grip-size: 1rem;
|
|
785
|
+
--mx-resizable-grip-glyph-size: 0.75rem;
|
|
786
|
+
--mx-resizable-grip-glyph-icon: var(--mx-icon-grip);
|
|
751
787
|
--mx-scheduler-height: 40rem;
|
|
752
788
|
--mx-scheduler-ruler-width: 4rem;
|
|
753
789
|
--mx-scheduler-column-min-width: 4rem;
|
|
@@ -1002,6 +1038,14 @@
|
|
|
1002
1038
|
--mx-sortable-item-dragging-opacity: 0.4;
|
|
1003
1039
|
--mx-sortable-line-height: 2px;
|
|
1004
1040
|
--mx-sortable-ghost-opacity: 0.9;
|
|
1041
|
+
--mx-speed-dial-main-size: 3rem;
|
|
1042
|
+
--mx-speed-dial-main-hover-cursor: pointer;
|
|
1043
|
+
--mx-speed-dial-main-extended-width: auto;
|
|
1044
|
+
--mx-speed-dial-main-glyph-size: 1.25rem;
|
|
1045
|
+
--mx-speed-dial-action-size: 2.625rem;
|
|
1046
|
+
--mx-speed-dial-action-hover-cursor: pointer;
|
|
1047
|
+
--mx-speed-dial-action-shadow: initial;
|
|
1048
|
+
--mx-speed-dial-action-icon-size: 1.25rem;
|
|
1005
1049
|
--mx-spinner-size-md: 1.5rem;
|
|
1006
1050
|
--mx-spinner-size-lg: 2.5rem;
|
|
1007
1051
|
--mx-spinner-ring-width-md: 0.1875rem;
|
|
@@ -1024,6 +1068,9 @@
|
|
|
1024
1068
|
--mx-spinner-shape-display: initial;
|
|
1025
1069
|
--mx-spinner-shape-contained-bg: initial;
|
|
1026
1070
|
--mx-spinner-shape-contained-scale: initial;
|
|
1071
|
+
--mx-splitter-fold-size: 1rem;
|
|
1072
|
+
--mx-splitter-fold-hover-cursor: pointer;
|
|
1073
|
+
--mx-splitter-fold-glyph-size: 0.625rem;
|
|
1027
1074
|
--mx-stepper-font-size-lg: 1rem;
|
|
1028
1075
|
--mx-stepper-line-min-length: 1rem;
|
|
1029
1076
|
--mx-stepper-size-sm: 1.5rem;
|
|
@@ -1137,6 +1184,21 @@
|
|
|
1137
1184
|
--mx-tagbox-arrow-glyph-open-rotate: 0.5turn;
|
|
1138
1185
|
--mx-text-box-reveal-glyph-icon: var(--mx-icon-eye-open);
|
|
1139
1186
|
--mx-text-box-reveal-glyph-shown-icon: var(--mx-icon-eye-closed);
|
|
1187
|
+
--mx-tile-view-tile-hover-cursor: pointer;
|
|
1188
|
+
--mx-tile-view-tile-disabled-cursor: default;
|
|
1189
|
+
--mx-tile-view-tile-dragging-opacity: 0.4;
|
|
1190
|
+
--mx-tile-view-tile-target-outline-offset: -2px;
|
|
1191
|
+
--mx-tile-view-tile-shadow: initial;
|
|
1192
|
+
--mx-tile-view-ghost-opacity: 0.9;
|
|
1193
|
+
--mx-timeline-mark-size: 1.25rem;
|
|
1194
|
+
--mx-timeline-dot-glyph-size: 0.625rem;
|
|
1195
|
+
--mx-timeline-card-pressable-cursor: pointer;
|
|
1196
|
+
--mx-timeline-card-shadow: initial;
|
|
1197
|
+
--mx-timeline-flag-hover-cursor: pointer;
|
|
1198
|
+
--mx-timeline-detail-shadow: initial;
|
|
1199
|
+
--mx-timeline-nav-size: 2rem;
|
|
1200
|
+
--mx-timeline-nav-hover-cursor: pointer;
|
|
1201
|
+
--mx-timeline-nav-glyph-size: 1rem;
|
|
1140
1202
|
--mx-toast-width: 22rem;
|
|
1141
1203
|
--mx-toast-buttons-align: center;
|
|
1142
1204
|
--mx-toast-slide-inline: 0px;
|
|
@@ -1197,6 +1259,10 @@
|
|
|
1197
1259
|
--mx-treeview-check-disabled-glow: 0 0 #0000;
|
|
1198
1260
|
--mx-treeview-check-checked-disabled-border-color: rgb(0 0 0 / 0);
|
|
1199
1261
|
--mx-treeview-retry-text-decoration: underline;
|
|
1262
|
+
--mx-validation-summary-icon-icon: var(--mx-icon-danger);
|
|
1263
|
+
--mx-validation-summary-icon-size: 1rem;
|
|
1264
|
+
--mx-validation-summary-item-hover-text-decoration: underline;
|
|
1265
|
+
--mx-validation-summary-item-hover-cursor: pointer;
|
|
1200
1266
|
--mx-window-title-align: start;
|
|
1201
1267
|
--mx-window-min-width: 16rem;
|
|
1202
1268
|
--mx-window-min-height: 6rem;
|
|
@@ -1717,6 +1783,12 @@
|
|
|
1717
1783
|
--mx-date-range-box-presets-beside-padding-start: var(--mx-space-1);
|
|
1718
1784
|
--mx-date-range-box-presets-beside-border-start-width: var(--mx-border-width-1);
|
|
1719
1785
|
--mx-date-range-box-presets-beside-border-start-color: var(--mx-color-stroke-divider);
|
|
1786
|
+
--mx-draggable-box-focus-glow: var(--mx-focus-ring-halo);
|
|
1787
|
+
--mx-draggable-box-focus-outline-offset: var(--mx-focus-ring-offset);
|
|
1788
|
+
--mx-draggable-handle-hover-bg: var(--mx-color-fill-subtle-secondary);
|
|
1789
|
+
--mx-draggable-handle-focus-glow: var(--mx-focus-ring-halo);
|
|
1790
|
+
--mx-draggable-handle-focus-outline-offset: var(--mx-focus-ring-offset);
|
|
1791
|
+
--mx-draggable-ghost-radius: var(--mx-radius-md);
|
|
1720
1792
|
--mx-drawer-font-family: var(--mx-font-family-sans);
|
|
1721
1793
|
--mx-drawer-scrim-bg: var(--mx-color-bg-smoke);
|
|
1722
1794
|
--mx-drawer-panel-border-color: var(--mx-color-stroke-surface);
|
|
@@ -1755,6 +1827,11 @@
|
|
|
1755
1827
|
--mx-drop-down-spinner-size: var(--mx-icon-size-sm);
|
|
1756
1828
|
--mx-drop-down-spinner-border-width: var(--mx-border-width-2);
|
|
1757
1829
|
--mx-drop-down-spinner-radius: var(--mx-radius-full);
|
|
1830
|
+
--mx-drop-target-target-radius: var(--mx-radius-md);
|
|
1831
|
+
--mx-drop-target-target-active-outline-width: var(--mx-border-width-2);
|
|
1832
|
+
--mx-drop-target-target-active-outline-color: var(--mx-color-stroke-control-strong);
|
|
1833
|
+
--mx-drop-target-target-over-outline-width: var(--mx-border-width-2);
|
|
1834
|
+
--mx-drop-target-target-refused-outline-width: var(--mx-border-width-2);
|
|
1758
1835
|
--mx-field-border-width: var(--mx-border-width-1);
|
|
1759
1836
|
--mx-field-gap: var(--mx-space-2);
|
|
1760
1837
|
--mx-field-label-gap: var(--mx-space-1);
|
|
@@ -1822,13 +1899,11 @@
|
|
|
1822
1899
|
--mx-file-uploader-box-gap: var(--mx-space-3);
|
|
1823
1900
|
--mx-file-uploader-button-gap: var(--mx-space-2);
|
|
1824
1901
|
--mx-file-uploader-item-gap: var(--mx-space-2);
|
|
1902
|
+
--mx-file-uploader-zone-padding: var(--mx-space-2);
|
|
1825
1903
|
--mx-file-uploader-field-box-border-color: var(--mx-color-stroke-control-strong);
|
|
1826
1904
|
--mx-file-uploader-field-box-radius: var(--mx-radius-lg);
|
|
1827
1905
|
--mx-file-uploader-field-box-hover-bg: var(--mx-color-fill-subtle-secondary);
|
|
1828
1906
|
--mx-file-uploader-field-border-width: var(--mx-border-width-1);
|
|
1829
|
-
--mx-file-uploader-field-padding-sm: var(--mx-space-2);
|
|
1830
|
-
--mx-file-uploader-field-padding-md: var(--mx-space-3);
|
|
1831
|
-
--mx-file-uploader-field-padding-lg: var(--mx-space-4);
|
|
1832
1907
|
--mx-file-uploader-select-padding-block: var(--mx-space-1);
|
|
1833
1908
|
--mx-file-uploader-select-padding-inline: var(--mx-space-3);
|
|
1834
1909
|
--mx-file-uploader-select-radius: var(--mx-radius-sm);
|
|
@@ -1870,6 +1945,36 @@
|
|
|
1870
1945
|
--mx-form-layout-group-radius: var(--mx-radius-lg);
|
|
1871
1946
|
--mx-form-layout-caption-padding-inline: var(--mx-space-1);
|
|
1872
1947
|
--mx-form-layout-caption-font-weight: var(--mx-font-weight-semibold);
|
|
1948
|
+
--mx-gallery-gap: var(--mx-space-2);
|
|
1949
|
+
--mx-gallery-nav-inset: var(--mx-space-2);
|
|
1950
|
+
--mx-gallery-bar-inset: var(--mx-space-2);
|
|
1951
|
+
--mx-gallery-indicator-gap: var(--mx-space-2);
|
|
1952
|
+
--mx-gallery-caption-padding: var(--mx-space-3);
|
|
1953
|
+
--mx-gallery-frame-radius: var(--mx-radius-md);
|
|
1954
|
+
--mx-gallery-frame-focus-glow: var(--mx-focus-ring-halo);
|
|
1955
|
+
--mx-gallery-frame-focus-outline-offset: var(--mx-focus-ring-offset);
|
|
1956
|
+
--mx-gallery-caption-bg: var(--mx-color-bg-glass);
|
|
1957
|
+
--mx-gallery-caption-font-size: var(--mx-font-size-body);
|
|
1958
|
+
--mx-gallery-title-font-weight: var(--mx-font-weight-semibold);
|
|
1959
|
+
--mx-gallery-description-font-size: var(--mx-font-size-caption);
|
|
1960
|
+
--mx-gallery-nav-radius: var(--mx-radius-full);
|
|
1961
|
+
--mx-gallery-nav-border-width: var(--mx-border-width-1);
|
|
1962
|
+
--mx-gallery-nav-border-color: var(--mx-color-stroke-control-strong);
|
|
1963
|
+
--mx-gallery-nav-shadow: var(--mx-shadow-4);
|
|
1964
|
+
--mx-gallery-nav-focus-glow: var(--mx-focus-ring-halo);
|
|
1965
|
+
--mx-gallery-nav-focus-outline-offset: var(--mx-focus-ring-offset);
|
|
1966
|
+
--mx-gallery-nav-disabled-opacity: var(--mx-opacity-disabled);
|
|
1967
|
+
--mx-gallery-dot-radius: var(--mx-radius-full);
|
|
1968
|
+
--mx-gallery-dot-border-width: var(--mx-border-width-1);
|
|
1969
|
+
--mx-gallery-dot-border-color: var(--mx-color-stroke-control-strong);
|
|
1970
|
+
--mx-gallery-dot-focus-glow: var(--mx-focus-ring-halo);
|
|
1971
|
+
--mx-gallery-dot-focus-outline-offset: var(--mx-focus-ring-offset);
|
|
1972
|
+
--mx-gallery-play-radius: var(--mx-radius-full);
|
|
1973
|
+
--mx-gallery-play-border-width: var(--mx-border-width-1);
|
|
1974
|
+
--mx-gallery-play-border-color: var(--mx-color-stroke-control-strong);
|
|
1975
|
+
--mx-gallery-play-shadow: var(--mx-shadow-4);
|
|
1976
|
+
--mx-gallery-play-focus-glow: var(--mx-focus-ring-halo);
|
|
1977
|
+
--mx-gallery-play-focus-outline-offset: var(--mx-focus-ring-offset);
|
|
1873
1978
|
--mx-glyph-size: var(--mx-icon-size-sm);
|
|
1874
1979
|
--mx-layout-space-xxs: var(--mx-space-1);
|
|
1875
1980
|
--mx-layout-space-xs: var(--mx-space-2);
|
|
@@ -2009,6 +2114,7 @@
|
|
|
2009
2114
|
--mx-menubar-item-focus-glow: var(--mx-focus-ring-halo);
|
|
2010
2115
|
--mx-menubar-item-focus-outline-offset: var(--mx-focus-ring-offset);
|
|
2011
2116
|
--mx-menubar-icon-size: var(--mx-icon-size-md);
|
|
2117
|
+
--mx-multi-view-gap: var(--mx-space-0);
|
|
2012
2118
|
--mx-number-box-spin-inset: var(--mx-border-width-2);
|
|
2013
2119
|
--mx-number-box-step-stacked-min-width: var(--mx-space-5);
|
|
2014
2120
|
--mx-number-box-glyph-stacked-max-height: var(--mx-icon-size-sm);
|
|
@@ -2110,6 +2216,13 @@
|
|
|
2110
2216
|
--mx-recurrence-editor-days-label-font-weight: var(--mx-font-weight-medium);
|
|
2111
2217
|
--mx-recurrence-editor-days-label-margin-bottom: var(--mx-space-1);
|
|
2112
2218
|
--mx-recurrence-editor-days-gap: var(--mx-space-1);
|
|
2219
|
+
--mx-resizable-edge: var(--mx-space-2);
|
|
2220
|
+
--mx-resizable-box-resizing-outline-width: var(--mx-border-width-1);
|
|
2221
|
+
--mx-resizable-grip-radius: var(--mx-radius-sm);
|
|
2222
|
+
--mx-resizable-grip-hover-bg: var(--mx-color-fill-subtle-secondary);
|
|
2223
|
+
--mx-resizable-grip-pressed-bg: var(--mx-color-fill-subtle-tertiary);
|
|
2224
|
+
--mx-resizable-grip-focus-glow: var(--mx-focus-ring-halo);
|
|
2225
|
+
--mx-resizable-grip-focus-outline-offset: var(--mx-focus-ring-offset);
|
|
2113
2226
|
--mx-scheduler-slot-height: var(--mx-control-height-md);
|
|
2114
2227
|
--mx-scheduler-column-end-gap: var(--mx-space-3);
|
|
2115
2228
|
--mx-scheduler-date-number-size: var(--mx-control-height-sm);
|
|
@@ -2367,6 +2480,29 @@
|
|
|
2367
2480
|
--mx-sortable-item-focus-outline-offset: var(--mx-focus-ring-offset);
|
|
2368
2481
|
--mx-sortable-line-radius: var(--mx-radius-full);
|
|
2369
2482
|
--mx-sortable-ghost-radius: var(--mx-radius-md);
|
|
2483
|
+
--mx-speed-dial-inset: var(--mx-space-6);
|
|
2484
|
+
--mx-speed-dial-gap: var(--mx-space-3);
|
|
2485
|
+
--mx-speed-dial-label-gap: var(--mx-space-3);
|
|
2486
|
+
--mx-speed-dial-main-radius: var(--mx-radius-full);
|
|
2487
|
+
--mx-speed-dial-main-shadow: var(--mx-shadow-4);
|
|
2488
|
+
--mx-speed-dial-main-gap: var(--mx-space-2);
|
|
2489
|
+
--mx-speed-dial-main-focus-glow: var(--mx-focus-ring-halo);
|
|
2490
|
+
--mx-speed-dial-main-focus-outline-offset: var(--mx-focus-ring-offset);
|
|
2491
|
+
--mx-speed-dial-main-disabled-opacity: var(--mx-opacity-disabled);
|
|
2492
|
+
--mx-speed-dial-main-extended-padding: var(--mx-space-4);
|
|
2493
|
+
--mx-speed-dial-main-text-font-weight: var(--mx-font-weight-semibold);
|
|
2494
|
+
--mx-speed-dial-action-radius: var(--mx-radius-full);
|
|
2495
|
+
--mx-speed-dial-action-focus-glow: var(--mx-focus-ring-halo);
|
|
2496
|
+
--mx-speed-dial-action-focus-outline-offset: var(--mx-focus-ring-offset);
|
|
2497
|
+
--mx-speed-dial-action-disabled-opacity: var(--mx-opacity-disabled);
|
|
2498
|
+
--mx-speed-dial-action-border-width: var(--mx-border-width-1);
|
|
2499
|
+
--mx-speed-dial-action-border-color: var(--mx-color-stroke-control-strong);
|
|
2500
|
+
--mx-speed-dial-label-bg: var(--mx-color-bg-glass);
|
|
2501
|
+
--mx-speed-dial-label-radius: var(--mx-radius-sm);
|
|
2502
|
+
--mx-speed-dial-label-padding: var(--mx-space-2);
|
|
2503
|
+
--mx-speed-dial-label-font-size: var(--mx-font-size-caption);
|
|
2504
|
+
--mx-speed-dial-label-border-width: var(--mx-border-width-1);
|
|
2505
|
+
--mx-speed-dial-label-border-color: var(--mx-color-stroke-card);
|
|
2370
2506
|
--mx-spinner-gap: var(--mx-space-2);
|
|
2371
2507
|
--mx-spinner-cover-padding: var(--mx-space-4);
|
|
2372
2508
|
--mx-spinner-cover-background: var(--mx-color-bg-glass);
|
|
@@ -2379,6 +2515,22 @@
|
|
|
2379
2515
|
--mx-spinner-shape-size-sm: var(--mx-icon-size-md);
|
|
2380
2516
|
--mx-spinner-morph-duration: calc(var(--mx-motion-duration-slow) * 15);
|
|
2381
2517
|
--mx-spinner-spin-duration: calc(var(--mx-motion-duration-slow) * 9);
|
|
2518
|
+
--mx-splitter-size: var(--mx-space-2);
|
|
2519
|
+
--mx-splitter-line-width: var(--mx-border-width-1);
|
|
2520
|
+
--mx-splitter-active-width: var(--mx-border-width-2);
|
|
2521
|
+
--mx-splitter-grip-length: var(--mx-space-6);
|
|
2522
|
+
--mx-splitter-grip-thickness: var(--mx-space-1);
|
|
2523
|
+
--mx-splitter-handle-focus-glow: var(--mx-focus-ring-halo);
|
|
2524
|
+
--mx-splitter-handle-focus-outline-offset: var(--mx-focus-ring-offset);
|
|
2525
|
+
--mx-splitter-line-bg: var(--mx-color-stroke-divider);
|
|
2526
|
+
--mx-splitter-grip-bg: var(--mx-color-stroke-control-strong);
|
|
2527
|
+
--mx-splitter-grip-radius: var(--mx-radius-full);
|
|
2528
|
+
--mx-splitter-grip-disabled-bg: var(--mx-color-stroke-control-default);
|
|
2529
|
+
--mx-splitter-fold-radius: var(--mx-radius-sm);
|
|
2530
|
+
--mx-splitter-fold-hover-bg: var(--mx-color-fill-subtle-secondary);
|
|
2531
|
+
--mx-splitter-fold-pressed-bg: var(--mx-color-fill-subtle-tertiary);
|
|
2532
|
+
--mx-splitter-fold-focus-glow: var(--mx-focus-ring-halo);
|
|
2533
|
+
--mx-splitter-fold-focus-outline-offset: var(--mx-focus-ring-offset);
|
|
2382
2534
|
--mx-stepper-font-size-sm: var(--mx-font-size-caption);
|
|
2383
2535
|
--mx-stepper-font-size-md: var(--mx-font-size-body);
|
|
2384
2536
|
--mx-stepper-description-font-size: var(--mx-font-size-caption);
|
|
@@ -2684,6 +2836,54 @@
|
|
|
2684
2836
|
--mx-text-area-line-height-sm: var(--mx-font-line-caption);
|
|
2685
2837
|
--mx-text-area-line-height-md: var(--mx-font-line-body);
|
|
2686
2838
|
--mx-text-area-line-height-lg: var(--mx-font-line-body-large);
|
|
2839
|
+
--mx-tile-view-gap: var(--mx-space-3);
|
|
2840
|
+
--mx-tile-view-tile-radius: var(--mx-radius-md);
|
|
2841
|
+
--mx-tile-view-tile-padding: var(--mx-space-3);
|
|
2842
|
+
--mx-tile-view-tile-hover-bg: var(--mx-color-fill-subtle-secondary);
|
|
2843
|
+
--mx-tile-view-tile-pressed-bg: var(--mx-color-fill-subtle-tertiary);
|
|
2844
|
+
--mx-tile-view-tile-focus-glow: var(--mx-focus-ring-halo);
|
|
2845
|
+
--mx-tile-view-tile-focus-outline-offset: var(--mx-focus-ring-offset);
|
|
2846
|
+
--mx-tile-view-tile-target-outline-width: var(--mx-border-width-2);
|
|
2847
|
+
--mx-tile-view-tile-border-width: var(--mx-border-width-1);
|
|
2848
|
+
--mx-tile-view-tile-border-color: var(--mx-color-stroke-card);
|
|
2849
|
+
--mx-tile-view-ghost-radius: var(--mx-radius-md);
|
|
2850
|
+
--mx-timeline-gap: var(--mx-space-4);
|
|
2851
|
+
--mx-timeline-dot-gap: var(--mx-space-3);
|
|
2852
|
+
--mx-timeline-track-gap: var(--mx-space-6);
|
|
2853
|
+
--mx-timeline-row-gap: var(--mx-space-3);
|
|
2854
|
+
--mx-timeline-line-thickness: var(--mx-border-width-2);
|
|
2855
|
+
--mx-timeline-line-bg: var(--mx-color-stroke-divider);
|
|
2856
|
+
--mx-timeline-dot-radius: var(--mx-radius-full);
|
|
2857
|
+
--mx-timeline-dot-border-width: var(--mx-border-width-2);
|
|
2858
|
+
--mx-timeline-dot-border-color: var(--mx-color-stroke-control-strong);
|
|
2859
|
+
--mx-timeline-card-radius: var(--mx-radius-md);
|
|
2860
|
+
--mx-timeline-card-padding: var(--mx-space-3);
|
|
2861
|
+
--mx-timeline-card-gap: var(--mx-space-1);
|
|
2862
|
+
--mx-timeline-card-hover-bg: var(--mx-color-fill-subtle-secondary);
|
|
2863
|
+
--mx-timeline-card-pressed-bg: var(--mx-color-fill-subtle-tertiary);
|
|
2864
|
+
--mx-timeline-card-focus-glow: var(--mx-focus-ring-halo);
|
|
2865
|
+
--mx-timeline-card-focus-outline-offset: var(--mx-focus-ring-offset);
|
|
2866
|
+
--mx-timeline-card-border-width: var(--mx-border-width-1);
|
|
2867
|
+
--mx-timeline-card-border-color: var(--mx-color-stroke-card);
|
|
2868
|
+
--mx-timeline-flag-radius: var(--mx-radius-md);
|
|
2869
|
+
--mx-timeline-flag-padding: var(--mx-space-2);
|
|
2870
|
+
--mx-timeline-flag-gap: var(--mx-space-1);
|
|
2871
|
+
--mx-timeline-flag-hover-bg: var(--mx-color-fill-subtle-secondary);
|
|
2872
|
+
--mx-timeline-flag-pressed-bg: var(--mx-color-fill-subtle-tertiary);
|
|
2873
|
+
--mx-timeline-flag-focus-glow: var(--mx-focus-ring-halo);
|
|
2874
|
+
--mx-timeline-flag-focus-outline-offset: var(--mx-focus-ring-offset);
|
|
2875
|
+
--mx-timeline-date-font-size: var(--mx-font-size-caption);
|
|
2876
|
+
--mx-timeline-date-selected-font-weight: var(--mx-font-weight-semibold);
|
|
2877
|
+
--mx-timeline-title-font-weight: var(--mx-font-weight-semibold);
|
|
2878
|
+
--mx-timeline-detail-radius: var(--mx-radius-md);
|
|
2879
|
+
--mx-timeline-detail-padding: var(--mx-space-3);
|
|
2880
|
+
--mx-timeline-detail-gap: var(--mx-space-1);
|
|
2881
|
+
--mx-timeline-detail-border-width: var(--mx-border-width-1);
|
|
2882
|
+
--mx-timeline-detail-border-color: var(--mx-color-stroke-card);
|
|
2883
|
+
--mx-timeline-nav-radius: var(--mx-radius-full);
|
|
2884
|
+
--mx-timeline-nav-focus-glow: var(--mx-focus-ring-halo);
|
|
2885
|
+
--mx-timeline-nav-focus-outline-offset: var(--mx-focus-ring-offset);
|
|
2886
|
+
--mx-timeline-nav-disabled-opacity: var(--mx-opacity-disabled);
|
|
2687
2887
|
--mx-toast-inset: var(--mx-space-4);
|
|
2688
2888
|
--mx-toast-slide: var(--mx-space-6);
|
|
2689
2889
|
--mx-toast-action-face-outline-border-color: var(--mx-color-stroke-control-strong);
|
|
@@ -2776,6 +2976,15 @@
|
|
|
2776
2976
|
--mx-treeview-error-font-size: var(--mx-font-size-caption);
|
|
2777
2977
|
--mx-treeview-retry-padding-inline: var(--mx-space-1);
|
|
2778
2978
|
--mx-treeview-retry-radius: var(--mx-radius-sm);
|
|
2979
|
+
--mx-validation-summary-gap: var(--mx-space-2);
|
|
2980
|
+
--mx-validation-summary-line-gap: var(--mx-space-1);
|
|
2981
|
+
--mx-validation-summary-box-border-width: var(--mx-border-width-1);
|
|
2982
|
+
--mx-validation-summary-box-radius: var(--mx-radius-md);
|
|
2983
|
+
--mx-validation-summary-box-padding: var(--mx-space-3);
|
|
2984
|
+
--mx-validation-summary-header-font-weight: var(--mx-font-weight-semibold);
|
|
2985
|
+
--mx-validation-summary-item-radius: var(--mx-radius-xs);
|
|
2986
|
+
--mx-validation-summary-item-focus-glow: var(--mx-focus-ring-halo);
|
|
2987
|
+
--mx-validation-summary-item-focus-outline-offset: var(--mx-focus-ring-offset);
|
|
2779
2988
|
--mx-window-font-family: var(--mx-font-family-sans);
|
|
2780
2989
|
--mx-window-viewport-margin: var(--mx-space-4);
|
|
2781
2990
|
--mx-window-resize-edge: var(--mx-space-2);
|
|
@@ -3164,6 +3373,12 @@
|
|
|
3164
3373
|
--mx-date-range-box-presets-focus-outline-color: var(--mx-focus-ring-color);
|
|
3165
3374
|
--mx-date-range-box-presets-focus-outline-offset: calc(-1 * var(--mx-focus-ring-width));
|
|
3166
3375
|
--mx-disabled-element-color: var(--mx-color-fg-disabled);
|
|
3376
|
+
--mx-draggable-box-dragging-shadow: var(--mx-elevation-popup);
|
|
3377
|
+
--mx-draggable-box-focus-outline-width: var(--mx-focus-ring-width);
|
|
3378
|
+
--mx-draggable-box-focus-outline-color: var(--mx-focus-ring-color);
|
|
3379
|
+
--mx-draggable-handle-focus-outline-width: var(--mx-focus-ring-width);
|
|
3380
|
+
--mx-draggable-handle-focus-outline-color: var(--mx-focus-ring-color);
|
|
3381
|
+
--mx-draggable-ghost-shadow: var(--mx-elevation-popup);
|
|
3167
3382
|
--mx-drawer-panel-bg: var(--mx-color-bg-surface);
|
|
3168
3383
|
--mx-drawer-panel-shadow: var(--mx-elevation-dialog);
|
|
3169
3384
|
--mx-drawer-panel-color: var(--mx-color-fg-primary);
|
|
@@ -3182,6 +3397,10 @@
|
|
|
3182
3397
|
--mx-drop-down-chevron-color: var(--mx-color-fg-secondary);
|
|
3183
3398
|
--mx-drop-down-chevron-disabled-color: var(--mx-color-fg-disabled);
|
|
3184
3399
|
--mx-drop-down-spinner-color: var(--mx-color-fg-secondary);
|
|
3400
|
+
--mx-drop-target-target-over-outline-color: var(--mx-color-accent-solid);
|
|
3401
|
+
--mx-drop-target-target-over-bg: var(--mx-color-accent-subtle);
|
|
3402
|
+
--mx-drop-target-target-refused-outline-color: var(--mx-color-danger-solid);
|
|
3403
|
+
--mx-drop-target-target-refused-bg: var(--mx-color-danger-subtle);
|
|
3185
3404
|
--mx-field-box-bg: var(--mx-color-fill-control-default);
|
|
3186
3405
|
--mx-field-box-color: var(--mx-color-fg-primary);
|
|
3187
3406
|
--mx-field-box-hover-bg: var(--mx-color-fill-control-secondary);
|
|
@@ -3249,6 +3468,33 @@
|
|
|
3249
3468
|
--mx-file-uploader-state-done-color: var(--mx-color-success-fg);
|
|
3250
3469
|
--mx-file-uploader-state-error-color: var(--mx-color-danger-fg);
|
|
3251
3470
|
--mx-filterbuilder-container-color: var(--mx-color-fg-primary);
|
|
3471
|
+
--mx-gallery-frame-bg: var(--mx-color-bg-layer);
|
|
3472
|
+
--mx-gallery-frame-focus-outline-width: var(--mx-focus-ring-width);
|
|
3473
|
+
--mx-gallery-frame-focus-outline-color: var(--mx-focus-ring-color);
|
|
3474
|
+
--mx-gallery-caption-color: var(--mx-color-fg-primary);
|
|
3475
|
+
--mx-gallery-description-color: var(--mx-color-fg-secondary);
|
|
3476
|
+
--mx-gallery-nav-bg: var(--mx-color-fill-control-default);
|
|
3477
|
+
--mx-gallery-nav-color: var(--mx-color-fg-primary);
|
|
3478
|
+
--mx-gallery-nav-hover-bg: var(--mx-color-fill-control-secondary);
|
|
3479
|
+
--mx-gallery-nav-pressed-bg: var(--mx-color-fill-control-tertiary);
|
|
3480
|
+
--mx-gallery-nav-focus-outline-width: var(--mx-focus-ring-width);
|
|
3481
|
+
--mx-gallery-nav-focus-outline-color: var(--mx-focus-ring-color);
|
|
3482
|
+
--mx-gallery-arrow-bg: var(--mx-color-fg-primary);
|
|
3483
|
+
--mx-gallery-dot-bg: var(--mx-color-fill-control-default);
|
|
3484
|
+
--mx-gallery-dot-color: var(--mx-color-fg-primary);
|
|
3485
|
+
--mx-gallery-dot-hover-bg: var(--mx-color-fill-control-secondary);
|
|
3486
|
+
--mx-gallery-dot-pressed-bg: var(--mx-color-fill-control-tertiary);
|
|
3487
|
+
--mx-gallery-dot-focus-outline-width: var(--mx-focus-ring-width);
|
|
3488
|
+
--mx-gallery-dot-focus-outline-color: var(--mx-focus-ring-color);
|
|
3489
|
+
--mx-gallery-dot-current-bg: var(--mx-color-accent-solid);
|
|
3490
|
+
--mx-gallery-dot-current-border-color: var(--mx-color-accent-solid);
|
|
3491
|
+
--mx-gallery-play-bg: var(--mx-color-fill-control-default);
|
|
3492
|
+
--mx-gallery-play-color: var(--mx-color-fg-primary);
|
|
3493
|
+
--mx-gallery-play-hover-bg: var(--mx-color-fill-control-secondary);
|
|
3494
|
+
--mx-gallery-play-pressed-bg: var(--mx-color-fill-control-tertiary);
|
|
3495
|
+
--mx-gallery-play-focus-outline-width: var(--mx-focus-ring-width);
|
|
3496
|
+
--mx-gallery-play-focus-outline-color: var(--mx-focus-ring-color);
|
|
3497
|
+
--mx-gallery-play-glyph-bg: var(--mx-color-fg-primary);
|
|
3252
3498
|
--mx-layout-panel-card-bg: var(--mx-color-bg-card);
|
|
3253
3499
|
--mx-layout-panel-card-shadow: var(--mx-elevation-card);
|
|
3254
3500
|
--mx-layout-group-color: var(--mx-color-fg-primary);
|
|
@@ -3365,6 +3611,12 @@
|
|
|
3365
3611
|
--mx-recurrence-editor-day-button-face-outline-toggled-hover-bg: var(--mx-color-accent-solid-hover);
|
|
3366
3612
|
--mx-recurrence-editor-days-label-color: var(--mx-color-fg-primary);
|
|
3367
3613
|
--mx-recurrence-editor-summary-color: var(--mx-color-fg-secondary);
|
|
3614
|
+
--mx-resizable-box-resizing-outline-color: var(--mx-color-accent-solid);
|
|
3615
|
+
--mx-resizable-handle-hover-bg: var(--mx-color-accent-subtle);
|
|
3616
|
+
--mx-resizable-handle-active-bg: var(--mx-color-accent-subtle);
|
|
3617
|
+
--mx-resizable-grip-focus-outline-width: var(--mx-focus-ring-width);
|
|
3618
|
+
--mx-resizable-grip-focus-outline-color: var(--mx-focus-ring-color);
|
|
3619
|
+
--mx-resizable-grip-glyph-bg: var(--mx-color-fg-tertiary);
|
|
3368
3620
|
--mx-scheduler-grip-ring: var(--mx-color-accent-solid);
|
|
3369
3621
|
--mx-scheduler-appointment-default: var(--mx-color-accent-solid);
|
|
3370
3622
|
--mx-scheduler-appointment-surface: var(--mx-color-bg-surface);
|
|
@@ -3476,6 +3728,22 @@
|
|
|
3476
3728
|
--mx-sortable-item-focus-outline-color: var(--mx-focus-ring-color);
|
|
3477
3729
|
--mx-sortable-line-bg: var(--mx-color-accent-solid);
|
|
3478
3730
|
--mx-sortable-ghost-shadow: var(--mx-elevation-popup);
|
|
3731
|
+
--mx-speed-dial-main-bg: var(--mx-color-accent-solid);
|
|
3732
|
+
--mx-speed-dial-main-color: var(--mx-color-accent-on-solid);
|
|
3733
|
+
--mx-speed-dial-main-hover-bg: var(--mx-color-accent-solid-hover);
|
|
3734
|
+
--mx-speed-dial-main-pressed-bg: var(--mx-color-accent-solid-hover);
|
|
3735
|
+
--mx-speed-dial-main-focus-outline-width: var(--mx-focus-ring-width);
|
|
3736
|
+
--mx-speed-dial-main-focus-outline-color: var(--mx-focus-ring-color);
|
|
3737
|
+
--mx-speed-dial-main-glyph-bg: var(--mx-color-accent-on-solid);
|
|
3738
|
+
--mx-speed-dial-action-bg: var(--mx-color-fill-control-default);
|
|
3739
|
+
--mx-speed-dial-action-color: var(--mx-color-fg-primary);
|
|
3740
|
+
--mx-speed-dial-action-hover-bg: var(--mx-color-fill-control-secondary);
|
|
3741
|
+
--mx-speed-dial-action-pressed-bg: var(--mx-color-fill-control-tertiary);
|
|
3742
|
+
--mx-speed-dial-action-focus-outline-width: var(--mx-focus-ring-width);
|
|
3743
|
+
--mx-speed-dial-action-focus-outline-color: var(--mx-focus-ring-color);
|
|
3744
|
+
--mx-speed-dial-action-icon-bg: var(--mx-color-fg-primary);
|
|
3745
|
+
--mx-speed-dial-label-color: var(--mx-color-fg-primary);
|
|
3746
|
+
--mx-speed-dial-label-shadow: var(--mx-elevation-card);
|
|
3479
3747
|
--mx-spinner-fg: var(--mx-color-fg-secondary);
|
|
3480
3748
|
--mx-spinner-accent: var(--mx-color-accent-solid);
|
|
3481
3749
|
--mx-spinner-neutral: var(--mx-color-fg-secondary);
|
|
@@ -3486,6 +3754,13 @@
|
|
|
3486
3754
|
--mx-spinner-focus-width: var(--mx-focus-ring-width);
|
|
3487
3755
|
--mx-spinner-focus-offset: calc(var(--mx-focus-ring-width) * -1);
|
|
3488
3756
|
--mx-spinner-focus-color: var(--mx-focus-ring-color);
|
|
3757
|
+
--mx-splitter-handle-focus-outline-width: var(--mx-focus-ring-width);
|
|
3758
|
+
--mx-splitter-handle-focus-outline-color: var(--mx-focus-ring-color);
|
|
3759
|
+
--mx-splitter-line-active-bg: var(--mx-color-accent-solid);
|
|
3760
|
+
--mx-splitter-grip-active-bg: var(--mx-color-accent-solid);
|
|
3761
|
+
--mx-splitter-fold-focus-outline-width: var(--mx-focus-ring-width);
|
|
3762
|
+
--mx-splitter-fold-focus-outline-color: var(--mx-focus-ring-color);
|
|
3763
|
+
--mx-splitter-fold-glyph-bg: var(--mx-color-fg-secondary);
|
|
3489
3764
|
--mx-stepper-step-color: var(--mx-color-fg-secondary);
|
|
3490
3765
|
--mx-stepper-step-focus-outline-width: var(--mx-focus-ring-width);
|
|
3491
3766
|
--mx-stepper-step-focus-outline-color: var(--mx-focus-ring-color);
|
|
@@ -3669,6 +3944,50 @@
|
|
|
3669
3944
|
--mx-tagbox-remove-color: var(--mx-color-fg-secondary);
|
|
3670
3945
|
--mx-tagbox-remove-hover-color: var(--mx-color-fg-primary);
|
|
3671
3946
|
--mx-text-box-reveal-shown-color: var(--mx-color-fg-primary);
|
|
3947
|
+
--mx-tile-view-tile-bg: var(--mx-color-bg-card);
|
|
3948
|
+
--mx-tile-view-tile-color: var(--mx-color-fg-primary);
|
|
3949
|
+
--mx-tile-view-tile-focus-outline-width: var(--mx-focus-ring-width);
|
|
3950
|
+
--mx-tile-view-tile-focus-outline-color: var(--mx-focus-ring-color);
|
|
3951
|
+
--mx-tile-view-tile-selected-bg: var(--mx-color-accent-subtle);
|
|
3952
|
+
--mx-tile-view-tile-selected-border-color: var(--mx-color-accent-solid);
|
|
3953
|
+
--mx-tile-view-tile-selected-color: var(--mx-color-accent-fg);
|
|
3954
|
+
--mx-tile-view-tile-disabled-color: var(--mx-color-fg-disabled);
|
|
3955
|
+
--mx-tile-view-tile-target-outline-color: var(--mx-color-accent-solid);
|
|
3956
|
+
--mx-tile-view-ghost-shadow: var(--mx-elevation-popup);
|
|
3957
|
+
--mx-timeline-dot-bg: var(--mx-color-fill-control-default);
|
|
3958
|
+
--mx-timeline-dot-accent-bg: var(--mx-color-accent-solid);
|
|
3959
|
+
--mx-timeline-dot-accent-border-color: var(--mx-color-accent-solid);
|
|
3960
|
+
--mx-timeline-dot-success-bg: var(--mx-color-success-solid);
|
|
3961
|
+
--mx-timeline-dot-success-border-color: var(--mx-color-success-solid);
|
|
3962
|
+
--mx-timeline-dot-caution-bg: var(--mx-color-caution-solid);
|
|
3963
|
+
--mx-timeline-dot-caution-border-color: var(--mx-color-caution-solid);
|
|
3964
|
+
--mx-timeline-dot-danger-bg: var(--mx-color-danger-solid);
|
|
3965
|
+
--mx-timeline-dot-danger-border-color: var(--mx-color-danger-solid);
|
|
3966
|
+
--mx-timeline-dot-glyph-bg: var(--mx-color-fg-secondary);
|
|
3967
|
+
--mx-timeline-dot-glyph-accent-bg: var(--mx-color-accent-on-solid);
|
|
3968
|
+
--mx-timeline-dot-glyph-success-bg: var(--mx-color-success-on-solid);
|
|
3969
|
+
--mx-timeline-dot-glyph-caution-bg: var(--mx-color-caution-on-solid);
|
|
3970
|
+
--mx-timeline-dot-glyph-danger-bg: var(--mx-color-danger-on-solid);
|
|
3971
|
+
--mx-timeline-card-bg: var(--mx-color-bg-card);
|
|
3972
|
+
--mx-timeline-card-color: var(--mx-color-fg-primary);
|
|
3973
|
+
--mx-timeline-card-focus-outline-width: var(--mx-focus-ring-width);
|
|
3974
|
+
--mx-timeline-card-focus-outline-color: var(--mx-focus-ring-color);
|
|
3975
|
+
--mx-timeline-flag-color: var(--mx-color-fg-secondary);
|
|
3976
|
+
--mx-timeline-flag-focus-outline-width: var(--mx-focus-ring-width);
|
|
3977
|
+
--mx-timeline-flag-focus-outline-color: var(--mx-focus-ring-color);
|
|
3978
|
+
--mx-timeline-flag-selected-color: var(--mx-color-accent-fg);
|
|
3979
|
+
--mx-timeline-date-color: var(--mx-color-fg-secondary);
|
|
3980
|
+
--mx-timeline-date-selected-color: var(--mx-color-accent-fg);
|
|
3981
|
+
--mx-timeline-description-color: var(--mx-color-fg-secondary);
|
|
3982
|
+
--mx-timeline-detail-bg: var(--mx-color-bg-card);
|
|
3983
|
+
--mx-timeline-detail-color: var(--mx-color-fg-primary);
|
|
3984
|
+
--mx-timeline-nav-bg: var(--mx-color-fill-control-default);
|
|
3985
|
+
--mx-timeline-nav-color: var(--mx-color-fg-primary);
|
|
3986
|
+
--mx-timeline-nav-hover-bg: var(--mx-color-fill-control-secondary);
|
|
3987
|
+
--mx-timeline-nav-pressed-bg: var(--mx-color-fill-control-tertiary);
|
|
3988
|
+
--mx-timeline-nav-focus-outline-width: var(--mx-focus-ring-width);
|
|
3989
|
+
--mx-timeline-nav-focus-outline-color: var(--mx-focus-ring-color);
|
|
3990
|
+
--mx-timeline-nav-glyph-bg: var(--mx-color-fg-primary);
|
|
3672
3991
|
--mx-toast-action-face-bg: var(--mx-color-fill-control-default);
|
|
3673
3992
|
--mx-toast-action-face-hover-bg: var(--mx-color-fill-control-secondary);
|
|
3674
3993
|
--mx-toast-action-face-pressed-bg: var(--mx-color-fill-control-tertiary);
|
|
@@ -3719,6 +4038,13 @@
|
|
|
3719
4038
|
--mx-treeview-check-disabled-color: var(--mx-color-fg-on-accent-disabled);
|
|
3720
4039
|
--mx-treeview-error-color: var(--mx-color-danger-fg);
|
|
3721
4040
|
--mx-treeview-retry-color: var(--mx-color-accent-fg);
|
|
4041
|
+
--mx-validation-summary-box-bg: var(--mx-color-danger-subtle);
|
|
4042
|
+
--mx-validation-summary-box-border-color: var(--mx-color-danger-solid);
|
|
4043
|
+
--mx-validation-summary-icon-bg: var(--mx-color-danger-fg);
|
|
4044
|
+
--mx-validation-summary-header-color: var(--mx-color-danger-fg);
|
|
4045
|
+
--mx-validation-summary-item-color: var(--mx-color-danger-fg);
|
|
4046
|
+
--mx-validation-summary-item-focus-outline-width: var(--mx-focus-ring-width);
|
|
4047
|
+
--mx-validation-summary-item-focus-outline-color: var(--mx-focus-ring-color);
|
|
3722
4048
|
--mx-window-footer-button-face-outline-color: var(--mx-color-fg-primary);
|
|
3723
4049
|
--mx-window-footer-button-face-ghost-color: var(--mx-color-fg-primary);
|
|
3724
4050
|
--mx-window-surface-bg: var(--mx-color-bg-surface);
|
|
@@ -3760,6 +4086,9 @@
|
|
|
3760
4086
|
--mx-tabdocs-phone-tool-open-color: var(--mx-color-selection-fg);
|
|
3761
4087
|
--mx-tabdocs-list-open-current-bg: var(--mx-color-selection-bg);
|
|
3762
4088
|
--mx-tabdocs-list-open-current-color: var(--mx-color-selection-fg);
|
|
4089
|
+
--mx-timeline-dot-info-bg: var(--mx-color-info-solid);
|
|
4090
|
+
--mx-timeline-dot-info-border-color: var(--mx-color-info-solid);
|
|
4091
|
+
--mx-timeline-dot-glyph-info-bg: var(--mx-color-info-on-solid);
|
|
3763
4092
|
--mx-treeview-row-selected-bg: var(--mx-color-selection-bg);
|
|
3764
4093
|
--mx-treeview-row-selected-color: var(--mx-color-selection-fg);
|
|
3765
4094
|
--mx-treeview-row-selected-hover-bg: var(--mx-color-selection-bg);
|
|
@@ -3846,6 +4175,15 @@
|
|
|
3846
4175
|
--mx-field-padding-end-md: 0.625rem;
|
|
3847
4176
|
--mx-field-box-shadow: initial;
|
|
3848
4177
|
--mx-field-button-padding-inline: 0.5625rem;
|
|
4178
|
+
--mx-gallery-nav-shadow: initial;
|
|
4179
|
+
--mx-gallery-arrow-size: 1.25rem;
|
|
4180
|
+
--mx-gallery-dot-current-width: 1rem;
|
|
4181
|
+
--mx-gallery-dot-current-border-color: initial;
|
|
4182
|
+
--mx-gallery-dot-border-width: initial;
|
|
4183
|
+
--mx-gallery-dot-border-color: initial;
|
|
4184
|
+
--mx-gallery-play-size: 2rem;
|
|
4185
|
+
--mx-gallery-play-shadow: initial;
|
|
4186
|
+
--mx-gallery-play-glyph-size: 1rem;
|
|
3849
4187
|
--mx-list-item-height: 2.25rem;
|
|
3850
4188
|
--mx-list-item-active-color: initial;
|
|
3851
4189
|
--mx-listbox-field-box-focus-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0);
|
|
@@ -3947,6 +4285,7 @@
|
|
|
3947
4285
|
--mx-slider-core-pressed-scale: 0.8333;
|
|
3948
4286
|
--mx-slider-bubble-padding-block: 0.4375rem;
|
|
3949
4287
|
--mx-slider-bubble-padding-inline: 0.5625rem;
|
|
4288
|
+
--mx-speed-dial-action-size: 2.5rem;
|
|
3950
4289
|
--mx-spinner-size-md: 2rem;
|
|
3951
4290
|
--mx-spinner-ring-width-md: 0.25rem;
|
|
3952
4291
|
--mx-spinner-track-color: rgb(0 0 0 / 0);
|
|
@@ -3986,6 +4325,7 @@
|
|
|
3986
4325
|
--mx-tabs-strip-pill-radius: initial;
|
|
3987
4326
|
--mx-tabs-list-pill-padding: initial;
|
|
3988
4327
|
--mx-tagbox-arrow-glyph-open-rotate: initial;
|
|
4328
|
+
--mx-timeline-mark-size: 1.125rem;
|
|
3989
4329
|
--mx-toast-buttons-align: flex-start;
|
|
3990
4330
|
--mx-toast-action-variant: solid;
|
|
3991
4331
|
--mx-toast-surface-padding: 0.875rem;
|
|
@@ -4061,12 +4401,14 @@
|
|
|
4061
4401
|
--mx-datagrid-adaptive-label-font-weight: var(--mx-font-weight-regular);
|
|
4062
4402
|
--mx-datagrid-load-more-radius: var(--mx-radius-lg);
|
|
4063
4403
|
--mx-datagrid-export-panel-radius: var(--mx-radius-lg);
|
|
4404
|
+
--mx-draggable-ghost-radius: var(--mx-radius-sm);
|
|
4064
4405
|
--mx-drawer-panel-start-radius-end: var(--mx-radius-lg);
|
|
4065
4406
|
--mx-drawer-panel-end-radius-start: var(--mx-radius-lg);
|
|
4066
4407
|
--mx-drawer-panel-top-radius-bottom: var(--mx-radius-lg);
|
|
4067
4408
|
--mx-drawer-panel-bottom-radius-top: var(--mx-radius-lg);
|
|
4068
4409
|
--mx-drop-down-field-frame-hover-border-bottom-color: var(--mx-color-stroke-control-strong);
|
|
4069
4410
|
--mx-drop-down-field-frame-border-bottom-color: var(--mx-color-stroke-control-strong);
|
|
4411
|
+
--mx-drop-target-target-radius: var(--mx-radius-sm);
|
|
4070
4412
|
--mx-field-label-gap: var(--mx-space-2);
|
|
4071
4413
|
--mx-field-label-font-weight: var(--mx-font-weight-regular);
|
|
4072
4414
|
--mx-field-frame-border-bottom-color: var(--mx-color-stroke-control-strong);
|
|
@@ -4076,6 +4418,11 @@
|
|
|
4076
4418
|
--mx-field-frame-filled-readonly-border-bottom-color: var(--mx-color-stroke-control-default);
|
|
4077
4419
|
--mx-field-frame-underline-border-bottom-color: var(--mx-color-stroke-control-strong);
|
|
4078
4420
|
--mx-field-frame-underline-readonly-border-bottom-color: var(--mx-color-stroke-control-default);
|
|
4421
|
+
--mx-gallery-item-radius: var(--mx-radius-sm);
|
|
4422
|
+
--mx-gallery-nav-radius: var(--mx-radius-sm);
|
|
4423
|
+
--mx-gallery-nav-border-color: var(--mx-color-stroke-control-default);
|
|
4424
|
+
--mx-gallery-play-radius: var(--mx-radius-sm);
|
|
4425
|
+
--mx-gallery-play-border-color: var(--mx-color-stroke-control-default);
|
|
4079
4426
|
--mx-list-container-gap: var(--mx-space-1);
|
|
4080
4427
|
--mx-list-group-gap: var(--mx-space-1);
|
|
4081
4428
|
--mx-list-item-pressed-bg: var(--mx-color-fill-subtle-tertiary);
|
|
@@ -4125,6 +4472,8 @@
|
|
|
4125
4472
|
--mx-slider-bubble-border-width: var(--mx-border-width-1);
|
|
4126
4473
|
--mx-slider-bubble-border-color: var(--mx-color-stroke-card);
|
|
4127
4474
|
--mx-sortable-ghost-radius: var(--mx-radius-sm);
|
|
4475
|
+
--mx-speed-dial-main-shadow: var(--mx-shadow-8);
|
|
4476
|
+
--mx-speed-dial-action-border-color: var(--mx-color-stroke-control-default);
|
|
4128
4477
|
--mx-switch-track-bg: var(--mx-color-fill-subtle-tertiary);
|
|
4129
4478
|
--mx-switch-track-hover-bg: var(--mx-color-fill-subtle-secondary);
|
|
4130
4479
|
--mx-switch-track-pressed-bg: var(--mx-color-stroke-control-default);
|
|
@@ -4145,6 +4494,12 @@
|
|
|
4145
4494
|
--mx-tagbox-tag-radius: var(--mx-radius-sm);
|
|
4146
4495
|
--mx-tagbox-remove-radius: var(--mx-radius-sm);
|
|
4147
4496
|
--mx-tagbox-remove-hover-bg: var(--mx-color-fill-subtle-secondary);
|
|
4497
|
+
--mx-tile-view-tile-radius: var(--mx-radius-sm);
|
|
4498
|
+
--mx-tile-view-ghost-radius: var(--mx-radius-sm);
|
|
4499
|
+
--mx-timeline-card-radius: var(--mx-radius-sm);
|
|
4500
|
+
--mx-timeline-flag-radius: var(--mx-radius-sm);
|
|
4501
|
+
--mx-timeline-detail-radius: var(--mx-radius-sm);
|
|
4502
|
+
--mx-timeline-nav-radius: var(--mx-radius-sm);
|
|
4148
4503
|
--mx-toast-surface-border-color: var(--mx-color-stroke-card);
|
|
4149
4504
|
--mx-toast-surface-radius: var(--mx-radius-md);
|
|
4150
4505
|
--mx-tooltip-surface-border-color: var(--mx-color-stroke-card);
|
|
@@ -4157,6 +4512,7 @@
|
|
|
4157
4512
|
--mx-treeview-check-shadow: 0px 0px 0px 0px var(--mx-color-stroke-control-strong);
|
|
4158
4513
|
--mx-treeview-check-hover-bg: var(--mx-color-fill-subtle-secondary);
|
|
4159
4514
|
--mx-treeview-check-disabled-border-color: var(--mx-color-fill-accent-disabled);
|
|
4515
|
+
--mx-validation-summary-box-radius: var(--mx-radius-sm);
|
|
4160
4516
|
--mx-window-bar-padding-start: var(--mx-space-6);
|
|
4161
4517
|
--mx-window-body-padding: var(--mx-space-6);
|
|
4162
4518
|
--mx-window-footer-padding: var(--mx-space-6);
|
|
@@ -4213,6 +4569,9 @@
|
|
|
4213
4569
|
--mx-field-box-invalid-focus-bg: var(--mx-color-bg-card);
|
|
4214
4570
|
--mx-field-box-filled-focus-bg: var(--mx-color-bg-card);
|
|
4215
4571
|
--mx-field-box-filled-invalid-focus-bg: var(--mx-color-bg-card);
|
|
4572
|
+
--mx-gallery-dot-bg: var(--mx-color-fill-control-tertiary);
|
|
4573
|
+
--mx-gallery-dot-hover-bg: var(--mx-color-fg-secondary);
|
|
4574
|
+
--mx-gallery-dot-pressed-bg: var(--mx-color-fg-primary);
|
|
4216
4575
|
--mx-listbox-field-box-bg: var(--mx-color-bg-card);
|
|
4217
4576
|
--mx-listbox-field-box-hover-bg: var(--mx-color-bg-card);
|
|
4218
4577
|
--mx-listbox-field-box-focus-bg: var(--mx-color-bg-card);
|
|
@@ -4224,6 +4583,7 @@
|
|
|
4224
4583
|
--mx-slider-bubble-color: var(--mx-color-fg-primary);
|
|
4225
4584
|
--mx-slider-bubble-bg: var(--mx-color-bg-surface);
|
|
4226
4585
|
--mx-slider-bubble-shadow: var(--mx-elevation-tooltip);
|
|
4586
|
+
--mx-speed-dial-label-bg: var(--mx-color-bg-surface);
|
|
4227
4587
|
--mx-switch-track-checked-pressed-bg: var(--mx-color-accent-solid-pressed);
|
|
4228
4588
|
--mx-tabs-tab-color: var(--mx-color-fg-primary);
|
|
4229
4589
|
--mx-tabs-tab-hover-color: var(--mx-color-fg-secondary);
|
|
@@ -4371,6 +4731,14 @@
|
|
|
4371
4731
|
--mx-field-indicator-filled-readonly-invalid-focus-shadow: initial;
|
|
4372
4732
|
--mx-field-indicator-underline-readonly-invalid-focus-shadow: initial;
|
|
4373
4733
|
--mx-file-uploader-select-bg: initial;
|
|
4734
|
+
--mx-gallery-nav-size: 2.25rem;
|
|
4735
|
+
--mx-gallery-dot-size: 0.375rem;
|
|
4736
|
+
--mx-gallery-dot-current-size: 0.625rem;
|
|
4737
|
+
--mx-gallery-dot-current-border-color: initial;
|
|
4738
|
+
--mx-gallery-dot-border-width: initial;
|
|
4739
|
+
--mx-gallery-dot-border-color: initial;
|
|
4740
|
+
--mx-gallery-play-size: 2rem;
|
|
4741
|
+
--mx-gallery-play-glyph-size: 0.875rem;
|
|
4374
4742
|
--mx-list-item-active-color: initial;
|
|
4375
4743
|
--mx-listbox-field-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0);
|
|
4376
4744
|
--mx-listbox-field-frame-border-color: rgb(0 0 0 / 0);
|
|
@@ -4506,6 +4874,7 @@
|
|
|
4506
4874
|
--mx-field-frame-readonly-invalid-focus-border-width: var(--mx-border-width-2);
|
|
4507
4875
|
--mx-field-frame-filled-readonly-invalid-focus-border-width: var(--mx-border-width-2);
|
|
4508
4876
|
--mx-field-frame-underline-readonly-invalid-focus-border-width: var(--mx-border-width-2);
|
|
4877
|
+
--mx-file-uploader-zone-padding: var(--mx-space-3);
|
|
4509
4878
|
--mx-file-uploader-select-radius: var(--mx-radius-md);
|
|
4510
4879
|
--mx-file-uploader-upload-radius: var(--mx-radius-md);
|
|
4511
4880
|
--mx-file-uploader-item-radius: var(--mx-radius-md);
|
|
@@ -4513,6 +4882,16 @@
|
|
|
4513
4882
|
--mx-form-layout-column-gap: var(--mx-space-6);
|
|
4514
4883
|
--mx-form-layout-group-padding: var(--mx-space-5);
|
|
4515
4884
|
--mx-form-layout-caption-padding-inline: var(--mx-space-2);
|
|
4885
|
+
--mx-gallery-nav-inset: var(--mx-space-3);
|
|
4886
|
+
--mx-gallery-bar-inset: var(--mx-space-3);
|
|
4887
|
+
--mx-gallery-frame-radius: var(--mx-radius-lg);
|
|
4888
|
+
--mx-gallery-frame-border-width: var(--mx-border-width-1);
|
|
4889
|
+
--mx-gallery-frame-border-color: var(--mx-color-stroke-card);
|
|
4890
|
+
--mx-gallery-item-radius: var(--mx-radius-md);
|
|
4891
|
+
--mx-gallery-nav-bg: var(--mx-color-bg-glass);
|
|
4892
|
+
--mx-gallery-nav-border-color: var(--mx-color-stroke-control-default);
|
|
4893
|
+
--mx-gallery-play-bg: var(--mx-color-bg-glass);
|
|
4894
|
+
--mx-gallery-play-border-color: var(--mx-color-stroke-control-default);
|
|
4516
4895
|
--mx-layout-group-box-gap: var(--mx-space-4);
|
|
4517
4896
|
--mx-layout-group-padding: var(--mx-space-5);
|
|
4518
4897
|
--mx-list-header-padding-bottom: var(--mx-space-2);
|
|
@@ -4533,6 +4912,7 @@
|
|
|
4533
4912
|
--mx-recurrence-editor-day-button-face-padding-inline: var(--mx-space-2);
|
|
4534
4913
|
--mx-recurrence-editor-days-label-margin-bottom: var(--mx-space-2);
|
|
4535
4914
|
--mx-recurrence-editor-days-gap: var(--mx-space-2);
|
|
4915
|
+
--mx-resizable-grip-radius: var(--mx-radius-full);
|
|
4536
4916
|
--mx-scheduler-tooltip-popup-surface-padding-block: var(--mx-space-2);
|
|
4537
4917
|
--mx-scheduler-more-popup-surface-padding-block: var(--mx-space-2);
|
|
4538
4918
|
--mx-scheduler-group-header-font-weight: var(--mx-font-weight-medium);
|
|
@@ -4557,6 +4937,10 @@
|
|
|
4557
4937
|
--mx-skeleton-bone-text-radius: var(--mx-radius-sm);
|
|
4558
4938
|
--mx-skeleton-bone-rect-radius: var(--mx-radius-lg);
|
|
4559
4939
|
--mx-sortable-ghost-radius: var(--mx-radius-lg);
|
|
4940
|
+
--mx-speed-dial-action-bg: var(--mx-color-bg-glass);
|
|
4941
|
+
--mx-speed-dial-action-border-color: var(--mx-color-stroke-control-default);
|
|
4942
|
+
--mx-speed-dial-label-radius: var(--mx-radius-md);
|
|
4943
|
+
--mx-splitter-fold-radius: var(--mx-radius-full);
|
|
4560
4944
|
--mx-stepper-step-radius: var(--mx-radius-md);
|
|
4561
4945
|
--mx-stepper-line-radius: var(--mx-radius-full);
|
|
4562
4946
|
--mx-stepper-line-bg: var(--mx-color-stroke-divider);
|
|
@@ -4581,6 +4965,13 @@
|
|
|
4581
4965
|
--mx-field-box-filled-invalid-hover-bg: var(--mx-color-fill-control-secondary);
|
|
4582
4966
|
--mx-field-frame-focus-border-color: var(--mx-color-accent-solid);
|
|
4583
4967
|
--mx-field-frame-filled-focus-border-color: var(--mx-color-accent-solid);
|
|
4968
|
+
--mx-gallery-nav-hover-bg: var(--mx-color-fill-control-default);
|
|
4969
|
+
--mx-gallery-nav-pressed-bg: var(--mx-color-fill-control-secondary);
|
|
4970
|
+
--mx-gallery-dot-bg: var(--mx-color-fill-control-tertiary);
|
|
4971
|
+
--mx-gallery-dot-hover-bg: var(--mx-color-accent-solid-hover);
|
|
4972
|
+
--mx-gallery-dot-pressed-bg: var(--mx-color-accent-solid);
|
|
4973
|
+
--mx-gallery-play-hover-bg: var(--mx-color-fill-control-default);
|
|
4974
|
+
--mx-gallery-play-pressed-bg: var(--mx-color-fill-control-secondary);
|
|
4584
4975
|
--mx-listbox-field-box-focus-bg: var(--mx-color-fill-control-default);
|
|
4585
4976
|
--mx-listbox-field-box-invalid-focus-bg: var(--mx-color-fill-control-default);
|
|
4586
4977
|
--mx-listbox-field-frame-focus-border-color: var(--mx-color-accent-solid);
|
|
@@ -4626,6 +5017,18 @@
|
|
|
4626
5017
|
--mx-field-indicator-readonly-invalid-focus-shadow: initial;
|
|
4627
5018
|
--mx-field-indicator-filled-readonly-invalid-focus-shadow: initial;
|
|
4628
5019
|
--mx-field-indicator-underline-readonly-invalid-focus-shadow: initial;
|
|
5020
|
+
--mx-gallery-nav-size: 2.5rem;
|
|
5021
|
+
--mx-gallery-nav-border-width: initial;
|
|
5022
|
+
--mx-gallery-nav-border-color: initial;
|
|
5023
|
+
--mx-gallery-arrow-size: 1.125rem;
|
|
5024
|
+
--mx-gallery-dot-current-width: 1.5rem;
|
|
5025
|
+
--mx-gallery-dot-current-border-color: initial;
|
|
5026
|
+
--mx-gallery-dot-border-width: initial;
|
|
5027
|
+
--mx-gallery-dot-border-color: initial;
|
|
5028
|
+
--mx-gallery-play-size: 2rem;
|
|
5029
|
+
--mx-gallery-play-border-width: initial;
|
|
5030
|
+
--mx-gallery-play-border-color: initial;
|
|
5031
|
+
--mx-gallery-play-glyph-size: 0.875rem;
|
|
4629
5032
|
--mx-list-item-active-color: initial;
|
|
4630
5033
|
--mx-listbox-field-indicator-focus-shadow: none;
|
|
4631
5034
|
--mx-listbox-field-indicator-invalid-focus-shadow: none;
|
|
@@ -4654,6 +5057,12 @@
|
|
|
4654
5057
|
--mx-scheduler-unavailable-display: initial;
|
|
4655
5058
|
--mx-scheduler-unavailable-image: initial;
|
|
4656
5059
|
--mx-sortable-line-height: 1px;
|
|
5060
|
+
--mx-speed-dial-main-size: 3.25rem;
|
|
5061
|
+
--mx-speed-dial-action-size: 2.75rem;
|
|
5062
|
+
--mx-speed-dial-action-border-width: initial;
|
|
5063
|
+
--mx-speed-dial-action-border-color: initial;
|
|
5064
|
+
--mx-speed-dial-label-border-width: initial;
|
|
5065
|
+
--mx-speed-dial-label-border-color: initial;
|
|
4657
5066
|
--mx-stepper-size-md: 1.875rem;
|
|
4658
5067
|
--mx-stepper-size-lg: 2.375rem;
|
|
4659
5068
|
--mx-stepper-padding-sm: 0.375rem;
|
|
@@ -4663,6 +5072,14 @@
|
|
|
4663
5072
|
--mx-stepper-indicator-error-bg: initial;
|
|
4664
5073
|
--mx-stepper-indicator-disabled-border-color: initial;
|
|
4665
5074
|
--mx-stepper-line-height: 1px;
|
|
5075
|
+
--mx-tile-view-tile-border-width: initial;
|
|
5076
|
+
--mx-tile-view-tile-border-color: initial;
|
|
5077
|
+
--mx-timeline-mark-size: 1.375rem;
|
|
5078
|
+
--mx-timeline-card-border-width: initial;
|
|
5079
|
+
--mx-timeline-card-border-color: initial;
|
|
5080
|
+
--mx-timeline-detail-border-width: initial;
|
|
5081
|
+
--mx-timeline-detail-border-color: initial;
|
|
5082
|
+
--mx-timeline-nav-size: 2.25rem;
|
|
4666
5083
|
--mx-treeview-spinner-duration: 960ms;
|
|
4667
5084
|
--mx-window-bar-dialog-color: initial;
|
|
4668
5085
|
--mx-avatar-square-radius-sm: var(--mx-radius-xs);
|
|
@@ -4670,15 +5087,30 @@
|
|
|
4670
5087
|
--mx-avatar-square-radius-lg: var(--mx-radius-sm);
|
|
4671
5088
|
--mx-avatar-square-radius-xl: var(--mx-radius-md);
|
|
4672
5089
|
--mx-breadcrumb-link-radius: var(--mx-radius-full);
|
|
5090
|
+
--mx-draggable-ghost-radius: var(--mx-radius-lg);
|
|
5091
|
+
--mx-drop-target-target-radius: var(--mx-radius-lg);
|
|
5092
|
+
--mx-file-uploader-zone-padding: var(--mx-space-3);
|
|
4673
5093
|
--mx-file-uploader-select-radius: var(--mx-radius-md);
|
|
4674
5094
|
--mx-file-uploader-select-font-weight: var(--mx-font-weight-medium);
|
|
4675
5095
|
--mx-file-uploader-upload-radius: var(--mx-radius-md);
|
|
4676
5096
|
--mx-file-uploader-upload-font-weight: var(--mx-font-weight-medium);
|
|
4677
5097
|
--mx-file-uploader-item-radius: var(--mx-radius-md);
|
|
5098
|
+
--mx-gallery-gap: var(--mx-space-3);
|
|
5099
|
+
--mx-gallery-nav-inset: var(--mx-space-3);
|
|
5100
|
+
--mx-gallery-bar-inset: var(--mx-space-3);
|
|
5101
|
+
--mx-gallery-caption-padding: var(--mx-space-4);
|
|
5102
|
+
--mx-gallery-frame-radius: var(--mx-radius-lg);
|
|
5103
|
+
--mx-gallery-item-radius: var(--mx-radius-lg);
|
|
5104
|
+
--mx-gallery-title-font-weight: var(--mx-font-weight-medium);
|
|
5105
|
+
--mx-gallery-nav-bg: var(--mx-color-bg-glass);
|
|
5106
|
+
--mx-gallery-nav-shadow: var(--mx-shadow-8);
|
|
5107
|
+
--mx-gallery-play-bg: var(--mx-color-bg-glass);
|
|
5108
|
+
--mx-gallery-play-shadow: var(--mx-shadow-8);
|
|
4678
5109
|
--mx-popover-title-font-weight: var(--mx-font-weight-medium);
|
|
4679
5110
|
--mx-recurrence-editor-day-button-face-radius: var(--mx-radius-full);
|
|
4680
5111
|
--mx-recurrence-editor-day-button-face-padding-inline: var(--mx-space-2);
|
|
4681
5112
|
--mx-recurrence-editor-days-gap: var(--mx-space-2);
|
|
5113
|
+
--mx-resizable-grip-radius: var(--mx-radius-full);
|
|
4682
5114
|
--mx-scheduler-cell-blocked-bg: var(--mx-color-fill-subtle-secondary);
|
|
4683
5115
|
--mx-scheduler-cell-line-day-border-start-color: var(--mx-color-stroke-divider);
|
|
4684
5116
|
--mx-scheduler-group-header-font-weight: var(--mx-font-weight-medium);
|
|
@@ -4701,11 +5133,22 @@
|
|
|
4701
5133
|
--mx-scheduler-agenda-content-gap: var(--mx-space-3);
|
|
4702
5134
|
--mx-scheduler-agenda-text-font-weight: var(--mx-font-weight-regular);
|
|
4703
5135
|
--mx-sortable-ghost-radius: var(--mx-radius-lg);
|
|
5136
|
+
--mx-speed-dial-main-shadow: var(--mx-shadow-8);
|
|
5137
|
+
--mx-speed-dial-action-bg: var(--mx-color-bg-glass);
|
|
5138
|
+
--mx-speed-dial-label-radius: var(--mx-radius-full);
|
|
5139
|
+
--mx-splitter-fold-radius: var(--mx-radius-full);
|
|
4704
5140
|
--mx-stepper-step-radius: var(--mx-radius-md);
|
|
4705
5141
|
--mx-stepper-indicator-border-color: var(--mx-color-stroke-control-default);
|
|
4706
5142
|
--mx-stepper-indicator-font-weight: var(--mx-font-weight-medium);
|
|
4707
5143
|
--mx-stepper-label-current-font-weight: var(--mx-font-weight-medium);
|
|
4708
5144
|
--mx-stepper-line-bg: var(--mx-color-stroke-divider);
|
|
5145
|
+
--mx-tile-view-gap: var(--mx-space-4);
|
|
5146
|
+
--mx-tile-view-tile-radius: var(--mx-radius-lg);
|
|
5147
|
+
--mx-tile-view-ghost-radius: var(--mx-radius-lg);
|
|
5148
|
+
--mx-timeline-card-radius: var(--mx-radius-lg);
|
|
5149
|
+
--mx-timeline-flag-radius: var(--mx-radius-lg);
|
|
5150
|
+
--mx-timeline-detail-radius: var(--mx-radius-lg);
|
|
5151
|
+
--mx-validation-summary-box-radius: var(--mx-radius-lg);
|
|
4709
5152
|
--mx-combo-box-field-box-bg: var(--mx-color-fill-control-tertiary);
|
|
4710
5153
|
--mx-combo-box-field-box-hover-bg: var(--mx-color-fill-control-default);
|
|
4711
5154
|
--mx-combo-box-field-box-focus-bg: var(--mx-color-fill-control-tertiary);
|
|
@@ -4720,6 +5163,12 @@
|
|
|
4720
5163
|
--mx-field-box-hover-bg: var(--mx-color-fill-control-default);
|
|
4721
5164
|
--mx-field-box-invalid-hover-bg: var(--mx-color-fill-control-default);
|
|
4722
5165
|
--mx-field-frame-focus-border-color: var(--mx-color-accent-solid);
|
|
5166
|
+
--mx-gallery-nav-hover-bg: var(--mx-color-fill-control-default);
|
|
5167
|
+
--mx-gallery-nav-pressed-bg: var(--mx-color-fill-control-secondary);
|
|
5168
|
+
--mx-gallery-dot-bg: var(--mx-color-fill-control-tertiary);
|
|
5169
|
+
--mx-gallery-dot-pressed-bg: var(--mx-color-fill-control-default);
|
|
5170
|
+
--mx-gallery-play-hover-bg: var(--mx-color-fill-control-default);
|
|
5171
|
+
--mx-gallery-play-pressed-bg: var(--mx-color-fill-control-secondary);
|
|
4723
5172
|
--mx-listbox-field-box-bg: var(--mx-color-fill-control-tertiary);
|
|
4724
5173
|
--mx-listbox-field-box-hover-bg: var(--mx-color-fill-control-tertiary);
|
|
4725
5174
|
--mx-listbox-field-box-focus-bg: var(--mx-color-fill-control-tertiary);
|
|
@@ -4741,6 +5190,9 @@
|
|
|
4741
5190
|
--mx-stepper-mark-done-bg: var(--mx-color-accent-fg);
|
|
4742
5191
|
--mx-stepper-mark-error-bg: var(--mx-color-danger-fg);
|
|
4743
5192
|
--mx-tabdocs-menu-search-box-bg: var(--mx-color-fill-control-tertiary);
|
|
5193
|
+
--mx-tile-view-tile-shadow: var(--mx-elevation-card);
|
|
5194
|
+
--mx-timeline-card-shadow: var(--mx-elevation-card);
|
|
5195
|
+
--mx-timeline-detail-shadow: var(--mx-elevation-card);
|
|
4744
5196
|
--mx-recurrence-editor-day-button-face-toggled-bg: var(--mx-color-selection-bg);
|
|
4745
5197
|
--mx-recurrence-editor-day-button-face-toggled-color: var(--mx-color-selection-fg);
|
|
4746
5198
|
--mx-recurrence-editor-day-button-face-toggled-hover-bg: var(--mx-color-selection-bg);
|
|
@@ -4936,6 +5388,19 @@
|
|
|
4936
5388
|
--mx-form-layout-caption-float: inline-start;
|
|
4937
5389
|
--mx-form-layout-group-border-width: initial;
|
|
4938
5390
|
--mx-form-layout-group-border-color: initial;
|
|
5391
|
+
--mx-gallery-nav-size: 2.5rem;
|
|
5392
|
+
--mx-gallery-nav-border-width: initial;
|
|
5393
|
+
--mx-gallery-nav-border-color: initial;
|
|
5394
|
+
--mx-gallery-nav-shadow: initial;
|
|
5395
|
+
--mx-gallery-arrow-size: 1.5rem;
|
|
5396
|
+
--mx-gallery-dot-current-border-color: initial;
|
|
5397
|
+
--mx-gallery-dot-border-width: initial;
|
|
5398
|
+
--mx-gallery-dot-border-color: initial;
|
|
5399
|
+
--mx-gallery-play-size: 2.5rem;
|
|
5400
|
+
--mx-gallery-play-border-width: initial;
|
|
5401
|
+
--mx-gallery-play-border-color: initial;
|
|
5402
|
+
--mx-gallery-play-shadow: initial;
|
|
5403
|
+
--mx-gallery-play-glyph-size: 1.5rem;
|
|
4939
5404
|
--mx-layout-panel-card-border-width: initial;
|
|
4940
5405
|
--mx-layout-panel-card-border-color: initial;
|
|
4941
5406
|
--mx-list-item-active-color: initial;
|
|
@@ -5140,6 +5605,16 @@
|
|
|
5140
5605
|
--mx-slider-tick-last-display: none;
|
|
5141
5606
|
--mx-slider-stop-display: block;
|
|
5142
5607
|
--mx-slider-stop-size: 4px;
|
|
5608
|
+
--mx-speed-dial-main-size: 3.5rem;
|
|
5609
|
+
--mx-speed-dial-main-radius: 1rem;
|
|
5610
|
+
--mx-speed-dial-main-glyph-size: 1.5rem;
|
|
5611
|
+
--mx-speed-dial-action-size: 3rem;
|
|
5612
|
+
--mx-speed-dial-action-radius: 0.75rem;
|
|
5613
|
+
--mx-speed-dial-action-border-width: initial;
|
|
5614
|
+
--mx-speed-dial-action-border-color: initial;
|
|
5615
|
+
--mx-speed-dial-action-icon-size: 1.5rem;
|
|
5616
|
+
--mx-speed-dial-label-border-width: initial;
|
|
5617
|
+
--mx-speed-dial-label-border-color: initial;
|
|
5143
5618
|
--mx-spinner-size-md: 48px;
|
|
5144
5619
|
--mx-spinner-size-lg: 64px;
|
|
5145
5620
|
--mx-spinner-ring-width-md: 0.25rem;
|
|
@@ -5197,6 +5672,13 @@
|
|
|
5197
5672
|
--mx-tagbox-tag-loading-color: initial;
|
|
5198
5673
|
--mx-tagbox-remove-size: 1.125rem;
|
|
5199
5674
|
--mx-tagbox-remove-hover-color: initial;
|
|
5675
|
+
--mx-tile-view-tile-border-width: initial;
|
|
5676
|
+
--mx-tile-view-tile-border-color: initial;
|
|
5677
|
+
--mx-timeline-card-border-width: initial;
|
|
5678
|
+
--mx-timeline-card-border-color: initial;
|
|
5679
|
+
--mx-timeline-detail-border-width: initial;
|
|
5680
|
+
--mx-timeline-detail-border-color: initial;
|
|
5681
|
+
--mx-timeline-nav-size: 2.5rem;
|
|
5200
5682
|
--mx-toast-action-variant: solid;
|
|
5201
5683
|
--mx-toast-action-face-hover-image: linear-gradient(color-mix(in srgb, currentcolor 8%, transparent), color-mix(in srgb, currentcolor 8%, transparent));
|
|
5202
5684
|
--mx-toast-action-face-pressed-image: linear-gradient(color-mix(in srgb, currentcolor 10%, transparent), color-mix(in srgb, currentcolor 10%, transparent));
|
|
@@ -5341,6 +5823,7 @@
|
|
|
5341
5823
|
--mx-datagrid-load-more-radius: var(--mx-radius-lg);
|
|
5342
5824
|
--mx-datagrid-export-panel-radius: var(--mx-radius-lg);
|
|
5343
5825
|
--mx-datagrid-bar-font-size: var(--mx-font-size-body);
|
|
5826
|
+
--mx-draggable-ghost-radius: var(--mx-radius-lg);
|
|
5344
5827
|
--mx-drawer-panel-start-radius-end: var(--mx-radius-lg);
|
|
5345
5828
|
--mx-drawer-panel-end-radius-start: var(--mx-radius-lg);
|
|
5346
5829
|
--mx-drawer-panel-top-radius-bottom: var(--mx-radius-lg);
|
|
@@ -5350,6 +5833,7 @@
|
|
|
5350
5833
|
--mx-drawer-body-padding: var(--mx-space-3);
|
|
5351
5834
|
--mx-drop-down-field-frame-border-color: var(--mx-color-stroke-control-strong);
|
|
5352
5835
|
--mx-drop-down-field-frame-border-bottom-color: var(--mx-color-stroke-control-strong);
|
|
5836
|
+
--mx-drop-target-target-radius: var(--mx-radius-lg);
|
|
5353
5837
|
--mx-field-gap: var(--mx-space-4);
|
|
5354
5838
|
--mx-field-label-font-weight: var(--mx-font-weight-regular);
|
|
5355
5839
|
--mx-field-floating-height: var(--mx-control-height-lg);
|
|
@@ -5377,6 +5861,7 @@
|
|
|
5377
5861
|
--mx-field-frame-underline-readonly-border-bottom-color: var(--mx-color-stroke-control-default);
|
|
5378
5862
|
--mx-field-indicator-radius: calc(0.25rem - var(--mx-border-width-1));
|
|
5379
5863
|
--mx-field-button-radius: var(--mx-radius-full);
|
|
5864
|
+
--mx-file-uploader-zone-padding: var(--mx-space-3);
|
|
5380
5865
|
--mx-file-uploader-select-radius: var(--mx-radius-full);
|
|
5381
5866
|
--mx-file-uploader-select-font-weight: var(--mx-font-weight-medium);
|
|
5382
5867
|
--mx-file-uploader-upload-radius: var(--mx-radius-full);
|
|
@@ -5384,6 +5869,11 @@
|
|
|
5384
5869
|
--mx-file-uploader-item-radius: var(--mx-radius-full);
|
|
5385
5870
|
--mx-form-layout-group-radius: var(--mx-radius-md);
|
|
5386
5871
|
--mx-form-layout-caption-font-weight: var(--mx-font-weight-medium);
|
|
5872
|
+
--mx-gallery-bar-inset: var(--mx-space-3);
|
|
5873
|
+
--mx-gallery-caption-padding: var(--mx-space-4);
|
|
5874
|
+
--mx-gallery-frame-radius: var(--mx-radius-xl);
|
|
5875
|
+
--mx-gallery-item-radius: var(--mx-radius-xl);
|
|
5876
|
+
--mx-gallery-title-font-weight: var(--mx-font-weight-medium);
|
|
5387
5877
|
--mx-layout-panel-outline-radius: var(--mx-radius-md);
|
|
5388
5878
|
--mx-layout-panel-card-radius: var(--mx-radius-md);
|
|
5389
5879
|
--mx-layout-group-radius: var(--mx-radius-md);
|
|
@@ -5432,6 +5922,7 @@
|
|
|
5432
5922
|
--mx-recurrence-editor-days-label-font-weight: var(--mx-font-weight-regular);
|
|
5433
5923
|
--mx-recurrence-editor-days-label-margin-bottom: var(--mx-space-2);
|
|
5434
5924
|
--mx-recurrence-editor-days-gap: var(--mx-space-2);
|
|
5925
|
+
--mx-resizable-grip-radius: var(--mx-radius-full);
|
|
5435
5926
|
--mx-scheduler-appointment-start-width: var(--mx-border-width-1);
|
|
5436
5927
|
--mx-scheduler-chip-start-width: var(--mx-space-1);
|
|
5437
5928
|
--mx-scheduler-more-item-start-width: var(--mx-space-1);
|
|
@@ -5481,6 +5972,7 @@
|
|
|
5481
5972
|
--mx-slider-tick-radius: var(--mx-radius-full);
|
|
5482
5973
|
--mx-slider-stop-radius: var(--mx-radius-full);
|
|
5483
5974
|
--mx-spinner-box-contained-radius: var(--mx-radius-full);
|
|
5975
|
+
--mx-splitter-fold-radius: var(--mx-radius-full);
|
|
5484
5976
|
--mx-stepper-indicator-font-weight: var(--mx-font-weight-medium);
|
|
5485
5977
|
--mx-stepper-line-bg: var(--mx-color-stroke-divider);
|
|
5486
5978
|
--mx-switch-gap: var(--mx-space-3);
|
|
@@ -5515,6 +6007,12 @@
|
|
|
5515
6007
|
--mx-tagbox-tag-hover-bg: var(--mx-color-fill-subtle-secondary);
|
|
5516
6008
|
--mx-text-area-line-height-sm: var(--mx-font-line-body);
|
|
5517
6009
|
--mx-text-area-line-height-md: var(--mx-font-line-body-large);
|
|
6010
|
+
--mx-tile-view-gap: var(--mx-space-2);
|
|
6011
|
+
--mx-tile-view-tile-radius: var(--mx-radius-lg);
|
|
6012
|
+
--mx-tile-view-ghost-radius: var(--mx-radius-lg);
|
|
6013
|
+
--mx-timeline-card-radius: var(--mx-radius-lg);
|
|
6014
|
+
--mx-timeline-flag-radius: var(--mx-radius-lg);
|
|
6015
|
+
--mx-timeline-detail-radius: var(--mx-radius-lg);
|
|
5518
6016
|
--mx-toast-action-face-outline-border-color: var(--mx-color-stroke-control-default);
|
|
5519
6017
|
--mx-toast-close-face-outline-border-color: var(--mx-color-stroke-control-default);
|
|
5520
6018
|
--mx-toast-surface-padding: var(--mx-space-4);
|
|
@@ -5528,6 +6026,7 @@
|
|
|
5528
6026
|
--mx-treeview-check-shadow: 0px 0px 0px 0px var(--mx-color-stroke-control-edge);
|
|
5529
6027
|
--mx-treeview-check-checked-shadow: 0px 0px 0px 0px var(--mx-color-stroke-on-accent-bottom);
|
|
5530
6028
|
--mx-treeview-retry-radius: var(--mx-radius-full);
|
|
6029
|
+
--mx-validation-summary-box-radius: var(--mx-radius-lg);
|
|
5531
6030
|
--mx-window-bar-height: var(--mx-control-height-lg);
|
|
5532
6031
|
--mx-window-surface-radius: var(--mx-radius-xl);
|
|
5533
6032
|
--mx-window-bar-padding-start: var(--mx-space-6);
|
|
@@ -5629,6 +6128,8 @@
|
|
|
5629
6128
|
--mx-field-label-floating-invalid-color: var(--mx-color-danger-solid);
|
|
5630
6129
|
--mx-field-label-floating-disabled-color: var(--mx-color-fg-on-accent-disabled);
|
|
5631
6130
|
--mx-form-layout-group-bg: var(--mx-color-bg-layer);
|
|
6131
|
+
--mx-gallery-dot-bg: var(--mx-color-fill-control-tertiary);
|
|
6132
|
+
--mx-gallery-dot-pressed-bg: var(--mx-color-fill-control-default);
|
|
5632
6133
|
--mx-layout-panel-card-bg: var(--mx-color-bg-layer);
|
|
5633
6134
|
--mx-layout-group-caption-disabled-color: var(--mx-color-fg-on-accent-disabled);
|
|
5634
6135
|
--mx-list-item-disabled-color: var(--mx-color-fg-on-accent-disabled);
|
|
@@ -5691,6 +6192,15 @@
|
|
|
5691
6192
|
--mx-slider-tick-active-bg: var(--mx-color-accent-on-solid);
|
|
5692
6193
|
--mx-slider-tick-label-disabled-color: var(--mx-color-fg-on-accent-disabled);
|
|
5693
6194
|
--mx-slider-stop-active-bg: var(--mx-color-accent-on-solid);
|
|
6195
|
+
--mx-speed-dial-main-bg: var(--mx-color-accent-subtle);
|
|
6196
|
+
--mx-speed-dial-main-color: var(--mx-color-accent-fg);
|
|
6197
|
+
--mx-speed-dial-main-shadow: var(--mx-elevation-card);
|
|
6198
|
+
--mx-speed-dial-main-hover-bg: var(--mx-color-accent-subtle);
|
|
6199
|
+
--mx-speed-dial-main-pressed-bg: var(--mx-color-accent-subtle);
|
|
6200
|
+
--mx-speed-dial-main-glyph-bg: var(--mx-color-accent-fg);
|
|
6201
|
+
--mx-speed-dial-action-bg: var(--mx-color-bg-surface);
|
|
6202
|
+
--mx-speed-dial-action-shadow: var(--mx-elevation-card);
|
|
6203
|
+
--mx-speed-dial-label-bg: var(--mx-color-bg-surface);
|
|
5694
6204
|
--mx-spinner-box-contained-bg: var(--mx-color-accent-subtle);
|
|
5695
6205
|
--mx-stepper-indicator-bg: var(--mx-color-fg-secondary);
|
|
5696
6206
|
--mx-stepper-indicator-color: var(--mx-color-bg-canvas);
|
|
@@ -5717,6 +6227,9 @@
|
|
|
5717
6227
|
--mx-tagbox-tag-color: var(--mx-color-fg-secondary);
|
|
5718
6228
|
--mx-tagbox-tag-disabled-color: var(--mx-color-fg-on-accent-disabled);
|
|
5719
6229
|
--mx-tagbox-tag-disabled-border-color: var(--mx-color-fill-control-disabled);
|
|
6230
|
+
--mx-tile-view-tile-shadow: var(--mx-elevation-card);
|
|
6231
|
+
--mx-timeline-card-shadow: var(--mx-elevation-card);
|
|
6232
|
+
--mx-timeline-detail-shadow: var(--mx-elevation-card);
|
|
5720
6233
|
--mx-toast-action-face-pressed-bg: var(--mx-color-accent-subtle);
|
|
5721
6234
|
--mx-toast-action-face-outline-color: var(--mx-color-fg-secondary);
|
|
5722
6235
|
--mx-toast-action-face-ghost-color: var(--mx-color-fg-secondary);
|
|
@@ -6933,6 +7446,25 @@
|
|
|
6933
7446
|
--_disabled-element-color: var(--mx-disabled-element-color);
|
|
6934
7447
|
}
|
|
6935
7448
|
|
|
7449
|
+
.mx-draggable {
|
|
7450
|
+
--_draggable-box-draggable-cursor: var(--mx-draggable-box-draggable-cursor);
|
|
7451
|
+
--_draggable-box-dragging-cursor: var(--mx-draggable-box-dragging-cursor);
|
|
7452
|
+
--_draggable-box-dragging-shadow: var(--mx-draggable-box-dragging-shadow);
|
|
7453
|
+
--_draggable-box-focus-glow: var(--mx-draggable-box-focus-glow);
|
|
7454
|
+
--_draggable-box-focus-outline-width: var(--mx-draggable-box-focus-outline-width);
|
|
7455
|
+
--_draggable-box-focus-outline-color: var(--mx-draggable-box-focus-outline-color);
|
|
7456
|
+
--_draggable-box-focus-outline-offset: var(--mx-draggable-box-focus-outline-offset);
|
|
7457
|
+
--_draggable-handle-cursor: var(--mx-draggable-handle-cursor);
|
|
7458
|
+
--_draggable-handle-hover-bg: var(--mx-draggable-handle-hover-bg);
|
|
7459
|
+
--_draggable-handle-focus-glow: var(--mx-draggable-handle-focus-glow);
|
|
7460
|
+
--_draggable-handle-focus-outline-width: var(--mx-draggable-handle-focus-outline-width);
|
|
7461
|
+
--_draggable-handle-focus-outline-color: var(--mx-draggable-handle-focus-outline-color);
|
|
7462
|
+
--_draggable-handle-focus-outline-offset: var(--mx-draggable-handle-focus-outline-offset);
|
|
7463
|
+
--_draggable-ghost-radius: var(--mx-draggable-ghost-radius);
|
|
7464
|
+
--_draggable-ghost-shadow: var(--mx-draggable-ghost-shadow);
|
|
7465
|
+
--_draggable-ghost-opacity: var(--mx-draggable-ghost-opacity);
|
|
7466
|
+
}
|
|
7467
|
+
|
|
6936
7468
|
.mx-drawer {
|
|
6937
7469
|
--_drawer-font-family: var(--mx-drawer-font-family);
|
|
6938
7470
|
--_drawer-size: var(--mx-drawer-size);
|
|
@@ -6992,6 +7524,24 @@
|
|
|
6992
7524
|
--_drop-down-spinner-shape-display: var(--mx-drop-down-spinner-shape-display);
|
|
6993
7525
|
}
|
|
6994
7526
|
|
|
7527
|
+
.mx-drop-target {
|
|
7528
|
+
--_drop-target-target-radius: var(--mx-drop-target-target-radius);
|
|
7529
|
+
--_drop-target-target-active-outline-style: var(--mx-drop-target-target-active-outline-style);
|
|
7530
|
+
--_drop-target-target-active-outline-width: var(--mx-drop-target-target-active-outline-width);
|
|
7531
|
+
--_drop-target-target-active-outline-color: var(--mx-drop-target-target-active-outline-color);
|
|
7532
|
+
--_drop-target-target-active-outline-offset: var(--mx-drop-target-target-active-outline-offset);
|
|
7533
|
+
--_drop-target-target-over-outline-style: var(--mx-drop-target-target-over-outline-style);
|
|
7534
|
+
--_drop-target-target-over-outline-width: var(--mx-drop-target-target-over-outline-width);
|
|
7535
|
+
--_drop-target-target-over-outline-color: var(--mx-drop-target-target-over-outline-color);
|
|
7536
|
+
--_drop-target-target-over-outline-offset: var(--mx-drop-target-target-over-outline-offset);
|
|
7537
|
+
--_drop-target-target-over-bg: var(--mx-drop-target-target-over-bg);
|
|
7538
|
+
--_drop-target-target-refused-outline-style: var(--mx-drop-target-target-refused-outline-style);
|
|
7539
|
+
--_drop-target-target-refused-outline-width: var(--mx-drop-target-target-refused-outline-width);
|
|
7540
|
+
--_drop-target-target-refused-outline-color: var(--mx-drop-target-target-refused-outline-color);
|
|
7541
|
+
--_drop-target-target-refused-outline-offset: var(--mx-drop-target-target-refused-outline-offset);
|
|
7542
|
+
--_drop-target-target-refused-bg: var(--mx-drop-target-target-refused-bg);
|
|
7543
|
+
}
|
|
7544
|
+
|
|
6995
7545
|
.mx-field {
|
|
6996
7546
|
--_field-width: var(--mx-field-width);
|
|
6997
7547
|
--_field-variant: var(--mx-field-variant);
|
|
@@ -7197,6 +7747,7 @@
|
|
|
7197
7747
|
--_file-uploader-box-gap: var(--mx-file-uploader-box-gap);
|
|
7198
7748
|
--_file-uploader-button-gap: var(--mx-file-uploader-button-gap);
|
|
7199
7749
|
--_file-uploader-item-gap: var(--mx-file-uploader-item-gap);
|
|
7750
|
+
--_file-uploader-zone-padding: var(--mx-file-uploader-zone-padding);
|
|
7200
7751
|
--_file-uploader-over-bg: var(--mx-file-uploader-over-bg);
|
|
7201
7752
|
--_file-uploader-over-border-color: var(--mx-file-uploader-over-border-color);
|
|
7202
7753
|
--_file-uploader-select-padding-block: var(--mx-file-uploader-select-padding-block);
|
|
@@ -7280,6 +7831,85 @@
|
|
|
7280
7831
|
--_form-layout-group-bg: var(--mx-form-layout-group-bg);
|
|
7281
7832
|
}
|
|
7282
7833
|
|
|
7834
|
+
.mx-gallery {
|
|
7835
|
+
--_gallery-gap: var(--mx-gallery-gap);
|
|
7836
|
+
--_gallery-nav-inset: var(--mx-gallery-nav-inset);
|
|
7837
|
+
--_gallery-bar-inset: var(--mx-gallery-bar-inset);
|
|
7838
|
+
--_gallery-indicator-gap: var(--mx-gallery-indicator-gap);
|
|
7839
|
+
--_gallery-caption-padding: var(--mx-gallery-caption-padding);
|
|
7840
|
+
--_gallery-frame-radius: var(--mx-gallery-frame-radius);
|
|
7841
|
+
--_gallery-frame-bg: var(--mx-gallery-frame-bg);
|
|
7842
|
+
--_gallery-frame-focus-glow: var(--mx-gallery-frame-focus-glow);
|
|
7843
|
+
--_gallery-frame-focus-outline-width: var(--mx-gallery-frame-focus-outline-width);
|
|
7844
|
+
--_gallery-frame-focus-outline-color: var(--mx-gallery-frame-focus-outline-color);
|
|
7845
|
+
--_gallery-frame-focus-outline-offset: var(--mx-gallery-frame-focus-outline-offset);
|
|
7846
|
+
--_gallery-frame-swipeable-cursor: var(--mx-gallery-frame-swipeable-cursor);
|
|
7847
|
+
--_gallery-frame-dragging-cursor: var(--mx-gallery-frame-dragging-cursor);
|
|
7848
|
+
--_gallery-item-radius: var(--mx-gallery-item-radius);
|
|
7849
|
+
--_gallery-caption-bg: var(--mx-gallery-caption-bg);
|
|
7850
|
+
--_gallery-caption-color: var(--mx-gallery-caption-color);
|
|
7851
|
+
--_gallery-caption-font-size: var(--mx-gallery-caption-font-size);
|
|
7852
|
+
--_gallery-title-font-weight: var(--mx-gallery-title-font-weight);
|
|
7853
|
+
--_gallery-description-color: var(--mx-gallery-description-color);
|
|
7854
|
+
--_gallery-description-font-size: var(--mx-gallery-description-font-size);
|
|
7855
|
+
--_gallery-nav-size: var(--mx-gallery-nav-size);
|
|
7856
|
+
--_gallery-nav-radius: var(--mx-gallery-nav-radius);
|
|
7857
|
+
--_gallery-nav-bg: var(--mx-gallery-nav-bg);
|
|
7858
|
+
--_gallery-nav-color: var(--mx-gallery-nav-color);
|
|
7859
|
+
--_gallery-nav-border-width: var(--mx-gallery-nav-border-width);
|
|
7860
|
+
--_gallery-nav-border-color: var(--mx-gallery-nav-border-color);
|
|
7861
|
+
--_gallery-nav-hover-bg: var(--mx-gallery-nav-hover-bg);
|
|
7862
|
+
--_gallery-nav-hover-cursor: var(--mx-gallery-nav-hover-cursor);
|
|
7863
|
+
--_gallery-nav-pressed-bg: var(--mx-gallery-nav-pressed-bg);
|
|
7864
|
+
--_gallery-nav-focus-glow: var(--mx-gallery-nav-focus-glow);
|
|
7865
|
+
--_gallery-nav-focus-outline-width: var(--mx-gallery-nav-focus-outline-width);
|
|
7866
|
+
--_gallery-nav-focus-outline-color: var(--mx-gallery-nav-focus-outline-color);
|
|
7867
|
+
--_gallery-nav-focus-outline-offset: var(--mx-gallery-nav-focus-outline-offset);
|
|
7868
|
+
--_gallery-nav-disabled-opacity: var(--mx-gallery-nav-disabled-opacity);
|
|
7869
|
+
--_gallery-arrow-size: var(--mx-gallery-arrow-size);
|
|
7870
|
+
--_gallery-arrow-bg: var(--mx-gallery-arrow-bg);
|
|
7871
|
+
--_gallery-arrow-previous-icon: var(--mx-gallery-arrow-previous-icon);
|
|
7872
|
+
--_gallery-arrow-next-icon: var(--mx-gallery-arrow-next-icon);
|
|
7873
|
+
--_gallery-dot-size: var(--mx-gallery-dot-size);
|
|
7874
|
+
--_gallery-dot-radius: var(--mx-gallery-dot-radius);
|
|
7875
|
+
--_gallery-dot-bg: var(--mx-gallery-dot-bg);
|
|
7876
|
+
--_gallery-dot-color: var(--mx-gallery-dot-color);
|
|
7877
|
+
--_gallery-dot-hover-bg: var(--mx-gallery-dot-hover-bg);
|
|
7878
|
+
--_gallery-dot-hover-cursor: var(--mx-gallery-dot-hover-cursor);
|
|
7879
|
+
--_gallery-dot-pressed-bg: var(--mx-gallery-dot-pressed-bg);
|
|
7880
|
+
--_gallery-dot-focus-glow: var(--mx-gallery-dot-focus-glow);
|
|
7881
|
+
--_gallery-dot-focus-outline-width: var(--mx-gallery-dot-focus-outline-width);
|
|
7882
|
+
--_gallery-dot-focus-outline-color: var(--mx-gallery-dot-focus-outline-color);
|
|
7883
|
+
--_gallery-dot-focus-outline-offset: var(--mx-gallery-dot-focus-outline-offset);
|
|
7884
|
+
--_gallery-dot-current-width: var(--mx-gallery-dot-current-width);
|
|
7885
|
+
--_gallery-dot-current-bg: var(--mx-gallery-dot-current-bg);
|
|
7886
|
+
--_gallery-play-size: var(--mx-gallery-play-size);
|
|
7887
|
+
--_gallery-play-radius: var(--mx-gallery-play-radius);
|
|
7888
|
+
--_gallery-play-bg: var(--mx-gallery-play-bg);
|
|
7889
|
+
--_gallery-play-color: var(--mx-gallery-play-color);
|
|
7890
|
+
--_gallery-play-border-width: var(--mx-gallery-play-border-width);
|
|
7891
|
+
--_gallery-play-border-color: var(--mx-gallery-play-border-color);
|
|
7892
|
+
--_gallery-play-hover-bg: var(--mx-gallery-play-hover-bg);
|
|
7893
|
+
--_gallery-play-hover-cursor: var(--mx-gallery-play-hover-cursor);
|
|
7894
|
+
--_gallery-play-pressed-bg: var(--mx-gallery-play-pressed-bg);
|
|
7895
|
+
--_gallery-play-focus-glow: var(--mx-gallery-play-focus-glow);
|
|
7896
|
+
--_gallery-play-focus-outline-width: var(--mx-gallery-play-focus-outline-width);
|
|
7897
|
+
--_gallery-play-focus-outline-color: var(--mx-gallery-play-focus-outline-color);
|
|
7898
|
+
--_gallery-play-focus-outline-offset: var(--mx-gallery-play-focus-outline-offset);
|
|
7899
|
+
--_gallery-play-glyph-size: var(--mx-gallery-play-glyph-size);
|
|
7900
|
+
--_gallery-play-glyph-bg: var(--mx-gallery-play-glyph-bg);
|
|
7901
|
+
--_gallery-play-glyph-icon: var(--mx-gallery-play-glyph-icon);
|
|
7902
|
+
--_gallery-play-glyph-playing-icon: var(--mx-gallery-play-glyph-playing-icon);
|
|
7903
|
+
--_gallery-frame-border-width: var(--mx-gallery-frame-border-width);
|
|
7904
|
+
--_gallery-frame-border-color: var(--mx-gallery-frame-border-color);
|
|
7905
|
+
--_gallery-nav-shadow: var(--mx-gallery-nav-shadow);
|
|
7906
|
+
--_gallery-dot-current-size: var(--mx-gallery-dot-current-size);
|
|
7907
|
+
--_gallery-play-shadow: var(--mx-gallery-play-shadow);
|
|
7908
|
+
--_gallery-dot-border-width: var(--mx-gallery-dot-border-width);
|
|
7909
|
+
--_gallery-dot-border-color: var(--mx-gallery-dot-border-color);
|
|
7910
|
+
--_gallery-dot-current-border-color: var(--mx-gallery-dot-current-border-color);
|
|
7911
|
+
}
|
|
7912
|
+
|
|
7283
7913
|
.mx-glyph {
|
|
7284
7914
|
--_glyph-size: var(--mx-glyph-size);
|
|
7285
7915
|
}
|
|
@@ -7526,6 +8156,12 @@
|
|
|
7526
8156
|
--_menubar-item-open-color: var(--mx-menubar-item-open-color);
|
|
7527
8157
|
}
|
|
7528
8158
|
|
|
8159
|
+
.mx-multi-view {
|
|
8160
|
+
--_multi-view-gap: var(--mx-multi-view-gap);
|
|
8161
|
+
--_multi-view-frame-swipeable-cursor: var(--mx-multi-view-frame-swipeable-cursor);
|
|
8162
|
+
--_multi-view-frame-dragging-cursor: var(--mx-multi-view-frame-dragging-cursor);
|
|
8163
|
+
}
|
|
8164
|
+
|
|
7529
8165
|
.mx-number-box {
|
|
7530
8166
|
--_number-box-spin-layout: var(--mx-number-box-spin-layout);
|
|
7531
8167
|
--_number-box-spin-order: var(--mx-number-box-spin-order);
|
|
@@ -7777,6 +8413,26 @@
|
|
|
7777
8413
|
--_recurrence-editor-summary-color: var(--mx-recurrence-editor-summary-color);
|
|
7778
8414
|
}
|
|
7779
8415
|
|
|
8416
|
+
.mx-resizable {
|
|
8417
|
+
--_resizable-edge: var(--mx-resizable-edge);
|
|
8418
|
+
--_resizable-box-resizing-outline-width: var(--mx-resizable-box-resizing-outline-width);
|
|
8419
|
+
--_resizable-box-resizing-outline-color: var(--mx-resizable-box-resizing-outline-color);
|
|
8420
|
+
--_resizable-box-resizing-outline-offset: var(--mx-resizable-box-resizing-outline-offset);
|
|
8421
|
+
--_resizable-handle-hover-bg: var(--mx-resizable-handle-hover-bg);
|
|
8422
|
+
--_resizable-handle-active-bg: var(--mx-resizable-handle-active-bg);
|
|
8423
|
+
--_resizable-grip-size: var(--mx-resizable-grip-size);
|
|
8424
|
+
--_resizable-grip-radius: var(--mx-resizable-grip-radius);
|
|
8425
|
+
--_resizable-grip-hover-bg: var(--mx-resizable-grip-hover-bg);
|
|
8426
|
+
--_resizable-grip-pressed-bg: var(--mx-resizable-grip-pressed-bg);
|
|
8427
|
+
--_resizable-grip-focus-glow: var(--mx-resizable-grip-focus-glow);
|
|
8428
|
+
--_resizable-grip-focus-outline-width: var(--mx-resizable-grip-focus-outline-width);
|
|
8429
|
+
--_resizable-grip-focus-outline-color: var(--mx-resizable-grip-focus-outline-color);
|
|
8430
|
+
--_resizable-grip-focus-outline-offset: var(--mx-resizable-grip-focus-outline-offset);
|
|
8431
|
+
--_resizable-grip-glyph-size: var(--mx-resizable-grip-glyph-size);
|
|
8432
|
+
--_resizable-grip-glyph-bg: var(--mx-resizable-grip-glyph-bg);
|
|
8433
|
+
--_resizable-grip-glyph-icon: var(--mx-resizable-grip-glyph-icon);
|
|
8434
|
+
}
|
|
8435
|
+
|
|
7780
8436
|
.mx-scheduler {
|
|
7781
8437
|
--_scheduler-height: var(--mx-scheduler-height);
|
|
7782
8438
|
--_scheduler-ruler-width: var(--mx-scheduler-ruler-width);
|
|
@@ -8357,6 +9013,56 @@
|
|
|
8357
9013
|
--_sortable-ghost-opacity: var(--mx-sortable-ghost-opacity);
|
|
8358
9014
|
}
|
|
8359
9015
|
|
|
9016
|
+
.mx-speed-dial {
|
|
9017
|
+
--_speed-dial-inset: var(--mx-speed-dial-inset);
|
|
9018
|
+
--_speed-dial-gap: var(--mx-speed-dial-gap);
|
|
9019
|
+
--_speed-dial-label-gap: var(--mx-speed-dial-label-gap);
|
|
9020
|
+
--_speed-dial-main-size: var(--mx-speed-dial-main-size);
|
|
9021
|
+
--_speed-dial-main-radius: var(--mx-speed-dial-main-radius);
|
|
9022
|
+
--_speed-dial-main-bg: var(--mx-speed-dial-main-bg);
|
|
9023
|
+
--_speed-dial-main-color: var(--mx-speed-dial-main-color);
|
|
9024
|
+
--_speed-dial-main-shadow: var(--mx-speed-dial-main-shadow);
|
|
9025
|
+
--_speed-dial-main-gap: var(--mx-speed-dial-main-gap);
|
|
9026
|
+
--_speed-dial-main-hover-bg: var(--mx-speed-dial-main-hover-bg);
|
|
9027
|
+
--_speed-dial-main-hover-cursor: var(--mx-speed-dial-main-hover-cursor);
|
|
9028
|
+
--_speed-dial-main-pressed-bg: var(--mx-speed-dial-main-pressed-bg);
|
|
9029
|
+
--_speed-dial-main-focus-glow: var(--mx-speed-dial-main-focus-glow);
|
|
9030
|
+
--_speed-dial-main-focus-outline-width: var(--mx-speed-dial-main-focus-outline-width);
|
|
9031
|
+
--_speed-dial-main-focus-outline-color: var(--mx-speed-dial-main-focus-outline-color);
|
|
9032
|
+
--_speed-dial-main-focus-outline-offset: var(--mx-speed-dial-main-focus-outline-offset);
|
|
9033
|
+
--_speed-dial-main-disabled-opacity: var(--mx-speed-dial-main-disabled-opacity);
|
|
9034
|
+
--_speed-dial-main-extended-width: var(--mx-speed-dial-main-extended-width);
|
|
9035
|
+
--_speed-dial-main-extended-padding: var(--mx-speed-dial-main-extended-padding);
|
|
9036
|
+
--_speed-dial-main-glyph-size: var(--mx-speed-dial-main-glyph-size);
|
|
9037
|
+
--_speed-dial-main-glyph-bg: var(--mx-speed-dial-main-glyph-bg);
|
|
9038
|
+
--_speed-dial-main-text-font-weight: var(--mx-speed-dial-main-text-font-weight);
|
|
9039
|
+
--_speed-dial-action-size: var(--mx-speed-dial-action-size);
|
|
9040
|
+
--_speed-dial-action-radius: var(--mx-speed-dial-action-radius);
|
|
9041
|
+
--_speed-dial-action-bg: var(--mx-speed-dial-action-bg);
|
|
9042
|
+
--_speed-dial-action-color: var(--mx-speed-dial-action-color);
|
|
9043
|
+
--_speed-dial-action-hover-bg: var(--mx-speed-dial-action-hover-bg);
|
|
9044
|
+
--_speed-dial-action-hover-cursor: var(--mx-speed-dial-action-hover-cursor);
|
|
9045
|
+
--_speed-dial-action-pressed-bg: var(--mx-speed-dial-action-pressed-bg);
|
|
9046
|
+
--_speed-dial-action-focus-glow: var(--mx-speed-dial-action-focus-glow);
|
|
9047
|
+
--_speed-dial-action-focus-outline-width: var(--mx-speed-dial-action-focus-outline-width);
|
|
9048
|
+
--_speed-dial-action-focus-outline-color: var(--mx-speed-dial-action-focus-outline-color);
|
|
9049
|
+
--_speed-dial-action-focus-outline-offset: var(--mx-speed-dial-action-focus-outline-offset);
|
|
9050
|
+
--_speed-dial-action-disabled-opacity: var(--mx-speed-dial-action-disabled-opacity);
|
|
9051
|
+
--_speed-dial-action-border-width: var(--mx-speed-dial-action-border-width);
|
|
9052
|
+
--_speed-dial-action-border-color: var(--mx-speed-dial-action-border-color);
|
|
9053
|
+
--_speed-dial-action-icon-size: var(--mx-speed-dial-action-icon-size);
|
|
9054
|
+
--_speed-dial-action-icon-bg: var(--mx-speed-dial-action-icon-bg);
|
|
9055
|
+
--_speed-dial-label-bg: var(--mx-speed-dial-label-bg);
|
|
9056
|
+
--_speed-dial-label-color: var(--mx-speed-dial-label-color);
|
|
9057
|
+
--_speed-dial-label-radius: var(--mx-speed-dial-label-radius);
|
|
9058
|
+
--_speed-dial-label-padding: var(--mx-speed-dial-label-padding);
|
|
9059
|
+
--_speed-dial-label-font-size: var(--mx-speed-dial-label-font-size);
|
|
9060
|
+
--_speed-dial-label-shadow: var(--mx-speed-dial-label-shadow);
|
|
9061
|
+
--_speed-dial-label-border-width: var(--mx-speed-dial-label-border-width);
|
|
9062
|
+
--_speed-dial-label-border-color: var(--mx-speed-dial-label-border-color);
|
|
9063
|
+
--_speed-dial-action-shadow: var(--mx-speed-dial-action-shadow);
|
|
9064
|
+
}
|
|
9065
|
+
|
|
8360
9066
|
.mx-spinner, .mx-button__spinner, .mx-drop-down__spinner {
|
|
8361
9067
|
--_spinner-gap: var(--mx-spinner-gap);
|
|
8362
9068
|
--_spinner-cover-padding: var(--mx-spinner-cover-padding);
|
|
@@ -8404,6 +9110,35 @@
|
|
|
8404
9110
|
--_spinner-shape-contained-scale: var(--mx-spinner-shape-contained-scale);
|
|
8405
9111
|
}
|
|
8406
9112
|
|
|
9113
|
+
.mx-splitter {
|
|
9114
|
+
--_splitter-size: var(--mx-splitter-size);
|
|
9115
|
+
--_splitter-line-width: var(--mx-splitter-line-width);
|
|
9116
|
+
--_splitter-active-width: var(--mx-splitter-active-width);
|
|
9117
|
+
--_splitter-grip-length: var(--mx-splitter-grip-length);
|
|
9118
|
+
--_splitter-grip-thickness: var(--mx-splitter-grip-thickness);
|
|
9119
|
+
--_splitter-handle-focus-glow: var(--mx-splitter-handle-focus-glow);
|
|
9120
|
+
--_splitter-handle-focus-outline-width: var(--mx-splitter-handle-focus-outline-width);
|
|
9121
|
+
--_splitter-handle-focus-outline-color: var(--mx-splitter-handle-focus-outline-color);
|
|
9122
|
+
--_splitter-handle-focus-outline-offset: var(--mx-splitter-handle-focus-outline-offset);
|
|
9123
|
+
--_splitter-line-bg: var(--mx-splitter-line-bg);
|
|
9124
|
+
--_splitter-line-active-bg: var(--mx-splitter-line-active-bg);
|
|
9125
|
+
--_splitter-grip-bg: var(--mx-splitter-grip-bg);
|
|
9126
|
+
--_splitter-grip-radius: var(--mx-splitter-grip-radius);
|
|
9127
|
+
--_splitter-grip-active-bg: var(--mx-splitter-grip-active-bg);
|
|
9128
|
+
--_splitter-grip-disabled-bg: var(--mx-splitter-grip-disabled-bg);
|
|
9129
|
+
--_splitter-fold-size: var(--mx-splitter-fold-size);
|
|
9130
|
+
--_splitter-fold-radius: var(--mx-splitter-fold-radius);
|
|
9131
|
+
--_splitter-fold-hover-bg: var(--mx-splitter-fold-hover-bg);
|
|
9132
|
+
--_splitter-fold-hover-cursor: var(--mx-splitter-fold-hover-cursor);
|
|
9133
|
+
--_splitter-fold-pressed-bg: var(--mx-splitter-fold-pressed-bg);
|
|
9134
|
+
--_splitter-fold-focus-glow: var(--mx-splitter-fold-focus-glow);
|
|
9135
|
+
--_splitter-fold-focus-outline-width: var(--mx-splitter-fold-focus-outline-width);
|
|
9136
|
+
--_splitter-fold-focus-outline-color: var(--mx-splitter-fold-focus-outline-color);
|
|
9137
|
+
--_splitter-fold-focus-outline-offset: var(--mx-splitter-fold-focus-outline-offset);
|
|
9138
|
+
--_splitter-fold-glyph-size: var(--mx-splitter-fold-glyph-size);
|
|
9139
|
+
--_splitter-fold-glyph-bg: var(--mx-splitter-fold-glyph-bg);
|
|
9140
|
+
}
|
|
9141
|
+
|
|
8407
9142
|
.mx-stepper {
|
|
8408
9143
|
--_stepper-size-sm: var(--mx-stepper-size-sm);
|
|
8409
9144
|
--_stepper-size-md: var(--mx-stepper-size-md);
|
|
@@ -9003,6 +9738,122 @@
|
|
|
9003
9738
|
--_text-box-reveal-glyph-shown-icon: var(--mx-text-box-reveal-glyph-shown-icon);
|
|
9004
9739
|
}
|
|
9005
9740
|
|
|
9741
|
+
.mx-tile-view {
|
|
9742
|
+
--_tile-view-gap: var(--mx-tile-view-gap);
|
|
9743
|
+
--_tile-view-tile-radius: var(--mx-tile-view-tile-radius);
|
|
9744
|
+
--_tile-view-tile-bg: var(--mx-tile-view-tile-bg);
|
|
9745
|
+
--_tile-view-tile-color: var(--mx-tile-view-tile-color);
|
|
9746
|
+
--_tile-view-tile-padding: var(--mx-tile-view-tile-padding);
|
|
9747
|
+
--_tile-view-tile-hover-bg: var(--mx-tile-view-tile-hover-bg);
|
|
9748
|
+
--_tile-view-tile-hover-cursor: var(--mx-tile-view-tile-hover-cursor);
|
|
9749
|
+
--_tile-view-tile-pressed-bg: var(--mx-tile-view-tile-pressed-bg);
|
|
9750
|
+
--_tile-view-tile-focus-glow: var(--mx-tile-view-tile-focus-glow);
|
|
9751
|
+
--_tile-view-tile-focus-outline-width: var(--mx-tile-view-tile-focus-outline-width);
|
|
9752
|
+
--_tile-view-tile-focus-outline-color: var(--mx-tile-view-tile-focus-outline-color);
|
|
9753
|
+
--_tile-view-tile-focus-outline-offset: var(--mx-tile-view-tile-focus-outline-offset);
|
|
9754
|
+
--_tile-view-tile-selected-bg: var(--mx-tile-view-tile-selected-bg);
|
|
9755
|
+
--_tile-view-tile-selected-border-color: var(--mx-tile-view-tile-selected-border-color);
|
|
9756
|
+
--_tile-view-tile-selected-color: var(--mx-tile-view-tile-selected-color);
|
|
9757
|
+
--_tile-view-tile-disabled-color: var(--mx-tile-view-tile-disabled-color);
|
|
9758
|
+
--_tile-view-tile-disabled-cursor: var(--mx-tile-view-tile-disabled-cursor);
|
|
9759
|
+
--_tile-view-tile-dragging-opacity: var(--mx-tile-view-tile-dragging-opacity);
|
|
9760
|
+
--_tile-view-tile-target-outline-width: var(--mx-tile-view-tile-target-outline-width);
|
|
9761
|
+
--_tile-view-tile-target-outline-color: var(--mx-tile-view-tile-target-outline-color);
|
|
9762
|
+
--_tile-view-tile-target-outline-offset: var(--mx-tile-view-tile-target-outline-offset);
|
|
9763
|
+
--_tile-view-tile-border-width: var(--mx-tile-view-tile-border-width);
|
|
9764
|
+
--_tile-view-tile-border-color: var(--mx-tile-view-tile-border-color);
|
|
9765
|
+
--_tile-view-ghost-radius: var(--mx-tile-view-ghost-radius);
|
|
9766
|
+
--_tile-view-ghost-shadow: var(--mx-tile-view-ghost-shadow);
|
|
9767
|
+
--_tile-view-ghost-opacity: var(--mx-tile-view-ghost-opacity);
|
|
9768
|
+
--_tile-view-tile-shadow: var(--mx-tile-view-tile-shadow);
|
|
9769
|
+
}
|
|
9770
|
+
|
|
9771
|
+
.mx-timeline {
|
|
9772
|
+
--_timeline-gap: var(--mx-timeline-gap);
|
|
9773
|
+
--_timeline-dot-gap: var(--mx-timeline-dot-gap);
|
|
9774
|
+
--_timeline-track-gap: var(--mx-timeline-track-gap);
|
|
9775
|
+
--_timeline-row-gap: var(--mx-timeline-row-gap);
|
|
9776
|
+
--_timeline-mark-size: var(--mx-timeline-mark-size);
|
|
9777
|
+
--_timeline-line-thickness: var(--mx-timeline-line-thickness);
|
|
9778
|
+
--_timeline-line-bg: var(--mx-timeline-line-bg);
|
|
9779
|
+
--_timeline-dot-radius: var(--mx-timeline-dot-radius);
|
|
9780
|
+
--_timeline-dot-bg: var(--mx-timeline-dot-bg);
|
|
9781
|
+
--_timeline-dot-border-width: var(--mx-timeline-dot-border-width);
|
|
9782
|
+
--_timeline-dot-border-color: var(--mx-timeline-dot-border-color);
|
|
9783
|
+
--_timeline-dot-accent-bg: var(--mx-timeline-dot-accent-bg);
|
|
9784
|
+
--_timeline-dot-accent-border-color: var(--mx-timeline-dot-accent-border-color);
|
|
9785
|
+
--_timeline-dot-success-bg: var(--mx-timeline-dot-success-bg);
|
|
9786
|
+
--_timeline-dot-success-border-color: var(--mx-timeline-dot-success-border-color);
|
|
9787
|
+
--_timeline-dot-caution-bg: var(--mx-timeline-dot-caution-bg);
|
|
9788
|
+
--_timeline-dot-caution-border-color: var(--mx-timeline-dot-caution-border-color);
|
|
9789
|
+
--_timeline-dot-danger-bg: var(--mx-timeline-dot-danger-bg);
|
|
9790
|
+
--_timeline-dot-danger-border-color: var(--mx-timeline-dot-danger-border-color);
|
|
9791
|
+
--_timeline-dot-info-bg: var(--mx-timeline-dot-info-bg);
|
|
9792
|
+
--_timeline-dot-info-border-color: var(--mx-timeline-dot-info-border-color);
|
|
9793
|
+
--_timeline-dot-glyph-size: var(--mx-timeline-dot-glyph-size);
|
|
9794
|
+
--_timeline-dot-glyph-bg: var(--mx-timeline-dot-glyph-bg);
|
|
9795
|
+
--_timeline-dot-glyph-accent-bg: var(--mx-timeline-dot-glyph-accent-bg);
|
|
9796
|
+
--_timeline-dot-glyph-success-bg: var(--mx-timeline-dot-glyph-success-bg);
|
|
9797
|
+
--_timeline-dot-glyph-caution-bg: var(--mx-timeline-dot-glyph-caution-bg);
|
|
9798
|
+
--_timeline-dot-glyph-danger-bg: var(--mx-timeline-dot-glyph-danger-bg);
|
|
9799
|
+
--_timeline-dot-glyph-info-bg: var(--mx-timeline-dot-glyph-info-bg);
|
|
9800
|
+
--_timeline-card-radius: var(--mx-timeline-card-radius);
|
|
9801
|
+
--_timeline-card-bg: var(--mx-timeline-card-bg);
|
|
9802
|
+
--_timeline-card-color: var(--mx-timeline-card-color);
|
|
9803
|
+
--_timeline-card-padding: var(--mx-timeline-card-padding);
|
|
9804
|
+
--_timeline-card-gap: var(--mx-timeline-card-gap);
|
|
9805
|
+
--_timeline-card-pressable-cursor: var(--mx-timeline-card-pressable-cursor);
|
|
9806
|
+
--_timeline-card-hover-bg: var(--mx-timeline-card-hover-bg);
|
|
9807
|
+
--_timeline-card-pressed-bg: var(--mx-timeline-card-pressed-bg);
|
|
9808
|
+
--_timeline-card-focus-glow: var(--mx-timeline-card-focus-glow);
|
|
9809
|
+
--_timeline-card-focus-outline-width: var(--mx-timeline-card-focus-outline-width);
|
|
9810
|
+
--_timeline-card-focus-outline-color: var(--mx-timeline-card-focus-outline-color);
|
|
9811
|
+
--_timeline-card-focus-outline-offset: var(--mx-timeline-card-focus-outline-offset);
|
|
9812
|
+
--_timeline-card-border-width: var(--mx-timeline-card-border-width);
|
|
9813
|
+
--_timeline-card-border-color: var(--mx-timeline-card-border-color);
|
|
9814
|
+
--_timeline-flag-radius: var(--mx-timeline-flag-radius);
|
|
9815
|
+
--_timeline-flag-padding: var(--mx-timeline-flag-padding);
|
|
9816
|
+
--_timeline-flag-gap: var(--mx-timeline-flag-gap);
|
|
9817
|
+
--_timeline-flag-color: var(--mx-timeline-flag-color);
|
|
9818
|
+
--_timeline-flag-hover-bg: var(--mx-timeline-flag-hover-bg);
|
|
9819
|
+
--_timeline-flag-hover-cursor: var(--mx-timeline-flag-hover-cursor);
|
|
9820
|
+
--_timeline-flag-pressed-bg: var(--mx-timeline-flag-pressed-bg);
|
|
9821
|
+
--_timeline-flag-focus-glow: var(--mx-timeline-flag-focus-glow);
|
|
9822
|
+
--_timeline-flag-focus-outline-width: var(--mx-timeline-flag-focus-outline-width);
|
|
9823
|
+
--_timeline-flag-focus-outline-color: var(--mx-timeline-flag-focus-outline-color);
|
|
9824
|
+
--_timeline-flag-focus-outline-offset: var(--mx-timeline-flag-focus-outline-offset);
|
|
9825
|
+
--_timeline-flag-selected-color: var(--mx-timeline-flag-selected-color);
|
|
9826
|
+
--_timeline-date-color: var(--mx-timeline-date-color);
|
|
9827
|
+
--_timeline-date-font-size: var(--mx-timeline-date-font-size);
|
|
9828
|
+
--_timeline-date-selected-color: var(--mx-timeline-date-selected-color);
|
|
9829
|
+
--_timeline-date-selected-font-weight: var(--mx-timeline-date-selected-font-weight);
|
|
9830
|
+
--_timeline-title-font-weight: var(--mx-timeline-title-font-weight);
|
|
9831
|
+
--_timeline-description-color: var(--mx-timeline-description-color);
|
|
9832
|
+
--_timeline-detail-radius: var(--mx-timeline-detail-radius);
|
|
9833
|
+
--_timeline-detail-bg: var(--mx-timeline-detail-bg);
|
|
9834
|
+
--_timeline-detail-color: var(--mx-timeline-detail-color);
|
|
9835
|
+
--_timeline-detail-padding: var(--mx-timeline-detail-padding);
|
|
9836
|
+
--_timeline-detail-gap: var(--mx-timeline-detail-gap);
|
|
9837
|
+
--_timeline-detail-border-width: var(--mx-timeline-detail-border-width);
|
|
9838
|
+
--_timeline-detail-border-color: var(--mx-timeline-detail-border-color);
|
|
9839
|
+
--_timeline-nav-size: var(--mx-timeline-nav-size);
|
|
9840
|
+
--_timeline-nav-radius: var(--mx-timeline-nav-radius);
|
|
9841
|
+
--_timeline-nav-bg: var(--mx-timeline-nav-bg);
|
|
9842
|
+
--_timeline-nav-color: var(--mx-timeline-nav-color);
|
|
9843
|
+
--_timeline-nav-hover-bg: var(--mx-timeline-nav-hover-bg);
|
|
9844
|
+
--_timeline-nav-hover-cursor: var(--mx-timeline-nav-hover-cursor);
|
|
9845
|
+
--_timeline-nav-pressed-bg: var(--mx-timeline-nav-pressed-bg);
|
|
9846
|
+
--_timeline-nav-focus-glow: var(--mx-timeline-nav-focus-glow);
|
|
9847
|
+
--_timeline-nav-focus-outline-width: var(--mx-timeline-nav-focus-outline-width);
|
|
9848
|
+
--_timeline-nav-focus-outline-color: var(--mx-timeline-nav-focus-outline-color);
|
|
9849
|
+
--_timeline-nav-focus-outline-offset: var(--mx-timeline-nav-focus-outline-offset);
|
|
9850
|
+
--_timeline-nav-disabled-opacity: var(--mx-timeline-nav-disabled-opacity);
|
|
9851
|
+
--_timeline-nav-glyph-size: var(--mx-timeline-nav-glyph-size);
|
|
9852
|
+
--_timeline-nav-glyph-bg: var(--mx-timeline-nav-glyph-bg);
|
|
9853
|
+
--_timeline-card-shadow: var(--mx-timeline-card-shadow);
|
|
9854
|
+
--_timeline-detail-shadow: var(--mx-timeline-detail-shadow);
|
|
9855
|
+
}
|
|
9856
|
+
|
|
9006
9857
|
.mx-toaster__stack, .mx-toast {
|
|
9007
9858
|
--_toast-width: var(--mx-toast-width);
|
|
9008
9859
|
--_toast-inset: var(--mx-toast-inset);
|
|
@@ -9159,6 +10010,29 @@
|
|
|
9159
10010
|
--_treeview-retry-text-decoration: var(--mx-treeview-retry-text-decoration);
|
|
9160
10011
|
}
|
|
9161
10012
|
|
|
10013
|
+
.mx-validation-summary {
|
|
10014
|
+
--_validation-summary-gap: var(--mx-validation-summary-gap);
|
|
10015
|
+
--_validation-summary-line-gap: var(--mx-validation-summary-line-gap);
|
|
10016
|
+
--_validation-summary-box-bg: var(--mx-validation-summary-box-bg);
|
|
10017
|
+
--_validation-summary-box-border-width: var(--mx-validation-summary-box-border-width);
|
|
10018
|
+
--_validation-summary-box-border-color: var(--mx-validation-summary-box-border-color);
|
|
10019
|
+
--_validation-summary-box-radius: var(--mx-validation-summary-box-radius);
|
|
10020
|
+
--_validation-summary-box-padding: var(--mx-validation-summary-box-padding);
|
|
10021
|
+
--_validation-summary-icon-icon: var(--mx-validation-summary-icon-icon);
|
|
10022
|
+
--_validation-summary-icon-size: var(--mx-validation-summary-icon-size);
|
|
10023
|
+
--_validation-summary-icon-bg: var(--mx-validation-summary-icon-bg);
|
|
10024
|
+
--_validation-summary-header-color: var(--mx-validation-summary-header-color);
|
|
10025
|
+
--_validation-summary-header-font-weight: var(--mx-validation-summary-header-font-weight);
|
|
10026
|
+
--_validation-summary-item-color: var(--mx-validation-summary-item-color);
|
|
10027
|
+
--_validation-summary-item-radius: var(--mx-validation-summary-item-radius);
|
|
10028
|
+
--_validation-summary-item-hover-text-decoration: var(--mx-validation-summary-item-hover-text-decoration);
|
|
10029
|
+
--_validation-summary-item-hover-cursor: var(--mx-validation-summary-item-hover-cursor);
|
|
10030
|
+
--_validation-summary-item-focus-glow: var(--mx-validation-summary-item-focus-glow);
|
|
10031
|
+
--_validation-summary-item-focus-outline-width: var(--mx-validation-summary-item-focus-outline-width);
|
|
10032
|
+
--_validation-summary-item-focus-outline-color: var(--mx-validation-summary-item-focus-outline-color);
|
|
10033
|
+
--_validation-summary-item-focus-outline-offset: var(--mx-validation-summary-item-focus-outline-offset);
|
|
10034
|
+
}
|
|
10035
|
+
|
|
9162
10036
|
.mx-form, .mx-message-box {
|
|
9163
10037
|
--_window-font-family: var(--mx-window-font-family);
|
|
9164
10038
|
--_window-title-align: var(--mx-window-title-align);
|
|
@@ -9278,6 +10152,8 @@
|
|
|
9278
10152
|
--mx-icon-drag-dots: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M4.4%204a1.1%201.1%200%201%200%202.2%200a1.1%201.1%200%201%200-2.2%200zM4.4%208a1.1%201.1%200%201%200%202.2%200a1.1%201.1%200%201%200-2.2%200zM4.4%2012a1.1%201.1%200%201%200%202.2%200a1.1%201.1%200%201%200-2.2%200zM9.4%204a1.1%201.1%200%201%200%202.2%200a1.1%201.1%200%201%200-2.2%200zM9.4%208a1.1%201.1%200%201%200%202.2%200a1.1%201.1%200%201%200-2.2%200zM9.4%2012a1.1%201.1%200%201%200%202.2%200a1.1%201.1%200%201%200-2.2%200z%27%20fill%3D%27black%27%2F%3E%3C%2Fsvg%3E");
|
|
9279
10153
|
--mx-icon-upload: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M8%2010V2.5M4.75%205.75L8%202.5l3.25%203.25M3%2012.5v1h10v-1%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E");
|
|
9280
10154
|
--mx-icon-file: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M4%201.75h5.5L13%205.25v9H4zM9.25%201.75v3.75H13%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E");
|
|
10155
|
+
--mx-icon-play: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M5%203.2v9.6l7.4-4.8z%27%20fill%3D%27black%27%2F%3E%3C%2Fsvg%3E");
|
|
10156
|
+
--mx-icon-pause: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M5.5%203.5v9M10.5%203.5v9%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E");
|
|
9281
10157
|
}
|
|
9282
10158
|
|
|
9283
10159
|
.mx-glyph[data-icon='blocked'] {
|
|
@@ -9408,6 +10284,10 @@
|
|
|
9408
10284
|
--_icon: var(--mx-icon-more);
|
|
9409
10285
|
}
|
|
9410
10286
|
|
|
10287
|
+
.mx-glyph[data-icon='pause'] {
|
|
10288
|
+
--_icon: var(--mx-icon-pause);
|
|
10289
|
+
}
|
|
10290
|
+
|
|
9411
10291
|
.mx-glyph[data-icon='pencil'] {
|
|
9412
10292
|
--_icon: var(--mx-icon-pencil);
|
|
9413
10293
|
}
|
|
@@ -9420,6 +10300,10 @@
|
|
|
9420
10300
|
--_icon: var(--mx-icon-pin);
|
|
9421
10301
|
}
|
|
9422
10302
|
|
|
10303
|
+
.mx-glyph[data-icon='play'] {
|
|
10304
|
+
--_icon: var(--mx-icon-play);
|
|
10305
|
+
}
|
|
10306
|
+
|
|
9423
10307
|
.mx-glyph[data-icon='plus'] {
|
|
9424
10308
|
--_icon: var(--mx-icon-plus);
|
|
9425
10309
|
}
|
|
@@ -13295,212 +14179,302 @@
|
|
|
13295
14179
|
}
|
|
13296
14180
|
}
|
|
13297
14181
|
|
|
13298
|
-
/*
|
|
13299
|
-
|
|
13300
|
-
|
|
13301
|
-
|
|
14182
|
+
/* Gallery: the panes in a viewport that clips them, the previous and next buttons over its sides, the bar with the
|
|
14183
|
+
dots and the slideshow button over its bottom. Only the layout is here: the frame, a pane, its caption and texts,
|
|
14184
|
+
the buttons, the arrows, the bar, the dots and the slideshow glyph are units of the schema. The track slides by
|
|
14185
|
+
`translate` (the slide part writes it); while a finger drags it, or after a move around the ends, it moves
|
|
14186
|
+
without motion. */
|
|
13302
14187
|
@layer mx.components {
|
|
13303
|
-
.mx-
|
|
13304
|
-
|
|
13305
|
-
inset: auto;
|
|
13306
|
-
z-index: var(--mx-z-dropdown);
|
|
13307
|
-
box-sizing: border-box;
|
|
13308
|
-
margin: 0;
|
|
13309
|
-
overflow: visible;
|
|
13310
|
-
animation: mx-popover-in var(--mx-motion-duration-fast) var(--mx-motion-easing-out);
|
|
14188
|
+
.mx-gallery {
|
|
14189
|
+
--_over: 1;
|
|
13311
14190
|
|
|
13312
|
-
|
|
14191
|
+
position: relative;
|
|
14192
|
+
display: grid;
|
|
14193
|
+
box-sizing: border-box;
|
|
14194
|
+
inline-size: 100%;
|
|
14195
|
+
min-inline-size: 0;
|
|
13313
14196
|
}
|
|
13314
14197
|
|
|
13315
|
-
.mx-
|
|
13316
|
-
|
|
14198
|
+
.mx-gallery__viewport {
|
|
14199
|
+
grid-area: 1 / 1;
|
|
14200
|
+
position: relative;
|
|
14201
|
+
overflow: hidden;
|
|
14202
|
+
min-inline-size: 0;
|
|
14203
|
+
touch-action: pan-y;
|
|
14204
|
+
user-select: none;
|
|
13317
14205
|
}
|
|
13318
14206
|
|
|
13319
|
-
.mx-
|
|
13320
|
-
|
|
14207
|
+
.mx-gallery__track {
|
|
14208
|
+
--_gap: var(--_gallery-gap);
|
|
13321
14209
|
|
|
13322
|
-
|
|
14210
|
+
display: flex;
|
|
14211
|
+
block-size: 100%;
|
|
14212
|
+
gap: var(--_gap);
|
|
14213
|
+
transition: translate var(--mx-motion-duration-normal) var(--mx-motion-easing-standard);
|
|
13323
14214
|
}
|
|
13324
14215
|
|
|
13325
|
-
.mx-
|
|
13326
|
-
|
|
13327
|
-
|
|
13328
|
-
--_enter: 0 var(--_popover-enter-offset);
|
|
14216
|
+
.mx-gallery__track[data-dragging],
|
|
14217
|
+
.mx-gallery__track[data-no-motion] {
|
|
14218
|
+
transition: none;
|
|
13329
14219
|
}
|
|
13330
14220
|
|
|
13331
|
-
.mx-
|
|
13332
|
-
|
|
13333
|
-
|
|
13334
|
-
|
|
14221
|
+
.mx-gallery__item {
|
|
14222
|
+
position: relative;
|
|
14223
|
+
display: flex;
|
|
14224
|
+
flex: none;
|
|
14225
|
+
flex-direction: column;
|
|
14226
|
+
box-sizing: border-box;
|
|
14227
|
+
inline-size: calc((100% - (var(--_per, 1) - 1) * var(--_gap)) / var(--_per, 1));
|
|
14228
|
+
min-inline-size: 0;
|
|
14229
|
+
overflow: hidden;
|
|
13335
14230
|
}
|
|
13336
14231
|
|
|
13337
|
-
.mx-
|
|
13338
|
-
|
|
13339
|
-
|
|
13340
|
-
|
|
14232
|
+
.mx-gallery__figure {
|
|
14233
|
+
position: relative;
|
|
14234
|
+
display: flex;
|
|
14235
|
+
flex: 1 1 auto;
|
|
14236
|
+
align-items: center;
|
|
14237
|
+
justify-content: center;
|
|
14238
|
+
min-block-size: 0;
|
|
13341
14239
|
}
|
|
13342
14240
|
|
|
13343
|
-
.mx-
|
|
13344
|
-
|
|
14241
|
+
.mx-gallery__image {
|
|
14242
|
+
display: block;
|
|
14243
|
+
inline-size: 100%;
|
|
14244
|
+
block-size: 100%;
|
|
14245
|
+
object-fit: contain;
|
|
13345
14246
|
}
|
|
13346
14247
|
|
|
13347
|
-
.mx-
|
|
13348
|
-
|
|
14248
|
+
.mx-gallery[data-stretch] .mx-gallery__image {
|
|
14249
|
+
object-fit: cover;
|
|
13349
14250
|
}
|
|
13350
14251
|
|
|
13351
|
-
.mx-
|
|
14252
|
+
.mx-gallery__caption {
|
|
13352
14253
|
position: absolute;
|
|
13353
|
-
|
|
13354
|
-
|
|
13355
|
-
|
|
14254
|
+
inset-inline: 0;
|
|
14255
|
+
inset-block-end: 0;
|
|
14256
|
+
display: flex;
|
|
14257
|
+
flex-direction: column;
|
|
14258
|
+
min-inline-size: 0;
|
|
13356
14259
|
}
|
|
13357
14260
|
|
|
13358
|
-
.mx-
|
|
13359
|
-
|
|
14261
|
+
.mx-gallery__title,
|
|
14262
|
+
.mx-gallery__description {
|
|
14263
|
+
overflow-wrap: anywhere;
|
|
13360
14264
|
}
|
|
13361
14265
|
|
|
13362
|
-
.mx-
|
|
13363
|
-
|
|
13364
|
-
|
|
13365
|
-
|
|
14266
|
+
.mx-gallery__nav,
|
|
14267
|
+
.mx-gallery__dot,
|
|
14268
|
+
.mx-gallery__play {
|
|
14269
|
+
display: inline-flex;
|
|
14270
|
+
box-sizing: border-box;
|
|
14271
|
+
align-items: center;
|
|
14272
|
+
justify-content: center;
|
|
14273
|
+
margin: 0;
|
|
14274
|
+
padding: 0;
|
|
14275
|
+
border: 0;
|
|
14276
|
+
background: none;
|
|
14277
|
+
color: inherit;
|
|
14278
|
+
font: inherit;
|
|
14279
|
+
appearance: none;
|
|
13366
14280
|
}
|
|
13367
14281
|
|
|
13368
|
-
.mx-
|
|
13369
|
-
|
|
13370
|
-
|
|
13371
|
-
|
|
14282
|
+
.mx-gallery__nav {
|
|
14283
|
+
grid-area: 1 / 1;
|
|
14284
|
+
z-index: var(--_over);
|
|
14285
|
+
align-self: center;
|
|
14286
|
+
justify-self: start;
|
|
14287
|
+
margin-inline-start: var(--_gallery-nav-inset);
|
|
13372
14288
|
}
|
|
13373
14289
|
|
|
13374
|
-
.mx-
|
|
13375
|
-
|
|
13376
|
-
|
|
13377
|
-
rotate: -45deg;
|
|
14290
|
+
.mx-gallery__nav[data-direction='next'] {
|
|
14291
|
+
justify-self: end;
|
|
14292
|
+
margin-inline: 0 var(--_gallery-nav-inset);
|
|
13378
14293
|
}
|
|
13379
14294
|
|
|
13380
|
-
.mx-
|
|
13381
|
-
|
|
13382
|
-
|
|
13383
|
-
|
|
14295
|
+
.mx-gallery__bar {
|
|
14296
|
+
grid-area: 1 / 1;
|
|
14297
|
+
z-index: var(--_over);
|
|
14298
|
+
display: inline-flex;
|
|
14299
|
+
align-self: end;
|
|
14300
|
+
justify-self: center;
|
|
14301
|
+
align-items: center;
|
|
14302
|
+
margin-block-end: var(--_gallery-bar-inset);
|
|
13384
14303
|
}
|
|
13385
14304
|
|
|
13386
|
-
.mx-
|
|
13387
|
-
display: flex;
|
|
14305
|
+
.mx-gallery__indicator {
|
|
14306
|
+
display: inline-flex;
|
|
13388
14307
|
align-items: center;
|
|
13389
|
-
|
|
13390
|
-
gap: var(--_popover-header-gap);
|
|
14308
|
+
gap: var(--_gallery-indicator-gap);
|
|
13391
14309
|
}
|
|
13392
14310
|
|
|
13393
|
-
.mx-
|
|
13394
|
-
|
|
14311
|
+
.mx-gallery__nav[hidden],
|
|
14312
|
+
.mx-gallery__bar[hidden],
|
|
14313
|
+
.mx-gallery__indicator[hidden],
|
|
14314
|
+
.mx-gallery__play[hidden],
|
|
14315
|
+
.mx-gallery__caption[hidden],
|
|
14316
|
+
.mx-gallery__title[hidden],
|
|
14317
|
+
.mx-gallery__description[hidden] {
|
|
14318
|
+
display: none;
|
|
14319
|
+
}
|
|
14320
|
+
}
|
|
14321
|
+
|
|
14322
|
+
/* MultiView: the views side by side in a viewport that clips them, the one in sight at its start. Only the layout
|
|
14323
|
+
is here: the frame and a view are units of the schema. The track slides by `translate` (the slide part writes
|
|
14324
|
+
it); while a finger drags it, after a move around the ends, or with `animated` off, it moves without motion. */
|
|
14325
|
+
@layer mx.components {
|
|
14326
|
+
.mx-multi-view {
|
|
14327
|
+
display: block;
|
|
14328
|
+
box-sizing: border-box;
|
|
14329
|
+
inline-size: 100%;
|
|
13395
14330
|
min-inline-size: 0;
|
|
13396
14331
|
}
|
|
13397
14332
|
|
|
13398
|
-
.mx-
|
|
13399
|
-
|
|
13400
|
-
margin-inline-start: auto;
|
|
14333
|
+
.mx-multi-view[data-dragging] {
|
|
14334
|
+
user-select: none;
|
|
13401
14335
|
}
|
|
13402
14336
|
|
|
13403
|
-
.mx-
|
|
14337
|
+
.mx-multi-view__viewport {
|
|
14338
|
+
position: relative;
|
|
14339
|
+
overflow: hidden;
|
|
13404
14340
|
min-inline-size: 0;
|
|
14341
|
+
touch-action: pan-y;
|
|
13405
14342
|
}
|
|
13406
14343
|
|
|
13407
|
-
|
|
13408
|
-
|
|
13409
|
-
opacity: 0;
|
|
13410
|
-
translate: var(--_enter);
|
|
13411
|
-
}
|
|
13412
|
-
}
|
|
13413
|
-
}
|
|
13414
|
-
|
|
13415
|
-
/* LoadPanel: a layer over a container (absolute, inside it) or over the page (fixed), a pane in the middle with the
|
|
13416
|
-
indicator, the message and a Cancel button. Only the layout is here: the shade, the pane and the message are units
|
|
13417
|
-
of the schema; the indicator is the kit's spinner and the button the kit's, their look in the pane from the
|
|
13418
|
-
panel's places. A container it covers carries `data-mx-covered` (`position: relative`, as for the spinner's cover). */
|
|
13419
|
-
@layer mx.components {
|
|
13420
|
-
.mx-load-panel {
|
|
13421
|
-
position: absolute;
|
|
13422
|
-
inset: 0;
|
|
13423
|
-
z-index: var(--mx-z-overlay);
|
|
13424
|
-
display: flex;
|
|
13425
|
-
box-sizing: border-box;
|
|
13426
|
-
align-items: center;
|
|
13427
|
-
justify-content: center;
|
|
13428
|
-
padding: var(--_load-panel-padding);
|
|
13429
|
-
border-radius: inherit;
|
|
13430
|
-
outline: none;
|
|
13431
|
-
}
|
|
14344
|
+
.mx-multi-view__track {
|
|
14345
|
+
--_gap: var(--_multi-view-gap);
|
|
13432
14346
|
|
|
13433
|
-
|
|
13434
|
-
|
|
13435
|
-
|
|
14347
|
+
display: flex;
|
|
14348
|
+
align-items: stretch;
|
|
14349
|
+
gap: var(--_gap);
|
|
14350
|
+
transition: translate var(--mx-motion-duration-normal) var(--mx-motion-easing-standard);
|
|
13436
14351
|
}
|
|
13437
14352
|
|
|
13438
|
-
.mx-
|
|
13439
|
-
|
|
14353
|
+
.mx-multi-view[data-still] .mx-multi-view__track,
|
|
14354
|
+
.mx-multi-view__track[data-dragging],
|
|
14355
|
+
.mx-multi-view__track[data-no-motion] {
|
|
14356
|
+
transition: none;
|
|
13440
14357
|
}
|
|
13441
14358
|
|
|
13442
|
-
.mx-
|
|
13443
|
-
|
|
13444
|
-
flex-direction: column;
|
|
14359
|
+
.mx-multi-view__view {
|
|
14360
|
+
flex: none;
|
|
13445
14361
|
box-sizing: border-box;
|
|
13446
|
-
|
|
13447
|
-
|
|
13448
|
-
max-inline-size: 100%;
|
|
13449
|
-
text-align: center;
|
|
14362
|
+
inline-size: 100%;
|
|
14363
|
+
min-inline-size: 0;
|
|
13450
14364
|
}
|
|
13451
14365
|
|
|
13452
|
-
.mx-
|
|
14366
|
+
.mx-multi-view__view[hidden] {
|
|
13453
14367
|
display: none;
|
|
13454
14368
|
}
|
|
13455
14369
|
}
|
|
13456
14370
|
|
|
13457
|
-
/*
|
|
13458
|
-
|
|
14371
|
+
/* Splitter: the panes and the handles between them on a grid whose tracks the component writes (a pane's track is
|
|
14372
|
+
its size, a handle's the `size` token). A handle is a cell with the bar that drags and takes the keys across it
|
|
14373
|
+
and the fold buttons at either end of the grip, the grip kept in the middle whatever is shown. Only the layout
|
|
14374
|
+
is here: the bar, the line along it, the grip, the fold buttons and their glyphs, and a pane are units of the
|
|
14375
|
+
schema. */
|
|
13459
14376
|
@layer mx.components {
|
|
13460
|
-
.mx-
|
|
13461
|
-
|
|
14377
|
+
.mx-splitter {
|
|
14378
|
+
--_over: 1;
|
|
14379
|
+
|
|
14380
|
+
display: grid;
|
|
14381
|
+
block-size: 100%;
|
|
13462
14382
|
min-inline-size: 0;
|
|
14383
|
+
min-block-size: 0;
|
|
14384
|
+
overflow: hidden;
|
|
13463
14385
|
}
|
|
13464
14386
|
|
|
13465
|
-
.mx-
|
|
13466
|
-
|
|
13467
|
-
|
|
14387
|
+
.mx-splitter[data-orientation='horizontal'] {
|
|
14388
|
+
grid-template-rows: minmax(0, 1fr);
|
|
14389
|
+
}
|
|
14390
|
+
|
|
14391
|
+
.mx-splitter[data-orientation='vertical'] {
|
|
14392
|
+
grid-template-columns: minmax(0, 1fr);
|
|
14393
|
+
}
|
|
14394
|
+
|
|
14395
|
+
.mx-splitter__pane {
|
|
14396
|
+
min-inline-size: 0;
|
|
14397
|
+
min-block-size: 0;
|
|
14398
|
+
}
|
|
14399
|
+
|
|
14400
|
+
.mx-splitter__pane:not([data-scroll]) {
|
|
14401
|
+
overflow: hidden;
|
|
14402
|
+
}
|
|
14403
|
+
|
|
14404
|
+
/* Hidden: out of the layout, since its padding would keep it wider than its empty track. */
|
|
14405
|
+
.mx-splitter__pane[data-collapsed] {
|
|
14406
|
+
display: none;
|
|
14407
|
+
}
|
|
14408
|
+
|
|
14409
|
+
/* The cell is its track, whatever lies over its edges; the middle row (or column) is the grip's length, so the fold
|
|
14410
|
+
buttons sit at the grip's ends. It stacks over the panes, since the buttons reach into them. */
|
|
14411
|
+
.mx-splitter__handle {
|
|
14412
|
+
--_line: var(--_splitter-line-width);
|
|
14413
|
+
|
|
14414
|
+
position: relative;
|
|
14415
|
+
z-index: var(--_over);
|
|
14416
|
+
display: grid;
|
|
13468
14417
|
align-items: center;
|
|
14418
|
+
justify-items: center;
|
|
13469
14419
|
min-inline-size: 0;
|
|
14420
|
+
min-block-size: 0;
|
|
13470
14421
|
}
|
|
13471
14422
|
|
|
13472
|
-
.mx-
|
|
13473
|
-
|
|
14423
|
+
.mx-splitter[data-orientation='horizontal'] > .mx-splitter__handle {
|
|
14424
|
+
--_line-w: var(--_line);
|
|
14425
|
+
--_grip-w: var(--_splitter-grip-thickness);
|
|
14426
|
+
--_grip-h: var(--_splitter-grip-length);
|
|
14427
|
+
|
|
14428
|
+
grid-template-columns: minmax(0, 1fr);
|
|
14429
|
+
grid-template-rows: minmax(0, 1fr) var(--_splitter-grip-length) minmax(0, 1fr);
|
|
13474
14430
|
}
|
|
13475
14431
|
|
|
13476
|
-
.mx-
|
|
14432
|
+
.mx-splitter[data-orientation='vertical'] > .mx-splitter__handle {
|
|
14433
|
+
--_line-h: var(--_line);
|
|
14434
|
+
--_grip-w: var(--_splitter-grip-length);
|
|
14435
|
+
--_grip-h: var(--_splitter-grip-thickness);
|
|
14436
|
+
|
|
14437
|
+
grid-template-rows: minmax(0, 1fr);
|
|
14438
|
+
grid-template-columns: minmax(0, 1fr) var(--_splitter-grip-length) minmax(0, 1fr);
|
|
14439
|
+
}
|
|
14440
|
+
|
|
14441
|
+
/* The bar fills the cell; the line runs its length, as thick as --_line. */
|
|
14442
|
+
.mx-splitter__bar {
|
|
14443
|
+
grid-area: 1 / 1 / -1 / -1;
|
|
14444
|
+
position: relative;
|
|
13477
14445
|
display: flex;
|
|
13478
|
-
|
|
13479
|
-
|
|
14446
|
+
box-sizing: border-box;
|
|
14447
|
+
align-items: center;
|
|
14448
|
+
justify-content: center;
|
|
14449
|
+
inline-size: 100%;
|
|
14450
|
+
block-size: 100%;
|
|
14451
|
+
touch-action: none;
|
|
13480
14452
|
}
|
|
13481
14453
|
|
|
13482
|
-
.mx-
|
|
13483
|
-
|
|
14454
|
+
.mx-splitter__bar::before {
|
|
14455
|
+
content: '';
|
|
14456
|
+
position: absolute;
|
|
14457
|
+
inset: 0;
|
|
14458
|
+
margin: auto;
|
|
14459
|
+
transition: background-color var(--mx-motion-duration-fast) var(--mx-motion-easing-standard);
|
|
13484
14460
|
}
|
|
13485
|
-
|
|
13486
|
-
|
|
13487
|
-
|
|
13488
|
-
|
|
13489
|
-
|
|
13490
|
-
their look in a row from the uploader's places. */
|
|
13491
|
-
@layer mx.components {
|
|
13492
|
-
.mx-file-uploader .mx-field__box {
|
|
13493
|
-
flex-wrap: wrap;
|
|
13494
|
-
align-items: center;
|
|
13495
|
-
gap: var(--_file-uploader-box-gap);
|
|
14461
|
+
|
|
14462
|
+
.mx-splitter__grip {
|
|
14463
|
+
position: relative;
|
|
14464
|
+
flex: none;
|
|
14465
|
+
transition: background-color var(--mx-motion-duration-fast) var(--mx-motion-easing-standard);
|
|
13496
14466
|
}
|
|
13497
14467
|
|
|
13498
|
-
.
|
|
13499
|
-
.mx-
|
|
14468
|
+
/* The fold buttons lie over the bar, at the ends of the grip. */
|
|
14469
|
+
.mx-splitter__fold {
|
|
14470
|
+
position: relative;
|
|
14471
|
+
z-index: var(--_over);
|
|
13500
14472
|
display: inline-flex;
|
|
14473
|
+
box-sizing: border-box;
|
|
13501
14474
|
align-items: center;
|
|
13502
|
-
|
|
14475
|
+
justify-content: center;
|
|
13503
14476
|
margin: 0;
|
|
14477
|
+
padding: 0;
|
|
13504
14478
|
border: 0;
|
|
13505
14479
|
background: none;
|
|
13506
14480
|
color: inherit;
|
|
@@ -13508,7 +14482,973 @@
|
|
|
13508
14482
|
appearance: none;
|
|
13509
14483
|
}
|
|
13510
14484
|
|
|
13511
|
-
.mx-
|
|
14485
|
+
.mx-splitter__fold[hidden] {
|
|
14486
|
+
display: none;
|
|
14487
|
+
}
|
|
14488
|
+
|
|
14489
|
+
.mx-splitter[data-orientation='horizontal'] > .mx-splitter__handle > .mx-splitter__fold[data-side='before'] {
|
|
14490
|
+
grid-area: 1 / 1;
|
|
14491
|
+
align-self: end;
|
|
14492
|
+
}
|
|
14493
|
+
|
|
14494
|
+
.mx-splitter[data-orientation='horizontal'] > .mx-splitter__handle > .mx-splitter__fold[data-side='after'] {
|
|
14495
|
+
grid-area: 3 / 1;
|
|
14496
|
+
align-self: start;
|
|
14497
|
+
}
|
|
14498
|
+
|
|
14499
|
+
.mx-splitter[data-orientation='vertical'] > .mx-splitter__handle > .mx-splitter__fold[data-side='before'] {
|
|
14500
|
+
grid-area: 1 / 1;
|
|
14501
|
+
justify-self: end;
|
|
14502
|
+
}
|
|
14503
|
+
|
|
14504
|
+
.mx-splitter[data-orientation='vertical'] > .mx-splitter__handle > .mx-splitter__fold[data-side='after'] {
|
|
14505
|
+
grid-area: 1 / 3;
|
|
14506
|
+
justify-self: start;
|
|
14507
|
+
}
|
|
14508
|
+
|
|
14509
|
+
.mx-splitter[data-orientation='horizontal'] .mx-splitter__bar[data-resizable] {
|
|
14510
|
+
cursor: col-resize;
|
|
14511
|
+
}
|
|
14512
|
+
|
|
14513
|
+
.mx-splitter[data-orientation='vertical'] .mx-splitter__bar[data-resizable] {
|
|
14514
|
+
cursor: row-resize;
|
|
14515
|
+
}
|
|
14516
|
+
|
|
14517
|
+
.mx-splitter__bar[data-resizable]:hover,
|
|
14518
|
+
.mx-splitter__bar[data-dragging] {
|
|
14519
|
+
--_line: var(--_splitter-active-width);
|
|
14520
|
+
}
|
|
14521
|
+
}
|
|
14522
|
+
|
|
14523
|
+
/* TileView: the grid of base cells (`--_base-w` × `--_base-h`, written by the component) in a box that scrolls,
|
|
14524
|
+
each tile spanning its ratios, packed densely down the columns (horizontal: the box scrolls sideways) or along
|
|
14525
|
+
the rows (vertical). The text read out after a move lies beside the grid, not in the list. Only the layout is
|
|
14526
|
+
here: the view, a tile, its text and the copy after the pointer are units of the schema. */
|
|
14527
|
+
@layer mx.components {
|
|
14528
|
+
.mx-tile-view {
|
|
14529
|
+
position: relative;
|
|
14530
|
+
display: grid;
|
|
14531
|
+
grid-template-rows: minmax(0, 1fr);
|
|
14532
|
+
box-sizing: border-box;
|
|
14533
|
+
inline-size: 100%;
|
|
14534
|
+
min-inline-size: 0;
|
|
14535
|
+
}
|
|
14536
|
+
|
|
14537
|
+
.mx-tile-view__grid {
|
|
14538
|
+
display: grid;
|
|
14539
|
+
box-sizing: border-box;
|
|
14540
|
+
min-inline-size: 0;
|
|
14541
|
+
min-block-size: 0;
|
|
14542
|
+
gap: var(--_tile-view-gap);
|
|
14543
|
+
overflow: auto;
|
|
14544
|
+
}
|
|
14545
|
+
|
|
14546
|
+
.mx-tile-view[data-direction='horizontal'] > .mx-tile-view__grid {
|
|
14547
|
+
grid-auto-flow: column dense;
|
|
14548
|
+
grid-template-rows: repeat(auto-fill, var(--_base-h, 100px));
|
|
14549
|
+
grid-auto-columns: var(--_base-w, 100px);
|
|
14550
|
+
}
|
|
14551
|
+
|
|
14552
|
+
.mx-tile-view[data-direction='vertical'] > .mx-tile-view__grid {
|
|
14553
|
+
grid-auto-flow: row dense;
|
|
14554
|
+
grid-template-columns: repeat(auto-fill, var(--_base-w, 100px));
|
|
14555
|
+
grid-auto-rows: var(--_base-h, 100px);
|
|
14556
|
+
}
|
|
14557
|
+
|
|
14558
|
+
.mx-tile-view[data-dragging] {
|
|
14559
|
+
user-select: none;
|
|
14560
|
+
}
|
|
14561
|
+
|
|
14562
|
+
.mx-tile-view__tile {
|
|
14563
|
+
position: relative;
|
|
14564
|
+
display: flex;
|
|
14565
|
+
flex-direction: column;
|
|
14566
|
+
box-sizing: border-box;
|
|
14567
|
+
min-inline-size: 0;
|
|
14568
|
+
min-block-size: 0;
|
|
14569
|
+
overflow: hidden;
|
|
14570
|
+
}
|
|
14571
|
+
|
|
14572
|
+
.mx-tile-view__text {
|
|
14573
|
+
overflow-wrap: anywhere;
|
|
14574
|
+
}
|
|
14575
|
+
|
|
14576
|
+
.mx-tile-view__text[hidden] {
|
|
14577
|
+
display: none;
|
|
14578
|
+
}
|
|
14579
|
+
}
|
|
14580
|
+
|
|
14581
|
+
/* Resizable: the content, a frame of handles over the sides and corners (the window's frame part), and the grip in
|
|
14582
|
+
the end corner that takes the keys. Only the layout is here: the box, a handle, the grip and its glyph are units
|
|
14583
|
+
of the schema. The size itself is written inline by the component. */
|
|
14584
|
+
@layer mx.components {
|
|
14585
|
+
.mx-resizable {
|
|
14586
|
+
--_over: 1;
|
|
14587
|
+
|
|
14588
|
+
position: relative;
|
|
14589
|
+
display: block;
|
|
14590
|
+
box-sizing: border-box;
|
|
14591
|
+
min-inline-size: 0;
|
|
14592
|
+
}
|
|
14593
|
+
|
|
14594
|
+
.mx-resizable__frame {
|
|
14595
|
+
position: absolute;
|
|
14596
|
+
inset: 0;
|
|
14597
|
+
pointer-events: none;
|
|
14598
|
+
}
|
|
14599
|
+
|
|
14600
|
+
.mx-resizable[data-disabled] > .mx-resizable__frame,
|
|
14601
|
+
.mx-resizable[data-disabled] > .mx-resizable__grip {
|
|
14602
|
+
display: none;
|
|
14603
|
+
}
|
|
14604
|
+
|
|
14605
|
+
.mx-resizable__handle {
|
|
14606
|
+
position: absolute;
|
|
14607
|
+
pointer-events: auto;
|
|
14608
|
+
touch-action: none;
|
|
14609
|
+
}
|
|
14610
|
+
|
|
14611
|
+
.mx-resizable__handle[hidden] {
|
|
14612
|
+
display: none;
|
|
14613
|
+
}
|
|
14614
|
+
|
|
14615
|
+
.mx-resizable__handle:is([data-edge='top'], [data-edge='bottom']) {
|
|
14616
|
+
inset-inline: var(--_resizable-edge);
|
|
14617
|
+
block-size: var(--_resizable-edge);
|
|
14618
|
+
cursor: ns-resize;
|
|
14619
|
+
}
|
|
14620
|
+
|
|
14621
|
+
.mx-resizable__handle:is([data-edge='start'], [data-edge='end']) {
|
|
14622
|
+
inset-block: var(--_resizable-edge);
|
|
14623
|
+
inline-size: var(--_resizable-edge);
|
|
14624
|
+
cursor: ew-resize;
|
|
14625
|
+
}
|
|
14626
|
+
|
|
14627
|
+
.mx-resizable__handle[data-edge^='top'] {
|
|
14628
|
+
inset-block-start: 0;
|
|
14629
|
+
}
|
|
14630
|
+
|
|
14631
|
+
.mx-resizable__handle[data-edge^='bottom'] {
|
|
14632
|
+
inset-block-end: 0;
|
|
14633
|
+
}
|
|
14634
|
+
|
|
14635
|
+
.mx-resizable__handle:is([data-edge='start'], [data-edge$='-start']) {
|
|
14636
|
+
inset-inline-start: 0;
|
|
14637
|
+
}
|
|
14638
|
+
|
|
14639
|
+
.mx-resizable__handle:is([data-edge='end'], [data-edge$='-end']) {
|
|
14640
|
+
inset-inline-end: 0;
|
|
14641
|
+
}
|
|
14642
|
+
|
|
14643
|
+
.mx-resizable__handle[data-edge*='-'] {
|
|
14644
|
+
inline-size: calc(2 * var(--_resizable-edge));
|
|
14645
|
+
block-size: calc(2 * var(--_resizable-edge));
|
|
14646
|
+
}
|
|
14647
|
+
|
|
14648
|
+
.mx-resizable__handle:is([data-edge='top-start'], [data-edge='bottom-end']) {
|
|
14649
|
+
cursor: nwse-resize;
|
|
14650
|
+
}
|
|
14651
|
+
|
|
14652
|
+
.mx-resizable__handle:is([data-edge='top-end'], [data-edge='bottom-start']) {
|
|
14653
|
+
cursor: nesw-resize;
|
|
14654
|
+
}
|
|
14655
|
+
|
|
14656
|
+
.mx-resizable__handle:is([data-edge='top-start'], [data-edge='bottom-end']):dir(rtl) {
|
|
14657
|
+
cursor: nesw-resize;
|
|
14658
|
+
}
|
|
14659
|
+
|
|
14660
|
+
.mx-resizable__handle:is([data-edge='top-end'], [data-edge='bottom-start']):dir(rtl) {
|
|
14661
|
+
cursor: nwse-resize;
|
|
14662
|
+
}
|
|
14663
|
+
|
|
14664
|
+
/* The grip lies in the end corner, over the corner handle. */
|
|
14665
|
+
.mx-resizable__grip {
|
|
14666
|
+
position: absolute;
|
|
14667
|
+
z-index: var(--_over);
|
|
14668
|
+
inset-inline-end: 0;
|
|
14669
|
+
inset-block-end: 0;
|
|
14670
|
+
display: inline-flex;
|
|
14671
|
+
box-sizing: border-box;
|
|
14672
|
+
align-items: center;
|
|
14673
|
+
justify-content: center;
|
|
14674
|
+
touch-action: none;
|
|
14675
|
+
cursor: nwse-resize;
|
|
14676
|
+
}
|
|
14677
|
+
|
|
14678
|
+
.mx-resizable__grip:dir(rtl) {
|
|
14679
|
+
cursor: nesw-resize;
|
|
14680
|
+
}
|
|
14681
|
+
|
|
14682
|
+
.mx-resizable__grip[hidden] {
|
|
14683
|
+
display: none;
|
|
14684
|
+
}
|
|
14685
|
+
}
|
|
14686
|
+
|
|
14687
|
+
/* Draggable and DropTarget: the draggable moves by `translate` (written by the component) and, while it is
|
|
14688
|
+
dragged and no copy is sent, lets the pointer through so the target under it is found. Only the layout is here:
|
|
14689
|
+
the draggable, its handle, the copy after the pointer and a target are units of the schemas. */
|
|
14690
|
+
@layer mx.components {
|
|
14691
|
+
.mx-draggable {
|
|
14692
|
+
position: relative;
|
|
14693
|
+
display: block;
|
|
14694
|
+
box-sizing: border-box;
|
|
14695
|
+
min-inline-size: 0;
|
|
14696
|
+
}
|
|
14697
|
+
|
|
14698
|
+
.mx-draggable:not([data-dragging]) {
|
|
14699
|
+
transition: translate var(--mx-motion-duration-fast) var(--mx-motion-easing-standard);
|
|
14700
|
+
}
|
|
14701
|
+
|
|
14702
|
+
.mx-draggable[data-dragging]:not([data-clone]) {
|
|
14703
|
+
pointer-events: none;
|
|
14704
|
+
}
|
|
14705
|
+
|
|
14706
|
+
.mx-draggable:not([data-handle]),
|
|
14707
|
+
.mx-draggable__handle {
|
|
14708
|
+
touch-action: none;
|
|
14709
|
+
}
|
|
14710
|
+
|
|
14711
|
+
.mx-drop-target {
|
|
14712
|
+
position: relative;
|
|
14713
|
+
display: block;
|
|
14714
|
+
box-sizing: border-box;
|
|
14715
|
+
min-inline-size: 0;
|
|
14716
|
+
}
|
|
14717
|
+
}
|
|
14718
|
+
|
|
14719
|
+
/* SpeedDial: the main button and its actions, fixed to a corner, an edge or the centre of the viewport or of its
|
|
14720
|
+
parent, or inline. In a line the actions run up, down, to the start or to the end from the button; around it they
|
|
14721
|
+
lie on a circle at the angles the component writes (--_angle, --_step), as far out as the radius or as keeping
|
|
14722
|
+
them apart takes. Each action's label lies on the side the component writes (data-side). Only the layout is here:
|
|
14723
|
+
the main button, its glyph and text, an action, its icon and its label are units of the schema. */
|
|
14724
|
+
@layer mx.components {
|
|
14725
|
+
.mx-speed-dial {
|
|
14726
|
+
--_over: 1;
|
|
14727
|
+
--_out: 1;
|
|
14728
|
+
|
|
14729
|
+
position: fixed;
|
|
14730
|
+
z-index: var(--mx-z-toast, 1000);
|
|
14731
|
+
display: flex;
|
|
14732
|
+
box-sizing: border-box;
|
|
14733
|
+
align-items: center;
|
|
14734
|
+
gap: var(--_speed-dial-gap);
|
|
14735
|
+
}
|
|
14736
|
+
|
|
14737
|
+
.mx-speed-dial[data-position='inline'] {
|
|
14738
|
+
position: relative;
|
|
14739
|
+
z-index: auto;
|
|
14740
|
+
display: inline-flex;
|
|
14741
|
+
}
|
|
14742
|
+
|
|
14743
|
+
.mx-speed-dial[data-relative='parent']:not([data-position='inline']) {
|
|
14744
|
+
position: absolute;
|
|
14745
|
+
z-index: var(--_over);
|
|
14746
|
+
}
|
|
14747
|
+
|
|
14748
|
+
.mx-speed-dial[data-position^='bottom'] {
|
|
14749
|
+
inset-block-end: var(--_speed-dial-inset);
|
|
14750
|
+
}
|
|
14751
|
+
|
|
14752
|
+
.mx-speed-dial[data-position^='top'] {
|
|
14753
|
+
inset-block-start: var(--_speed-dial-inset);
|
|
14754
|
+
}
|
|
14755
|
+
|
|
14756
|
+
.mx-speed-dial[data-position$='end'] {
|
|
14757
|
+
inset-inline-end: var(--_speed-dial-inset);
|
|
14758
|
+
}
|
|
14759
|
+
|
|
14760
|
+
.mx-speed-dial[data-position$='start'] {
|
|
14761
|
+
inset-inline-start: var(--_speed-dial-inset);
|
|
14762
|
+
}
|
|
14763
|
+
|
|
14764
|
+
/* An edge's middle and the centre: auto margins, which keep to the reading direction. */
|
|
14765
|
+
.mx-speed-dial:is([data-position='top'], [data-position='bottom'], [data-position='center']) {
|
|
14766
|
+
inset-inline: 0;
|
|
14767
|
+
inline-size: fit-content;
|
|
14768
|
+
margin-inline: auto;
|
|
14769
|
+
}
|
|
14770
|
+
|
|
14771
|
+
.mx-speed-dial:is([data-position='start'], [data-position='end'], [data-position='center']) {
|
|
14772
|
+
inset-block: 0;
|
|
14773
|
+
block-size: fit-content;
|
|
14774
|
+
margin-block: auto;
|
|
14775
|
+
}
|
|
14776
|
+
|
|
14777
|
+
/* A line: the fan before the main button in the DOM runs away from the button whichever way. */
|
|
14778
|
+
.mx-speed-dial[data-direction='up'] {
|
|
14779
|
+
flex-direction: column;
|
|
14780
|
+
}
|
|
14781
|
+
|
|
14782
|
+
.mx-speed-dial[data-direction='down'] {
|
|
14783
|
+
flex-direction: column-reverse;
|
|
14784
|
+
}
|
|
14785
|
+
|
|
14786
|
+
.mx-speed-dial[data-direction='start'] {
|
|
14787
|
+
flex-direction: row;
|
|
14788
|
+
}
|
|
14789
|
+
|
|
14790
|
+
.mx-speed-dial[data-direction='end'] {
|
|
14791
|
+
flex-direction: row-reverse;
|
|
14792
|
+
}
|
|
14793
|
+
|
|
14794
|
+
.mx-speed-dial__fan {
|
|
14795
|
+
display: flex;
|
|
14796
|
+
align-items: center;
|
|
14797
|
+
transition:
|
|
14798
|
+
opacity var(--mx-motion-duration-fast) var(--mx-motion-easing-standard),
|
|
14799
|
+
translate var(--mx-motion-duration-fast) var(--mx-motion-easing-standard),
|
|
14800
|
+
visibility 0s var(--mx-motion-duration-fast);
|
|
14801
|
+
}
|
|
14802
|
+
|
|
14803
|
+
.mx-speed-dial[data-direction='up'] > .mx-speed-dial__fan {
|
|
14804
|
+
flex-direction: column-reverse;
|
|
14805
|
+
}
|
|
14806
|
+
|
|
14807
|
+
.mx-speed-dial[data-direction='down'] > .mx-speed-dial__fan {
|
|
14808
|
+
flex-direction: column;
|
|
14809
|
+
}
|
|
14810
|
+
|
|
14811
|
+
.mx-speed-dial[data-direction='start'] > .mx-speed-dial__fan {
|
|
14812
|
+
flex-direction: row-reverse;
|
|
14813
|
+
}
|
|
14814
|
+
|
|
14815
|
+
.mx-speed-dial[data-direction='end'] > .mx-speed-dial__fan {
|
|
14816
|
+
flex-direction: row;
|
|
14817
|
+
}
|
|
14818
|
+
|
|
14819
|
+
/* Closed, the fan is out of sight and a little towards the button; open, in its place. */
|
|
14820
|
+
.mx-speed-dial:not([data-open]) > .mx-speed-dial__fan {
|
|
14821
|
+
visibility: hidden;
|
|
14822
|
+
opacity: 0;
|
|
14823
|
+
}
|
|
14824
|
+
|
|
14825
|
+
.mx-speed-dial[data-direction='up']:not([data-open]) > .mx-speed-dial__fan {
|
|
14826
|
+
translate: 0 25%;
|
|
14827
|
+
}
|
|
14828
|
+
|
|
14829
|
+
.mx-speed-dial[data-direction='down']:not([data-open]) > .mx-speed-dial__fan {
|
|
14830
|
+
translate: 0 -25%;
|
|
14831
|
+
}
|
|
14832
|
+
|
|
14833
|
+
.mx-speed-dial[data-direction='start']:not([data-open]) > .mx-speed-dial__fan {
|
|
14834
|
+
translate: 25% 0;
|
|
14835
|
+
}
|
|
14836
|
+
|
|
14837
|
+
.mx-speed-dial[data-direction='end']:not([data-open]) > .mx-speed-dial__fan {
|
|
14838
|
+
translate: -25% 0;
|
|
14839
|
+
}
|
|
14840
|
+
|
|
14841
|
+
.mx-speed-dial[data-open] > .mx-speed-dial__fan {
|
|
14842
|
+
transition-delay: 0s;
|
|
14843
|
+
}
|
|
14844
|
+
|
|
14845
|
+
/* Around the button: the fan is a point at the button's centre and the actions come out of it to their places. */
|
|
14846
|
+
.mx-speed-dial:not([data-open]) {
|
|
14847
|
+
--_out: 0;
|
|
14848
|
+
}
|
|
14849
|
+
|
|
14850
|
+
.mx-speed-dial:not([data-layout='linear']) > .mx-speed-dial__fan {
|
|
14851
|
+
--_near: calc(var(--_speed-dial-main-size) / 2 + var(--_speed-dial-gap) + var(--_speed-dial-action-size) / 2);
|
|
14852
|
+
--_apart: calc((var(--_speed-dial-action-size) + var(--_speed-dial-gap)) / (2 * sin(var(--_step) / 2)));
|
|
14853
|
+
--_reach: var(--_radius, max(var(--_near), var(--_apart)));
|
|
14854
|
+
|
|
14855
|
+
position: absolute;
|
|
14856
|
+
inset-block-start: 50%;
|
|
14857
|
+
inset-inline-start: 50%;
|
|
14858
|
+
inline-size: 0;
|
|
14859
|
+
block-size: 0;
|
|
14860
|
+
}
|
|
14861
|
+
|
|
14862
|
+
.mx-speed-dial:not([data-layout='linear']) > .mx-speed-dial__fan > .mx-speed-dial__action {
|
|
14863
|
+
position: absolute;
|
|
14864
|
+
inset-block-start: calc(sin(var(--_angle)) * var(--_reach) * var(--_out));
|
|
14865
|
+
inset-inline-start: calc(cos(var(--_angle)) * var(--_reach) * var(--_out));
|
|
14866
|
+
margin-block-start: calc(var(--_speed-dial-action-size) / -2);
|
|
14867
|
+
margin-inline-start: calc(var(--_speed-dial-action-size) / -2);
|
|
14868
|
+
transition:
|
|
14869
|
+
inset-block-start var(--mx-motion-duration-fast) var(--mx-motion-easing-standard),
|
|
14870
|
+
inset-inline-start var(--mx-motion-duration-fast) var(--mx-motion-easing-standard);
|
|
14871
|
+
}
|
|
14872
|
+
|
|
14873
|
+
.mx-speed-dial__main,
|
|
14874
|
+
.mx-speed-dial__action {
|
|
14875
|
+
position: relative;
|
|
14876
|
+
display: inline-flex;
|
|
14877
|
+
flex: none;
|
|
14878
|
+
box-sizing: border-box;
|
|
14879
|
+
align-items: center;
|
|
14880
|
+
justify-content: center;
|
|
14881
|
+
margin: 0;
|
|
14882
|
+
padding: 0;
|
|
14883
|
+
border: 0;
|
|
14884
|
+
background: none;
|
|
14885
|
+
color: inherit;
|
|
14886
|
+
font: inherit;
|
|
14887
|
+
appearance: none;
|
|
14888
|
+
}
|
|
14889
|
+
|
|
14890
|
+
.mx-speed-dial__action[hidden],
|
|
14891
|
+
.mx-speed-dial__main-text[hidden] {
|
|
14892
|
+
display: none;
|
|
14893
|
+
}
|
|
14894
|
+
|
|
14895
|
+
.mx-speed-dial__main-text {
|
|
14896
|
+
white-space: nowrap;
|
|
14897
|
+
}
|
|
14898
|
+
|
|
14899
|
+
.mx-speed-dial__action-face {
|
|
14900
|
+
display: inline-flex;
|
|
14901
|
+
align-items: center;
|
|
14902
|
+
justify-content: center;
|
|
14903
|
+
}
|
|
14904
|
+
|
|
14905
|
+
/* An icon of the app's own takes the glyph's size. */
|
|
14906
|
+
.mx-speed-dial__icon {
|
|
14907
|
+
inline-size: var(--_speed-dial-action-icon-size, 1rem);
|
|
14908
|
+
block-size: var(--_speed-dial-action-icon-size, 1rem);
|
|
14909
|
+
}
|
|
14910
|
+
|
|
14911
|
+
/* The label beside an action, on the side the component says. It is placed from the action's padding box, so the
|
|
14912
|
+
action's border is added to the gap. */
|
|
14913
|
+
.mx-speed-dial__label {
|
|
14914
|
+
position: absolute;
|
|
14915
|
+
z-index: var(--_over);
|
|
14916
|
+
white-space: nowrap;
|
|
14917
|
+
pointer-events: none;
|
|
14918
|
+
}
|
|
14919
|
+
|
|
14920
|
+
.mx-speed-dial:not([data-labels]) .mx-speed-dial__label,
|
|
14921
|
+
.mx-speed-dial:not([data-open]) .mx-speed-dial__label {
|
|
14922
|
+
display: none;
|
|
14923
|
+
}
|
|
14924
|
+
|
|
14925
|
+
.mx-speed-dial__action:is([data-side='start'], [data-side='end']) > .mx-speed-dial__label {
|
|
14926
|
+
inset-block-start: 50%;
|
|
14927
|
+
translate: 0 -50%;
|
|
14928
|
+
}
|
|
14929
|
+
|
|
14930
|
+
.mx-speed-dial__action[data-side='start'] > .mx-speed-dial__label {
|
|
14931
|
+
inset-inline-end: calc(100% + var(--_speed-dial-label-gap) + var(--_speed-dial-action-border-width, 0px));
|
|
14932
|
+
}
|
|
14933
|
+
|
|
14934
|
+
.mx-speed-dial__action[data-side='end'] > .mx-speed-dial__label {
|
|
14935
|
+
inset-inline-start: calc(100% + var(--_speed-dial-label-gap) + var(--_speed-dial-action-border-width, 0px));
|
|
14936
|
+
}
|
|
14937
|
+
|
|
14938
|
+
/* Over or under: centred with auto margins, which keep to the reading direction. */
|
|
14939
|
+
.mx-speed-dial__action:is([data-side='top'], [data-side='bottom']) > .mx-speed-dial__label {
|
|
14940
|
+
inset-inline: -100vw;
|
|
14941
|
+
inline-size: fit-content;
|
|
14942
|
+
margin-inline: auto;
|
|
14943
|
+
}
|
|
14944
|
+
|
|
14945
|
+
.mx-speed-dial__action[data-side='top'] > .mx-speed-dial__label {
|
|
14946
|
+
inset-block-end: calc(100% + var(--_speed-dial-label-gap) + var(--_speed-dial-action-border-width, 0px));
|
|
14947
|
+
}
|
|
14948
|
+
|
|
14949
|
+
.mx-speed-dial__action[data-side='bottom'] > .mx-speed-dial__label {
|
|
14950
|
+
inset-block-start: calc(100% + var(--_speed-dial-label-gap) + var(--_speed-dial-action-border-width, 0px));
|
|
14951
|
+
}
|
|
14952
|
+
}
|
|
14953
|
+
|
|
14954
|
+
/* ValidationSummary: a header with a glyph and a list of lines, one per failed field, out of sight while nothing
|
|
14955
|
+
has failed. Only the layout is here: the box, the header and its glyph, a line are units of the schema. */
|
|
14956
|
+
@layer mx.components {
|
|
14957
|
+
.mx-validation-summary {
|
|
14958
|
+
display: flex;
|
|
14959
|
+
flex-direction: column;
|
|
14960
|
+
box-sizing: border-box;
|
|
14961
|
+
min-inline-size: 0;
|
|
14962
|
+
gap: var(--_validation-summary-gap);
|
|
14963
|
+
}
|
|
14964
|
+
|
|
14965
|
+
.mx-validation-summary[hidden],
|
|
14966
|
+
.mx-validation-summary[data-empty] {
|
|
14967
|
+
display: none;
|
|
14968
|
+
}
|
|
14969
|
+
|
|
14970
|
+
.mx-validation-summary__header {
|
|
14971
|
+
display: flex;
|
|
14972
|
+
align-items: center;
|
|
14973
|
+
gap: var(--_validation-summary-gap);
|
|
14974
|
+
margin: 0;
|
|
14975
|
+
}
|
|
14976
|
+
|
|
14977
|
+
.mx-validation-summary__header[hidden] {
|
|
14978
|
+
display: none;
|
|
14979
|
+
}
|
|
14980
|
+
|
|
14981
|
+
.mx-validation-summary__list {
|
|
14982
|
+
display: flex;
|
|
14983
|
+
flex-direction: column;
|
|
14984
|
+
gap: var(--_validation-summary-line-gap);
|
|
14985
|
+
margin: 0;
|
|
14986
|
+
padding: 0;
|
|
14987
|
+
list-style: none;
|
|
14988
|
+
}
|
|
14989
|
+
|
|
14990
|
+
.mx-validation-summary__item {
|
|
14991
|
+
display: inline-block;
|
|
14992
|
+
margin: 0;
|
|
14993
|
+
padding: 0;
|
|
14994
|
+
border: 0;
|
|
14995
|
+
background: none;
|
|
14996
|
+
color: inherit;
|
|
14997
|
+
font: inherit;
|
|
14998
|
+
text-align: start;
|
|
14999
|
+
appearance: none;
|
|
15000
|
+
}
|
|
15001
|
+
}
|
|
15002
|
+
|
|
15003
|
+
/* Timeline: down the page, each event a row with the dot on the line and the card beside it (on either side in
|
|
15004
|
+
turn when alternate); along a line, the flags in a track that scrolls with the buttons at its ends and the
|
|
15005
|
+
shown event's card under it. Only the layout is here: the line, a dot, its glyph, a card, a flag, the texts, the
|
|
15006
|
+
detail and the buttons are units of the schema. */
|
|
15007
|
+
@layer mx.components {
|
|
15008
|
+
.mx-timeline {
|
|
15009
|
+
--_dot: var(--_timeline-mark-size);
|
|
15010
|
+
|
|
15011
|
+
display: grid;
|
|
15012
|
+
box-sizing: border-box;
|
|
15013
|
+
inline-size: 100%;
|
|
15014
|
+
min-inline-size: 0;
|
|
15015
|
+
gap: var(--_timeline-row-gap);
|
|
15016
|
+
}
|
|
15017
|
+
|
|
15018
|
+
.mx-timeline__list {
|
|
15019
|
+
position: relative;
|
|
15020
|
+
display: flex;
|
|
15021
|
+
margin: 0;
|
|
15022
|
+
padding: 0;
|
|
15023
|
+
list-style: none;
|
|
15024
|
+
}
|
|
15025
|
+
|
|
15026
|
+
/* The line, under the dots: down the page one piece on the list; along it a piece on either side of each flag,
|
|
15027
|
+
since the flags are as wide as their dates. */
|
|
15028
|
+
.mx-timeline__list::before,
|
|
15029
|
+
.mx-timeline__item::before,
|
|
15030
|
+
.mx-timeline__item::after {
|
|
15031
|
+
content: '';
|
|
15032
|
+
position: absolute;
|
|
15033
|
+
pointer-events: none;
|
|
15034
|
+
}
|
|
15035
|
+
|
|
15036
|
+
.mx-timeline__item::before,
|
|
15037
|
+
.mx-timeline__item::after {
|
|
15038
|
+
display: none;
|
|
15039
|
+
}
|
|
15040
|
+
|
|
15041
|
+
.mx-timeline__nav[hidden],
|
|
15042
|
+
.mx-timeline__detail[hidden],
|
|
15043
|
+
.mx-timeline__date[hidden],
|
|
15044
|
+
.mx-timeline__description[hidden],
|
|
15045
|
+
.mx-timeline__content[hidden],
|
|
15046
|
+
.mx-timeline__dot-glyph[hidden] {
|
|
15047
|
+
display: none;
|
|
15048
|
+
}
|
|
15049
|
+
|
|
15050
|
+
.mx-timeline__dot {
|
|
15051
|
+
position: relative;
|
|
15052
|
+
display: inline-flex;
|
|
15053
|
+
flex: none;
|
|
15054
|
+
box-sizing: border-box;
|
|
15055
|
+
align-items: center;
|
|
15056
|
+
justify-content: center;
|
|
15057
|
+
}
|
|
15058
|
+
|
|
15059
|
+
.mx-timeline__dot-icon {
|
|
15060
|
+
inline-size: var(--_timeline-dot-glyph-size, 0.625rem);
|
|
15061
|
+
block-size: var(--_timeline-dot-glyph-size, 0.625rem);
|
|
15062
|
+
}
|
|
15063
|
+
|
|
15064
|
+
.mx-timeline__card,
|
|
15065
|
+
.mx-timeline__flag,
|
|
15066
|
+
.mx-timeline__nav {
|
|
15067
|
+
display: flex;
|
|
15068
|
+
box-sizing: border-box;
|
|
15069
|
+
margin: 0;
|
|
15070
|
+
border: 0;
|
|
15071
|
+
background: none;
|
|
15072
|
+
color: inherit;
|
|
15073
|
+
font: inherit;
|
|
15074
|
+
text-align: start;
|
|
15075
|
+
appearance: none;
|
|
15076
|
+
}
|
|
15077
|
+
|
|
15078
|
+
.mx-timeline__card {
|
|
15079
|
+
flex-direction: column;
|
|
15080
|
+
min-inline-size: 0;
|
|
15081
|
+
}
|
|
15082
|
+
|
|
15083
|
+
.mx-timeline__date,
|
|
15084
|
+
.mx-timeline__title,
|
|
15085
|
+
.mx-timeline__description {
|
|
15086
|
+
overflow-wrap: anywhere;
|
|
15087
|
+
}
|
|
15088
|
+
|
|
15089
|
+
/* Down the page: a row per event, the dot column at the start (in the middle when the cards take turns). */
|
|
15090
|
+
.mx-timeline[data-orientation='vertical'] > .mx-timeline__track {
|
|
15091
|
+
grid-column: 1 / -1;
|
|
15092
|
+
}
|
|
15093
|
+
|
|
15094
|
+
.mx-timeline[data-orientation='vertical'] .mx-timeline__list {
|
|
15095
|
+
--_line-w: var(--_timeline-line-thickness);
|
|
15096
|
+
--_line-h: auto;
|
|
15097
|
+
|
|
15098
|
+
flex-direction: column;
|
|
15099
|
+
gap: var(--_timeline-gap);
|
|
15100
|
+
}
|
|
15101
|
+
|
|
15102
|
+
.mx-timeline[data-orientation='vertical'] .mx-timeline__list::before {
|
|
15103
|
+
inset-block: calc(var(--_dot) / 2);
|
|
15104
|
+
inset-inline-start: calc(var(--_dot) / 2 - var(--_timeline-line-thickness) / 2);
|
|
15105
|
+
}
|
|
15106
|
+
|
|
15107
|
+
.mx-timeline[data-orientation='vertical'][data-alternate] .mx-timeline__list::before {
|
|
15108
|
+
inset-inline-start: calc(50% - var(--_timeline-line-thickness) / 2);
|
|
15109
|
+
}
|
|
15110
|
+
|
|
15111
|
+
.mx-timeline[data-orientation='vertical'] .mx-timeline__item {
|
|
15112
|
+
display: grid;
|
|
15113
|
+
grid-template-columns: var(--_dot) minmax(0, 1fr);
|
|
15114
|
+
column-gap: var(--_timeline-dot-gap);
|
|
15115
|
+
align-items: start;
|
|
15116
|
+
}
|
|
15117
|
+
|
|
15118
|
+
.mx-timeline[data-orientation='vertical'] .mx-timeline__item > .mx-timeline__dot {
|
|
15119
|
+
grid-column: 1;
|
|
15120
|
+
grid-row: 1;
|
|
15121
|
+
}
|
|
15122
|
+
|
|
15123
|
+
.mx-timeline[data-orientation='vertical'] .mx-timeline__item > .mx-timeline__card {
|
|
15124
|
+
grid-column: 2;
|
|
15125
|
+
grid-row: 1;
|
|
15126
|
+
}
|
|
15127
|
+
|
|
15128
|
+
.mx-timeline[data-orientation='vertical'][data-alternate] .mx-timeline__item {
|
|
15129
|
+
grid-template-columns: minmax(0, 1fr) var(--_dot) minmax(0, 1fr);
|
|
15130
|
+
}
|
|
15131
|
+
|
|
15132
|
+
.mx-timeline[data-orientation='vertical'][data-alternate] .mx-timeline__item > .mx-timeline__dot {
|
|
15133
|
+
grid-column: 2;
|
|
15134
|
+
}
|
|
15135
|
+
|
|
15136
|
+
.mx-timeline[data-orientation='vertical'][data-alternate] .mx-timeline__item[data-side='start'] > .mx-timeline__card {
|
|
15137
|
+
grid-column: 1;
|
|
15138
|
+
text-align: end;
|
|
15139
|
+
align-items: flex-end;
|
|
15140
|
+
}
|
|
15141
|
+
|
|
15142
|
+
.mx-timeline[data-orientation='vertical'][data-alternate] .mx-timeline__item[data-side='end'] > .mx-timeline__card {
|
|
15143
|
+
grid-column: 3;
|
|
15144
|
+
}
|
|
15145
|
+
|
|
15146
|
+
.mx-timeline[data-orientation='vertical'] .mx-timeline__nav,
|
|
15147
|
+
.mx-timeline[data-orientation='vertical'] .mx-timeline__detail {
|
|
15148
|
+
display: none;
|
|
15149
|
+
}
|
|
15150
|
+
|
|
15151
|
+
/* Along a line: the buttons at the ends of a track that scrolls, the flags on the line, the detail under it. */
|
|
15152
|
+
.mx-timeline[data-orientation='horizontal'] {
|
|
15153
|
+
grid-template-columns: auto minmax(0, 1fr) auto;
|
|
15154
|
+
align-items: center;
|
|
15155
|
+
}
|
|
15156
|
+
|
|
15157
|
+
.mx-timeline[data-orientation='horizontal'] > .mx-timeline__track {
|
|
15158
|
+
min-inline-size: 0;
|
|
15159
|
+
overflow-x: auto;
|
|
15160
|
+
scrollbar-width: none;
|
|
15161
|
+
scroll-behavior: smooth;
|
|
15162
|
+
}
|
|
15163
|
+
|
|
15164
|
+
.mx-timeline[data-orientation='horizontal'] > .mx-timeline__track::-webkit-scrollbar {
|
|
15165
|
+
display: none;
|
|
15166
|
+
}
|
|
15167
|
+
|
|
15168
|
+
.mx-timeline[data-orientation='horizontal'] .mx-timeline__list {
|
|
15169
|
+
--_line-w: auto;
|
|
15170
|
+
--_line-h: var(--_timeline-line-thickness);
|
|
15171
|
+
|
|
15172
|
+
flex-direction: row;
|
|
15173
|
+
gap: var(--_timeline-track-gap);
|
|
15174
|
+
inline-size: max-content;
|
|
15175
|
+
min-inline-size: 100%;
|
|
15176
|
+
}
|
|
15177
|
+
|
|
15178
|
+
.mx-timeline[data-orientation='horizontal'] .mx-timeline__list::before {
|
|
15179
|
+
display: none;
|
|
15180
|
+
}
|
|
15181
|
+
|
|
15182
|
+
.mx-timeline[data-orientation='horizontal'] .mx-timeline__item {
|
|
15183
|
+
position: relative;
|
|
15184
|
+
flex: none;
|
|
15185
|
+
display: flex;
|
|
15186
|
+
}
|
|
15187
|
+
|
|
15188
|
+
.mx-timeline[data-orientation='horizontal'] .mx-timeline__item:not(:first-child)::before,
|
|
15189
|
+
.mx-timeline[data-orientation='horizontal'] .mx-timeline__item:not(:last-child)::after {
|
|
15190
|
+
display: block;
|
|
15191
|
+
inset-block-start: calc(var(--_timeline-flag-padding, 0px) + var(--_dot) / 2 - var(--_timeline-line-thickness) / 2);
|
|
15192
|
+
}
|
|
15193
|
+
|
|
15194
|
+
.mx-timeline[data-orientation='horizontal'] .mx-timeline__item::before {
|
|
15195
|
+
--_line-w: calc(50% + var(--_timeline-track-gap));
|
|
15196
|
+
|
|
15197
|
+
inset-inline-start: calc(-1 * var(--_timeline-track-gap));
|
|
15198
|
+
}
|
|
15199
|
+
|
|
15200
|
+
.mx-timeline[data-orientation='horizontal'] .mx-timeline__item::after {
|
|
15201
|
+
--_line-w: 50%;
|
|
15202
|
+
|
|
15203
|
+
inset-inline-start: 50%;
|
|
15204
|
+
}
|
|
15205
|
+
|
|
15206
|
+
.mx-timeline__flag {
|
|
15207
|
+
position: relative;
|
|
15208
|
+
flex-direction: column;
|
|
15209
|
+
align-items: center;
|
|
15210
|
+
text-align: center;
|
|
15211
|
+
white-space: nowrap;
|
|
15212
|
+
}
|
|
15213
|
+
|
|
15214
|
+
.mx-timeline__flag > .mx-timeline__title {
|
|
15215
|
+
display: none;
|
|
15216
|
+
}
|
|
15217
|
+
|
|
15218
|
+
.mx-timeline[data-orientation='horizontal'] > .mx-timeline__detail {
|
|
15219
|
+
grid-column: 1 / -1;
|
|
15220
|
+
display: flex;
|
|
15221
|
+
flex-direction: column;
|
|
15222
|
+
min-inline-size: 0;
|
|
15223
|
+
}
|
|
15224
|
+
|
|
15225
|
+
.mx-timeline__nav {
|
|
15226
|
+
align-items: center;
|
|
15227
|
+
justify-content: center;
|
|
15228
|
+
flex: none;
|
|
15229
|
+
padding: 0;
|
|
15230
|
+
}
|
|
15231
|
+
}
|
|
15232
|
+
|
|
15233
|
+
/* Popover: a surface in the top layer next to its target. placePopup writes its position; the gap to the target is the
|
|
15234
|
+
margin of the side it opens on, and it comes in from the target by `enter-offset`. Only the layout is here: the
|
|
15235
|
+
surface, the arrow, the header, the title and the body are units of the schema. The arrow is a square turned on its
|
|
15236
|
+
corner, its inner half clipped away, set along the edge towards the target where the component puts it. */
|
|
15237
|
+
@layer mx.components {
|
|
15238
|
+
.mx-popover {
|
|
15239
|
+
position: fixed;
|
|
15240
|
+
inset: auto;
|
|
15241
|
+
z-index: var(--mx-z-dropdown);
|
|
15242
|
+
box-sizing: border-box;
|
|
15243
|
+
margin: 0;
|
|
15244
|
+
overflow: visible;
|
|
15245
|
+
animation: mx-popover-in var(--mx-motion-duration-fast) var(--mx-motion-easing-out);
|
|
15246
|
+
|
|
15247
|
+
--_enter: 0 0;
|
|
15248
|
+
}
|
|
15249
|
+
|
|
15250
|
+
.mx-popover:is([popover]:not(:popover-open), [hidden]) {
|
|
15251
|
+
display: none;
|
|
15252
|
+
}
|
|
15253
|
+
|
|
15254
|
+
.mx-popover[data-side='bottom'] {
|
|
15255
|
+
margin-block-start: var(--_popover-offset);
|
|
15256
|
+
|
|
15257
|
+
--_enter: 0 calc(-1 * var(--_popover-enter-offset));
|
|
15258
|
+
}
|
|
15259
|
+
|
|
15260
|
+
.mx-popover[data-side='top'] {
|
|
15261
|
+
margin-block-end: var(--_popover-offset);
|
|
15262
|
+
|
|
15263
|
+
--_enter: 0 var(--_popover-enter-offset);
|
|
15264
|
+
}
|
|
15265
|
+
|
|
15266
|
+
.mx-popover[data-side='end'] {
|
|
15267
|
+
margin-inline-start: var(--_popover-offset);
|
|
15268
|
+
|
|
15269
|
+
--_enter: calc(-1 * var(--_popover-enter-offset)) 0;
|
|
15270
|
+
}
|
|
15271
|
+
|
|
15272
|
+
.mx-popover[data-side='start'] {
|
|
15273
|
+
margin-inline-end: var(--_popover-offset);
|
|
15274
|
+
|
|
15275
|
+
--_enter: var(--_popover-enter-offset) 0;
|
|
15276
|
+
}
|
|
15277
|
+
|
|
15278
|
+
.mx-popover[data-side='end']:dir(rtl) {
|
|
15279
|
+
--_enter: var(--_popover-enter-offset) 0;
|
|
15280
|
+
}
|
|
15281
|
+
|
|
15282
|
+
.mx-popover[data-side='start']:dir(rtl) {
|
|
15283
|
+
--_enter: calc(-1 * var(--_popover-enter-offset)) 0;
|
|
15284
|
+
}
|
|
15285
|
+
|
|
15286
|
+
.mx-popover__arrow {
|
|
15287
|
+
position: absolute;
|
|
15288
|
+
box-sizing: border-box;
|
|
15289
|
+
clip-path: polygon(0 0, 100% 0, 0 100%);
|
|
15290
|
+
pointer-events: none;
|
|
15291
|
+
}
|
|
15292
|
+
|
|
15293
|
+
.mx-popover:not([data-arrow]) > .mx-popover__arrow {
|
|
15294
|
+
display: none;
|
|
15295
|
+
}
|
|
15296
|
+
|
|
15297
|
+
.mx-popover[data-side='bottom'] > .mx-popover__arrow {
|
|
15298
|
+
top: 0;
|
|
15299
|
+
translate: -50% -50%;
|
|
15300
|
+
rotate: 45deg;
|
|
15301
|
+
}
|
|
15302
|
+
|
|
15303
|
+
.mx-popover[data-side='top'] > .mx-popover__arrow {
|
|
15304
|
+
bottom: 0;
|
|
15305
|
+
translate: -50% 50%;
|
|
15306
|
+
rotate: 225deg;
|
|
15307
|
+
}
|
|
15308
|
+
|
|
15309
|
+
.mx-popover:is([data-side='end']:dir(ltr), [data-side='start']:dir(rtl)) > .mx-popover__arrow {
|
|
15310
|
+
left: 0;
|
|
15311
|
+
translate: -50% -50%;
|
|
15312
|
+
rotate: -45deg;
|
|
15313
|
+
}
|
|
15314
|
+
|
|
15315
|
+
.mx-popover:is([data-side='start']:dir(ltr), [data-side='end']:dir(rtl)) > .mx-popover__arrow {
|
|
15316
|
+
right: 0;
|
|
15317
|
+
translate: 50% -50%;
|
|
15318
|
+
rotate: 135deg;
|
|
15319
|
+
}
|
|
15320
|
+
|
|
15321
|
+
.mx-popover__header {
|
|
15322
|
+
display: flex;
|
|
15323
|
+
align-items: center;
|
|
15324
|
+
justify-content: space-between;
|
|
15325
|
+
gap: var(--_popover-header-gap);
|
|
15326
|
+
}
|
|
15327
|
+
|
|
15328
|
+
.mx-popover__title {
|
|
15329
|
+
flex: 1 1 auto;
|
|
15330
|
+
min-inline-size: 0;
|
|
15331
|
+
}
|
|
15332
|
+
|
|
15333
|
+
.mx-popover__close {
|
|
15334
|
+
flex: none;
|
|
15335
|
+
margin-inline-start: auto;
|
|
15336
|
+
}
|
|
15337
|
+
|
|
15338
|
+
.mx-popover__body {
|
|
15339
|
+
min-inline-size: 0;
|
|
15340
|
+
}
|
|
15341
|
+
|
|
15342
|
+
@keyframes mx-popover-in {
|
|
15343
|
+
from {
|
|
15344
|
+
opacity: 0;
|
|
15345
|
+
translate: var(--_enter);
|
|
15346
|
+
}
|
|
15347
|
+
}
|
|
15348
|
+
}
|
|
15349
|
+
|
|
15350
|
+
/* LoadPanel: a layer over a container (absolute, inside it) or over the page (fixed), a pane in the middle with the
|
|
15351
|
+
indicator, the message and a Cancel button. Only the layout is here: the shade, the pane and the message are units
|
|
15352
|
+
of the schema; the indicator is the kit's spinner and the button the kit's, their look in the pane from the
|
|
15353
|
+
panel's places. A container it covers carries `data-mx-covered` (`position: relative`, as for the spinner's cover). */
|
|
15354
|
+
@layer mx.components {
|
|
15355
|
+
.mx-load-panel {
|
|
15356
|
+
position: absolute;
|
|
15357
|
+
inset: 0;
|
|
15358
|
+
z-index: var(--mx-z-overlay);
|
|
15359
|
+
display: flex;
|
|
15360
|
+
box-sizing: border-box;
|
|
15361
|
+
align-items: center;
|
|
15362
|
+
justify-content: center;
|
|
15363
|
+
padding: var(--_load-panel-padding);
|
|
15364
|
+
border-radius: inherit;
|
|
15365
|
+
outline: none;
|
|
15366
|
+
}
|
|
15367
|
+
|
|
15368
|
+
.mx-load-panel[data-page] {
|
|
15369
|
+
position: fixed;
|
|
15370
|
+
border-radius: 0;
|
|
15371
|
+
}
|
|
15372
|
+
|
|
15373
|
+
.mx-load-panel[hidden] {
|
|
15374
|
+
display: none;
|
|
15375
|
+
}
|
|
15376
|
+
|
|
15377
|
+
.mx-load-panel__pane {
|
|
15378
|
+
display: flex;
|
|
15379
|
+
flex-direction: column;
|
|
15380
|
+
box-sizing: border-box;
|
|
15381
|
+
align-items: center;
|
|
15382
|
+
gap: var(--_load-panel-gap);
|
|
15383
|
+
max-inline-size: 100%;
|
|
15384
|
+
text-align: center;
|
|
15385
|
+
}
|
|
15386
|
+
|
|
15387
|
+
.mx-load-panel__message:empty {
|
|
15388
|
+
display: none;
|
|
15389
|
+
}
|
|
15390
|
+
}
|
|
15391
|
+
|
|
15392
|
+
/* DateRangeBox: a field with two masked inputs, a separator between them, the calendars and the presets on a popup.
|
|
15393
|
+
Only the layout is here: the separator and the list of presets are units of the schema, the calendars a place. */
|
|
15394
|
+
@layer mx.components {
|
|
15395
|
+
.mx-date-range-box .mx-field__input {
|
|
15396
|
+
flex: 1 1 0;
|
|
15397
|
+
min-inline-size: 0;
|
|
15398
|
+
}
|
|
15399
|
+
|
|
15400
|
+
.mx-date-range-box__tools {
|
|
15401
|
+
display: flex;
|
|
15402
|
+
flex: 1 1 0;
|
|
15403
|
+
align-items: center;
|
|
15404
|
+
min-inline-size: 0;
|
|
15405
|
+
}
|
|
15406
|
+
|
|
15407
|
+
.mx-date-range-box__separator {
|
|
15408
|
+
flex: none;
|
|
15409
|
+
}
|
|
15410
|
+
|
|
15411
|
+
.mx-date-range-box__popup {
|
|
15412
|
+
display: flex;
|
|
15413
|
+
align-items: stretch;
|
|
15414
|
+
gap: var(--_date-range-box-popup-gap);
|
|
15415
|
+
}
|
|
15416
|
+
|
|
15417
|
+
.mx-date-range-box__presets {
|
|
15418
|
+
overflow: auto;
|
|
15419
|
+
}
|
|
15420
|
+
}
|
|
15421
|
+
|
|
15422
|
+
/* FileUploader: the field's box holds the select button, the drop hint and the Upload button; the files are listed
|
|
15423
|
+
under it. Only the layout is here: the box when a file is dragged over it, the select button, the hint, a row of
|
|
15424
|
+
the list, its texts and the state are units of the schema; the row's buttons and progress bar are the kit's,
|
|
15425
|
+
their look in a row from the uploader's places. */
|
|
15426
|
+
@layer mx.components {
|
|
15427
|
+
/* The box is a drop zone, not a line of text: as tall as what it holds, the same room on every side. */
|
|
15428
|
+
.mx-file-uploader > .mx-field__box {
|
|
15429
|
+
--_box-height: auto;
|
|
15430
|
+
|
|
15431
|
+
flex-wrap: wrap;
|
|
15432
|
+
align-items: center;
|
|
15433
|
+
align-content: center;
|
|
15434
|
+
gap: var(--_file-uploader-box-gap);
|
|
15435
|
+
padding: var(--_file-uploader-zone-padding);
|
|
15436
|
+
}
|
|
15437
|
+
|
|
15438
|
+
.mx-file-uploader__select,
|
|
15439
|
+
.mx-file-uploader__upload {
|
|
15440
|
+
display: inline-flex;
|
|
15441
|
+
align-items: center;
|
|
15442
|
+
gap: var(--_file-uploader-button-gap);
|
|
15443
|
+
margin: 0;
|
|
15444
|
+
border: 0;
|
|
15445
|
+
background: none;
|
|
15446
|
+
color: inherit;
|
|
15447
|
+
font: inherit;
|
|
15448
|
+
appearance: none;
|
|
15449
|
+
}
|
|
15450
|
+
|
|
15451
|
+
.mx-file-uploader__upload {
|
|
13512
15452
|
margin-inline-start: auto;
|
|
13513
15453
|
}
|
|
13514
15454
|
|
|
@@ -22612,6 +24552,53 @@
|
|
|
22612
24552
|
cursor: default;
|
|
22613
24553
|
}
|
|
22614
24554
|
|
|
24555
|
+
.mx-draggable {
|
|
24556
|
+
outline-style: solid;
|
|
24557
|
+
outline-width: 0px;
|
|
24558
|
+
}
|
|
24559
|
+
|
|
24560
|
+
.mx-draggable:not([data-disabled]):not([data-handle]) {
|
|
24561
|
+
cursor: var(--_draggable-box-draggable-cursor, inherit);
|
|
24562
|
+
}
|
|
24563
|
+
|
|
24564
|
+
.mx-draggable[data-dragging] {
|
|
24565
|
+
box-shadow: 0 0 #0000, var(--_draggable-box-dragging-shadow, 0 0 #0000);
|
|
24566
|
+
cursor: var(--_draggable-box-dragging-cursor, inherit);
|
|
24567
|
+
}
|
|
24568
|
+
|
|
24569
|
+
.mx-draggable:focus-visible {
|
|
24570
|
+
box-shadow: var(--_draggable-box-focus-glow, 0 0 #0000), 0 0 #0000;
|
|
24571
|
+
outline-width: var(--_draggable-box-focus-outline-width, 0px);
|
|
24572
|
+
outline-color: var(--_draggable-box-focus-outline-color, currentcolor);
|
|
24573
|
+
outline-offset: var(--_draggable-box-focus-outline-offset, 0px);
|
|
24574
|
+
}
|
|
24575
|
+
|
|
24576
|
+
.mx-draggable__handle {
|
|
24577
|
+
outline-style: solid;
|
|
24578
|
+
outline-width: 0px;
|
|
24579
|
+
cursor: var(--_draggable-handle-cursor, inherit);
|
|
24580
|
+
}
|
|
24581
|
+
|
|
24582
|
+
.mx-draggable:not([data-disabled]) .mx-draggable__handle:hover {
|
|
24583
|
+
background-color: var(--_draggable-handle-hover-bg, transparent);
|
|
24584
|
+
}
|
|
24585
|
+
|
|
24586
|
+
.mx-draggable__handle:focus-visible {
|
|
24587
|
+
box-shadow: var(--_draggable-handle-focus-glow, 0 0 #0000), 0 0 #0000;
|
|
24588
|
+
outline-width: var(--_draggable-handle-focus-outline-width, 0px);
|
|
24589
|
+
outline-color: var(--_draggable-handle-focus-outline-color, currentcolor);
|
|
24590
|
+
outline-offset: var(--_draggable-handle-focus-outline-offset, 0px);
|
|
24591
|
+
}
|
|
24592
|
+
|
|
24593
|
+
.mx-draggable__ghost {
|
|
24594
|
+
border-start-start-radius: var(--_draggable-ghost-radius, 0px);
|
|
24595
|
+
border-start-end-radius: var(--_draggable-ghost-radius, 0px);
|
|
24596
|
+
border-end-start-radius: var(--_draggable-ghost-radius, 0px);
|
|
24597
|
+
border-end-end-radius: var(--_draggable-ghost-radius, 0px);
|
|
24598
|
+
box-shadow: var(--_draggable-ghost-shadow, none);
|
|
24599
|
+
opacity: var(--_draggable-ghost-opacity, 1);
|
|
24600
|
+
}
|
|
24601
|
+
|
|
22615
24602
|
.mx-drawer__scrim {
|
|
22616
24603
|
background-color: var(--_drawer-scrim-bg, transparent);
|
|
22617
24604
|
}
|
|
@@ -22761,6 +24748,38 @@
|
|
|
22761
24748
|
background-color: currentcolor;
|
|
22762
24749
|
}
|
|
22763
24750
|
|
|
24751
|
+
.mx-drop-target {
|
|
24752
|
+
border-start-start-radius: var(--_drop-target-target-radius, 0px);
|
|
24753
|
+
border-start-end-radius: var(--_drop-target-target-radius, 0px);
|
|
24754
|
+
border-end-start-radius: var(--_drop-target-target-radius, 0px);
|
|
24755
|
+
border-end-end-radius: var(--_drop-target-target-radius, 0px);
|
|
24756
|
+
outline-style: solid;
|
|
24757
|
+
outline-width: 0px;
|
|
24758
|
+
}
|
|
24759
|
+
|
|
24760
|
+
.mx-drop-target[data-drop-active] {
|
|
24761
|
+
outline-style: var(--_drop-target-target-active-outline-style, solid);
|
|
24762
|
+
outline-width: var(--_drop-target-target-active-outline-width, 0px);
|
|
24763
|
+
outline-color: var(--_drop-target-target-active-outline-color, currentcolor);
|
|
24764
|
+
outline-offset: var(--_drop-target-target-active-outline-offset, 0px);
|
|
24765
|
+
}
|
|
24766
|
+
|
|
24767
|
+
.mx-drop-target[data-drop-over] {
|
|
24768
|
+
background-color: var(--_drop-target-target-over-bg, transparent);
|
|
24769
|
+
outline-style: var(--_drop-target-target-over-outline-style, solid);
|
|
24770
|
+
outline-width: var(--_drop-target-target-over-outline-width, 0px);
|
|
24771
|
+
outline-color: var(--_drop-target-target-over-outline-color, currentcolor);
|
|
24772
|
+
outline-offset: var(--_drop-target-target-over-outline-offset, 0px);
|
|
24773
|
+
}
|
|
24774
|
+
|
|
24775
|
+
.mx-drop-target[data-drop-refused] {
|
|
24776
|
+
background-color: var(--_drop-target-target-refused-bg, transparent);
|
|
24777
|
+
outline-style: var(--_drop-target-target-refused-outline-style, solid);
|
|
24778
|
+
outline-width: var(--_drop-target-target-refused-outline-width, 0px);
|
|
24779
|
+
outline-color: var(--_drop-target-target-refused-outline-color, currentcolor);
|
|
24780
|
+
outline-offset: var(--_drop-target-target-refused-outline-offset, 0px);
|
|
24781
|
+
}
|
|
24782
|
+
|
|
22764
24783
|
:where(.mx-field) > .mx-field__box {
|
|
22765
24784
|
min-block-size: var(--_box-height);
|
|
22766
24785
|
padding-inline-end: var(--_padding-end);
|
|
@@ -23586,62 +25605,284 @@
|
|
|
23586
25605
|
font-size: var(--_file-uploader-state-font-size, inherit);
|
|
23587
25606
|
}
|
|
23588
25607
|
|
|
23589
|
-
.mx-file-uploader__item[data-status='done'] .mx-file-uploader__state {
|
|
23590
|
-
color: var(--_file-uploader-state-done-color, var(--_file-uploader-state-color, inherit));
|
|
25608
|
+
.mx-file-uploader__item[data-status='done'] .mx-file-uploader__state {
|
|
25609
|
+
color: var(--_file-uploader-state-done-color, var(--_file-uploader-state-color, inherit));
|
|
25610
|
+
}
|
|
25611
|
+
|
|
25612
|
+
.mx-file-uploader__item:is([data-status='error'], [data-status='invalid']) .mx-file-uploader__state {
|
|
25613
|
+
color: var(--_file-uploader-state-error-color, var(--_file-uploader-state-color, inherit));
|
|
25614
|
+
}
|
|
25615
|
+
|
|
25616
|
+
.mx-filter-builder {
|
|
25617
|
+
color: var(--_filterbuilder-container-color, inherit);
|
|
25618
|
+
font-size: var(--_filterbuilder-container-font-size, inherit);
|
|
25619
|
+
}
|
|
25620
|
+
|
|
25621
|
+
.mx-filter-builder__tree {
|
|
25622
|
+
gap: var(--_filterbuilder-tree-gap, normal);
|
|
25623
|
+
}
|
|
25624
|
+
|
|
25625
|
+
.mx-filter-builder__row {
|
|
25626
|
+
padding-inline-start: calc(var(--_level, 0) * var(--_row-indent));
|
|
25627
|
+
gap: var(--_filterbuilder-row-gap, normal);
|
|
25628
|
+
}
|
|
25629
|
+
|
|
25630
|
+
.mx-filter-builder__editor {
|
|
25631
|
+
gap: var(--_filterbuilder-editor-gap, normal);
|
|
25632
|
+
}
|
|
25633
|
+
|
|
25634
|
+
.mx-form-layout__group {
|
|
25635
|
+
margin-block-start: 0px;
|
|
25636
|
+
margin-inline-end: 0px;
|
|
25637
|
+
margin-block-end: 0px;
|
|
25638
|
+
margin-inline-start: 0px;
|
|
25639
|
+
padding-block-start: var(--_form-layout-group-padding, 0px);
|
|
25640
|
+
padding-inline-end: var(--_form-layout-group-padding, 0px);
|
|
25641
|
+
padding-block-end: var(--_form-layout-group-padding, 0px);
|
|
25642
|
+
padding-inline-start: var(--_form-layout-group-padding, 0px);
|
|
25643
|
+
background-color: var(--_form-layout-group-bg, transparent);
|
|
25644
|
+
border-style: solid;
|
|
25645
|
+
border-block-start-width: var(--_form-layout-group-border-width, 0px);
|
|
25646
|
+
border-inline-end-width: var(--_form-layout-group-border-width, 0px);
|
|
25647
|
+
border-block-end-width: var(--_form-layout-group-border-width, 0px);
|
|
25648
|
+
border-inline-start-width: var(--_form-layout-group-border-width, 0px);
|
|
25649
|
+
border-block-start-color: var(--_form-layout-group-border-color, currentcolor);
|
|
25650
|
+
border-inline-end-color: var(--_form-layout-group-border-color, currentcolor);
|
|
25651
|
+
border-block-end-color: var(--_form-layout-group-border-color, currentcolor);
|
|
25652
|
+
border-inline-start-color: var(--_form-layout-group-border-color, currentcolor);
|
|
25653
|
+
border-start-start-radius: var(--_form-layout-group-radius, 0px);
|
|
25654
|
+
border-start-end-radius: var(--_form-layout-group-radius, 0px);
|
|
25655
|
+
border-end-start-radius: var(--_form-layout-group-radius, 0px);
|
|
25656
|
+
border-end-end-radius: var(--_form-layout-group-radius, 0px);
|
|
25657
|
+
}
|
|
25658
|
+
|
|
25659
|
+
.mx-form-layout__caption {
|
|
25660
|
+
padding-inline-end: var(--_form-layout-caption-padding-inline, 0px);
|
|
25661
|
+
padding-inline-start: var(--_form-layout-caption-padding-inline, 0px);
|
|
25662
|
+
font-size: var(--_form-layout-caption-font-size, inherit);
|
|
25663
|
+
font-weight: var(--_form-layout-caption-font-weight, inherit);
|
|
25664
|
+
}
|
|
25665
|
+
|
|
25666
|
+
.mx-gallery__viewport {
|
|
25667
|
+
background-color: var(--_gallery-frame-bg, transparent);
|
|
25668
|
+
border-style: solid;
|
|
25669
|
+
border-block-start-width: var(--_gallery-frame-border-width, 0px);
|
|
25670
|
+
border-inline-end-width: var(--_gallery-frame-border-width, 0px);
|
|
25671
|
+
border-block-end-width: var(--_gallery-frame-border-width, 0px);
|
|
25672
|
+
border-inline-start-width: var(--_gallery-frame-border-width, 0px);
|
|
25673
|
+
border-block-start-color: var(--_gallery-frame-border-color, currentcolor);
|
|
25674
|
+
border-inline-end-color: var(--_gallery-frame-border-color, currentcolor);
|
|
25675
|
+
border-block-end-color: var(--_gallery-frame-border-color, currentcolor);
|
|
25676
|
+
border-inline-start-color: var(--_gallery-frame-border-color, currentcolor);
|
|
25677
|
+
border-start-start-radius: var(--_gallery-frame-radius, 0px);
|
|
25678
|
+
border-start-end-radius: var(--_gallery-frame-radius, 0px);
|
|
25679
|
+
border-end-start-radius: var(--_gallery-frame-radius, 0px);
|
|
25680
|
+
border-end-end-radius: var(--_gallery-frame-radius, 0px);
|
|
25681
|
+
outline-style: solid;
|
|
25682
|
+
outline-width: 0px;
|
|
25683
|
+
}
|
|
25684
|
+
|
|
25685
|
+
.mx-gallery__viewport:focus-visible {
|
|
25686
|
+
box-shadow: var(--_gallery-frame-focus-glow, 0 0 #0000), 0 0 #0000;
|
|
25687
|
+
outline-width: var(--_gallery-frame-focus-outline-width, 0px);
|
|
25688
|
+
outline-color: var(--_gallery-frame-focus-outline-color, currentcolor);
|
|
25689
|
+
outline-offset: var(--_gallery-frame-focus-outline-offset, 0px);
|
|
25690
|
+
}
|
|
25691
|
+
|
|
25692
|
+
.mx-gallery[data-swipe] > .mx-gallery__viewport {
|
|
25693
|
+
cursor: var(--_gallery-frame-swipeable-cursor, inherit);
|
|
25694
|
+
}
|
|
25695
|
+
|
|
25696
|
+
.mx-gallery[data-dragging] > .mx-gallery__viewport {
|
|
25697
|
+
cursor: var(--_gallery-frame-dragging-cursor, inherit);
|
|
25698
|
+
}
|
|
25699
|
+
|
|
25700
|
+
.mx-gallery__item {
|
|
25701
|
+
border-start-start-radius: var(--_gallery-item-radius, 0px);
|
|
25702
|
+
border-start-end-radius: var(--_gallery-item-radius, 0px);
|
|
25703
|
+
border-end-start-radius: var(--_gallery-item-radius, 0px);
|
|
25704
|
+
border-end-end-radius: var(--_gallery-item-radius, 0px);
|
|
25705
|
+
}
|
|
25706
|
+
|
|
25707
|
+
.mx-gallery__caption {
|
|
25708
|
+
padding-block-start: var(--_gallery-caption-padding);
|
|
25709
|
+
padding-inline-end: var(--_gallery-caption-padding);
|
|
25710
|
+
padding-block-end: var(--_gallery-caption-padding);
|
|
25711
|
+
padding-inline-start: var(--_gallery-caption-padding);
|
|
25712
|
+
background-color: var(--_gallery-caption-bg, transparent);
|
|
25713
|
+
color: var(--_gallery-caption-color, inherit);
|
|
25714
|
+
font-size: var(--_gallery-caption-font-size, inherit);
|
|
25715
|
+
}
|
|
25716
|
+
|
|
25717
|
+
.mx-gallery__title {
|
|
25718
|
+
font-weight: var(--_gallery-title-font-weight, inherit);
|
|
25719
|
+
}
|
|
25720
|
+
|
|
25721
|
+
.mx-gallery__description {
|
|
25722
|
+
color: var(--_gallery-description-color, inherit);
|
|
25723
|
+
font-size: var(--_gallery-description-font-size, inherit);
|
|
25724
|
+
}
|
|
25725
|
+
|
|
25726
|
+
.mx-gallery__nav {
|
|
25727
|
+
inline-size: var(--_gallery-nav-size, auto);
|
|
25728
|
+
block-size: var(--_gallery-nav-size, auto);
|
|
25729
|
+
background-color: var(--_gallery-nav-bg, transparent);
|
|
25730
|
+
border-style: solid;
|
|
25731
|
+
border-block-start-width: var(--_gallery-nav-border-width, 0px);
|
|
25732
|
+
border-inline-end-width: var(--_gallery-nav-border-width, 0px);
|
|
25733
|
+
border-block-end-width: var(--_gallery-nav-border-width, 0px);
|
|
25734
|
+
border-inline-start-width: var(--_gallery-nav-border-width, 0px);
|
|
25735
|
+
border-block-start-color: var(--_gallery-nav-border-color, currentcolor);
|
|
25736
|
+
border-inline-end-color: var(--_gallery-nav-border-color, currentcolor);
|
|
25737
|
+
border-block-end-color: var(--_gallery-nav-border-color, currentcolor);
|
|
25738
|
+
border-inline-start-color: var(--_gallery-nav-border-color, currentcolor);
|
|
25739
|
+
border-start-start-radius: var(--_gallery-nav-radius, 0px);
|
|
25740
|
+
border-start-end-radius: var(--_gallery-nav-radius, 0px);
|
|
25741
|
+
border-end-start-radius: var(--_gallery-nav-radius, 0px);
|
|
25742
|
+
border-end-end-radius: var(--_gallery-nav-radius, 0px);
|
|
25743
|
+
box-shadow: 0 0 #0000, var(--_gallery-nav-shadow, 0 0 #0000);
|
|
25744
|
+
color: var(--_gallery-nav-color, inherit);
|
|
25745
|
+
outline-style: solid;
|
|
25746
|
+
outline-width: 0px;
|
|
25747
|
+
cursor: default;
|
|
25748
|
+
}
|
|
25749
|
+
|
|
25750
|
+
.mx-gallery__nav:not([aria-disabled='true']):hover {
|
|
25751
|
+
background-color: var(--_gallery-nav-hover-bg, var(--_gallery-nav-bg, transparent));
|
|
25752
|
+
cursor: var(--_gallery-nav-hover-cursor, default);
|
|
25753
|
+
}
|
|
25754
|
+
|
|
25755
|
+
.mx-gallery__nav:not([aria-disabled='true']):active {
|
|
25756
|
+
background-color: var(--_gallery-nav-pressed-bg, var(--_gallery-nav-hover-bg, var(--_gallery-nav-bg, transparent)));
|
|
25757
|
+
}
|
|
25758
|
+
|
|
25759
|
+
.mx-gallery__nav:focus-visible {
|
|
25760
|
+
box-shadow: var(--_gallery-nav-focus-glow, 0 0 #0000), var(--_gallery-nav-shadow, 0 0 #0000);
|
|
25761
|
+
outline-width: var(--_gallery-nav-focus-outline-width, 0px);
|
|
25762
|
+
outline-color: var(--_gallery-nav-focus-outline-color, currentcolor);
|
|
25763
|
+
outline-offset: var(--_gallery-nav-focus-outline-offset, 0px);
|
|
25764
|
+
}
|
|
25765
|
+
|
|
25766
|
+
.mx-gallery__nav[aria-disabled='true'] {
|
|
25767
|
+
opacity: var(--_gallery-nav-disabled-opacity, 1);
|
|
25768
|
+
}
|
|
25769
|
+
|
|
25770
|
+
.mx-gallery__arrow {
|
|
25771
|
+
inline-size: var(--_gallery-arrow-size, auto);
|
|
25772
|
+
block-size: var(--_gallery-arrow-size, auto);
|
|
25773
|
+
background-color: var(--_gallery-arrow-bg, transparent);
|
|
25774
|
+
}
|
|
25775
|
+
|
|
25776
|
+
.mx-gallery__nav[data-direction='previous'] .mx-gallery__arrow {
|
|
25777
|
+
--_icon: var(--_gallery-arrow-previous-icon, none);
|
|
25778
|
+
}
|
|
25779
|
+
|
|
25780
|
+
.mx-gallery__nav[data-direction='next'] .mx-gallery__arrow {
|
|
25781
|
+
--_icon: var(--_gallery-arrow-next-icon, none);
|
|
25782
|
+
}
|
|
25783
|
+
|
|
25784
|
+
.mx-gallery__bar {
|
|
25785
|
+
gap: var(--_gallery-indicator-gap);
|
|
25786
|
+
}
|
|
25787
|
+
|
|
25788
|
+
.mx-gallery__dot {
|
|
25789
|
+
inline-size: var(--_gallery-dot-size, auto);
|
|
25790
|
+
block-size: var(--_gallery-dot-size, auto);
|
|
25791
|
+
background-color: var(--_gallery-dot-bg, transparent);
|
|
25792
|
+
border-style: solid;
|
|
25793
|
+
border-block-start-width: var(--_gallery-dot-border-width, 0px);
|
|
25794
|
+
border-inline-end-width: var(--_gallery-dot-border-width, 0px);
|
|
25795
|
+
border-block-end-width: var(--_gallery-dot-border-width, 0px);
|
|
25796
|
+
border-inline-start-width: var(--_gallery-dot-border-width, 0px);
|
|
25797
|
+
border-block-start-color: var(--_gallery-dot-border-color, currentcolor);
|
|
25798
|
+
border-inline-end-color: var(--_gallery-dot-border-color, currentcolor);
|
|
25799
|
+
border-block-end-color: var(--_gallery-dot-border-color, currentcolor);
|
|
25800
|
+
border-inline-start-color: var(--_gallery-dot-border-color, currentcolor);
|
|
25801
|
+
border-start-start-radius: var(--_gallery-dot-radius, 0px);
|
|
25802
|
+
border-start-end-radius: var(--_gallery-dot-radius, 0px);
|
|
25803
|
+
border-end-start-radius: var(--_gallery-dot-radius, 0px);
|
|
25804
|
+
border-end-end-radius: var(--_gallery-dot-radius, 0px);
|
|
25805
|
+
color: var(--_gallery-dot-color, inherit);
|
|
25806
|
+
outline-style: solid;
|
|
25807
|
+
outline-width: 0px;
|
|
25808
|
+
cursor: default;
|
|
25809
|
+
}
|
|
25810
|
+
|
|
25811
|
+
.mx-gallery__dot:hover {
|
|
25812
|
+
background-color: var(--_gallery-dot-hover-bg, var(--_gallery-dot-bg, transparent));
|
|
25813
|
+
cursor: var(--_gallery-dot-hover-cursor, default);
|
|
25814
|
+
}
|
|
25815
|
+
|
|
25816
|
+
.mx-gallery__dot:active {
|
|
25817
|
+
background-color: var(--_gallery-dot-pressed-bg, var(--_gallery-dot-hover-bg, var(--_gallery-dot-bg, transparent)));
|
|
25818
|
+
}
|
|
25819
|
+
|
|
25820
|
+
.mx-gallery__dot:focus-visible {
|
|
25821
|
+
box-shadow: var(--_gallery-dot-focus-glow, 0 0 #0000), 0 0 #0000;
|
|
25822
|
+
outline-width: var(--_gallery-dot-focus-outline-width, 0px);
|
|
25823
|
+
outline-color: var(--_gallery-dot-focus-outline-color, currentcolor);
|
|
25824
|
+
outline-offset: var(--_gallery-dot-focus-outline-offset, 0px);
|
|
23591
25825
|
}
|
|
23592
25826
|
|
|
23593
|
-
.mx-
|
|
23594
|
-
|
|
25827
|
+
.mx-gallery__dot[aria-current] {
|
|
25828
|
+
inline-size: var(--_gallery-dot-current-width, var(--_gallery-dot-current-size, var(--_gallery-dot-size, auto)));
|
|
25829
|
+
block-size: var(--_gallery-dot-current-size, var(--_gallery-dot-size, auto));
|
|
25830
|
+
background-color: var(--_gallery-dot-current-bg, var(--_gallery-dot-bg, transparent));
|
|
25831
|
+
border-block-start-color: var(--_gallery-dot-current-border-color, var(--_gallery-dot-border-color, currentcolor));
|
|
25832
|
+
border-inline-end-color: var(--_gallery-dot-current-border-color, var(--_gallery-dot-border-color, currentcolor));
|
|
25833
|
+
border-block-end-color: var(--_gallery-dot-current-border-color, var(--_gallery-dot-border-color, currentcolor));
|
|
25834
|
+
border-inline-start-color: var(--_gallery-dot-current-border-color, var(--_gallery-dot-border-color, currentcolor));
|
|
23595
25835
|
}
|
|
23596
25836
|
|
|
23597
|
-
.mx-
|
|
23598
|
-
|
|
23599
|
-
|
|
25837
|
+
.mx-gallery__play {
|
|
25838
|
+
inline-size: var(--_gallery-play-size, auto);
|
|
25839
|
+
block-size: var(--_gallery-play-size, auto);
|
|
25840
|
+
background-color: var(--_gallery-play-bg, transparent);
|
|
25841
|
+
border-style: solid;
|
|
25842
|
+
border-block-start-width: var(--_gallery-play-border-width, 0px);
|
|
25843
|
+
border-inline-end-width: var(--_gallery-play-border-width, 0px);
|
|
25844
|
+
border-block-end-width: var(--_gallery-play-border-width, 0px);
|
|
25845
|
+
border-inline-start-width: var(--_gallery-play-border-width, 0px);
|
|
25846
|
+
border-block-start-color: var(--_gallery-play-border-color, currentcolor);
|
|
25847
|
+
border-inline-end-color: var(--_gallery-play-border-color, currentcolor);
|
|
25848
|
+
border-block-end-color: var(--_gallery-play-border-color, currentcolor);
|
|
25849
|
+
border-inline-start-color: var(--_gallery-play-border-color, currentcolor);
|
|
25850
|
+
border-start-start-radius: var(--_gallery-play-radius, 0px);
|
|
25851
|
+
border-start-end-radius: var(--_gallery-play-radius, 0px);
|
|
25852
|
+
border-end-start-radius: var(--_gallery-play-radius, 0px);
|
|
25853
|
+
border-end-end-radius: var(--_gallery-play-radius, 0px);
|
|
25854
|
+
box-shadow: 0 0 #0000, var(--_gallery-play-shadow, 0 0 #0000);
|
|
25855
|
+
color: var(--_gallery-play-color, inherit);
|
|
25856
|
+
outline-style: solid;
|
|
25857
|
+
outline-width: 0px;
|
|
25858
|
+
cursor: default;
|
|
23600
25859
|
}
|
|
23601
25860
|
|
|
23602
|
-
.mx-
|
|
23603
|
-
|
|
25861
|
+
.mx-gallery__play:hover {
|
|
25862
|
+
background-color: var(--_gallery-play-hover-bg, var(--_gallery-play-bg, transparent));
|
|
25863
|
+
cursor: var(--_gallery-play-hover-cursor, default);
|
|
23604
25864
|
}
|
|
23605
25865
|
|
|
23606
|
-
.mx-
|
|
23607
|
-
|
|
23608
|
-
gap: var(--_filterbuilder-row-gap, normal);
|
|
25866
|
+
.mx-gallery__play:active {
|
|
25867
|
+
background-color: var(--_gallery-play-pressed-bg, var(--_gallery-play-hover-bg, var(--_gallery-play-bg, transparent)));
|
|
23609
25868
|
}
|
|
23610
25869
|
|
|
23611
|
-
.mx-
|
|
23612
|
-
|
|
25870
|
+
.mx-gallery__play:focus-visible {
|
|
25871
|
+
box-shadow: var(--_gallery-play-focus-glow, 0 0 #0000), var(--_gallery-play-shadow, 0 0 #0000);
|
|
25872
|
+
outline-width: var(--_gallery-play-focus-outline-width, 0px);
|
|
25873
|
+
outline-color: var(--_gallery-play-focus-outline-color, currentcolor);
|
|
25874
|
+
outline-offset: var(--_gallery-play-focus-outline-offset, 0px);
|
|
23613
25875
|
}
|
|
23614
25876
|
|
|
23615
|
-
.mx-
|
|
23616
|
-
|
|
23617
|
-
|
|
23618
|
-
|
|
23619
|
-
|
|
23620
|
-
padding-block-start: var(--_form-layout-group-padding, 0px);
|
|
23621
|
-
padding-inline-end: var(--_form-layout-group-padding, 0px);
|
|
23622
|
-
padding-block-end: var(--_form-layout-group-padding, 0px);
|
|
23623
|
-
padding-inline-start: var(--_form-layout-group-padding, 0px);
|
|
23624
|
-
background-color: var(--_form-layout-group-bg, transparent);
|
|
23625
|
-
border-style: solid;
|
|
23626
|
-
border-block-start-width: var(--_form-layout-group-border-width, 0px);
|
|
23627
|
-
border-inline-end-width: var(--_form-layout-group-border-width, 0px);
|
|
23628
|
-
border-block-end-width: var(--_form-layout-group-border-width, 0px);
|
|
23629
|
-
border-inline-start-width: var(--_form-layout-group-border-width, 0px);
|
|
23630
|
-
border-block-start-color: var(--_form-layout-group-border-color, currentcolor);
|
|
23631
|
-
border-inline-end-color: var(--_form-layout-group-border-color, currentcolor);
|
|
23632
|
-
border-block-end-color: var(--_form-layout-group-border-color, currentcolor);
|
|
23633
|
-
border-inline-start-color: var(--_form-layout-group-border-color, currentcolor);
|
|
23634
|
-
border-start-start-radius: var(--_form-layout-group-radius, 0px);
|
|
23635
|
-
border-start-end-radius: var(--_form-layout-group-radius, 0px);
|
|
23636
|
-
border-end-start-radius: var(--_form-layout-group-radius, 0px);
|
|
23637
|
-
border-end-end-radius: var(--_form-layout-group-radius, 0px);
|
|
25877
|
+
.mx-gallery__play-glyph {
|
|
25878
|
+
inline-size: var(--_gallery-play-glyph-size, auto);
|
|
25879
|
+
block-size: var(--_gallery-play-glyph-size, auto);
|
|
25880
|
+
background-color: var(--_gallery-play-glyph-bg, transparent);
|
|
25881
|
+
--_icon: var(--_gallery-play-glyph-icon, none);
|
|
23638
25882
|
}
|
|
23639
25883
|
|
|
23640
|
-
.mx-
|
|
23641
|
-
|
|
23642
|
-
padding-inline-start: var(--_form-layout-caption-padding-inline, 0px);
|
|
23643
|
-
font-size: var(--_form-layout-caption-font-size, inherit);
|
|
23644
|
-
font-weight: var(--_form-layout-caption-font-weight, inherit);
|
|
25884
|
+
.mx-gallery[data-playing] .mx-gallery__play-glyph {
|
|
25885
|
+
--_icon: var(--_gallery-play-glyph-playing-icon, var(--_gallery-play-glyph-icon, none));
|
|
23645
25886
|
}
|
|
23646
25887
|
|
|
23647
25888
|
:where(.mx-glyph) {
|
|
@@ -24319,6 +26560,14 @@
|
|
|
24319
26560
|
block-size: var(--_menubar-icon-size, auto);
|
|
24320
26561
|
}
|
|
24321
26562
|
|
|
26563
|
+
.mx-multi-view[data-swipe] > .mx-multi-view__viewport {
|
|
26564
|
+
cursor: var(--_multi-view-frame-swipeable-cursor, inherit);
|
|
26565
|
+
}
|
|
26566
|
+
|
|
26567
|
+
.mx-multi-view[data-dragging] > .mx-multi-view__viewport {
|
|
26568
|
+
cursor: var(--_multi-view-frame-dragging-cursor, inherit);
|
|
26569
|
+
}
|
|
26570
|
+
|
|
24322
26571
|
.mx-number-box__spin[data-layout='stacked'] > .mx-number-box__step {
|
|
24323
26572
|
min-inline-size: var(--_number-box-step-stacked-min-width, auto);
|
|
24324
26573
|
padding-inline-end: var(--_number-box-step-stacked-padding-inline, 0px);
|
|
@@ -24801,6 +27050,58 @@
|
|
|
24801
27050
|
color: var(--_recurrence-editor-summary-color, inherit);
|
|
24802
27051
|
}
|
|
24803
27052
|
|
|
27053
|
+
.mx-resizable {
|
|
27054
|
+
outline-style: solid;
|
|
27055
|
+
outline-width: 0px;
|
|
27056
|
+
}
|
|
27057
|
+
|
|
27058
|
+
.mx-resizable[data-resizing] {
|
|
27059
|
+
outline-width: var(--_resizable-box-resizing-outline-width, 0px);
|
|
27060
|
+
outline-color: var(--_resizable-box-resizing-outline-color, currentcolor);
|
|
27061
|
+
outline-offset: var(--_resizable-box-resizing-outline-offset, 0px);
|
|
27062
|
+
}
|
|
27063
|
+
|
|
27064
|
+
.mx-resizable:not([data-resizing]) > .mx-resizable__frame > .mx-resizable__handle:hover {
|
|
27065
|
+
background-color: var(--_resizable-handle-hover-bg, transparent);
|
|
27066
|
+
}
|
|
27067
|
+
|
|
27068
|
+
.mx-resizable__handle[data-active] {
|
|
27069
|
+
background-color: var(--_resizable-handle-active-bg, transparent);
|
|
27070
|
+
}
|
|
27071
|
+
|
|
27072
|
+
.mx-resizable__grip {
|
|
27073
|
+
inline-size: var(--_resizable-grip-size, auto);
|
|
27074
|
+
block-size: var(--_resizable-grip-size, auto);
|
|
27075
|
+
border-start-start-radius: var(--_resizable-grip-radius, 0px);
|
|
27076
|
+
border-start-end-radius: var(--_resizable-grip-radius, 0px);
|
|
27077
|
+
border-end-start-radius: var(--_resizable-grip-radius, 0px);
|
|
27078
|
+
border-end-end-radius: var(--_resizable-grip-radius, 0px);
|
|
27079
|
+
outline-style: solid;
|
|
27080
|
+
outline-width: 0px;
|
|
27081
|
+
}
|
|
27082
|
+
|
|
27083
|
+
.mx-resizable__grip:hover {
|
|
27084
|
+
background-color: var(--_resizable-grip-hover-bg, transparent);
|
|
27085
|
+
}
|
|
27086
|
+
|
|
27087
|
+
.mx-resizable[data-resizing] > .mx-resizable__grip {
|
|
27088
|
+
background-color: var(--_resizable-grip-pressed-bg, var(--_resizable-grip-hover-bg, transparent));
|
|
27089
|
+
}
|
|
27090
|
+
|
|
27091
|
+
.mx-resizable__grip:focus-visible {
|
|
27092
|
+
box-shadow: var(--_resizable-grip-focus-glow, 0 0 #0000), 0 0 #0000;
|
|
27093
|
+
outline-width: var(--_resizable-grip-focus-outline-width, 0px);
|
|
27094
|
+
outline-color: var(--_resizable-grip-focus-outline-color, currentcolor);
|
|
27095
|
+
outline-offset: var(--_resizable-grip-focus-outline-offset, 0px);
|
|
27096
|
+
}
|
|
27097
|
+
|
|
27098
|
+
.mx-resizable__grip-glyph {
|
|
27099
|
+
inline-size: var(--_resizable-grip-glyph-size, auto);
|
|
27100
|
+
block-size: var(--_resizable-grip-glyph-size, auto);
|
|
27101
|
+
background-color: var(--_resizable-grip-glyph-bg, transparent);
|
|
27102
|
+
--_icon: var(--_resizable-grip-glyph-icon, none);
|
|
27103
|
+
}
|
|
27104
|
+
|
|
24804
27105
|
.mx-scheduler {
|
|
24805
27106
|
background-color: var(--_scheduler-scheduler-bg, transparent);
|
|
24806
27107
|
border-style: solid;
|
|
@@ -26254,6 +28555,138 @@
|
|
|
26254
28555
|
opacity: var(--_sortable-ghost-opacity, 1);
|
|
26255
28556
|
}
|
|
26256
28557
|
|
|
28558
|
+
.mx-speed-dial__main {
|
|
28559
|
+
inline-size: var(--_speed-dial-main-size, auto);
|
|
28560
|
+
block-size: var(--_speed-dial-main-size, auto);
|
|
28561
|
+
gap: var(--_speed-dial-main-gap, normal);
|
|
28562
|
+
background-color: var(--_speed-dial-main-bg, transparent);
|
|
28563
|
+
border-start-start-radius: var(--_speed-dial-main-radius, 0px);
|
|
28564
|
+
border-start-end-radius: var(--_speed-dial-main-radius, 0px);
|
|
28565
|
+
border-end-start-radius: var(--_speed-dial-main-radius, 0px);
|
|
28566
|
+
border-end-end-radius: var(--_speed-dial-main-radius, 0px);
|
|
28567
|
+
box-shadow: 0 0 #0000, var(--_speed-dial-main-shadow, 0 0 #0000);
|
|
28568
|
+
color: var(--_speed-dial-main-color, inherit);
|
|
28569
|
+
outline-style: solid;
|
|
28570
|
+
outline-width: 0px;
|
|
28571
|
+
cursor: default;
|
|
28572
|
+
}
|
|
28573
|
+
|
|
28574
|
+
.mx-speed-dial:not([data-disabled]) > .mx-speed-dial__main:hover {
|
|
28575
|
+
background-color: var(--_speed-dial-main-hover-bg, var(--_speed-dial-main-bg, transparent));
|
|
28576
|
+
cursor: var(--_speed-dial-main-hover-cursor, default);
|
|
28577
|
+
}
|
|
28578
|
+
|
|
28579
|
+
.mx-speed-dial:not([data-disabled]) > .mx-speed-dial__main:active {
|
|
28580
|
+
background-color: var(--_speed-dial-main-pressed-bg, var(--_speed-dial-main-hover-bg, var(--_speed-dial-main-bg, transparent)));
|
|
28581
|
+
}
|
|
28582
|
+
|
|
28583
|
+
.mx-speed-dial__main:focus-visible {
|
|
28584
|
+
box-shadow: var(--_speed-dial-main-focus-glow, 0 0 #0000), var(--_speed-dial-main-shadow, 0 0 #0000);
|
|
28585
|
+
outline-width: var(--_speed-dial-main-focus-outline-width, 0px);
|
|
28586
|
+
outline-color: var(--_speed-dial-main-focus-outline-color, currentcolor);
|
|
28587
|
+
outline-offset: var(--_speed-dial-main-focus-outline-offset, 0px);
|
|
28588
|
+
}
|
|
28589
|
+
|
|
28590
|
+
.mx-speed-dial[data-extended] > .mx-speed-dial__main {
|
|
28591
|
+
inline-size: var(--_speed-dial-main-extended-width, var(--_speed-dial-main-size, auto));
|
|
28592
|
+
padding-block-start: var(--_speed-dial-main-extended-padding, 0px);
|
|
28593
|
+
padding-inline-end: var(--_speed-dial-main-extended-padding, 0px);
|
|
28594
|
+
padding-block-end: var(--_speed-dial-main-extended-padding, 0px);
|
|
28595
|
+
padding-inline-start: var(--_speed-dial-main-extended-padding, 0px);
|
|
28596
|
+
}
|
|
28597
|
+
|
|
28598
|
+
.mx-speed-dial[data-disabled] > .mx-speed-dial__main {
|
|
28599
|
+
opacity: var(--_speed-dial-main-disabled-opacity, 1);
|
|
28600
|
+
}
|
|
28601
|
+
|
|
28602
|
+
.mx-speed-dial__main-glyph {
|
|
28603
|
+
inline-size: var(--_speed-dial-main-glyph-size, auto);
|
|
28604
|
+
block-size: var(--_speed-dial-main-glyph-size, auto);
|
|
28605
|
+
background-color: var(--_speed-dial-main-glyph-bg, transparent);
|
|
28606
|
+
}
|
|
28607
|
+
|
|
28608
|
+
.mx-speed-dial__main-text {
|
|
28609
|
+
font-weight: var(--_speed-dial-main-text-font-weight, inherit);
|
|
28610
|
+
}
|
|
28611
|
+
|
|
28612
|
+
.mx-speed-dial__fan {
|
|
28613
|
+
gap: var(--_speed-dial-gap);
|
|
28614
|
+
}
|
|
28615
|
+
|
|
28616
|
+
.mx-speed-dial__action {
|
|
28617
|
+
inline-size: var(--_speed-dial-action-size, auto);
|
|
28618
|
+
block-size: var(--_speed-dial-action-size, auto);
|
|
28619
|
+
background-color: var(--_speed-dial-action-bg, transparent);
|
|
28620
|
+
border-style: solid;
|
|
28621
|
+
border-block-start-width: var(--_speed-dial-action-border-width, 0px);
|
|
28622
|
+
border-inline-end-width: var(--_speed-dial-action-border-width, 0px);
|
|
28623
|
+
border-block-end-width: var(--_speed-dial-action-border-width, 0px);
|
|
28624
|
+
border-inline-start-width: var(--_speed-dial-action-border-width, 0px);
|
|
28625
|
+
border-block-start-color: var(--_speed-dial-action-border-color, currentcolor);
|
|
28626
|
+
border-inline-end-color: var(--_speed-dial-action-border-color, currentcolor);
|
|
28627
|
+
border-block-end-color: var(--_speed-dial-action-border-color, currentcolor);
|
|
28628
|
+
border-inline-start-color: var(--_speed-dial-action-border-color, currentcolor);
|
|
28629
|
+
border-start-start-radius: var(--_speed-dial-action-radius, 0px);
|
|
28630
|
+
border-start-end-radius: var(--_speed-dial-action-radius, 0px);
|
|
28631
|
+
border-end-start-radius: var(--_speed-dial-action-radius, 0px);
|
|
28632
|
+
border-end-end-radius: var(--_speed-dial-action-radius, 0px);
|
|
28633
|
+
box-shadow: 0 0 #0000, var(--_speed-dial-action-shadow, 0 0 #0000);
|
|
28634
|
+
color: var(--_speed-dial-action-color, inherit);
|
|
28635
|
+
outline-style: solid;
|
|
28636
|
+
outline-width: 0px;
|
|
28637
|
+
cursor: default;
|
|
28638
|
+
}
|
|
28639
|
+
|
|
28640
|
+
.mx-speed-dial__action:not([aria-disabled='true']):hover {
|
|
28641
|
+
background-color: var(--_speed-dial-action-hover-bg, var(--_speed-dial-action-bg, transparent));
|
|
28642
|
+
cursor: var(--_speed-dial-action-hover-cursor, default);
|
|
28643
|
+
}
|
|
28644
|
+
|
|
28645
|
+
.mx-speed-dial__action:not([aria-disabled='true']):active {
|
|
28646
|
+
background-color: var(--_speed-dial-action-pressed-bg, var(--_speed-dial-action-hover-bg, var(--_speed-dial-action-bg, transparent)));
|
|
28647
|
+
}
|
|
28648
|
+
|
|
28649
|
+
.mx-speed-dial__action:focus-visible {
|
|
28650
|
+
box-shadow: var(--_speed-dial-action-focus-glow, 0 0 #0000), var(--_speed-dial-action-shadow, 0 0 #0000);
|
|
28651
|
+
outline-width: var(--_speed-dial-action-focus-outline-width, 0px);
|
|
28652
|
+
outline-color: var(--_speed-dial-action-focus-outline-color, currentcolor);
|
|
28653
|
+
outline-offset: var(--_speed-dial-action-focus-outline-offset, 0px);
|
|
28654
|
+
}
|
|
28655
|
+
|
|
28656
|
+
.mx-speed-dial__action[aria-disabled='true'] {
|
|
28657
|
+
opacity: var(--_speed-dial-action-disabled-opacity, 1);
|
|
28658
|
+
}
|
|
28659
|
+
|
|
28660
|
+
.mx-speed-dial__action-icon {
|
|
28661
|
+
inline-size: var(--_speed-dial-action-icon-size, auto);
|
|
28662
|
+
block-size: var(--_speed-dial-action-icon-size, auto);
|
|
28663
|
+
background-color: var(--_speed-dial-action-icon-bg, transparent);
|
|
28664
|
+
}
|
|
28665
|
+
|
|
28666
|
+
.mx-speed-dial__label {
|
|
28667
|
+
padding-block-start: var(--_speed-dial-label-padding, 0px);
|
|
28668
|
+
padding-inline-end: var(--_speed-dial-label-padding, 0px);
|
|
28669
|
+
padding-block-end: var(--_speed-dial-label-padding, 0px);
|
|
28670
|
+
padding-inline-start: var(--_speed-dial-label-padding, 0px);
|
|
28671
|
+
background-color: var(--_speed-dial-label-bg, transparent);
|
|
28672
|
+
border-style: solid;
|
|
28673
|
+
border-block-start-width: var(--_speed-dial-label-border-width, 0px);
|
|
28674
|
+
border-inline-end-width: var(--_speed-dial-label-border-width, 0px);
|
|
28675
|
+
border-block-end-width: var(--_speed-dial-label-border-width, 0px);
|
|
28676
|
+
border-inline-start-width: var(--_speed-dial-label-border-width, 0px);
|
|
28677
|
+
border-block-start-color: var(--_speed-dial-label-border-color, currentcolor);
|
|
28678
|
+
border-inline-end-color: var(--_speed-dial-label-border-color, currentcolor);
|
|
28679
|
+
border-block-end-color: var(--_speed-dial-label-border-color, currentcolor);
|
|
28680
|
+
border-inline-start-color: var(--_speed-dial-label-border-color, currentcolor);
|
|
28681
|
+
border-start-start-radius: var(--_speed-dial-label-radius, 0px);
|
|
28682
|
+
border-start-end-radius: var(--_speed-dial-label-radius, 0px);
|
|
28683
|
+
border-end-start-radius: var(--_speed-dial-label-radius, 0px);
|
|
28684
|
+
border-end-end-radius: var(--_speed-dial-label-radius, 0px);
|
|
28685
|
+
box-shadow: var(--_speed-dial-label-shadow, none);
|
|
28686
|
+
color: var(--_speed-dial-label-color, inherit);
|
|
28687
|
+
font-size: var(--_speed-dial-label-font-size, inherit);
|
|
28688
|
+
}
|
|
28689
|
+
|
|
26257
28690
|
.mx-spinner[data-contained] .mx-spinner__box {
|
|
26258
28691
|
padding-block-start: var(--_spinner-box-contained-padding, 0px);
|
|
26259
28692
|
padding-inline-end: var(--_spinner-box-contained-padding, 0px);
|
|
@@ -26297,6 +28730,80 @@
|
|
|
26297
28730
|
scale: var(--_spinner-shape-contained-scale, none);
|
|
26298
28731
|
}
|
|
26299
28732
|
|
|
28733
|
+
.mx-splitter__bar {
|
|
28734
|
+
outline-style: solid;
|
|
28735
|
+
outline-width: 0px;
|
|
28736
|
+
}
|
|
28737
|
+
|
|
28738
|
+
.mx-splitter__bar:focus-visible {
|
|
28739
|
+
box-shadow: var(--_splitter-handle-focus-glow, 0 0 #0000), 0 0 #0000;
|
|
28740
|
+
outline-width: var(--_splitter-handle-focus-outline-width, 0px);
|
|
28741
|
+
outline-color: var(--_splitter-handle-focus-outline-color, currentcolor);
|
|
28742
|
+
outline-offset: var(--_splitter-handle-focus-outline-offset, 0px);
|
|
28743
|
+
}
|
|
28744
|
+
|
|
28745
|
+
.mx-splitter__bar::before {
|
|
28746
|
+
inline-size: var(--_line-w, auto);
|
|
28747
|
+
block-size: var(--_line-h, auto);
|
|
28748
|
+
background-color: var(--_splitter-line-bg, transparent);
|
|
28749
|
+
}
|
|
28750
|
+
|
|
28751
|
+
.mx-splitter__bar[data-resizable]:hover::before, .mx-splitter__bar[data-dragging]::before {
|
|
28752
|
+
background-color: var(--_splitter-line-active-bg, var(--_splitter-line-bg, transparent));
|
|
28753
|
+
}
|
|
28754
|
+
|
|
28755
|
+
.mx-splitter__grip {
|
|
28756
|
+
inline-size: var(--_grip-w);
|
|
28757
|
+
block-size: var(--_grip-h);
|
|
28758
|
+
background-color: var(--_splitter-grip-bg, transparent);
|
|
28759
|
+
border-start-start-radius: var(--_splitter-grip-radius, 0px);
|
|
28760
|
+
border-start-end-radius: var(--_splitter-grip-radius, 0px);
|
|
28761
|
+
border-end-start-radius: var(--_splitter-grip-radius, 0px);
|
|
28762
|
+
border-end-end-radius: var(--_splitter-grip-radius, 0px);
|
|
28763
|
+
}
|
|
28764
|
+
|
|
28765
|
+
.mx-splitter__bar[data-resizable]:hover > .mx-splitter__grip, .mx-splitter__bar[data-dragging] > .mx-splitter__grip {
|
|
28766
|
+
background-color: var(--_splitter-grip-active-bg, var(--_splitter-grip-bg, transparent));
|
|
28767
|
+
}
|
|
28768
|
+
|
|
28769
|
+
.mx-splitter__bar:not([data-resizable]) > .mx-splitter__grip, .mx-splitter[data-disabled] .mx-splitter__grip {
|
|
28770
|
+
background-color: var(--_splitter-grip-disabled-bg, var(--_splitter-grip-bg, transparent));
|
|
28771
|
+
}
|
|
28772
|
+
|
|
28773
|
+
.mx-splitter__fold {
|
|
28774
|
+
inline-size: var(--_splitter-fold-size, auto);
|
|
28775
|
+
block-size: var(--_splitter-fold-size, auto);
|
|
28776
|
+
border-start-start-radius: var(--_splitter-fold-radius, 0px);
|
|
28777
|
+
border-start-end-radius: var(--_splitter-fold-radius, 0px);
|
|
28778
|
+
border-end-start-radius: var(--_splitter-fold-radius, 0px);
|
|
28779
|
+
border-end-end-radius: var(--_splitter-fold-radius, 0px);
|
|
28780
|
+
outline-style: solid;
|
|
28781
|
+
outline-width: 0px;
|
|
28782
|
+
cursor: default;
|
|
28783
|
+
}
|
|
28784
|
+
|
|
28785
|
+
.mx-splitter__fold:hover {
|
|
28786
|
+
background-color: var(--_splitter-fold-hover-bg, transparent);
|
|
28787
|
+
cursor: var(--_splitter-fold-hover-cursor, default);
|
|
28788
|
+
}
|
|
28789
|
+
|
|
28790
|
+
.mx-splitter__fold:active {
|
|
28791
|
+
background-color: var(--_splitter-fold-pressed-bg, var(--_splitter-fold-hover-bg, transparent));
|
|
28792
|
+
}
|
|
28793
|
+
|
|
28794
|
+
.mx-splitter__fold:focus-visible {
|
|
28795
|
+
box-shadow: var(--_splitter-fold-focus-glow, 0 0 #0000), 0 0 #0000;
|
|
28796
|
+
outline-width: var(--_splitter-fold-focus-outline-width, 0px);
|
|
28797
|
+
outline-color: var(--_splitter-fold-focus-outline-color, currentcolor);
|
|
28798
|
+
outline-offset: var(--_splitter-fold-focus-outline-offset, 0px);
|
|
28799
|
+
}
|
|
28800
|
+
|
|
28801
|
+
.mx-splitter__fold-glyph {
|
|
28802
|
+
inline-size: var(--_splitter-fold-glyph-size, auto);
|
|
28803
|
+
block-size: var(--_splitter-fold-glyph-size, auto);
|
|
28804
|
+
background-color: var(--_splitter-fold-glyph-bg, transparent);
|
|
28805
|
+
}
|
|
28806
|
+
|
|
26300
28807
|
.mx-stepper__step {
|
|
26301
28808
|
padding-block-start: var(--_padding);
|
|
26302
28809
|
padding-inline-end: var(--_padding);
|
|
@@ -27880,6 +30387,335 @@
|
|
|
27880
30387
|
--_icon: var(--_text-box-reveal-glyph-shown-icon, var(--_text-box-reveal-glyph-icon, none));
|
|
27881
30388
|
}
|
|
27882
30389
|
|
|
30390
|
+
.mx-tile-view__tile {
|
|
30391
|
+
padding-block-start: var(--_tile-view-tile-padding, 0px);
|
|
30392
|
+
padding-inline-end: var(--_tile-view-tile-padding, 0px);
|
|
30393
|
+
padding-block-end: var(--_tile-view-tile-padding, 0px);
|
|
30394
|
+
padding-inline-start: var(--_tile-view-tile-padding, 0px);
|
|
30395
|
+
background-color: var(--_tile-view-tile-bg, transparent);
|
|
30396
|
+
border-style: solid;
|
|
30397
|
+
border-block-start-width: var(--_tile-view-tile-border-width, 0px);
|
|
30398
|
+
border-inline-end-width: var(--_tile-view-tile-border-width, 0px);
|
|
30399
|
+
border-block-end-width: var(--_tile-view-tile-border-width, 0px);
|
|
30400
|
+
border-inline-start-width: var(--_tile-view-tile-border-width, 0px);
|
|
30401
|
+
border-block-start-color: var(--_tile-view-tile-border-color, currentcolor);
|
|
30402
|
+
border-inline-end-color: var(--_tile-view-tile-border-color, currentcolor);
|
|
30403
|
+
border-block-end-color: var(--_tile-view-tile-border-color, currentcolor);
|
|
30404
|
+
border-inline-start-color: var(--_tile-view-tile-border-color, currentcolor);
|
|
30405
|
+
border-start-start-radius: var(--_tile-view-tile-radius, 0px);
|
|
30406
|
+
border-start-end-radius: var(--_tile-view-tile-radius, 0px);
|
|
30407
|
+
border-end-start-radius: var(--_tile-view-tile-radius, 0px);
|
|
30408
|
+
border-end-end-radius: var(--_tile-view-tile-radius, 0px);
|
|
30409
|
+
box-shadow: 0 0 #0000, var(--_tile-view-tile-shadow, 0 0 #0000);
|
|
30410
|
+
color: var(--_tile-view-tile-color, inherit);
|
|
30411
|
+
outline-style: solid;
|
|
30412
|
+
outline-width: 0px;
|
|
30413
|
+
cursor: default;
|
|
30414
|
+
}
|
|
30415
|
+
|
|
30416
|
+
.mx-tile-view__tile:not([aria-disabled='true']):hover {
|
|
30417
|
+
background-color: var(--_tile-view-tile-hover-bg, var(--_tile-view-tile-bg, transparent));
|
|
30418
|
+
cursor: var(--_tile-view-tile-hover-cursor, default);
|
|
30419
|
+
}
|
|
30420
|
+
|
|
30421
|
+
.mx-tile-view__tile:not([aria-disabled='true']):active {
|
|
30422
|
+
background-color: var(--_tile-view-tile-pressed-bg, var(--_tile-view-tile-hover-bg, var(--_tile-view-tile-bg, transparent)));
|
|
30423
|
+
}
|
|
30424
|
+
|
|
30425
|
+
.mx-tile-view__tile:focus-visible {
|
|
30426
|
+
box-shadow: var(--_tile-view-tile-focus-glow, 0 0 #0000), var(--_tile-view-tile-shadow, 0 0 #0000);
|
|
30427
|
+
outline-width: var(--_tile-view-tile-focus-outline-width, 0px);
|
|
30428
|
+
outline-color: var(--_tile-view-tile-focus-outline-color, currentcolor);
|
|
30429
|
+
outline-offset: var(--_tile-view-tile-focus-outline-offset, 0px);
|
|
30430
|
+
}
|
|
30431
|
+
|
|
30432
|
+
.mx-tile-view__tile[aria-selected='true'] {
|
|
30433
|
+
background-color: var(--_tile-view-tile-selected-bg, var(--_tile-view-tile-bg, transparent));
|
|
30434
|
+
border-block-start-color: var(--_tile-view-tile-selected-border-color, var(--_tile-view-tile-border-color, currentcolor));
|
|
30435
|
+
border-inline-end-color: var(--_tile-view-tile-selected-border-color, var(--_tile-view-tile-border-color, currentcolor));
|
|
30436
|
+
border-block-end-color: var(--_tile-view-tile-selected-border-color, var(--_tile-view-tile-border-color, currentcolor));
|
|
30437
|
+
border-inline-start-color: var(--_tile-view-tile-selected-border-color, var(--_tile-view-tile-border-color, currentcolor));
|
|
30438
|
+
color: var(--_tile-view-tile-selected-color, var(--_tile-view-tile-color, inherit));
|
|
30439
|
+
}
|
|
30440
|
+
|
|
30441
|
+
.mx-tile-view__tile[aria-disabled='true'] {
|
|
30442
|
+
color: var(--_tile-view-tile-disabled-color, var(--_tile-view-tile-color, inherit));
|
|
30443
|
+
cursor: var(--_tile-view-tile-disabled-cursor, default);
|
|
30444
|
+
}
|
|
30445
|
+
|
|
30446
|
+
.mx-tile-view__tile[data-dragging] {
|
|
30447
|
+
opacity: var(--_tile-view-tile-dragging-opacity, 1);
|
|
30448
|
+
}
|
|
30449
|
+
|
|
30450
|
+
.mx-tile-view__tile[data-drop] {
|
|
30451
|
+
outline-width: var(--_tile-view-tile-target-outline-width, 0px);
|
|
30452
|
+
outline-color: var(--_tile-view-tile-target-outline-color, currentcolor);
|
|
30453
|
+
outline-offset: var(--_tile-view-tile-target-outline-offset, 0px);
|
|
30454
|
+
}
|
|
30455
|
+
|
|
30456
|
+
.mx-tile-view__ghost {
|
|
30457
|
+
border-start-start-radius: var(--_tile-view-ghost-radius, 0px);
|
|
30458
|
+
border-start-end-radius: var(--_tile-view-ghost-radius, 0px);
|
|
30459
|
+
border-end-start-radius: var(--_tile-view-ghost-radius, 0px);
|
|
30460
|
+
border-end-end-radius: var(--_tile-view-ghost-radius, 0px);
|
|
30461
|
+
box-shadow: var(--_tile-view-ghost-shadow, none);
|
|
30462
|
+
opacity: var(--_tile-view-ghost-opacity, 1);
|
|
30463
|
+
}
|
|
30464
|
+
|
|
30465
|
+
.mx-timeline__list::before, .mx-timeline__item::before, .mx-timeline__item::after {
|
|
30466
|
+
inline-size: var(--_line-w);
|
|
30467
|
+
block-size: var(--_line-h);
|
|
30468
|
+
background-color: var(--_timeline-line-bg, transparent);
|
|
30469
|
+
}
|
|
30470
|
+
|
|
30471
|
+
.mx-timeline__dot {
|
|
30472
|
+
inline-size: var(--_dot);
|
|
30473
|
+
block-size: var(--_dot);
|
|
30474
|
+
background-color: var(--_timeline-dot-bg, transparent);
|
|
30475
|
+
border-style: solid;
|
|
30476
|
+
border-block-start-width: var(--_timeline-dot-border-width, 0px);
|
|
30477
|
+
border-inline-end-width: var(--_timeline-dot-border-width, 0px);
|
|
30478
|
+
border-block-end-width: var(--_timeline-dot-border-width, 0px);
|
|
30479
|
+
border-inline-start-width: var(--_timeline-dot-border-width, 0px);
|
|
30480
|
+
border-block-start-color: var(--_timeline-dot-border-color, currentcolor);
|
|
30481
|
+
border-inline-end-color: var(--_timeline-dot-border-color, currentcolor);
|
|
30482
|
+
border-block-end-color: var(--_timeline-dot-border-color, currentcolor);
|
|
30483
|
+
border-inline-start-color: var(--_timeline-dot-border-color, currentcolor);
|
|
30484
|
+
border-start-start-radius: var(--_timeline-dot-radius, 0px);
|
|
30485
|
+
border-start-end-radius: var(--_timeline-dot-radius, 0px);
|
|
30486
|
+
border-end-start-radius: var(--_timeline-dot-radius, 0px);
|
|
30487
|
+
border-end-end-radius: var(--_timeline-dot-radius, 0px);
|
|
30488
|
+
}
|
|
30489
|
+
|
|
30490
|
+
.mx-timeline__dot[data-tone='accent'] {
|
|
30491
|
+
background-color: var(--_timeline-dot-accent-bg, var(--_timeline-dot-bg, transparent));
|
|
30492
|
+
border-block-start-color: var(--_timeline-dot-accent-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30493
|
+
border-inline-end-color: var(--_timeline-dot-accent-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30494
|
+
border-block-end-color: var(--_timeline-dot-accent-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30495
|
+
border-inline-start-color: var(--_timeline-dot-accent-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30496
|
+
}
|
|
30497
|
+
|
|
30498
|
+
.mx-timeline__dot[data-tone='success'] {
|
|
30499
|
+
background-color: var(--_timeline-dot-success-bg, var(--_timeline-dot-bg, transparent));
|
|
30500
|
+
border-block-start-color: var(--_timeline-dot-success-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30501
|
+
border-inline-end-color: var(--_timeline-dot-success-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30502
|
+
border-block-end-color: var(--_timeline-dot-success-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30503
|
+
border-inline-start-color: var(--_timeline-dot-success-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30504
|
+
}
|
|
30505
|
+
|
|
30506
|
+
.mx-timeline__dot[data-tone='caution'] {
|
|
30507
|
+
background-color: var(--_timeline-dot-caution-bg, var(--_timeline-dot-bg, transparent));
|
|
30508
|
+
border-block-start-color: var(--_timeline-dot-caution-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30509
|
+
border-inline-end-color: var(--_timeline-dot-caution-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30510
|
+
border-block-end-color: var(--_timeline-dot-caution-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30511
|
+
border-inline-start-color: var(--_timeline-dot-caution-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30512
|
+
}
|
|
30513
|
+
|
|
30514
|
+
.mx-timeline__dot[data-tone='danger'] {
|
|
30515
|
+
background-color: var(--_timeline-dot-danger-bg, var(--_timeline-dot-bg, transparent));
|
|
30516
|
+
border-block-start-color: var(--_timeline-dot-danger-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30517
|
+
border-inline-end-color: var(--_timeline-dot-danger-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30518
|
+
border-block-end-color: var(--_timeline-dot-danger-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30519
|
+
border-inline-start-color: var(--_timeline-dot-danger-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30520
|
+
}
|
|
30521
|
+
|
|
30522
|
+
.mx-timeline__dot[data-tone='info'] {
|
|
30523
|
+
background-color: var(--_timeline-dot-info-bg, var(--_timeline-dot-bg, transparent));
|
|
30524
|
+
border-block-start-color: var(--_timeline-dot-info-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30525
|
+
border-inline-end-color: var(--_timeline-dot-info-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30526
|
+
border-block-end-color: var(--_timeline-dot-info-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30527
|
+
border-inline-start-color: var(--_timeline-dot-info-border-color, var(--_timeline-dot-border-color, currentcolor));
|
|
30528
|
+
}
|
|
30529
|
+
|
|
30530
|
+
.mx-timeline__dot-glyph {
|
|
30531
|
+
inline-size: var(--_timeline-dot-glyph-size, auto);
|
|
30532
|
+
block-size: var(--_timeline-dot-glyph-size, auto);
|
|
30533
|
+
background-color: var(--_timeline-dot-glyph-bg, transparent);
|
|
30534
|
+
}
|
|
30535
|
+
|
|
30536
|
+
.mx-timeline__dot[data-tone='accent'] > .mx-timeline__dot-glyph {
|
|
30537
|
+
background-color: var(--_timeline-dot-glyph-accent-bg, var(--_timeline-dot-glyph-bg, transparent));
|
|
30538
|
+
}
|
|
30539
|
+
|
|
30540
|
+
.mx-timeline__dot[data-tone='success'] > .mx-timeline__dot-glyph {
|
|
30541
|
+
background-color: var(--_timeline-dot-glyph-success-bg, var(--_timeline-dot-glyph-bg, transparent));
|
|
30542
|
+
}
|
|
30543
|
+
|
|
30544
|
+
.mx-timeline__dot[data-tone='caution'] > .mx-timeline__dot-glyph {
|
|
30545
|
+
background-color: var(--_timeline-dot-glyph-caution-bg, var(--_timeline-dot-glyph-bg, transparent));
|
|
30546
|
+
}
|
|
30547
|
+
|
|
30548
|
+
.mx-timeline__dot[data-tone='danger'] > .mx-timeline__dot-glyph {
|
|
30549
|
+
background-color: var(--_timeline-dot-glyph-danger-bg, var(--_timeline-dot-glyph-bg, transparent));
|
|
30550
|
+
}
|
|
30551
|
+
|
|
30552
|
+
.mx-timeline__dot[data-tone='info'] > .mx-timeline__dot-glyph {
|
|
30553
|
+
background-color: var(--_timeline-dot-glyph-info-bg, var(--_timeline-dot-glyph-bg, transparent));
|
|
30554
|
+
}
|
|
30555
|
+
|
|
30556
|
+
.mx-timeline__card {
|
|
30557
|
+
padding-block-start: var(--_timeline-card-padding, 0px);
|
|
30558
|
+
padding-inline-end: var(--_timeline-card-padding, 0px);
|
|
30559
|
+
padding-block-end: var(--_timeline-card-padding, 0px);
|
|
30560
|
+
padding-inline-start: var(--_timeline-card-padding, 0px);
|
|
30561
|
+
gap: var(--_timeline-card-gap, normal);
|
|
30562
|
+
background-color: var(--_timeline-card-bg, transparent);
|
|
30563
|
+
border-style: solid;
|
|
30564
|
+
border-block-start-width: var(--_timeline-card-border-width, 0px);
|
|
30565
|
+
border-inline-end-width: var(--_timeline-card-border-width, 0px);
|
|
30566
|
+
border-block-end-width: var(--_timeline-card-border-width, 0px);
|
|
30567
|
+
border-inline-start-width: var(--_timeline-card-border-width, 0px);
|
|
30568
|
+
border-block-start-color: var(--_timeline-card-border-color, currentcolor);
|
|
30569
|
+
border-inline-end-color: var(--_timeline-card-border-color, currentcolor);
|
|
30570
|
+
border-block-end-color: var(--_timeline-card-border-color, currentcolor);
|
|
30571
|
+
border-inline-start-color: var(--_timeline-card-border-color, currentcolor);
|
|
30572
|
+
border-start-start-radius: var(--_timeline-card-radius, 0px);
|
|
30573
|
+
border-start-end-radius: var(--_timeline-card-radius, 0px);
|
|
30574
|
+
border-end-start-radius: var(--_timeline-card-radius, 0px);
|
|
30575
|
+
border-end-end-radius: var(--_timeline-card-radius, 0px);
|
|
30576
|
+
box-shadow: 0 0 #0000, var(--_timeline-card-shadow, 0 0 #0000);
|
|
30577
|
+
color: var(--_timeline-card-color, inherit);
|
|
30578
|
+
outline-style: solid;
|
|
30579
|
+
outline-width: 0px;
|
|
30580
|
+
}
|
|
30581
|
+
|
|
30582
|
+
button.mx-timeline__card {
|
|
30583
|
+
cursor: var(--_timeline-card-pressable-cursor, inherit);
|
|
30584
|
+
}
|
|
30585
|
+
|
|
30586
|
+
button.mx-timeline__card:hover {
|
|
30587
|
+
background-color: var(--_timeline-card-hover-bg, var(--_timeline-card-bg, transparent));
|
|
30588
|
+
}
|
|
30589
|
+
|
|
30590
|
+
button.mx-timeline__card:active {
|
|
30591
|
+
background-color: var(--_timeline-card-pressed-bg, var(--_timeline-card-hover-bg, var(--_timeline-card-bg, transparent)));
|
|
30592
|
+
}
|
|
30593
|
+
|
|
30594
|
+
.mx-timeline__card:focus-visible {
|
|
30595
|
+
box-shadow: var(--_timeline-card-focus-glow, 0 0 #0000), var(--_timeline-card-shadow, 0 0 #0000);
|
|
30596
|
+
outline-width: var(--_timeline-card-focus-outline-width, 0px);
|
|
30597
|
+
outline-color: var(--_timeline-card-focus-outline-color, currentcolor);
|
|
30598
|
+
outline-offset: var(--_timeline-card-focus-outline-offset, 0px);
|
|
30599
|
+
}
|
|
30600
|
+
|
|
30601
|
+
.mx-timeline__flag {
|
|
30602
|
+
padding-block-start: var(--_timeline-flag-padding, 0px);
|
|
30603
|
+
padding-inline-end: var(--_timeline-flag-padding, 0px);
|
|
30604
|
+
padding-block-end: var(--_timeline-flag-padding, 0px);
|
|
30605
|
+
padding-inline-start: var(--_timeline-flag-padding, 0px);
|
|
30606
|
+
gap: var(--_timeline-flag-gap, normal);
|
|
30607
|
+
border-start-start-radius: var(--_timeline-flag-radius, 0px);
|
|
30608
|
+
border-start-end-radius: var(--_timeline-flag-radius, 0px);
|
|
30609
|
+
border-end-start-radius: var(--_timeline-flag-radius, 0px);
|
|
30610
|
+
border-end-end-radius: var(--_timeline-flag-radius, 0px);
|
|
30611
|
+
color: var(--_timeline-flag-color, inherit);
|
|
30612
|
+
outline-style: solid;
|
|
30613
|
+
outline-width: 0px;
|
|
30614
|
+
cursor: default;
|
|
30615
|
+
}
|
|
30616
|
+
|
|
30617
|
+
.mx-timeline__flag:hover {
|
|
30618
|
+
background-color: var(--_timeline-flag-hover-bg, transparent);
|
|
30619
|
+
cursor: var(--_timeline-flag-hover-cursor, default);
|
|
30620
|
+
}
|
|
30621
|
+
|
|
30622
|
+
.mx-timeline__flag:active {
|
|
30623
|
+
background-color: var(--_timeline-flag-pressed-bg, var(--_timeline-flag-hover-bg, transparent));
|
|
30624
|
+
}
|
|
30625
|
+
|
|
30626
|
+
.mx-timeline__flag:focus-visible {
|
|
30627
|
+
box-shadow: var(--_timeline-flag-focus-glow, 0 0 #0000), 0 0 #0000;
|
|
30628
|
+
outline-width: var(--_timeline-flag-focus-outline-width, 0px);
|
|
30629
|
+
outline-color: var(--_timeline-flag-focus-outline-color, currentcolor);
|
|
30630
|
+
outline-offset: var(--_timeline-flag-focus-outline-offset, 0px);
|
|
30631
|
+
}
|
|
30632
|
+
|
|
30633
|
+
.mx-timeline__flag[aria-selected='true'] {
|
|
30634
|
+
color: var(--_timeline-flag-selected-color, var(--_timeline-flag-color, inherit));
|
|
30635
|
+
}
|
|
30636
|
+
|
|
30637
|
+
.mx-timeline__date {
|
|
30638
|
+
color: var(--_timeline-date-color, inherit);
|
|
30639
|
+
font-size: var(--_timeline-date-font-size, inherit);
|
|
30640
|
+
}
|
|
30641
|
+
|
|
30642
|
+
.mx-timeline__flag[aria-selected='true'] > .mx-timeline__date {
|
|
30643
|
+
color: var(--_timeline-date-selected-color, var(--_timeline-date-color, inherit));
|
|
30644
|
+
font-weight: var(--_timeline-date-selected-font-weight, inherit);
|
|
30645
|
+
}
|
|
30646
|
+
|
|
30647
|
+
.mx-timeline__title {
|
|
30648
|
+
font-weight: var(--_timeline-title-font-weight, inherit);
|
|
30649
|
+
}
|
|
30650
|
+
|
|
30651
|
+
.mx-timeline__description {
|
|
30652
|
+
color: var(--_timeline-description-color, inherit);
|
|
30653
|
+
}
|
|
30654
|
+
|
|
30655
|
+
.mx-timeline__detail {
|
|
30656
|
+
padding-block-start: var(--_timeline-detail-padding, 0px);
|
|
30657
|
+
padding-inline-end: var(--_timeline-detail-padding, 0px);
|
|
30658
|
+
padding-block-end: var(--_timeline-detail-padding, 0px);
|
|
30659
|
+
padding-inline-start: var(--_timeline-detail-padding, 0px);
|
|
30660
|
+
gap: var(--_timeline-detail-gap, normal);
|
|
30661
|
+
background-color: var(--_timeline-detail-bg, transparent);
|
|
30662
|
+
border-style: solid;
|
|
30663
|
+
border-block-start-width: var(--_timeline-detail-border-width, 0px);
|
|
30664
|
+
border-inline-end-width: var(--_timeline-detail-border-width, 0px);
|
|
30665
|
+
border-block-end-width: var(--_timeline-detail-border-width, 0px);
|
|
30666
|
+
border-inline-start-width: var(--_timeline-detail-border-width, 0px);
|
|
30667
|
+
border-block-start-color: var(--_timeline-detail-border-color, currentcolor);
|
|
30668
|
+
border-inline-end-color: var(--_timeline-detail-border-color, currentcolor);
|
|
30669
|
+
border-block-end-color: var(--_timeline-detail-border-color, currentcolor);
|
|
30670
|
+
border-inline-start-color: var(--_timeline-detail-border-color, currentcolor);
|
|
30671
|
+
border-start-start-radius: var(--_timeline-detail-radius, 0px);
|
|
30672
|
+
border-start-end-radius: var(--_timeline-detail-radius, 0px);
|
|
30673
|
+
border-end-start-radius: var(--_timeline-detail-radius, 0px);
|
|
30674
|
+
border-end-end-radius: var(--_timeline-detail-radius, 0px);
|
|
30675
|
+
box-shadow: var(--_timeline-detail-shadow, none);
|
|
30676
|
+
color: var(--_timeline-detail-color, inherit);
|
|
30677
|
+
}
|
|
30678
|
+
|
|
30679
|
+
.mx-timeline__nav {
|
|
30680
|
+
inline-size: var(--_timeline-nav-size, auto);
|
|
30681
|
+
block-size: var(--_timeline-nav-size, auto);
|
|
30682
|
+
background-color: var(--_timeline-nav-bg, transparent);
|
|
30683
|
+
border-start-start-radius: var(--_timeline-nav-radius, 0px);
|
|
30684
|
+
border-start-end-radius: var(--_timeline-nav-radius, 0px);
|
|
30685
|
+
border-end-start-radius: var(--_timeline-nav-radius, 0px);
|
|
30686
|
+
border-end-end-radius: var(--_timeline-nav-radius, 0px);
|
|
30687
|
+
color: var(--_timeline-nav-color, inherit);
|
|
30688
|
+
outline-style: solid;
|
|
30689
|
+
outline-width: 0px;
|
|
30690
|
+
cursor: default;
|
|
30691
|
+
}
|
|
30692
|
+
|
|
30693
|
+
.mx-timeline__nav:not([aria-disabled='true']):hover {
|
|
30694
|
+
background-color: var(--_timeline-nav-hover-bg, var(--_timeline-nav-bg, transparent));
|
|
30695
|
+
cursor: var(--_timeline-nav-hover-cursor, default);
|
|
30696
|
+
}
|
|
30697
|
+
|
|
30698
|
+
.mx-timeline__nav:not([aria-disabled='true']):active {
|
|
30699
|
+
background-color: var(--_timeline-nav-pressed-bg, var(--_timeline-nav-hover-bg, var(--_timeline-nav-bg, transparent)));
|
|
30700
|
+
}
|
|
30701
|
+
|
|
30702
|
+
.mx-timeline__nav:focus-visible {
|
|
30703
|
+
box-shadow: var(--_timeline-nav-focus-glow, 0 0 #0000), 0 0 #0000;
|
|
30704
|
+
outline-width: var(--_timeline-nav-focus-outline-width, 0px);
|
|
30705
|
+
outline-color: var(--_timeline-nav-focus-outline-color, currentcolor);
|
|
30706
|
+
outline-offset: var(--_timeline-nav-focus-outline-offset, 0px);
|
|
30707
|
+
}
|
|
30708
|
+
|
|
30709
|
+
.mx-timeline__nav[aria-disabled='true'] {
|
|
30710
|
+
opacity: var(--_timeline-nav-disabled-opacity, 1);
|
|
30711
|
+
}
|
|
30712
|
+
|
|
30713
|
+
.mx-timeline__nav-glyph {
|
|
30714
|
+
inline-size: var(--_timeline-nav-glyph-size, auto);
|
|
30715
|
+
block-size: var(--_timeline-nav-glyph-size, auto);
|
|
30716
|
+
background-color: var(--_timeline-nav-glyph-bg, transparent);
|
|
30717
|
+
}
|
|
30718
|
+
|
|
27883
30719
|
.mx-toaster__stack {
|
|
27884
30720
|
gap: var(--_toast-stack-gap, normal);
|
|
27885
30721
|
}
|
|
@@ -28237,6 +31073,62 @@
|
|
|
28237
31073
|
cursor: pointer;
|
|
28238
31074
|
}
|
|
28239
31075
|
|
|
31076
|
+
.mx-validation-summary {
|
|
31077
|
+
padding-block-start: var(--_validation-summary-box-padding, 0px);
|
|
31078
|
+
padding-inline-end: var(--_validation-summary-box-padding, 0px);
|
|
31079
|
+
padding-block-end: var(--_validation-summary-box-padding, 0px);
|
|
31080
|
+
padding-inline-start: var(--_validation-summary-box-padding, 0px);
|
|
31081
|
+
background-color: var(--_validation-summary-box-bg, transparent);
|
|
31082
|
+
border-style: solid;
|
|
31083
|
+
border-block-start-width: var(--_validation-summary-box-border-width, 0px);
|
|
31084
|
+
border-inline-end-width: var(--_validation-summary-box-border-width, 0px);
|
|
31085
|
+
border-block-end-width: var(--_validation-summary-box-border-width, 0px);
|
|
31086
|
+
border-inline-start-width: var(--_validation-summary-box-border-width, 0px);
|
|
31087
|
+
border-block-start-color: var(--_validation-summary-box-border-color, currentcolor);
|
|
31088
|
+
border-inline-end-color: var(--_validation-summary-box-border-color, currentcolor);
|
|
31089
|
+
border-block-end-color: var(--_validation-summary-box-border-color, currentcolor);
|
|
31090
|
+
border-inline-start-color: var(--_validation-summary-box-border-color, currentcolor);
|
|
31091
|
+
border-start-start-radius: var(--_validation-summary-box-radius, 0px);
|
|
31092
|
+
border-start-end-radius: var(--_validation-summary-box-radius, 0px);
|
|
31093
|
+
border-end-start-radius: var(--_validation-summary-box-radius, 0px);
|
|
31094
|
+
border-end-end-radius: var(--_validation-summary-box-radius, 0px);
|
|
31095
|
+
}
|
|
31096
|
+
|
|
31097
|
+
.mx-validation-summary__icon {
|
|
31098
|
+
inline-size: var(--_validation-summary-icon-size, auto);
|
|
31099
|
+
block-size: var(--_validation-summary-icon-size, auto);
|
|
31100
|
+
background-color: var(--_validation-summary-icon-bg, transparent);
|
|
31101
|
+
--_icon: var(--_validation-summary-icon-icon, none);
|
|
31102
|
+
}
|
|
31103
|
+
|
|
31104
|
+
.mx-validation-summary__header-text {
|
|
31105
|
+
color: var(--_validation-summary-header-color, inherit);
|
|
31106
|
+
font-weight: var(--_validation-summary-header-font-weight, inherit);
|
|
31107
|
+
}
|
|
31108
|
+
|
|
31109
|
+
.mx-validation-summary__item {
|
|
31110
|
+
border-start-start-radius: var(--_validation-summary-item-radius, 0px);
|
|
31111
|
+
border-start-end-radius: var(--_validation-summary-item-radius, 0px);
|
|
31112
|
+
border-end-start-radius: var(--_validation-summary-item-radius, 0px);
|
|
31113
|
+
border-end-end-radius: var(--_validation-summary-item-radius, 0px);
|
|
31114
|
+
color: var(--_validation-summary-item-color, inherit);
|
|
31115
|
+
outline-style: solid;
|
|
31116
|
+
outline-width: 0px;
|
|
31117
|
+
cursor: default;
|
|
31118
|
+
}
|
|
31119
|
+
|
|
31120
|
+
.mx-validation-summary__item:hover {
|
|
31121
|
+
text-decoration-line: var(--_validation-summary-item-hover-text-decoration, none);
|
|
31122
|
+
cursor: var(--_validation-summary-item-hover-cursor, default);
|
|
31123
|
+
}
|
|
31124
|
+
|
|
31125
|
+
.mx-validation-summary__item:focus-visible {
|
|
31126
|
+
box-shadow: var(--_validation-summary-item-focus-glow, 0 0 #0000), 0 0 #0000;
|
|
31127
|
+
outline-width: var(--_validation-summary-item-focus-outline-width, 0px);
|
|
31128
|
+
outline-color: var(--_validation-summary-item-focus-outline-color, currentcolor);
|
|
31129
|
+
outline-offset: var(--_validation-summary-item-focus-outline-offset, 0px);
|
|
31130
|
+
}
|
|
31131
|
+
|
|
28240
31132
|
.mx-form::backdrop {
|
|
28241
31133
|
background-color: var(--_window-scrim-bg, transparent);
|
|
28242
31134
|
}
|
|
@@ -28691,17 +31583,15 @@
|
|
|
28691
31583
|
--_field-size: var(--mx-drop-down-search-size);
|
|
28692
31584
|
}
|
|
28693
31585
|
|
|
28694
|
-
/* file-uploader: field — The field under an uploader: the box is the drop zone (a dashed frame where the language draws one). */
|
|
31586
|
+
/* file-uploader: field — The field under an uploader: the box is the drop zone (a dashed frame where the language draws one); the label stays above it, a floating one would lie over the button. */
|
|
28695
31587
|
.mx-file-uploader {
|
|
31588
|
+
--_field-label-mode: var(--mx-file-uploader-field-label-mode);
|
|
28696
31589
|
--_field-width: var(--mx-file-uploader-field-width);
|
|
28697
31590
|
--_field-box-border-style: var(--mx-file-uploader-field-box-border-style);
|
|
28698
31591
|
--_field-border-width: var(--mx-file-uploader-field-border-width);
|
|
28699
31592
|
--_field-box-border-color: var(--mx-file-uploader-field-box-border-color);
|
|
28700
31593
|
--_field-box-hover-bg: var(--mx-file-uploader-field-box-hover-bg);
|
|
28701
31594
|
--_field-box-radius: var(--mx-file-uploader-field-box-radius);
|
|
28702
|
-
--_field-padding-sm: var(--mx-file-uploader-field-padding-sm);
|
|
28703
|
-
--_field-padding-md: var(--mx-file-uploader-field-padding-md);
|
|
28704
|
-
--_field-padding-lg: var(--mx-file-uploader-field-padding-lg);
|
|
28705
31595
|
}
|
|
28706
31596
|
|
|
28707
31597
|
/* file-uploader: action — A row's buttons: cancel, retry, remove. */
|