@itwin/itwinui-css 1.11.4 → 1.12.0
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 +12 -0
- package/css/all.css +1 -1
- package/css/dialog.css +1 -1
- package/css/global.css +1 -1
- package/css/revert-v1.css +5 -0
- package/css/searchbox.css +1 -1
- package/package.json +1 -1
package/css/dialog.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-dialog-wrapper{width:100%;height:100%;pointer-events:none;z-index:999;isolation:isolate;position:fixed;top:0;left:0;overflow:hidden;transform:translate(0)}:where(.iui-root, [data-iui-theme]) .iui-dialog-wrapper[data-iui-relative=true]{position:absolute}:where(.iui-root, [data-iui-theme]) .iui-dialog{z-index:999;isolation:isolate;border-radius:var(--iui-border-radius-1);box-shadow:var(--iui-shadow-5);padding:var(--iui-size-s)var(--iui-size-m);pointer-events:auto;background-color:var(--iui-color-background);transition:visibility var(--iui-duration-0)linear,opacity var(--iui-duration-1)ease-out;transition-delay:var(--iui-duration-1),var(--iui-duration-0);position:fixed}@media (forced-colors:active){:where(.iui-root, [data-iui-theme]) .iui-dialog{border:1px solid}}:where(.iui-root, [data-iui-theme]) .iui-dialog:not(.iui-dialog-visible){visibility:hidden;opacity:0}:where(.iui-root, [data-iui-theme]) .iui-dialog.iui-dialog-visible{transition-delay:var(--iui-duration-0)}:where(.iui-root, [data-iui-theme]) .iui-dialog-default{max-width:max(50%,380px);min-width:min(100%,380px);max-height:100vh}:where(.iui-root, [data-iui-theme]) .iui-dialog-default:not([data-iui-placement]){top:33%;left:50%;transform:translate(-50%,-33%)}:where(.iui-root, [data-iui-theme]) .iui-dialog-default[data-iui-placement=top-left]{margin-left:var(--iui-size-s);margin-top:var(--iui-size-m);top:0;left:0}:where(.iui-root, [data-iui-theme]) .iui-dialog-default[data-iui-placement=top-right]{margin-right:var(--iui-size-s);margin-top:var(--iui-size-m);top:0;right:0}:where(.iui-root, [data-iui-theme]) .iui-dialog-default[data-iui-placement=bottom-left]{margin-left:var(--iui-size-s);margin-bottom:var(--iui-size-m);bottom:0;left:0}:where(.iui-root, [data-iui-theme]) .iui-dialog-default[data-iui-placement=bottom-right]{margin-right:var(--iui-size-s);margin-bottom:var(--iui-size-m);bottom:0;right:0}:where(.iui-root, [data-iui-theme]) .iui-dialog-full-page{height:100vh;height:100dvh;width:100vw;will-change:transform;border-radius:0;flex-direction:column;display:flex;top:0;left:0}:where(.iui-root, [data-iui-theme]) .iui-dialog-full-page:not(.iui-dialog-visible){transform:translateY(100%)}@media (prefers-reduced-motion:no-preference){:where(.iui-root, [data-iui-theme]) .iui-dialog-full-page{transition:visibility var(--iui-duration-0)linear var(--iui-duration-2),opacity var(--iui-duration-0)linear var(--iui-duration-2),transform var(--iui-duration-1)ease-in}:where(.iui-root, [data-iui-theme]) .iui-dialog-full-page.iui-dialog-visible{transition:transform var(--iui-duration-2)ease-out}}:where(.iui-root, [data-iui-theme]) .iui-dialog-draggable{border:1px solid var(--iui-color-border);
|
|
5
|
+
:where(.iui-root, [data-iui-theme]) .iui-dialog-wrapper{width:100%;height:100%;pointer-events:none;z-index:999;isolation:isolate;position:fixed;top:0;left:0;overflow:hidden;transform:translate(0)}:where(.iui-root, [data-iui-theme]) .iui-dialog-wrapper[data-iui-relative=true]{position:absolute}:where(.iui-root, [data-iui-theme]) .iui-dialog{z-index:999;isolation:isolate;border-radius:var(--iui-border-radius-1);box-shadow:var(--iui-shadow-5);padding:var(--iui-size-s)var(--iui-size-m);pointer-events:auto;background-color:var(--iui-color-background);transition:visibility var(--iui-duration-0)linear,opacity var(--iui-duration-1)ease-out;transition-delay:var(--iui-duration-1),var(--iui-duration-0);position:fixed;overflow:hidden}@media (forced-colors:active){:where(.iui-root, [data-iui-theme]) .iui-dialog{border:1px solid}}:where(.iui-root, [data-iui-theme]) .iui-dialog:where(:has(.iui-dialog-content),[data-iui-flex=true]){flex-direction:column;display:flex}:where(.iui-root, [data-iui-theme]) .iui-dialog:not(.iui-dialog-visible){visibility:hidden;opacity:0}:where(.iui-root, [data-iui-theme]) .iui-dialog.iui-dialog-visible{transition-delay:var(--iui-duration-0)}:where(.iui-root, [data-iui-theme]) .iui-dialog-default{max-width:max(50%,380px);min-width:min(100%,380px);min-height:7.75rem;max-height:100vh}:where(.iui-root, [data-iui-theme]) .iui-dialog-default:not([data-iui-placement]){top:33%;left:50%;transform:translate(-50%,-33%)}:where(.iui-root, [data-iui-theme]) .iui-dialog-default[data-iui-placement=top-left]{margin-left:var(--iui-size-s);margin-top:var(--iui-size-m);top:0;left:0}:where(.iui-root, [data-iui-theme]) .iui-dialog-default[data-iui-placement=top-right]{margin-right:var(--iui-size-s);margin-top:var(--iui-size-m);top:0;right:0}:where(.iui-root, [data-iui-theme]) .iui-dialog-default[data-iui-placement=bottom-left]{margin-left:var(--iui-size-s);margin-bottom:var(--iui-size-m);bottom:0;left:0}:where(.iui-root, [data-iui-theme]) .iui-dialog-default[data-iui-placement=bottom-right]{margin-right:var(--iui-size-s);margin-bottom:var(--iui-size-m);bottom:0;right:0}:where(.iui-root, [data-iui-theme]) .iui-dialog-full-page{height:100vh;height:100dvh;width:100vw;will-change:transform;border-radius:0;flex-direction:column;display:flex;top:0;left:0}:where(.iui-root, [data-iui-theme]) .iui-dialog-full-page:not(.iui-dialog-visible){transform:translateY(100%)}@media (prefers-reduced-motion:no-preference){:where(.iui-root, [data-iui-theme]) .iui-dialog-full-page{transition:visibility var(--iui-duration-0)linear var(--iui-duration-2),opacity var(--iui-duration-0)linear var(--iui-duration-2),transform var(--iui-duration-1)ease-in}:where(.iui-root, [data-iui-theme]) .iui-dialog-full-page.iui-dialog-visible{transition:transform var(--iui-duration-2)ease-out}}:where(.iui-root, [data-iui-theme]) .iui-dialog-draggable{border:1px solid var(--iui-color-border);flex-direction:column;display:flex}:where(.iui-root, [data-iui-theme]) .iui-dialog-animation-enter{opacity:0;transform:translateY(100%)}:where(.iui-root, [data-iui-theme]) .iui-dialog-animation-enter-active{opacity:1;transform:translateY(0)}:where(.iui-root, [data-iui-theme]) .iui-dialog-title{font-size:inherit;white-space:nowrap;text-overflow:ellipsis;align-items:center;margin-right:auto;line-height:1.5;display:flex;overflow:hidden}:where(.iui-root, [data-iui-theme]) .iui-dialog-title-bar{margin-bottom:var(--iui-size-s);font-size:var(--iui-font-size-3);align-items:center;display:flex}:where(.iui-root, [data-iui-theme]) .iui-dialog-title-bar-filled{font-size:var(--iui-font-size-2);padding:calc(var(--iui-size-s)*.5)var(--iui-size-m);margin:calc(0px - var(--iui-size-s))calc(0px - var(--iui-size-m))var(--iui-size-s)calc(0px - var(--iui-size-m));cursor:grab;background-color:var(--iui-color-background-backdrop);border-bottom:1px solid var(--iui-color-border)}:where(.iui-root, [data-iui-theme]) .iui-dialog-title-bar-filled:active{cursor:grabbing}:where(.iui-root, [data-iui-theme]) .iui-dialog-content{margin:0 calc(0px - var(--iui-size-m));padding:0 var(--iui-size-m);overflow-y:auto;overflow-y:overlay;max-height:calc(100vh - 6.75rem);max-height:calc(100dvh - 6.75rem);flex-grow:2}:where(.iui-root, [data-iui-theme]) .iui-dialog-button-bar{margin-top:var(--iui-size-s);justify-content:flex-end;align-items:center;gap:var(--iui-size-xs);display:flex}
|
package/css/global.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-
|
|
5
|
+
:where(.iui-root){color:var(--iui-color-text);font-size:var(--iui-font-size-1);line-height:var(--iui-size-l);font-family:var(--iui-font-sans)}:where(.iui-root) :where([class*=iui-]):where(:not(.iui-root)),:where(.iui-root) :where([class*=iui-]):where(:not(.iui-root)):before,:where(.iui-root) :where([class*=iui-]):where(:not(.iui-root)):after,:where(.iui-root) :where([class*=iui-]) *,:where(.iui-root) :where([class*=iui-]) :before,:where(.iui-root) :where([class*=iui-]) :after{box-sizing:border-box}:where(body.iui-root){margin:0}:where(body.iui-root,.iui-root.iui-root-background){background-color:var(--iui-color-background-backdrop)}:where([data-iui-theme]),:where(.iui-root),:where(.iui-root *){scrollbar-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-4))transparent;scrollbar-width:thin}:where([data-iui-theme])::selection,:where([data-iui-theme]) ::selection,:where(.iui-root)::selection,:where(.iui-root) ::selection,:where(.iui-root *)::selection,:where(.iui-root *) ::selection{background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}:where([data-iui-theme])::-webkit-scrollbar,:where(.iui-root)::-webkit-scrollbar,:where(.iui-root *)::-webkit-scrollbar{width:var(--iui-size-xs);height:var(--iui-size-xs)}:where([data-iui-theme])::-webkit-scrollbar-thumb,:where(.iui-root)::-webkit-scrollbar-thumb,:where(.iui-root *)::-webkit-scrollbar-thumb{background-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-4));border-radius:var(--iui-border-radius-round)}:where([data-iui-theme])::-webkit-scrollbar-thumb:hover,:where(.iui-root)::-webkit-scrollbar-thumb:hover,:where(.iui-root *)::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-3))}:where([data-iui-theme])::-webkit-scrollbar-track,:where([data-iui-theme])::-webkit-scrollbar-corner,:where(.iui-root)::-webkit-scrollbar-track,:where(.iui-root)::-webkit-scrollbar-corner,:where(.iui-root *)::-webkit-scrollbar-track,:where(.iui-root *)::-webkit-scrollbar-corner{background-color:#0000}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*---------------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
3
|
+
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
4
|
+
*--------------------------------------------------------------------------------------------*/
|
|
5
|
+
@layer itwinui-v1{:where(.iui-body,[class*=iui-theme-]) :where(.iui-root) :not(#\#),:where(.iui-body,[class*=iui-theme-]) :where(.iui-root) :not(#\#):before,:where(.iui-body,[class*=iui-theme-]) :where(.iui-root) :not(#\#):after{all:revert-layer}}@layer itwinui.v1{:where(.iui-body,[class*=iui-theme-]) :where(.iui-root) :not(#\#),:where(.iui-body,[class*=iui-theme-]) :where(.iui-root) :not(#\#):before,:where(.iui-body,[class*=iui-theme-]) :where(.iui-root) :not(#\#):after{all:revert-layer}}
|
package/css/searchbox.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-searchbox{--_iui-flex-input-icon-margin:10px}:where(.iui-root, [data-iui-theme]) .iui-searchbox[data-iui-size=small]{--_iui-flex-input-icon-margin:5px}:where(.iui-root, [data-iui-theme]) .iui-searchbox[data-iui-size=large]{--_iui-flex-input-icon-margin:16px}:where(.iui-root, [data-iui-theme]) .iui-expandable-searchbox{width:var(--_iui-input-min-height);transition:width var(--iui-duration-1)ease-in-out}:where(.iui-root, [data-iui-theme]) .iui-expandable-searchbox:has(.iui-searchbox-open-button:focus-visible){outline:2px solid var(--_iui-input-accent-border-color);outline-offset:-2px}@supports not selector(:has(+ *)){:where(.iui-root, [data-iui-theme]) .iui-expandable-searchbox:where(.iui-searchbox-open-button:focus-visible){outline:2px solid var(--_iui-input-accent-border-color);outline-offset:-2px}}:where(.iui-root, [data-iui-theme]) .iui-expandable-searchbox:where([data-iui-expanded=true]){width:100%;border-color:var(--_iui-input-border-color)}:where(.iui-root, [data-iui-theme]) .iui-search-icon{margin:0 var(--iui-size-s)}:where(.iui-root, [data-iui-theme]) .iui-search-icon:is(:first-child){margin:0 var(--_iui-flex-input-icon-margin,10px)}
|
|
5
|
+
:where(.iui-root, [data-iui-theme]) .iui-searchbox{--_iui-flex-input-icon-margin:10px}:where(.iui-root, [data-iui-theme]) .iui-searchbox[data-iui-size=small]{--_iui-flex-input-icon-margin:5px}:where(.iui-root, [data-iui-theme]) .iui-searchbox[data-iui-size=large]{--_iui-flex-input-icon-margin:16px}:where(.iui-root, [data-iui-theme]) .iui-expandable-searchbox.iui-expandable-searchbox{width:var(--_iui-input-min-height);transition:width var(--iui-duration-1)ease-in-out}:where(.iui-root, [data-iui-theme]) .iui-expandable-searchbox.iui-expandable-searchbox:has(.iui-searchbox-open-button:focus-visible){outline:2px solid var(--_iui-input-accent-border-color);outline-offset:-2px}@supports not selector(:has(+ *)){:where(.iui-root, [data-iui-theme]) .iui-expandable-searchbox.iui-expandable-searchbox:where(.iui-searchbox-open-button:focus-visible){outline:2px solid var(--_iui-input-accent-border-color);outline-offset:-2px}}:where(.iui-root, [data-iui-theme]) .iui-expandable-searchbox.iui-expandable-searchbox:where([data-iui-expanded=true]){width:100%;border-color:var(--_iui-input-border-color)}:where(.iui-root, [data-iui-theme]) .iui-search-icon{margin:0 var(--iui-size-s)}:where(.iui-root, [data-iui-theme]) .iui-search-icon:is(:first-child){margin:0 var(--_iui-flex-input-icon-margin,10px)}
|