@itwin/itwinui-css 1.9.0 → 1.10.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +20 -0
- package/css/all.css +1 -1
- package/css/code.css +1 -1
- package/css/menu.css +1 -1
- package/css/select.css +1 -1
- package/package.json +1 -1
package/css/code.css
CHANGED
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
3
3
|
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
4
4
|
*--------------------------------------------------------------------------------------------*/
|
|
5
|
-
:where(.iui-root, [data-iui-theme]) .iui-code{font-family:var(--iui-font-mono);font-size:var(--iui-font-size-0);padding:
|
|
5
|
+
:where(.iui-root, [data-iui-theme]) .iui-code{font-family:var(--iui-font-mono);font-size:var(--iui-font-size-0);padding:var(--iui-size-2xs);border-radius:var(--iui-border-radius-1);background-color:var(--iui-color-background);border:1px solid var(--iui-color-border);display:inline}:where(.iui-root, [data-iui-theme]) .iui-codeblock{vertical-align:baseline;margin:0;margin:calc(var(--iui-size-s)*.5)0;border:none;padding:0}:where(.iui-root, [data-iui-theme]) .iui-codeblock>.iui-title-bar{border-radius:var(--iui-border-radius-1)var(--iui-border-radius-1)0 0;background-color:var(--iui-color-background);border:1px solid var(--iui-color-border);border-bottom:none;align-items:center;display:flex}:where(.iui-root, [data-iui-theme]) .iui-codeblock>.iui-title-bar>.iui-title{margin-left:var(--iui-size-s);-webkit-user-select:all;user-select:all}:where(.iui-root, [data-iui-theme]) .iui-codeblock>.iui-title-bar>.iui-button{margin-left:auto}:where(.iui-root, [data-iui-theme]) .iui-codeblock>.iui-codeblock-content{overflow:auto;overflow:overlay;border-radius:0 0 var(--iui-border-radius-1)var(--iui-border-radius-1);white-space:normal;border:1px solid var(--iui-color-border);color:var(--iui-color-text);margin:0;display:grid}:where(.iui-root, [data-iui-theme]) .iui-codeblock>.iui-codeblock-content:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){:where(.iui-root, [data-iui-theme]) .iui-codeblock>.iui-codeblock-content:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}:where(.iui-root, [data-iui-theme]) .iui-codeblock>.iui-codeblock-content>code{width:100%;white-space:nowrap;-webkit-hyphens:auto;hyphens:auto;counter-increment:section;font-family:var(--iui-font-mono);background-color:var(--iui-color-background);display:block}:where(.iui-root, [data-iui-theme]) .iui-codeblock>.iui-codeblock-content>code:nth-child(2n){background-color:var(--iui-color-background-zebra)}:where(.iui-root, [data-iui-theme]) .iui-codeblock>.iui-codeblock-content>code:before{content:counter(section);text-align:right;padding:0 var(--iui-size-xs);width:calc(var(--iui-size-l) + 2*var(--iui-size-xs));background-color:var(--iui-color-background-backdrop);color:var(--iui-color-text-muted);display:inline-block}
|
package/css/menu.css
CHANGED
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
3
3
|
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
4
4
|
*--------------------------------------------------------------------------------------------*/
|
|
5
|
-
:where(.iui-root, [data-iui-theme]) .iui-menu{vertical-align:baseline
|
|
5
|
+
:where(.iui-root, [data-iui-theme]) :is(.iui-list,.iui-menu){vertical-align:baseline;isolation:isolate;border:none;margin:0;padding:0;list-style-type:none}:where(.iui-root, [data-iui-theme]) :is(.iui-list,.iui-menu) .iui-header-menu-icon{margin:0 var(--iui-size-2xs)}:where(.iui-root, [data-iui-theme]) :is(.iui-list,.iui-menu) .iui-header-menu-icon:is(div){width:calc(1.5*var(--iui-size-m));height:calc(1.5*var(--iui-size-m));border-radius:var(--iui-border-radius-1);box-shadow:inset 0 0 0 2px hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-6));flex-shrink:0;margin:0;display:flex}:where(.iui-root, [data-iui-theme]) .iui-menu{--iui-surface-background-color:var(--iui-color-background);--iui-surface-border-color:var(--iui-color-border-subtle);--iui-surface-border-radius:var(--iui-border-radius-1);--iui-surface-elevation:var(--iui-shadow-1);background-color:var(--iui-surface-background-color);border:1px solid var(--iui-surface-border-color);border-radius:var(--iui-surface-border-radius);box-shadow:var(--iui-surface-elevation);color:var(--iui-color-text);max-height:var(--iui-menu-max-height);border-radius:var(--iui-border-radius-1)}:where(.iui-root, [data-iui-theme]) .iui-menu:where(:has(.iui-surface-body),:has(.iui-surface-header),[data-iui-layout=true]){flex-direction:column;display:flex}:where(.iui-root, [data-iui-theme]) .iui-menu.iui-scroll{overflow-y:auto;overflow-y:overlay;--iui-menu-max-height:calc((var(--iui-component-height) - 1px)*8.5)}:where(.iui-root, [data-iui-theme]) :is(.iui-list-item,.iui-menu-item){align-items:center;gap:var(--iui-size-xs);font-size:var(--iui-font-size-1);padding-block:var(--iui-size-2xs);padding-inline:var(--iui-size-s);min-block-size:var(--iui-component-height);color:var(--iui-color-text);border-radius:var(--iui-border-radius-1);line-height:normal;list-style-type:none;display:flex;position:relative}:where(.iui-root, [data-iui-theme]) :is(.iui-list-item,.iui-menu-item)+:is(.iui-list-item,.iui-menu-item){margin-block-start:-1px}:where(.iui-root, [data-iui-theme]) :is(.iui-list-item,.iui-menu-item):where([data-iui-actionable=true],.iui-menu-item,:has(.iui-link-action:hover)):where(:hover){cursor:pointer;background-color:var(--iui-color-background-hover)}:where(.iui-root, [data-iui-theme]) :is(.iui-list-item,.iui-menu-item):where(.iui-large,[data-iui-size=large]){min-block-size:var(--iui-component-height-large)}:where(.iui-root, [data-iui-theme]) :is(.iui-list-item,.iui-menu-item):where(.iui-active,[data-iui-active=true]){background-color:var(--iui-color-background-accent-muted);color:var(--iui-color-text-accent);outline:1px solid var(--iui-color-border-accent);outline-offset:-1px;z-index:1;--_iui-list-item-icon-fill:currentColor;--_iui-list-item-description-color:var(--iui-color-text-accent)}@supports selector(:has(+ *)){:where(.iui-root, [data-iui-theme]) :is(.iui-list-item,.iui-menu-item):where(.iui-active,[data-iui-active=true]):where(:has(+:is(.iui-list-item,.iui-menu-item):where(.iui-active,[data-iui-active=true]))){border-bottom-right-radius:0;border-bottom-left-radius:0}:where(.iui-root, [data-iui-theme]) :is(.iui-list-item,.iui-menu-item):where(.iui-active,[data-iui-active=true])+:where(:is(.iui-list-item,.iui-menu-item):where(.iui-active,[data-iui-active=true])){border-top-left-radius:0;border-top-right-radius:0}}:where(.iui-root, [data-iui-theme]) :is(.iui-list-item,.iui-menu-item):where(.iui-disabled,[data-iui-disabled=true]){z-index:-1;cursor:not-allowed;color:var(--iui-color-text-disabled);--_iui-list-item-icon-fill:var(--iui-color-icon-disabled);--_iui-list-item-description-color:var(--iui-color-text-disabled);background-color:#0000;outline:none}:where(.iui-root, [data-iui-theme]) :is(.iui-list-item,.iui-menu-item):where(:focus-visible,.iui-focused,[data-iui-focused=true],:has(.iui-link-action:focus-visible)){outline:1px solid var(--iui-color-border-accent);outline-offset:-1px;z-index:2}:where(.iui-root, [data-iui-theme]) :is(.iui-list-item,.iui-menu-item):where(:focus-visible,.iui-focused,[data-iui-focused=true],:has(.iui-link-action:focus-visible)):where(.iui-active,[data-iui-active=true]){outline-width:var(--iui-size-3xs);outline-offset:-2px}@supports not selector(:has(+ *)){:where(.iui-root, [data-iui-theme]) :is(.iui-list-item,.iui-menu-item):where(:focus-within){outline:1px solid var(--iui-color-border-accent);outline-offset:-1px;z-index:2}:where(.iui-root, [data-iui-theme]) :is(.iui-list-item,.iui-menu-item):where(:focus-within):where(.iui-active,[data-iui-active=true]){outline-width:var(--iui-size-3xs);outline-offset:-2px}}:where(.iui-root, [data-iui-theme]) :is(.iui-menu-item>.iui-icon,.iui-list-item-icon){flex:none}:where(.iui-root, [data-iui-theme]) :is(.iui-menu-item>.iui-icon,.iui-list-item-icon),:where(.iui-root, [data-iui-theme]) :is(.iui-menu-item>.iui-icon,.iui-list-item-icon) svg{width:var(--iui-size-m);height:var(--iui-size-m);fill:var(--_iui-list-item-icon-fill,var(--iui-color-icon));flex-shrink:0;display:flex}:where(.iui-root, [data-iui-theme]) .iui-menu-item-skeleton{--iui-menu-item-content-skeleton-max-width:30%;cursor:auto}:where(.iui-root, [data-iui-theme]) .iui-menu-item-skeleton .iui-content{max-inline-size:var(--iui-menu-item-content-skeleton-max-width)}:where(.iui-root, [data-iui-theme]) .iui-menu-item-skeleton .iui-menu-label{inline-size:100%;block-size:var(--iui-font-size-1);display:block}:where(.iui-root, [data-iui-theme]) .iui-menu-item-skeleton .iui-menu-description{inline-size:70%;block-size:var(--iui-font-size-0);margin-block-start:var(--iui-size-2xs);display:block}:where(.iui-root, [data-iui-theme]) .iui-menu-item-skeleton:hover{background-color:unset}:where(.iui-root, [data-iui-theme]) .iui-menu-content{padding-block:var(--iui-size-xs);padding-inline:var(--iui-size-m);min-block-size:var(--iui-component-height);align-items:center;display:grid}:where(.iui-root, [data-iui-theme]) :is(.iui-menu-item>.iui-content,.iui-list-item-content){flex:auto}:where(.iui-root, [data-iui-theme]) :is(.iui-menu-item>.iui-content,.iui-list-item-content),:where(.iui-root, [data-iui-theme]) :is(.iui-menu-item>.iui-content,.iui-list-item-content)>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:where(.iui-root, [data-iui-theme]) :is(.iui-menu-description,.iui-list-item-description){white-space:nowrap;text-overflow:ellipsis;font-size:var(--iui-font-size-0);color:var(--_iui-list-item-description-color,var(--iui-color-text-muted));overflow:hidden}:where(.iui-root, [data-iui-theme]) .iui-menu-divider{block-size:1px;inline-size:calc(100% - var(--iui-size-l));background-color:var(--iui-color-border);margin:1px auto}
|
package/css/select.css
CHANGED
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
3
3
|
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
4
4
|
*--------------------------------------------------------------------------------------------*/
|
|
5
|
-
:where(.iui-root, [data-iui-theme]) .iui-select-button{width:100%;border-radius:var(--iui-border-radius-1);min-height:var(--_iui-select-min-height);padding-block:var(--_iui-select-padding-block);padding-inline:var(--iui-size-s);transition:border-color var(--iui-duration-1)ease-out;-webkit-user-select:none;user-select:none;color:var(--iui-color-text);background-color:var(--iui-color-background);border:1px solid var(--iui-color-border-foreground);--_iui-select-padding-block:var(--iui-size-2xs);--_iui-select-min-height:var(--iui-component-height);align-items:center;display:flex;position:relative;overflow:hidden}:where(.iui-root, [data-iui-theme]) .iui-select-button:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}@supports not selector(*:focus-visible){:where(.iui-root, [data-iui-theme]) .iui-select-button:focus{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}}:where(.iui-root, [data-iui-theme]) .iui-select-button.iui-disabled{background-color:var(--iui-color-background-disabled);border-color:var(--iui-color-border-disabled);--_iui-input-with-icon-hover-border-color:var(--iui-color-border-disabled);cursor:not-allowed}:where(.iui-root, [data-iui-theme]) .iui-select-button .iui-icon{
|
|
5
|
+
:where(.iui-root, [data-iui-theme]) .iui-select-button{width:100%;border-radius:var(--iui-border-radius-1);min-height:var(--_iui-select-min-height);padding-block:var(--_iui-select-padding-block);padding-inline:var(--iui-size-s);gap:var(--iui-size-xs);transition:border-color var(--iui-duration-1)ease-out;-webkit-user-select:none;user-select:none;color:var(--iui-color-text);background-color:var(--iui-color-background);border:1px solid var(--iui-color-border-foreground);--_iui-select-padding-block:var(--iui-size-2xs);--_iui-select-min-height:var(--iui-component-height);align-items:center;display:flex;position:relative;overflow:hidden}:where(.iui-root, [data-iui-theme]) .iui-select-button:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}@supports not selector(*:focus-visible){:where(.iui-root, [data-iui-theme]) .iui-select-button:focus{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}}:where(.iui-root, [data-iui-theme]) .iui-select-button.iui-disabled{background-color:var(--iui-color-background-disabled);border-color:var(--iui-color-border-disabled);--_iui-input-with-icon-hover-border-color:var(--iui-color-border-disabled);cursor:not-allowed}:where(.iui-root, [data-iui-theme]) .iui-select-button .iui-icon{fill:currentColor;flex:none}:where(.iui-root, [data-iui-theme]) .iui-select-button .iui-icon,:where(.iui-root, [data-iui-theme]) .iui-select-button .iui-icon svg{width:var(--iui-size-m);height:var(--iui-size-m);fill:var(--_iui-list-item-icon-fill,var(--iui-color-icon));flex-shrink:0;display:flex}:where(.iui-root, [data-iui-theme]) .iui-select-button .iui-content{white-space:nowrap;text-overflow:ellipsis;min-height:var(--iui-size-l);overflow:hidden}:where(.iui-root, [data-iui-theme]) .iui-select-button.iui-placeholder{color:var(--iui-color-text-disabled)}:where(.iui-root, [data-iui-theme]) .iui-select-button[data-iui-size=small]{--_iui-select-padding-block:0;--_iui-select-min-height:var(--iui-component-height-small)}:where(.iui-root, [data-iui-theme]) .iui-select-button[data-iui-size=large]{--_iui-select-padding-block:var(--iui-size-xs);--_iui-select-min-height:var(--iui-component-height-large);font-size:var(--iui-font-size-2)}:where(.iui-root, [data-iui-theme]) .iui-select-tag-container{inset:0 calc(var(--iui-size-m) + var(--iui-size-l))0 var(--iui-size-s);height:100%;align-items:center;gap:var(--iui-size-2xs);display:flex;position:absolute;overflow:hidden}:where(.iui-root, [data-iui-theme]) .iui-select-tag-container>*+*{margin-left:var(--iui-size-2xs)}@supports (gap: var(--iui-size-2xs)){:where(.iui-root, [data-iui-theme]) .iui-select-tag-container>*+*{margin-left:0}}:where(.iui-root, [data-iui-theme]) .iui-select-tag{-webkit-user-select:all;user-select:all;text-transform:lowercase;height:calc(var(--iui-size-s)*3);margin-block:var(--iui-size-2xs);border-radius:var(--iui-border-radius-round);padding:0 var(--iui-size-3xs);transition:border-color var(--iui-duration-1)ease-out;font-size:var(--iui-font-size-1);text-transform:none;cursor:default;-webkit-tap-highlight-color:transparent;border:1px solid var(--iui-color-border-foreground);background-color:var(--iui-color-background);color:var(--iui-color-text);height:80%;max-height:calc(var(--iui-size-s)*3);align-items:center;margin-top:0;margin-bottom:0;display:inline-flex}:where(.iui-root, [data-iui-theme]) .iui-select-tag:hover{border-color:var(--iui-color-border-foreground-hover)}:where(.iui-root, [data-iui-theme]) .iui-select-tag:focus-within{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}:where(.iui-root, [data-iui-theme]) .iui-select-tag-label{vertical-align:baseline;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);line-height:var(--iui-size-l);white-space:nowrap;text-overflow:ellipsis;margin:0;margin:0 var(--iui-size-2xs)0 var(--iui-size-xs);border:none;align-items:center;padding:0;display:inline-flex;overflow:hidden}:where(.iui-root, [data-iui-theme]) .iui-select-tag-label:only-child{margin:0 var(--iui-size-xs)}:where(.iui-root, [data-iui-theme]) .iui-select-button[data-iui-size=small] .iui-select-tag-label{font-size:var(--iui-font-size-0);line-height:calc(var(--iui-size-s)*1.5)}:where(.iui-root, [data-iui-theme]) .iui-select-tag-button{vertical-align:baseline;vertical-align:middle;border-radius:var(--iui-border-radius-1);font-family:inherit;line-height:1.2;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;border:none;border:1px solid var(--_iui-button-border-color);background:var(--_iui-button-background-color);color:var(--_iui-button-text-color);justify-content:center;align-items:center;gap:var(--_iui-button-gap);min-height:var(--_iui-button-min-height);min-width:var(--_iui-button-min-height);padding:0;padding-block:var(--_iui-button-padding-block);padding-inline:var(--_iui-button-padding-inline);transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out;-webkit-tap-highlight-color:transparent;--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);--_iui-button-min-height:var(--iui-component-height);--_iui-button-text-color:var(--iui-color-text);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon);--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);--_iui-button-min-height:var(--iui-component-height);--_iui-button-padding-inline:var(--iui-size-xs);border-radius:var(--iui-border-radius-round);padding:0 var(--iui-size-2xs);min-height:unset;min-width:unset;height:100%;aspect-ratio:1/1;flex-shrink:0;margin:0;text-decoration:none;display:inline-flex;position:relative}:where(.iui-root, [data-iui-theme]) .iui-select-tag-button:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){:where(.iui-root, [data-iui-theme]) .iui-select-tag-button:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}:where(.iui-root, [data-iui-theme]) .iui-select-tag-button:where(:hover,:active){--_iui-button-text-color:var(--iui-color-text-hover);--_iui-button-background-color:var(--iui-color-background-transparent-hover);--_iui-button-icon-fill:var(--iui-color-icon-hover)}:where(.iui-root, [data-iui-theme]) .iui-select-tag-button:where(:focus){outline-offset:-1px;outline-width:1px}:where(.iui-root, [data-iui-theme]) .iui-select-tag-button:where([disabled],:disabled,[aria-disabled=true]){--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon-disabled)}:where(.iui-root, [data-iui-theme]) .iui-select-tag-button:focus{outline:none}:where(.iui-root, [data-iui-theme]) .iui-select-button[data-iui-size=small] .iui-select-tag-button{font-size:var(--iui-font-size-0);line-height:calc(var(--iui-size-s)*1.5)}:where(.iui-root, [data-iui-theme]) .iui-select-tag-button-icon{flex-shrink:0;display:inline-flex}:where(.iui-root, [data-iui-theme]) .iui-select-tag-button-icon svg{width:var(--iui-size-m);height:var(--iui-size-m);transition:fill var(--iui-duration-1)ease-out;fill:var(--_iui-button-icon-fill,currentColor);flex-shrink:0;display:flex}:where(.iui-root, [data-iui-theme]) .iui-select-button[data-iui-size=small] .iui-select-tag-button-icon svg{width:var(--iui-size-s);height:var(--iui-size-s);flex-shrink:0;display:flex}
|