@itwin/itwinui-css 2.0.0-dev.7 → 2.0.0-dev.9
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 +37 -0
- package/css/all.css +1 -1
- package/css/button.css +1 -1
- package/css/color-picker.css +1 -1
- package/css/date-picker.css +1 -1
- package/css/information-panel.css +1 -1
- package/css/input-container.css +1 -1
- package/css/input.css +1 -1
- package/css/menu.css +1 -1
- package/css/non-ideal-state.css +1 -1
- package/css/progress-indicator.css +1 -1
- package/css/select.css +1 -1
- package/css/status-message.css +5 -0
- package/css/table.css +1 -1
- package/css/time-picker.css +1 -1
- package/css/tooltip.css +1 -1
- package/css/transfer-list.css +1 -1
- package/css/utils.css +1 -1
- package/package.json +1 -1
- package/css/location-marker.css +0 -5
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;background:0 0;border:none;padding:0}.iui-svg-icon{flex-shrink:0;display:inline-flex}.iui-svg-icon,.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-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-
|
|
5
|
+
:where(.iui-button-base){font:inherit;background:0 0;border:none;padding:0}.iui-svg-icon{flex-shrink:0;display:inline-flex}.iui-svg-icon,.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-margin-inline:calc(.75rem)}.iui-svg-icon[data-iui-icon-size=m]{--_iui-svg-size:1rem;--_iui-svg-margin-inline:calc(1rem)}.iui-svg-icon[data-iui-icon-size=l]{--_iui-svg-size:1.5rem;--_iui-svg-margin-inline:calc(1.5rem)}.iui-svg-icon[data-iui-icon-size=auto]{--_iui-svg-size:1.14286em;--_iui-svg-margin-inline:calc(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]{margin-inline:var(--_iui-svg-margin-inline,--iui-size-s)}.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}.iui-link-box{position:relative}.iui-link-box:has(.iui-link-action:focus-visible){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent)}@supports not selector(:has(+ *)){.iui-link-box:where(:focus-within){outline:var(--iui-size-3xs)solid var(--iui-color-border-accent)}}.iui-link-action{all:unset;color:inherit;cursor:pointer}.iui-link-action:after{content:"";position:absolute;inset:0}
|
package/package.json
CHANGED
package/css/location-marker.css
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
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
|
-
.iui-location-marker{vertical-align:baseline;-webkit-user-select:none;user-select:none;border:none;margin:0;padding:0;display:inline-block;position:relative}.iui-location-marker-default{vertical-align:baseline;-webkit-user-select:none;user-select:none;inline-size:calc(1.5*var(--iui-size-m));block-size:calc(1.5*var(--iui-size-m));cursor:pointer;border:none;flex-shrink:0;margin:0;padding:0;display:flex;position:relative}.iui-location-marker-default>.iui-location-marker-default-pin{filter:drop-shadow(var(--iui-shadow-1))}.iui-location-marker-default>.iui-location-marker-default-pin>.iui-location-marker-default-pin-dot{fill:var(--iui-color-white)}.iui-location-marker-data-rich{vertical-align:baseline;-webkit-user-select:none;user-select:none;cursor:pointer;border:none;margin:0;padding:0;display:inline-block;position:relative}.iui-location-marker-data-rich>.iui-location-marker-data-rich-body{min-inline-size:var(--iui-size-xl);border-radius:var(--iui-border-radius-1);text-align:center;font-size:var(--iui-font-size-2);padding-block:calc(var(--iui-size-s)*.25);padding-inline:var(--iui-size-xs);filter:drop-shadow(var(--iui-shadow-1));border:solid 1px var(--iui-color-white);background-color:var(--iui-color-white);color:var(--iui-color-white);position:relative}.iui-location-marker-data-rich>.iui-location-marker-data-rich-body:before{content:"";border-width:var(--iui-size-2xs);border-style:solid;border-color:var(--iui-color-white)transparent transparent transparent;block-size:0;inline-size:0;margin:auto;display:block;position:absolute;inset-block-end:-9px;inset-inline:0}.iui-location-marker-data-rich>.iui-location-marker-data-rich-body>.iui-location-marker-data-rich-icon{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);font-size:inherit;vertical-align:-2px;flex-shrink:0;display:inline-block}.iui-location-marker-data-rich>.iui-location-marker-data-rich-body>.iui-location-marker-data-rich-icon.iui-location-marker-data-rich-icon-monochrome{fill:var(--iui-color-white)}.iui-location-marker-me{vertical-align:baseline;-webkit-user-select:none;user-select:none;inline-size:calc(1.5*var(--iui-size-m));block-size:calc(1.5*var(--iui-size-m));cursor:default;border:none;border-radius:50%;flex-shrink:0;margin:0;padding:0;display:flex;position:relative}.iui-location-marker-me:before{content:"";z-index:-1;opacity:var(--iui-opacity-5);background-color:var(--iui-color-icon-accent);border-radius:inherit;position:absolute;inset:0}.iui-location-marker-me>.iui-location-marker-me-dot{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);border:1px solid var(--iui-color-white);background-color:var(--iui-color-icon-accent);border-radius:50%;position:absolute;inset-block-start:calc(var(--iui-size-2xs)*1.5);inset-inline-start:calc(var(--iui-size-2xs)*1.5)}
|