material-inspired-component-library 8.0.1 → 8.0.4

package/dist/select.css

@@ -1 +1 @@
-:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px)}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}body{--md-sys-elevation-level2: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 2px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 2px 6px 2px}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-state-disabled-state-layer-opacity: 38%}.micl-textfield-filled>select{--md-comp-select-line-height: calc(var(--md-sys-textfield-height) - 18px - 3px)}.micl-textfield-outlined>select{--md-comp-select-line-height: var(--md-sys-textfield-height)}.micl-textfield-filled>select,.micl-textfield-outlined>select{--md-sys-divider-space: 8px;--md-comp-list-motion-duration: 200ms;--md-comp-select-picker-origin: left top;appearance:base-select;line-height:var(--md-comp-select-line-height)}.micl-textfield-filled>select::picker-icon,.micl-textfield-outlined>select::picker-icon{color:var(--md-sys-color-on-surface-variant);transition:400ms rotate;transform-origin:50% calc(var(--md-comp-select-line-height)/2 - 1px)}.micl-textfield-filled>select:disabled::picker-icon,.micl-textfield-outlined>select:disabled::picker-icon{color:rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-sys-state-disabled-state-layer-opacity, 38%))}.micl-textfield-filled>select:open::picker-icon,.micl-textfield-outlined>select:open::picker-icon{rotate:180deg}.micl-textfield-filled>select::picker(select),.micl-textfield-outlined>select::picker(select){--md-comp-list-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-comp-list-motion-duration: 200ms;--md-sys-divider-space: 0.5px;--_list-shape: var(--md-comp-list-container-shape, var(--md-sys-shape-corner-large, 16px));--_list-item-background-color: var(--md-comp-list-item-container-color, transparent);--_list-item-background-opacity: 0%;appearance:base-select;display:flex;flex-direction:column;position-try-order:most-block-size;position-try-fallbacks:flip-block,flip-inline;min-inline-size:max(anchor-size(self-inline),var(--md-comp-menu-width-min, 112px));max-inline-size:var(--md-comp-menu-width-max, 320px);gap:var(--md-comp-menu-gap, 2px);padding:4px;border-radius:var(--_list-shape);border:none;outline:none;background-color:var(--md-comp-menu-standard-container-color, var(--md-sys-color-surface-container-low));box-shadow:var(--md-comp-menu-container-elevation, var(--md-sys-elevation-level2));opacity:0;overflow-x:hidden;overflow-y:auto;transform:scaleY(0);transform-origin:var(--md-comp-select-picker-origin, left top);transition:opacity var(--md-comp-menu-motion-spatial-duration-reverse) linear,transform var(--md-comp-menu-motion-spatial-duration-reverse) var(--md-comp-menu-motion-spatial),overlay var(--md-comp-menu-motion-spatial-duration-reverse) linear allow-discrete,display var(--md-comp-menu-motion-spatial-duration-reverse) linear allow-discrete}.micl-textfield-filled>select::picker(select):popover-open,.micl-textfield-outlined>select::picker(select):popover-open{opacity:1;transform:scaleY(1);transition:opacity var(--md-comp-menu-motion-spatial-duration) cubic-bezier(0.05, 0.7, 0.1, 1),transform var(--md-comp-menu-motion-spatial-duration) var(--md-comp-menu-motion-spatial),overlay var(--md-comp-menu-motion-spatial-duration) linear allow-discrete,display var(--md-comp-menu-motion-spatial-duration) linear allow-discrete}@starting-style{.micl-textfield-filled>select::picker(select):popover-open,.micl-textfield-outlined>select::picker(select):popover-open{opacity:0;transform:scaleY(0)}}.micl-textfield-filled>select option,.micl-textfield-outlined>select option{line-height:normal}.micl-textfield-filled>select option .micl-list-item__text::after,.micl-textfield-outlined>select option .micl-list-item__text::after{content:attr(aria-description)}.micl-textfield-filled>select option::checkmark,.micl-textfield-outlined>select option::checkmark{color:var(--md-sys-color-on-surface-variant)}[inert] .micl-textfield-filled>select::picker-icon,[inert] .micl-textfield-outlined>select::picker-icon{display:none}[dir=rtl] .micl-textfield-filled>select:open::picker-icon,[dir=rtl] .micl-textfield-outlined>select:open::picker-icon{rotate:-180deg}
+:root{--md-sys-icon-size: 24px;--md-sys-padding-xxs: 4px;--md-sys-padding-xs: 8px;--md-sys-padding-s: 12px;--md-sys-padding-m: 16px;--md-sys-padding-l: 20px;--md-sys-padding-xl: 24px;--md-sys-padding-xxl: 28px}.micl-hidden{display:none !important}.micl-no-transition{transition:none !important}.micl-flex--vcenter{display:flex;flex-direction:row;align-items:center}.micl-grid-field,.micl-grid-iconfield{box-sizing:border-box;display:grid;row-gap:var(--md-sys-padding-xl, 24px)}.micl-grid-iconfield{grid-template-columns:48px 1fr}.micl-grid-iconfield__icon{grid-column:1;margin-block-start:.6rem}.micl-grid-iconfield__field{grid-column:2}.micl-link{display:flex;align-items:center;justify-content:center;text-decoration:none}@property --micl-ripple{syntax:"<integer>";inherits:false;initial-value:0}@property --micl-x{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-y{syntax:"<length>";inherits:false;initial-value:-100000px}@property --micl-width{syntax:"<length>";inherits:true;initial-value:0px}@property --micl-height{syntax:"<length>";inherits:true;initial-value:0px}:root{--md-ref-typeface-plain: Google Sans, system-ui, sans-serif;--md-ref-typeface-plain-narrow: 0;--md-ref-typeface-brand: Google Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700}body{--md-sys-elevation-level2: rgb(from var(--md-sys-color-shadow) r g b/0.3) 0 1px 2px 0, rgb(from var(--md-sys-color-shadow) r g b/0.15) 0 2px 6px 2px}:root{--md-sys-shape-corner-large: 16px}:root{--md-sys-state-disabled-state-layer-opacity: 38%}.micl-textfield-filled>select{--md-comp-select-line-height: calc(var(--md-sys-textfield-height) - 18px - 3px)}.micl-textfield-outlined>select{--md-comp-select-line-height: var(--md-sys-textfield-height)}.micl-textfield-filled>select,.micl-textfield-outlined>select{--md-sys-divider-space: 8px;--md-comp-list-motion-duration: 200ms;--md-comp-select-picker-origin: left top;appearance:base-select;line-height:var(--md-comp-select-line-height)}.micl-textfield-filled>select::picker-icon,.micl-textfield-outlined>select::picker-icon{color:var(--md-sys-color-on-surface-variant);transition:400ms rotate;transform-origin:50% calc(var(--md-comp-select-line-height)/2 - 1px)}.micl-textfield-filled>select:disabled::picker-icon,.micl-textfield-outlined>select:disabled::picker-icon{color:rgb(from var(--md-sys-color-on-surface-variant) r g b/var(--md-sys-state-disabled-state-layer-opacity, 38%))}.micl-textfield-filled>select:open::picker-icon,.micl-textfield-outlined>select:open::picker-icon{rotate:180deg}.micl-textfield-filled>select::picker(select),.micl-textfield-outlined>select::picker(select){--md-comp-list-motion-effects: cubic-bezier(0.42, 1.67, 0.21, 0.9);--md-comp-list-motion-duration: 200ms;--md-sys-divider-space: 0.5px;--_list-shape: var(--md-comp-list-container-shape, var(--md-sys-shape-corner-large, 16px));--_list-item-background-color: var(--md-comp-list-item-container-color, transparent);--_list-item-background-opacity: 0%;appearance:base-select;display:flex;flex-direction:column;position-try-order:most-block-size;position-try-fallbacks:flip-block,flip-inline;min-inline-size:max(anchor-size(self-inline),var(--md-comp-menu-width-min, 112px));max-inline-size:var(--md-comp-menu-width-max, 320px);gap:var(--md-comp-menu-gap, 2px);padding:4px;border-radius:var(--_list-shape);border:none;outline:none;background-color:var(--md-comp-menu-standard-container-color, var(--md-sys-color-surface-container-low));box-shadow:var(--md-comp-menu-container-elevation, var(--md-sys-elevation-level2));opacity:0;overflow-x:hidden;overflow-y:auto;transform:scaleY(0);transform-origin:var(--md-comp-select-picker-origin, left top);transition:opacity var(--md-comp-menu-motion-spatial-duration-reverse) linear,transform var(--md-comp-menu-motion-spatial-duration-reverse) var(--md-comp-menu-motion-spatial),overlay var(--md-comp-menu-motion-spatial-duration-reverse) linear allow-discrete,display var(--md-comp-menu-motion-spatial-duration-reverse) linear allow-discrete}.micl-textfield-filled>select::picker(select):popover-open,.micl-textfield-outlined>select::picker(select):popover-open{opacity:1;transform:scaleY(1);transition:opacity var(--md-comp-menu-motion-spatial-duration) cubic-bezier(0.05, 0.7, 0.1, 1),transform var(--md-comp-menu-motion-spatial-duration) var(--md-comp-menu-motion-spatial),overlay var(--md-comp-menu-motion-spatial-duration) linear allow-discrete,display var(--md-comp-menu-motion-spatial-duration) linear allow-discrete}@starting-style{.micl-textfield-filled>select::picker(select):popover-open,.micl-textfield-outlined>select::picker(select):popover-open{opacity:0;transform:scaleY(0)}}.micl-textfield-filled>select option,.micl-textfield-outlined>select option{line-height:normal}.micl-textfield-filled>select option .micl-list-item__text::after,.micl-textfield-outlined>select option .micl-list-item__text::after{content:attr(aria-description);overflow:hidden;text-overflow:ellipsis}.micl-textfield-filled>select option::checkmark,.micl-textfield-outlined>select option::checkmark{color:var(--md-sys-color-on-surface-variant)}[inert] .micl-textfield-filled>select::picker-icon,[inert] .micl-textfield-outlined>select::picker-icon{display:none}[dir=rtl] .micl-textfield-filled>select:open::picker-icon,[dir=rtl] .micl-textfield-outlined>select:open::picker-icon{rotate:-180deg}

package/docs/index.html

@@ -377,7 +377,7 @@
                             <p><a href="list.html" class="md-sys-typescale-body-large">Lists</a></p>
                             <p><a href="menu.html" class="md-sys-typescale-body-large">Menus</a></p>
                             <p><a href="navigationrail.html" class="md-sys-typescale-body-large">Navigation rails</a></p>
-                            <p><a href="progressindicator.html" class="md-sys-typescale-body-large">Progress indicators</a></p>
+                            <!-- <p><a href="progressindicator.html" class="md-sys-typescale-body-large">Progress indicators</a></p> -->
                             <p><a href="radio.html" class="md-sys-typescale-body-large">Radio buttons</a></p>
                             <p><a href="select.html" class="md-sys-typescale-body-large">Selects</a></p>
                             <p><a href="sidesheet.html" class="md-sys-typescale-body-large">Side sheets</a></p>