@itwin/itwinui-css 1.11.5 → 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.
Files changed (6) hide show
  1. package/CHANGELOG.md +7 -1
  2. package/css/all.css +1 -1
  3. package/css/global.css +1 -1
  4. package/css/revert-v1.css +5 -0
  5. package/css/searchbox.css +1 -1
  6. package/package.json +1 -1
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-body,[class*=iui-theme-]) :where(.iui-root,[data-iui-theme]) :where([class*=iui-]:not(.iui-root,svg *)),:where(.iui-body,[class*=iui-theme-]) :where(.iui-root,[data-iui-theme]) :where([class*=iui-]:not(.iui-root,svg *)):before,:where(.iui-body,[class*=iui-theme-]) :where(.iui-root,[data-iui-theme]) :where([class*=iui-]:not(.iui-root,svg *)):after{all:revert}:where(.iui-body,[class*=iui-theme-]) :where(.iui-root,[data-iui-theme]) :where([class*=iui-]:not(.iui-root,svg *)):where([draggable]){-webkit-user-drag:element}:where(.iui-body,[class*=iui-theme-]) :where(.iui-root,[data-iui-theme]) :where([class*=iui-]:not(.iui-root,svg *)):where([contenteditable]){-webkit-user-modify:read-write}: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}
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}
package/css/revert-v1.css ADDED
@@ -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)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itwin/itwinui-css",
3
- "version": "1.11.5",
3
+ "version": "1.12.0",
4
4
  "author": "Bentley Systems",
5
5
  "license": "MIT",
6
6
  "main": "css/all.css",