@itwin/itwinui-css 2.3.1 → 2.5.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 +34 -0
- package/css/alert.css +1 -1
- package/css/all.css +1 -1
- package/css/anchor.css +1 -1
- package/css/avatar.css +1 -1
- package/css/backdrop.css +1 -1
- package/css/breadcrumbs.css +1 -1
- package/css/button.css +1 -1
- package/css/carousel.css +1 -1
- package/css/checkbox.css +1 -1
- package/css/code.css +1 -1
- package/css/color-picker.css +1 -1
- package/css/date-picker.css +1 -1
- package/css/dialog.css +1 -1
- package/css/expandable-block.css +1 -1
- package/css/footer.css +1 -1
- package/css/global.css +1 -1
- package/css/header.css +1 -1
- package/css/input-container.css +1 -1
- package/css/input.css +1 -1
- package/css/progress-indicator.css +1 -1
- package/css/radio.css +1 -1
- package/css/searchbox.css +1 -1
- package/css/select.css +1 -1
- package/css/side-navigation.css +1 -1
- package/css/skip-to-content.css +1 -1
- package/css/slider.css +1 -1
- package/css/table.css +1 -1
- package/css/tabs.css +1 -1
- package/css/tag.css +1 -1
- package/css/tile.css +1 -1
- package/css/time-picker.css +1 -1
- package/css/toast.css +1 -1
- package/css/toggle-switch.css +1 -1
- package/css/tooltip.css +1 -1
- package/css/tree.css +1 -1
- package/css/utils.css +1 -1
- package/package.json +5 -5
package/css/tree.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
|
-
.iui-tree{vertical-align:baseline;--_iui-tree-node-padding-inline:var(--iui-size-xs);--_iui-tree-row-height:calc(var(--iui-size-3xs)*18);border-radius:var(--iui-border-radius-1);background-color:var(--iui-color-background);border:none;margin:0;padding:0;list-style:none}.iui-tree[data-iui-size=small]{--_iui-tree-node-padding-inline:var(--iui-size-2xs);--_iui-tree-row-height:calc(var(--iui-size-3xs)*14)}.iui-sub-tree{vertical-align:baseline;border:none;margin:0;padding:0;list-style:none}.iui-tree-item:focus-visible{outline:none}.iui-tree-item:focus-visible>.iui-tree-node{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}.iui-tree-item:focus-visible>.iui-tree-node.iui-active{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}
|
|
5
|
+
.iui-tree{vertical-align:baseline;--_iui-tree-node-padding-inline:var(--iui-size-xs);--_iui-tree-row-height:calc(var(--iui-size-3xs)*18);border-radius:var(--iui-border-radius-1);background-color:var(--iui-color-background);border:none;margin:0;padding:0;list-style:none}.iui-tree[data-iui-size=small]{--_iui-tree-node-padding-inline:var(--iui-size-2xs);--_iui-tree-row-height:calc(var(--iui-size-3xs)*14)}.iui-sub-tree{vertical-align:baseline;border:none;margin:0;padding:0;list-style:none}.iui-tree-item:focus-visible{outline:none}.iui-tree-item:focus-visible>.iui-tree-node{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}.iui-tree-item:focus-visible>.iui-tree-node.iui-active{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}.iui-tree-node{cursor:pointer;padding-inline:var(--_iui-tree-node-padding-inline);border-radius:var(--iui-border-radius-1);align-items:center;display:flex}.iui-tree-node-checkbox{margin-inline-end:var(--_iui-tree-node-padding-inline)}.iui-tree-node-content{column-gap:var(--_iui-tree-node-padding-inline);min-block-size:var(--_iui-tree-row-height);align-items:center;inline-size:100%;margin-inline-start:calc(calc(var(--iui-component-height-small) + 2px)*.5*var(--level,0));padding-inline-start:var(--iui-size-3xs);display:flex;overflow:hidden}.iui-tree-node-content-icon,.iui-tree-node-content-icon svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);fill:var(--iui-color-icon-muted);flex-shrink:0;display:flex}@media (forced-colors:active){.iui-tree-node-content-icon,.iui-tree-node-content-icon svg{fill:CanvasText}}:where(.iui-tree[data-iui-size=small]) .iui-tree-node-content-icon,:where(.iui-tree[data-iui-size=small]) .iui-tree-node-content-icon svg{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);flex-shrink:0;display:flex}.iui-tree-node-content-icon:first-child{margin-inline-start:calc(calc(var(--iui-component-height-small) + 2px) + var(--_iui-tree-node-padding-inline))}@media (prefers-reduced-motion:no-preference){.iui-tree-node-content-expander-icon{transition:transform var(--iui-duration-1)ease-out}}.iui-tree-node-content-expander-icon-expanded{transform:rotate(90deg)}.iui-tree-node-content-label{flex:1;min-inline-size:0}.iui-tree-node-content-label:first-child{margin-inline-start:calc(var(--iui-component-height-small) + 2px)}.iui-tree-node-content-title,.iui-tree-node-content-caption{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.iui-tree-node-content-title{font-size:var(--iui-font-size-1)}.iui-tree-node-content-caption{font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted)}.iui-tree-node:hover{background-color:var(--iui-color-background-hover);color:var(--iui-color-text-hover)}.iui-tree-node:hover .iui-tree-node-content-caption{color:var(--iui-color-text-hover);transition:color var(--iui-duration-1)ease}.iui-tree-node.iui-active{background-color:var(--iui-color-background-accent-muted);outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}.iui-tree-node.iui-disabled{cursor:not-allowed;background-color:#0000;outline:none}.iui-tree-node.iui-disabled,.iui-tree-node.iui-disabled .iui-tree-node-content-caption{color:var(--iui-color-text-disabled)}
|
package/css/utils.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-button-base){font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.iui-svg-icon{flex-shrink:0;display:inline-flex}.iui-svg-icon svg{inline-size:var(--iui-svg-size,var(--_iui-svg-size,1rem));block-size:var(--iui-svg-size,var(--_iui-svg-size,1rem));fill:var(--iui-svg-fill,var(--_iui-svg-fill,var(--iui-color-icon-muted)))}.iui-svg-icon[data-iui-icon-size=s]{--_iui-svg-size:.75rem
|
|
5
|
+
:where(.iui-button-base){font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.iui-svg-icon{flex-shrink:0;display:inline-flex}.iui-svg-icon svg{inline-size:var(--iui-svg-size,var(--_iui-svg-size,1rem));block-size:var(--iui-svg-size,var(--_iui-svg-size,1rem));fill:var(--iui-svg-fill,var(--_iui-svg-fill,var(--iui-color-icon-muted)))}.iui-svg-icon[data-iui-icon-size=s]{--_iui-svg-size:.75rem}.iui-svg-icon[data-iui-icon-size=m]{--_iui-svg-size:1rem}.iui-svg-icon[data-iui-icon-size=l]{--_iui-svg-size:1.5rem}.iui-svg-icon[data-iui-icon-size=auto]{--_iui-svg-size:1.14286em}.iui-svg-icon[data-iui-icon-color=informational]{--_iui-svg-fill:var(--iui-color-icon-informational)}.iui-svg-icon[data-iui-icon-color=positive]{--_iui-svg-fill:var(--iui-color-icon-positive)}.iui-svg-icon[data-iui-icon-color=warning]{--_iui-svg-fill:var(--iui-color-icon-warning)}.iui-svg-icon[data-iui-icon-color=negative]{--_iui-svg-fill:var(--iui-color-icon-negative)}@media (forced-colors:active){.iui-svg-icon:where(:not([data-iui-icon-color]),[data-iui-icon-color=default]){--_iui-svg-fill:CanvasText}}.iui-svg-icon[data-iui-padded=true]{padding-inline:var(--iui-size-xs)}.iui-svg-icon+.iui-svg-icon{padding-inline-start:0}.iui-notification-marker{--_iui-notification-marker-color:var(--iui-color-icon-informational);position:relative}.iui-notification-marker:before{content:"";inline-size:var(--iui-size-xs);block-size:var(--iui-size-xs);background-color:var(--_iui-notification-marker-color);border-radius:100%;position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%,-50%)}@media (prefers-reduced-motion:no-preference){.iui-notification-marker:before{transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out}}.iui-notification-marker>*{-webkit-mask:radial-gradient(ellipse calc(.5*(var(--iui-size-xs) + 2*var(--iui-size-3xs)))calc(.5*(var(--iui-size-xs) + 2*var(--iui-size-3xs)))at 100% 0%,transparent 95%,#000 100%);mask:radial-gradient(ellipse calc(.5*(var(--iui-size-xs) + 2*var(--iui-size-3xs)))calc(.5*(var(--iui-size-xs) + 2*var(--iui-size-3xs)))at 100% 0%,transparent 95%,#000 100%)}@media (prefers-reduced-motion:no-preference){.iui-notification-marker:where([data-iui-urgent=true]):before{animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--_iui-notification-marker-color)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}}.iui-notification-marker[data-iui-variant=positive]{--_iui-notification-marker-color:var(--iui-color-icon-positive)}.iui-notification-marker[data-iui-variant=warning]{--_iui-notification-marker-color:var(--iui-color-icon-warning)}.iui-notification-marker[data-iui-variant=negative]{--_iui-notification-marker-color:var(--iui-color-icon-negative)}.iui-notification-marker[data-iui-variant=white]{--_iui-notification-marker-color:var(--iui-color-white)}.iui-divider{background-color:var(--iui-color-border-subtle);flex:none;align-self:stretch}@media (forced-colors:active){.iui-divider{background-color:CanvasText}}.iui-divider:is(hr){border:none;margin:0}.iui-divider:not([aria-orientation=vertical]){block-size:1px}.iui-divider[aria-orientation=vertical]{min-block-size:100%;inline-size:1px}.iui-flex{--iui-flex-display:flex;--iui-flex-direction:row;--iui-flex-gap:var(--iui-size-xs);--iui-flex-justify:flex-start;--iui-flex-align:center;--iui-flex-wrap:nowrap;display:var(--iui-flex-display);flex-direction:var(--iui-flex-direction);gap:var(--iui-flex-gap);justify-content:var(--iui-flex-justify);align-items:var(--iui-flex-align);flex-wrap:var(--iui-flex-wrap)}.iui-flex-spacer{--iui-flex-spacer-flex:999;flex:var(--iui-flex-spacer-flex)}.iui-flex-item{--iui-flex-item-flex:auto;--iui-flex-item-align:auto;flex:var(--iui-flex-item-flex);align-self:var(--iui-flex-item-align);--iui-off: ;--iui-on:initial;--iui-flex-item-gap-before-toggle:var(--iui-off);--iui-flex-item-gap-after-toggle:var(--iui-off);margin-inline-start:var(--iui-flex-item-gap-before-toggle,calc(var(--iui-flex-item-gap-before) - var(--iui-flex-gap)));margin-inline-end:var(--iui-flex-item-gap-after-toggle,calc(var(--iui-flex-item-gap-after) - var(--iui-flex-gap)))}.iui-visually-hidden:where(:not([data-iui-unhide-on-focus]:is(:focus-within,:active))){clip-path:inset(50%)!important;white-space:nowrap!important;block-size:1px!important;inline-size:1px!important;position:absolute!important;overflow:hidden!important}:where(.iui-link-box){position:relative}:where(.iui-link-box):has(.iui-link-action:focus-visible){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent)}@supports not selector(:has(+ *)){:where(.iui-link-box):where(:focus-within){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent)}}:where(.iui-link-action){all:unset;color:inherit;cursor:pointer}:where(.iui-link-action):after{content:"";position:absolute;inset:0}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itwin/itwinui-css",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.5.0",
|
|
4
4
|
"author": "Bentley Systems",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "css/all.css",
|
|
@@ -44,12 +44,12 @@
|
|
|
44
44
|
"sass": "^1.63.6",
|
|
45
45
|
"sass-embedded": "^1.63.6"
|
|
46
46
|
},
|
|
47
|
+
"prettier": "configs/prettier-scss-config.js",
|
|
47
48
|
"scripts": {
|
|
48
|
-
"build": "
|
|
49
|
+
"build": "pnpm clean && pnpm build:css && node ../../scripts/copyrightLinter.js --fix css/*",
|
|
49
50
|
"build:css": "node ./scripts/generateCss.js src css",
|
|
50
51
|
"dev": "node ./scripts/watchScss.mjs",
|
|
51
52
|
"clean": "rimraf ./css",
|
|
52
53
|
"lint": "stylelint \"src/**/*.scss\""
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
}
|
|
54
|
+
}
|
|
55
|
+
}
|