@itwin/itwinui-css 1.11.1 → 1.11.2
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 +6 -0
- package/css/all.css +1 -1
- package/css/expandable-block.css +1 -1
- package/package.json +2 -2
package/css/expandable-block.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-expandable-block{--_iui-expandable-block-expander-icon-fill:var(--iui-color-icon);--_iui-expandable-block-border:1px solid var(--_iui-expandable-block-border-color);--_iui-expandable-block-border-color:var(--iui-color-border);--_iui-expandable-block-background-color:var(--iui-color-background);--_iui-expandable-block-content-padding:var(--iui-size-s);--_iui-expandable-block-header-background-color-disabled:var(--iui-color-background-disabled);--_iui-expandable-block-header-background-color-hover:var(--iui-color-background-hover);--_iui-expandable-block-header-focus-offset:-2px;--_iui-expandable-block-header-focus-thickness:2px;--_iui-expandable-block-expander-icon-size:var(--iui-size-m);--_iui-expandable-block-header-gap:var(--iui-size-s);--_iui-expandable-block-header-padding:var(--iui-size-s);width:100%;border-radius:var(--iui-border-radius-1);flex-direction:column;display:flex}:where(.iui-root, [data-iui-theme]) .iui-expandable-block:where(.iui-expanded){--_iui-expandable-block-header-bottom-border-radius:0}:where(.iui-root, [data-iui-theme]) .iui-expandable-block:where(.iui-expanded){--_iui-expandable-block-expander-icon-transform:rotate(90deg)}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header{vertical-align:baseline;gap:var(--_iui-expandable-block-header-gap);padding:0;padding:var(--_iui-expandable-block-header-padding);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--iui-color-text);line-height:inherit;text-align:left;background-color:var(--_iui-expandable-block-background-color);border:none;border:var(--_iui-expandable-block-border);border-radius:inherit;border-bottom-left-radius:var(--_iui-expandable-block-header-bottom-border-radius,inherit);border-bottom-right-radius:var(--_iui-expandable-block-header-bottom-border-radius,inherit);transition:background-color var(--iui-duration-1)ease-out;align-items:center;margin:0;font-family:inherit;display:flex}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:focus-visible{outline:var(--_iui-expandable-block-header-focus-thickness)solid var(--iui-color-border-accent);outline-offset:var(--_iui-expandable-block-header-focus-offset)}@supports not selector(*:focus-visible){:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:focus{outline:var(--_iui-expandable-block-header-focus-thickness)solid var(--iui-color-border-accent);outline-offset:var(--_iui-expandable-block-header-focus-offset)}}@media (forced-colors:active){:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header{--_iui-expandable-block-expander-icon-fill:CanvasText}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:where(:hover){--_iui-expandable-block-expander-icon-fill:var(--iui-color-icon-hover);--_iui-expandable-block-header-caption-color:var(--iui-color-text-hover);--_iui-expandable-block-header-label-color:var(--iui-color-text-hover);background-color:var(--_iui-expandable-block-header-background-color-hover)}@media (forced-colors:active){:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:where(:hover){--_iui-expandable-block-expander-icon-fill:Highlight;--_iui-expandable-block-header-caption-color:Highlight;--_iui-expandable-block-header-label-color:Highlight;border-color:Highlight}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header[disabled],:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:disabled,:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header[aria-disabled=true]{--_iui-expandable-block-expander-icon-fill:var(--iui-color-icon-disabled);--_iui-expandable-block-header-caption-color:var(--iui-color-text-disabled);--_iui-expandable-block-header-label-color:var(--iui-color-text-disabled);cursor:not-allowed;background-color:var(--_iui-expandable-block-header-background-color-disabled);border-color:var(--iui-color-border-disabled)}@media (forced-colors:active){:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header[disabled],:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:disabled,:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header[aria-disabled=true]{--_iui-expandable-block-expander-icon-fill:GrayText;--_iui-expandable-block-header-caption-color:GrayText;--_iui-expandable-block-header-label-color:GrayText;border-color:GrayText}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header>.iui-icon{width:var(--iui-size-m);height:var(--iui-size-m);width:var(--_iui-expandable-block-expander-icon-size);height:var(--_iui-expandable-block-expander-icon-size);fill:var(--_iui-expandable-block-expander-icon-fill);transform:var(--_iui-expandable-block-expander-icon-transform
|
|
5
|
+
:where(.iui-root, [data-iui-theme]) .iui-expandable-block{--_iui-expandable-block-expander-icon-fill:var(--iui-color-icon);--_iui-expandable-block-expander-icon-transform:none;--_iui-expandable-block-border:1px solid var(--_iui-expandable-block-border-color);--_iui-expandable-block-border-color:var(--iui-color-border);--_iui-expandable-block-background-color:var(--iui-color-background);--_iui-expandable-block-content-padding:var(--iui-size-s);--_iui-expandable-block-header-background-color-disabled:var(--iui-color-background-disabled);--_iui-expandable-block-header-background-color-hover:var(--iui-color-background-hover);--_iui-expandable-block-header-focus-offset:-2px;--_iui-expandable-block-header-focus-thickness:2px;--_iui-expandable-block-expander-icon-size:var(--iui-size-m);--_iui-expandable-block-header-gap:var(--iui-size-s);--_iui-expandable-block-header-padding:var(--iui-size-s);width:100%;border-radius:var(--iui-border-radius-1);flex-direction:column;display:flex}:where(.iui-root, [data-iui-theme]) .iui-expandable-block:where(.iui-expanded){--_iui-expandable-block-header-bottom-border-radius:0}:where(.iui-root, [data-iui-theme]) .iui-expandable-block:where(.iui-expanded){--_iui-expandable-block-expander-icon-transform:rotate(90deg)}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header{vertical-align:baseline;gap:var(--_iui-expandable-block-header-gap);padding:0;padding:var(--_iui-expandable-block-header-padding);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--iui-color-text);line-height:inherit;text-align:left;background-color:var(--_iui-expandable-block-background-color);border:none;border:var(--_iui-expandable-block-border);border-radius:inherit;border-bottom-left-radius:var(--_iui-expandable-block-header-bottom-border-radius,inherit);border-bottom-right-radius:var(--_iui-expandable-block-header-bottom-border-radius,inherit);transition:background-color var(--iui-duration-1)ease-out;align-items:center;margin:0;font-family:inherit;display:flex}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:focus-visible{outline:var(--_iui-expandable-block-header-focus-thickness)solid var(--iui-color-border-accent);outline-offset:var(--_iui-expandable-block-header-focus-offset)}@supports not selector(*:focus-visible){:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:focus{outline:var(--_iui-expandable-block-header-focus-thickness)solid var(--iui-color-border-accent);outline-offset:var(--_iui-expandable-block-header-focus-offset)}}@media (forced-colors:active){:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header{--_iui-expandable-block-expander-icon-fill:CanvasText}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:where(:hover){--_iui-expandable-block-expander-icon-fill:var(--iui-color-icon-hover);--_iui-expandable-block-header-caption-color:var(--iui-color-text-hover);--_iui-expandable-block-header-label-color:var(--iui-color-text-hover);background-color:var(--_iui-expandable-block-header-background-color-hover)}@media (forced-colors:active){:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:where(:hover){--_iui-expandable-block-expander-icon-fill:Highlight;--_iui-expandable-block-header-caption-color:Highlight;--_iui-expandable-block-header-label-color:Highlight;border-color:Highlight}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header[disabled],:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:disabled,:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header[aria-disabled=true]{--_iui-expandable-block-expander-icon-fill:var(--iui-color-icon-disabled);--_iui-expandable-block-header-caption-color:var(--iui-color-text-disabled);--_iui-expandable-block-header-label-color:var(--iui-color-text-disabled);cursor:not-allowed;background-color:var(--_iui-expandable-block-header-background-color-disabled);border-color:var(--iui-color-border-disabled)}@media (forced-colors:active){:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header[disabled],:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:disabled,:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header[aria-disabled=true]{--_iui-expandable-block-expander-icon-fill:GrayText;--_iui-expandable-block-header-caption-color:GrayText;--_iui-expandable-block-header-label-color:GrayText;border-color:GrayText}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header>.iui-icon{width:var(--iui-size-m);height:var(--iui-size-m);width:var(--_iui-expandable-block-expander-icon-size);height:var(--_iui-expandable-block-expander-icon-size);fill:var(--_iui-expandable-block-expander-icon-fill);transform:var(--_iui-expandable-block-expander-icon-transform);transition:fill var(--iui-duration-1)ease-out;flex-shrink:0;display:flex}@media (prefers-reduced-motion:no-preference){:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header>.iui-icon{transition:fill var(--iui-duration-1)ease-out,transform var(--iui-duration-1)ease-out}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header>.iui-status-icon{width:var(--iui-size-m);height:var(--iui-size-m);flex-shrink:0;display:flex}:where(.iui-root, [data-iui-theme]) .iui-expandable-block .iui-expandable-content{background-color:var(--_iui-expandable-block-background-color);border-bottom:var(--_iui-expandable-block-border);border-right:var(--_iui-expandable-block-border);border-left:var(--_iui-expandable-block-border);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;overflow:hidden}:where(.iui-root, [data-iui-theme]) .iui-expandable-block .iui-expandable-content.iui-enter{opacity:0}:where(.iui-root, [data-iui-theme]) .iui-expandable-block .iui-expandable-content.iui-enter-active{opacity:1}@media (prefers-reduced-motion:no-preference){:where(.iui-root, [data-iui-theme]) .iui-expandable-block .iui-expandable-content.iui-enter-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block .iui-expandable-content.iui-exit{opacity:1}:where(.iui-root, [data-iui-theme]) .iui-expandable-block .iui-expandable-content.iui-exit-active{opacity:0}@media (prefers-reduced-motion:no-preference){:where(.iui-root, [data-iui-theme]) .iui-expandable-block .iui-expandable-content.iui-exit-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block .iui-expandable-content>div{padding:var(--_iui-expandable-block-content-padding)}:where(.iui-root, [data-iui-theme]) .iui-expandable-block:where(.iui-small){--_iui-expandable-block-expander-icon-size:var(--iui-size-s);--_iui-expandable-block-header-gap:var(--iui-size-xs);--_iui-expandable-block-header-padding:calc(var(--iui-size-s)*.5)var(--iui-size-xs)}:where(.iui-root, [data-iui-theme]) .iui-expandable-block:where(.iui-borderless){--_iui-expandable-block-border:none;--_iui-expandable-block-background-color:transparent;--_iui-expandable-block-content-padding:none;--_iui-expandable-block-header-background-color-disabled:transparent;--_iui-expandable-block-header-background-color-hover:var(--iui-color-background-transparent-hover);--_iui-expandable-block-header-focus-offset:-1px;--_iui-expandable-block-header-focus-thickness:1px}:where(.iui-root, [data-iui-theme]) .iui-expandable-block:where(.iui-borderless):where(.iui-expanded){--_iui-expandable-block-header-bottom-border-radius:inherit}:where(.iui-root, [data-iui-theme]) .iui-expandable-block-label{min-width:0;font-size:var(--iui-font-size-2);color:var(--_iui-expandable-block-header-label-color,inherit);flex-direction:column;flex:auto;display:flex}:where(.iui-root, [data-iui-theme]) .iui-expandable-block-label .iui-title{white-space:nowrap;text-overflow:ellipsis;transition:color var(--iui-duration-1)ease;overflow:hidden}@media (forced-colors:active){:where(.iui-root, [data-iui-theme]) .iui-expandable-block-label .iui-title{transition:none}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block-label .iui-caption{white-space:nowrap;text-overflow:ellipsis;transition:color var(--iui-duration-1)ease;font-size:var(--iui-font-size-0);color:var(--_iui-expandable-block-header-caption-color,var(--iui-color-text-muted));overflow:hidden}@media (forced-colors:active){:where(.iui-root, [data-iui-theme]) .iui-expandable-block-label .iui-caption{transition:none}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itwin/itwinui-css",
|
|
3
|
-
"version": "1.11.
|
|
3
|
+
"version": "1.11.2",
|
|
4
4
|
"author": "Bentley Systems",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "css/all.css",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"serve": "^14.0.1",
|
|
52
52
|
"stylelint": "^14.2.0",
|
|
53
53
|
"stylelint-config-sass-guidelines": "^9.0.1",
|
|
54
|
-
"vite": "^4.1.
|
|
54
|
+
"vite": "^4.1.5"
|
|
55
55
|
},
|
|
56
56
|
"scripts": {
|
|
57
57
|
"build": "yarn clean && yarn build:css && node ../../scripts/copyrightLinter.js --fix css/* && yarn build:html",
|