@itwin/itwinui-react 3.3.4 → 3.4.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 +11 -0
- package/cjs/core/Carousel/CarouselSlider.js +1 -1
- package/cjs/core/ComboBox/ComboBox.js +1 -1
- package/cjs/core/DatePicker/DatePicker.d.ts +8 -0
- package/cjs/core/DatePicker/DatePicker.js +9 -4
- package/cjs/core/Dialog/DialogMain.js +1 -1
- package/cjs/core/FileUpload/FileUploadTemplate.d.ts +2 -1
- package/cjs/core/FileUpload/FileUploadTemplate.js +2 -1
- package/cjs/core/LinkAction/LinkAction.d.ts +3 -2
- package/cjs/core/LinkAction/LinkAction.js +33 -1
- package/cjs/core/Modal/Modal.d.ts +12 -0
- package/cjs/core/Modal/Modal.js +4 -4
- package/cjs/core/Popover/Popover.js +1 -1
- package/cjs/core/ProgressIndicators/ProgressLinear.d.ts +15 -7
- package/cjs/core/ProgressIndicators/ProgressLinear.js +14 -6
- package/cjs/core/ProgressIndicators/ProgressRadial.d.ts +3 -2
- package/cjs/core/ProgressIndicators/ProgressRadial.js +3 -1
- package/cjs/core/Table/Table.js +1 -1
- package/cjs/core/Tabs/Tabs.js +17 -16
- package/cjs/core/Tag/Tag.d.ts +29 -7
- package/cjs/core/Tag/Tag.js +12 -5
- package/cjs/core/ThemeProvider/ThemeProvider.js +2 -2
- package/cjs/core/utils/components/VirtualScroll.js +7 -7
- package/cjs/core/utils/hooks/useIsomorphicLayoutEffect.d.ts +4 -1
- package/cjs/core/utils/hooks/useIsomorphicLayoutEffect.js +5 -2
- package/cjs/core/utils/hooks/useMediaQuery.js +1 -1
- package/cjs/core/utils/hooks/useOverflow.js +3 -3
- package/esm/core/Carousel/CarouselSlider.js +2 -2
- package/esm/core/ComboBox/ComboBox.js +2 -2
- package/esm/core/DatePicker/DatePicker.d.ts +8 -0
- package/esm/core/DatePicker/DatePicker.js +9 -4
- package/esm/core/Dialog/DialogMain.js +2 -2
- package/esm/core/FileUpload/FileUploadTemplate.d.ts +2 -1
- package/esm/core/FileUpload/FileUploadTemplate.js +2 -1
- package/esm/core/LinkAction/LinkAction.d.ts +3 -2
- package/esm/core/LinkAction/LinkAction.js +7 -1
- package/esm/core/Modal/Modal.d.ts +12 -0
- package/esm/core/Modal/Modal.js +4 -4
- package/esm/core/Popover/Popover.js +2 -2
- package/esm/core/ProgressIndicators/ProgressLinear.d.ts +15 -7
- package/esm/core/ProgressIndicators/ProgressLinear.js +14 -6
- package/esm/core/ProgressIndicators/ProgressRadial.d.ts +3 -2
- package/esm/core/ProgressIndicators/ProgressRadial.js +3 -1
- package/esm/core/Table/Table.js +2 -2
- package/esm/core/Tabs/Tabs.js +18 -17
- package/esm/core/Tag/Tag.d.ts +29 -7
- package/esm/core/Tag/Tag.js +13 -6
- package/esm/core/ThemeProvider/ThemeProvider.js +3 -3
- package/esm/core/utils/components/VirtualScroll.js +8 -8
- package/esm/core/utils/hooks/useIsomorphicLayoutEffect.d.ts +4 -1
- package/esm/core/utils/hooks/useIsomorphicLayoutEffect.js +4 -1
- package/esm/core/utils/hooks/useMediaQuery.js +2 -2
- package/esm/core/utils/hooks/useOverflow.js +4 -4
- package/package.json +2 -2
- package/styles.css +8 -8
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*--------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import * as ReactDOM from 'react-dom';
|
|
7
|
-
import { mergeRefs, useResizeObserver,
|
|
7
|
+
import { mergeRefs, useResizeObserver, useLayoutEffect, } from '../hooks/index.js';
|
|
8
8
|
const unstable_batchedUpdates = ReactDOM.unstable_batchedUpdates ?? ((cb) => void cb());
|
|
9
9
|
const getScrollableParent = (element, ownerDocument = document) => {
|
|
10
10
|
if (!element || element === ownerDocument.body) {
|
|
@@ -146,17 +146,17 @@ export const useVirtualization = (props) => {
|
|
|
146
146
|
const [resizeRef, resizeObserver] = useResizeObserver(onResize);
|
|
147
147
|
// Find scrollable parent
|
|
148
148
|
// Needed only on init
|
|
149
|
-
|
|
149
|
+
useLayoutEffect(() => {
|
|
150
150
|
const scrollableParent = getScrollableParent(parentRef.current, parentRef.current?.ownerDocument);
|
|
151
151
|
scrollContainer.current = scrollableParent;
|
|
152
152
|
resizeRef(scrollableParent);
|
|
153
153
|
}, [resizeRef]);
|
|
154
154
|
// Stop watching resize, when virtual scroll is unmounted
|
|
155
|
-
|
|
155
|
+
useLayoutEffect(() => {
|
|
156
156
|
return () => resizeObserver?.disconnect();
|
|
157
157
|
}, [resizeObserver]);
|
|
158
158
|
// Get child height when children available
|
|
159
|
-
|
|
159
|
+
useLayoutEffect(() => updateChildHeight(), [updateChildHeight]);
|
|
160
160
|
const updateVirtualScroll = React.useCallback(() => {
|
|
161
161
|
const scrollableContainer = getScrollableContainer();
|
|
162
162
|
if (!scrollableContainer) {
|
|
@@ -189,7 +189,7 @@ export const useVirtualization = (props) => {
|
|
|
189
189
|
: scrollContainer.current.removeEventListener('scroll', onScrollRef.current);
|
|
190
190
|
}, []);
|
|
191
191
|
// Add event listener to the scrollable container.
|
|
192
|
-
|
|
192
|
+
useLayoutEffect(() => {
|
|
193
193
|
removeScrollListener();
|
|
194
194
|
onScrollRef.current = onScroll;
|
|
195
195
|
if (!scrollContainer.current ||
|
|
@@ -201,7 +201,7 @@ export const useVirtualization = (props) => {
|
|
|
201
201
|
}
|
|
202
202
|
return removeScrollListener;
|
|
203
203
|
}, [onScroll, removeScrollListener]);
|
|
204
|
-
|
|
204
|
+
useLayoutEffect(() => {
|
|
205
205
|
if (!isMounted) {
|
|
206
206
|
return;
|
|
207
207
|
}
|
|
@@ -256,8 +256,8 @@ export const useVirtualization = (props) => {
|
|
|
256
256
|
});
|
|
257
257
|
}
|
|
258
258
|
}
|
|
259
|
-
}, [scrollToIndex, isMounted]);
|
|
260
|
-
|
|
259
|
+
}, [scrollToIndex, isMounted, itemsLength]);
|
|
260
|
+
useLayoutEffect(() => {
|
|
261
261
|
if (!scrollContainerHeight) {
|
|
262
262
|
return;
|
|
263
263
|
}
|
|
@@ -2,6 +2,9 @@ import * as React from 'react';
|
|
|
2
2
|
/**
|
|
3
3
|
* SSR-safe version of `useLayoutEffect` that replaces it with `useEffect` on the server.
|
|
4
4
|
*
|
|
5
|
+
* Exported as `useLayoutEffect` so that the react hooks linter correctly identifies the necessary dependencies.
|
|
6
|
+
*
|
|
5
7
|
* @see https://fb.me/react-uselayouteffect-ssr
|
|
6
8
|
*/
|
|
7
|
-
|
|
9
|
+
declare const useIsomorphicLayoutEffect: typeof React.useEffect;
|
|
10
|
+
export { useIsomorphicLayoutEffect as useLayoutEffect };
|
|
@@ -6,6 +6,9 @@ import * as React from 'react';
|
|
|
6
6
|
/**
|
|
7
7
|
* SSR-safe version of `useLayoutEffect` that replaces it with `useEffect` on the server.
|
|
8
8
|
*
|
|
9
|
+
* Exported as `useLayoutEffect` so that the react hooks linter correctly identifies the necessary dependencies.
|
|
10
|
+
*
|
|
9
11
|
* @see https://fb.me/react-uselayouteffect-ssr
|
|
10
12
|
*/
|
|
11
|
-
|
|
13
|
+
const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
|
|
14
|
+
export { useIsomorphicLayoutEffect as useLayoutEffect };
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
*--------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import { getWindow } from '../functions/index.js';
|
|
7
|
-
import {
|
|
7
|
+
import { useLayoutEffect } from './useIsomorphicLayoutEffect.js';
|
|
8
8
|
export const useMediaQuery = (queryString) => {
|
|
9
9
|
const [matches, setMatches] = React.useState();
|
|
10
|
-
|
|
10
|
+
useLayoutEffect(() => {
|
|
11
11
|
const mediaQueryList = getWindow()?.matchMedia?.(queryString);
|
|
12
12
|
const handleChange = ({ matches }) => setMatches(matches);
|
|
13
13
|
if (mediaQueryList != undefined) {
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import { useMergedRefs } from './useMergedRefs.js';
|
|
7
7
|
import { useResizeObserver } from './useResizeObserver.js';
|
|
8
|
-
import {
|
|
8
|
+
import { useLayoutEffect } from './useIsomorphicLayoutEffect.js';
|
|
9
9
|
const STARTING_MAX_ITEMS_COUNT = 20;
|
|
10
10
|
/**
|
|
11
11
|
* Hook that observes the size of an element and returns the number of items
|
|
@@ -38,7 +38,7 @@ export const useOverflow = (items, disabled = false, orientation = 'horizontal')
|
|
|
38
38
|
const updateContainerSize = React.useCallback(({ width, height }) => setContainerSize(orientation === 'horizontal' ? width : height), [orientation]);
|
|
39
39
|
const [resizeRef, observer] = useResizeObserver(updateContainerSize);
|
|
40
40
|
const resizeObserverRef = React.useRef(observer);
|
|
41
|
-
|
|
41
|
+
useLayoutEffect(() => {
|
|
42
42
|
if (disabled) {
|
|
43
43
|
setVisibleCount(items.length);
|
|
44
44
|
}
|
|
@@ -48,7 +48,7 @@ export const useOverflow = (items, disabled = false, orientation = 'horizontal')
|
|
|
48
48
|
}
|
|
49
49
|
}, [containerSize, disabled, items]);
|
|
50
50
|
const mergedRefs = useMergedRefs(containerRef, resizeRef);
|
|
51
|
-
|
|
51
|
+
useLayoutEffect(() => {
|
|
52
52
|
if (!containerRef.current || disabled) {
|
|
53
53
|
resizeObserverRef.current?.disconnect();
|
|
54
54
|
return;
|
|
@@ -77,7 +77,7 @@ export const useOverflow = (items, disabled = false, orientation = 'horizontal')
|
|
|
77
77
|
}
|
|
78
78
|
needsFullRerender.current = false;
|
|
79
79
|
}, [containerSize, visibleCount, disabled, items.length, orientation]);
|
|
80
|
-
|
|
80
|
+
useLayoutEffect(() => {
|
|
81
81
|
previousContainerSize.current = containerSize;
|
|
82
82
|
}, [containerSize]);
|
|
83
83
|
return [mergedRefs, visibleCount];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itwin/itwinui-react",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.4.0",
|
|
4
4
|
"author": "Bentley Systems",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
"tslib": "^2.6.0"
|
|
87
87
|
},
|
|
88
88
|
"devDependencies": {
|
|
89
|
-
"@itwin/itwinui-css": "^2.
|
|
89
|
+
"@itwin/itwinui-css": "^2.3.0",
|
|
90
90
|
"@itwin/itwinui-variables": "3.0.0",
|
|
91
91
|
"@swc/cli": "^0.1.62",
|
|
92
92
|
"@swc/core": "^1.3.68",
|
package/styles.css
CHANGED
|
@@ -423,21 +423,21 @@
|
|
|
423
423
|
}
|
|
424
424
|
|
|
425
425
|
@layer itwinui.v3{
|
|
426
|
-
._iui3-carousel-navigation-dot:focus{outline-color:#0000}._iui3-carousel-navigation-right{justify-content:flex-end}._iui3-checkbox-wrapper{vertical-align:baseline;font-size:var(--iui-font-size-1);-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--iui-color-text);align-items:center;gap:var(--iui-size-xs);border:none;inline-size:-moz-fit-content;inline-size:fit-content;margin:0;padding:0;display:flex;position:relative}._iui3-checkbox-wrapper._iui3-loading{cursor:progress;color:var(--iui-color-text-disabled);font-style:italic}._iui3-checkbox-wrapper>._iui3-checkbox-label,._iui3-checkbox-wrapper>._iui3-radio-label{line-height:var(--iui-size-l)}._iui3-checkbox-wrapper>._iui3-checkbox-label svg,._iui3-checkbox-wrapper>._iui3-radio-label svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);vertical-align:middle;fill:var(--iui-color-icon);flex-shrink:0;display:flex}._iui3-checkbox-wrapper._iui3-disabled{cursor:not-allowed;color:var(--iui-color-text-disabled)}._iui3-checkbox-wrapper._iui3-disabled svg{fill:var(--iui-color-icon-disabled)}._iui3-checkbox-wrapper._iui3-positive{color:var(--iui-color-text-positive)}._iui3-checkbox-wrapper._iui3-warning{color:var(--iui-color-text-warning)}._iui3-checkbox-wrapper._iui3-negative{color:var(--iui-color-text-negative)}._iui3-checkbox{--_iui-checkbox-checkmark-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m6.5 12.5-4.5-4.5 1.5-1.5 3 3 6-6 1.5 1.5z\" /></svg>");--_iui-checkbox-indeterminate-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m2.75 6.875h10.5v2.25h-10.5z\" /></svg>");--_iui-checkbox-unchecked-svg:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 16 16\"></svg>");--_iui-checkbox-svg-color:var(--iui-color-icon-accent);--_iui-checkbox-border-color:var(--iui-color-border-foreground);--_iui-checkbox-background-color:var(--iui-color-background);--_iui-checkbox-mask-image:initial;inline-size:var(--iui-size-m);block-size:var(--iui-size-m);appearance:none;border-radius:var(--iui-border-radius-1);background-color:var(--_iui-checkbox-background-color);cursor:pointer;transition:outline-color var(--iui-duration-1)ease-out;outline:solid 1px var(--_iui-checkbox-border-color);outline-offset:-1px;flex-shrink:0;margin:0;display:flex;position:relative}._iui3-checkbox:before{content:"";inset:calc((var(--iui-checkbox-target-size,24px) - 16px)/-2);position:absolute}._iui3-checkbox:after{content:"";background-color:var(--_iui-checkbox-svg-color);-webkit-mask:var(--_iui-checkbox-mask-image)no-repeat center;mask:var(--_iui-checkbox-mask-image)no-repeat center;position:absolute;inset:0}._iui3-checkbox:not(:checked){--_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg)}._iui3-checkbox:checked{--_iui-checkbox-mask-image:var(--_iui-checkbox-checkmark-svg)}._iui3-checkbox:indeterminate{--_iui-checkbox-mask-image:var(--_iui-checkbox-indeterminate-svg)}._iui3-checkbox:hover{--_iui-checkbox-border-color:var(--iui-color-border-foreground-hover)}._iui3-checkbox:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){._iui3-checkbox:focus{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-checkbox:disabled{--_iui-checkbox-svg-color:var(--iui-color-icon-disabled);--_iui-checkbox-border-color:var(--iui-color-border-disabled);--_iui-checkbox-background-color:var(--iui-color-background-disabled);cursor:not-allowed}._iui3-checkbox._iui3-checkbox-visibility{--_iui-checkbox-checkmark-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m8 2.99051a8.81883 8.81883 0 0 0 -8 4.95062 8.74664 8.74664 0 0 0 8 5.06836 8.63266 8.63266 0 0 0 8-5.06836 8.83631 8.83631 0 0 0 -8-4.95062zm-1.31445 1.86981a1.47663 1.47663 0 1 1 -1.47663 1.47668 1.47665 1.47665 0 0 1 1.47663-1.47668zm1.31445 6.64917a7.17486 7.17486 0 0 1 -6.30475-3.55237 7.4952 7.4952 0 0 1 2.81475-2.6336 3.83956 3.83956 0 1 0 6.98126.00244 7.522 7.522 0 0 1 2.81774 2.63916 7.09785 7.09785 0 0 1 -6.309 3.54437z\" /></svg>");--_iui-checkbox-indeterminate-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m8 3v7.9a4.01179 4.01179 0 0 0 4-4 6.7509 6.7509 0 0 0 -.2-1.4l.1.1a6.89429 6.89429 0 0 1 2.4 2.4 8.39088 8.39088 0 0 1 -2.3 2.3 6.89412 6.89412 0 0 1 -3.9 1.2c-.03345 0-.06653-.00677-.1-.0072v1.5072a8.90686 8.90686 0 0 0 8-5 8.90686 8.90686 0 0 0 -8-5z\" opacity=\".33\" /><path d=\"m8 0a1 1 0 0 0 -1 1v2.07135a8.91637 8.91637 0 0 0 -7 4.92865 8.91637 8.91637 0 0 0 7 4.92865v2.07135a1 1 0 0 0 2 0v-14a1 1 0 0 0 -1-1zm-1.5 4.9a1.55426 1.55426 0 0 1 .5.087v2.81451a1.40746 1.40746 0 0 1 -.5.09849 1.538 1.538 0 0 1 -1.5-1.5 1.53794 1.53794 0 0 1 1.5-1.5zm-2.3 5.4a6.97279 6.97279 0 0 1 -2.5-2.3 6.89429 6.89429 0 0 1 2.4-2.4c.1 0 .1-.1.2-.1a3.194 3.194 0 0 0 -.3 1.4 4.0047 4.0047 0 0 0 3 3.857v.65289a6.37491 6.37491 0 0 1 -2.8-1.10989z\" /></svg>");--_iui-checkbox-unchecked-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m1.70671 12.879 11.17218-11.17219 1.4142 1.4142-11.17218 11.17218zm.99329-1.679 1.1-1.1a5.06317 5.06317 0 0 1 -2-2.1 7.48268 7.48268 0 0 1 6.2-3.5 4.86877 4.86877 0 0 1 1.2.1l1.3-1.3a10.07431 10.07431 0 0 0 -2.5-.3 8.84129 8.84129 0 0 0 -8 5 8.42455 8.42455 0 0 0 2.7 3.2zm10.7-6.4-1.1 1.1a7.08625 7.08625 0 0 1 2 2.1 7.50323 7.50323 0 0 1 -6.2 3.5 8.31665 8.31665 0 0 1 -1.3-.2l-1.3 1.3a8.909 8.909 0 0 0 6.4-.5 9.04344 9.04344 0 0 0 4.1-4.1 9.168 9.168 0 0 0 -2.6-3.2z\" /></svg>");--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:transparent;outline-width:1px}._iui3-checkbox._iui3-checkbox-visibility:where(:not(:checked):not(:indeterminate)){--_iui-checkbox-svg-color:var(--iui-color-icon)}._iui3-checkbox._iui3-checkbox-visibility:where(:hover){--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:var(--iui-color-background-transparent-hover)}._iui3-checkbox._iui3-checkbox-visibility:where(:disabled){--_iui-checkbox-svg-color:var(--iui-color-icon-disabled);--_iui-checkbox-background-color:var(--iui-color-background-disabled)}._iui3-checkbox._iui3-loading{--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:transparent;opacity:0;cursor:wait;position:absolute}._iui3-code{font-family:var(--iui-font-mono);font-size:var(--iui-font-size-0);padding:var(--iui-size-2xs);border-radius:var(--iui-border-radius-1);background-color:var(--iui-color-background);border:1px solid var(--iui-color-border);display:inline}._iui3-codeblock{vertical-align:baseline;margin:0;margin-block:calc(var(--iui-size-s)*.5);border:none;padding:0}._iui3-codeblock>._iui3-title-bar{border-radius:var(--iui-border-radius-1)var(--iui-border-radius-1)0 0;background-color:var(--iui-color-background);border:1px solid var(--iui-color-border);border-block-end:none;align-items:center;display:flex}._iui3-codeblock>._iui3-title-bar>._iui3-title{-webkit-user-select:all;user-select:all;margin-inline-start:var(--iui-size-s)}._iui3-codeblock>._iui3-title-bar>._iui3-button{margin-inline-start:auto}._iui3-codeblock>._iui3-codeblock-content{border-radius:0 0 var(--iui-border-radius-1)var(--iui-border-radius-1);white-space:normal;border:1px solid var(--iui-color-border);color:var(--iui-color-text);margin:0;display:grid;overflow:auto}._iui3-codeblock>._iui3-codeblock-content:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){._iui3-codeblock>._iui3-codeblock-content:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-codeblock>._iui3-codeblock-content>code{white-space:nowrap;-webkit-hyphens:auto;hyphens:auto;counter-increment:section;font-family:var(--iui-font-mono);background-color:var(--iui-color-background);inline-size:100%;display:block}._iui3-codeblock>._iui3-codeblock-content>code:nth-child(2n){background-color:var(--iui-color-background-zebra)}._iui3-codeblock>._iui3-codeblock-content>code:before{content:counter(section);text-align:end;padding-inline:var(--iui-size-xs);inline-size:calc(var(--iui-size-l) + 2*var(--iui-size-xs));background-color:var(--iui-color-background-backdrop);color:var(--iui-color-text-muted);display:inline-block}._iui3-color-picker{--iui-color-picker-selected-color:initial;border-radius:var(--iui-border-radius-1);padding:var(--iui-size-s);-webkit-user-select:none;user-select:none;max-block-size:calc(var(--iui-size-s)*42);row-gap:var(--iui-size-s);flex-direction:column;display:inline-flex;overflow-y:auto}._iui3-color-swatch{--iui-color-swatch-background:initial;block-size:var(--iui-size-l);inline-size:var(--iui-size-l);cursor:pointer;background-color:var(--iui-color-swatch-background);forced-color-adjust:none;background-position:0 0,calc(var(--iui-size-m)*.5)calc(var(--iui-size-m)*.5);background-size:var(--iui-size-m)var(--iui-size-m);background-image:repeating-linear-gradient(45deg,#c7ccd1 25%,#0000 25% 75%,#c7ccd1 75%,#c7ccd1),repeating-linear-gradient(45deg,#c7ccd1 25%,#edeff2 25% 75%,#c7ccd1 75%,#c7ccd1);border-radius:5px;position:relative}._iui3-color-swatch:after{content:"";inline-size:inherit;block-size:inherit;border-radius:inherit;background-color:inherit;box-shadow:inset 0 0 0 1px var(--iui-color-border-foreground);position:absolute;inset-block-start:0;inset-inline-start:0}._iui3-color-swatch:hover{box-shadow:0 0 0 var(--iui-size-3xs)var(--iui-color-border),inset 0 0 0 1px var(--iui-color-border-foreground)}._iui3-color-swatch:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:2px}@supports not selector(*:focus-visible){._iui3-color-swatch:focus{outline:2px solid var(--iui-color-border-accent);outline-offset:2px}}._iui3-color-swatch._iui3-active{box-shadow:0 0 0 var(--iui-size-3xs)var(--iui-color-border-accent),inset 0 0 0 1px var(--iui-color-border-foreground)}._iui3-color-swatch._iui3-active:hover{box-shadow:0 0 0 var(--iui-size-3xs)var(--iui-color-border),inset 0 0 0 1px var(--iui-color-border-foreground),0 0 0 var(--iui-size-3xs)var(--iui-color-border-accent)}._iui3-color-palette{min-block-size:var(--iui-size-l);min-inline-size:var(--iui-size-l);align-content:flex-start;align-items:center;gap:var(--iui-size-xs);flex-wrap:wrap;display:flex}._iui3-color-palette-wrapper{max-inline-size:calc(var(--iui-size-l)*9 + var(--iui-size-xs)*8)}._iui3-color-palette-wrapper:only-child{max-inline-size:calc(var(--iui-size-l)*10 + var(--iui-size-xs)*9)}._iui3-color-input{align-items:center;display:flex}._iui3-color-input-wrapper{max-inline-size:calc(var(--iui-size-l)*9 + var(--iui-size-xs)*8)}._iui3-color-input ._iui3-button{margin-inline-end:var(--iui-size-2xs)}._iui3-color-input-fields{gap:var(--iui-size-3xs);inline-size:100%;display:flex}._iui3-color-input-fields>*{flex-grow:1}._iui3-color-input-fields input{text-transform:uppercase}._iui3-color-input-fields input[type=number]{appearance:textfield;text-align:end}._iui3-color-input-fields input[type=number]::-webkit-inner-spin-button{appearance:none}._iui3-color-picker-section-label{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;margin-block-end:calc(var(--iui-size-s)*.5);overflow:hidden}._iui3-color-selection-wrapper{min-inline-size:calc(var(--iui-size-l)*9 + var(--iui-size-xs)*8);gap:var(--iui-size-xs);flex-direction:column;display:flex}._iui3-color-field{--iui-color-field-hue:initial;cursor:crosshair;block-size:calc(var(--iui-size-s)*17);forced-color-adjust:none;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,var(--iui-color-field-hue));inline-size:100%;position:relative}._iui3-hue-slider ._iui3-slider,._iui3-opacity-slider ._iui3-slider{--_iui-slider-track-thickness:var(--iui-size-xs)}._iui3-hue-slider ._iui3-slider:before,._iui3-opacity-slider ._iui3-slider:before{forced-color-adjust:none}._iui3-hue-slider ._iui3-slider:before{--_iui-slider-rail-color:linear-gradient(to right,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}._iui3-opacity-slider ._iui3-slider:before{forced-color-adjust:none;background-position:0,0,calc(var(--iui-size-xs)*.5)calc(var(--iui-size-xs)*.5);background-size:auto,var(--iui-size-xs),var(--iui-size-xs);background-image:linear-gradient(to right,transparent 0%,var(--iui-color-picker-selected-color)100%),repeating-linear-gradient(45deg,#c7ccd1 25%,transparent 25%,transparent 75%,#c7ccd1 75%,#c7ccd1),repeating-linear-gradient(45deg,#c7ccd1 25%,#edeff2 25%,#edeff2 75%,#c7ccd1 75%,#c7ccd1)}._iui3-color-dot{--iui-color-dot-inset-block:initial;--iui-color-dot-inset-inline:initial;inset-block:var(--iui-color-dot-inset-block);inset-inline:var(--iui-color-dot-inset-inline);inline-size:var(--iui-size-m);block-size:var(--iui-size-m);transform:translate(calc(0px - var(--iui-size-xs)),calc(0px - var(--iui-size-xs)));cursor:crosshair;background-color:var(--iui-color-picker-selected-color);border-radius:50%;position:absolute}._iui3-color-dot:before{content:"";border-radius:inherit;outline:var(--iui-size-3xs)solid var(--iui-color-picker-selected-color);filter:invert()grayscale()contrast(999);position:absolute;inset:0}._iui3-color-dot:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:3px;box-shadow:0 0 0 3px var(--iui-color-border)}._iui3-date-picker{-webkit-user-select:none;user-select:none;grid-template-columns:1fr auto;display:inline-grid}._iui3-date-picker ._iui3-time-picker{block-size:0;min-block-size:100%}._iui3-calendar-month-year{padding-inline:var(--iui-size-2xs);font-weight:var(--iui-font-weight-bold);justify-content:space-between;align-items:center;gap:var(--iui-size-2xs);inline-size:100%;display:inline-flex}._iui3-calendar-month-year>span{white-space:nowrap;line-height:calc(var(--iui-size-s)*4);flex-shrink:0;justify-content:center;align-items:center;inline-size:156px;display:inline-flex}._iui3-calendar-month{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-inline-size:15ch;overflow:hidden}._iui3-calendar-weekdays{padding-inline:var(--iui-size-xs);line-height:36px;font-weight:var(--iui-font-weight-bold);background-color:var(--iui-color-background-backdrop);display:flex}._iui3-calendar-weekdays>div{white-space:nowrap;text-align:center;inline-size:40px;overflow:hidden}._iui3-calendar-week{white-space:nowrap;padding-inline:var(--iui-size-xs);margin-block-end:var(--iui-size-3xs);line-height:36px;display:flex}._iui3-calendar-day,._iui3-calendar-day-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;block-size:36px;inline-size:40px}._iui3-calendar-day:focus-visible,._iui3-calendar-day-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){._iui3-calendar-day:focus,._iui3-calendar-day-today:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-calendar-day:hover,._iui3-calendar-day-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-hover)}._iui3-calendar-day[aria-disabled=true],._iui3-calendar-day-today[aria-disabled=true]{color:var(--iui-color-text-disabled);font-weight:var(--iui-font-weight-normal);cursor:not-allowed;background-color:#0000}
|
|
426
|
+
._iui3-carousel-navigation-dot:focus{outline-color:#0000}._iui3-carousel-navigation-right{justify-content:flex-end}._iui3-checkbox-wrapper{vertical-align:baseline;font-size:var(--iui-font-size-1);-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--iui-color-text);align-items:center;gap:var(--iui-size-xs);border:none;inline-size:-moz-fit-content;inline-size:fit-content;margin:0;padding:0;display:flex;position:relative}._iui3-checkbox-wrapper._iui3-loading{cursor:progress;color:var(--iui-color-text-disabled);font-style:italic}._iui3-checkbox-wrapper>._iui3-checkbox-label,._iui3-checkbox-wrapper>._iui3-radio-label{line-height:var(--iui-size-l)}._iui3-checkbox-wrapper>._iui3-checkbox-label svg,._iui3-checkbox-wrapper>._iui3-radio-label svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);vertical-align:middle;fill:var(--iui-color-icon);flex-shrink:0;display:flex}._iui3-checkbox-wrapper._iui3-disabled{cursor:not-allowed;color:var(--iui-color-text-disabled)}._iui3-checkbox-wrapper._iui3-disabled svg{fill:var(--iui-color-icon-disabled)}._iui3-checkbox-wrapper._iui3-positive{color:var(--iui-color-text-positive)}._iui3-checkbox-wrapper._iui3-warning{color:var(--iui-color-text-warning)}._iui3-checkbox-wrapper._iui3-negative{color:var(--iui-color-text-negative)}._iui3-checkbox{--_iui-checkbox-checkmark-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m6.5 12.5-4.5-4.5 1.5-1.5 3 3 6-6 1.5 1.5z\" /></svg>");--_iui-checkbox-indeterminate-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m2.75 6.875h10.5v2.25h-10.5z\" /></svg>");--_iui-checkbox-unchecked-svg:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 16 16\"></svg>");--_iui-checkbox-svg-color:var(--iui-color-icon-accent);--_iui-checkbox-border-color:var(--iui-color-border-foreground);--_iui-checkbox-background-color:var(--iui-color-background);--_iui-checkbox-mask-image:initial;inline-size:var(--iui-size-m);block-size:var(--iui-size-m);appearance:none;border-radius:var(--iui-border-radius-1);background-color:var(--_iui-checkbox-background-color);cursor:pointer;transition:outline-color var(--iui-duration-1)ease-out;outline:solid 1px var(--_iui-checkbox-border-color);outline-offset:-1px;flex-shrink:0;margin:0;display:flex;position:relative}._iui3-checkbox:before{content:"";inset:calc((var(--iui-checkbox-target-size,24px) - 16px)/-2);position:absolute}._iui3-checkbox:after{content:"";background-color:var(--_iui-checkbox-svg-color);-webkit-mask:var(--_iui-checkbox-mask-image)no-repeat center;mask:var(--_iui-checkbox-mask-image)no-repeat center;position:absolute;inset:0}._iui3-checkbox:not(:checked){--_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg)}._iui3-checkbox:checked{--_iui-checkbox-mask-image:var(--_iui-checkbox-checkmark-svg)}._iui3-checkbox:indeterminate{--_iui-checkbox-mask-image:var(--_iui-checkbox-indeterminate-svg)}._iui3-checkbox:hover{--_iui-checkbox-border-color:var(--iui-color-border-foreground-hover)}._iui3-checkbox:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){._iui3-checkbox:focus{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-checkbox:disabled{--_iui-checkbox-svg-color:var(--iui-color-icon-disabled);--_iui-checkbox-border-color:var(--iui-color-border-disabled);--_iui-checkbox-background-color:var(--iui-color-background-disabled);cursor:not-allowed}._iui3-checkbox._iui3-checkbox-visibility{--_iui-checkbox-checkmark-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m8 2.99051a8.81883 8.81883 0 0 0 -8 4.95062 8.74664 8.74664 0 0 0 8 5.06836 8.63266 8.63266 0 0 0 8-5.06836 8.83631 8.83631 0 0 0 -8-4.95062zm-1.31445 1.86981a1.47663 1.47663 0 1 1 -1.47663 1.47668 1.47665 1.47665 0 0 1 1.47663-1.47668zm1.31445 6.64917a7.17486 7.17486 0 0 1 -6.30475-3.55237 7.4952 7.4952 0 0 1 2.81475-2.6336 3.83956 3.83956 0 1 0 6.98126.00244 7.522 7.522 0 0 1 2.81774 2.63916 7.09785 7.09785 0 0 1 -6.309 3.54437z\" /></svg>");--_iui-checkbox-indeterminate-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m8 3v7.9a4.01179 4.01179 0 0 0 4-4 6.7509 6.7509 0 0 0 -.2-1.4l.1.1a6.89429 6.89429 0 0 1 2.4 2.4 8.39088 8.39088 0 0 1 -2.3 2.3 6.89412 6.89412 0 0 1 -3.9 1.2c-.03345 0-.06653-.00677-.1-.0072v1.5072a8.90686 8.90686 0 0 0 8-5 8.90686 8.90686 0 0 0 -8-5z\" opacity=\".33\" /><path d=\"m8 0a1 1 0 0 0 -1 1v2.07135a8.91637 8.91637 0 0 0 -7 4.92865 8.91637 8.91637 0 0 0 7 4.92865v2.07135a1 1 0 0 0 2 0v-14a1 1 0 0 0 -1-1zm-1.5 4.9a1.55426 1.55426 0 0 1 .5.087v2.81451a1.40746 1.40746 0 0 1 -.5.09849 1.538 1.538 0 0 1 -1.5-1.5 1.53794 1.53794 0 0 1 1.5-1.5zm-2.3 5.4a6.97279 6.97279 0 0 1 -2.5-2.3 6.89429 6.89429 0 0 1 2.4-2.4c.1 0 .1-.1.2-.1a3.194 3.194 0 0 0 -.3 1.4 4.0047 4.0047 0 0 0 3 3.857v.65289a6.37491 6.37491 0 0 1 -2.8-1.10989z\" /></svg>");--_iui-checkbox-unchecked-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m1.70671 12.879 11.17218-11.17219 1.4142 1.4142-11.17218 11.17218zm.99329-1.679 1.1-1.1a5.06317 5.06317 0 0 1 -2-2.1 7.48268 7.48268 0 0 1 6.2-3.5 4.86877 4.86877 0 0 1 1.2.1l1.3-1.3a10.07431 10.07431 0 0 0 -2.5-.3 8.84129 8.84129 0 0 0 -8 5 8.42455 8.42455 0 0 0 2.7 3.2zm10.7-6.4-1.1 1.1a7.08625 7.08625 0 0 1 2 2.1 7.50323 7.50323 0 0 1 -6.2 3.5 8.31665 8.31665 0 0 1 -1.3-.2l-1.3 1.3a8.909 8.909 0 0 0 6.4-.5 9.04344 9.04344 0 0 0 4.1-4.1 9.168 9.168 0 0 0 -2.6-3.2z\" /></svg>");--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:transparent;outline-width:1px}._iui3-checkbox._iui3-checkbox-visibility:where(:not(:checked):not(:indeterminate)){--_iui-checkbox-svg-color:var(--iui-color-icon)}._iui3-checkbox._iui3-checkbox-visibility:where(:hover){--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:var(--iui-color-background-transparent-hover)}._iui3-checkbox._iui3-checkbox-visibility:where(:disabled){--_iui-checkbox-svg-color:var(--iui-color-icon-disabled);--_iui-checkbox-background-color:var(--iui-color-background-disabled)}._iui3-checkbox._iui3-loading{--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:transparent;opacity:0;cursor:wait;position:absolute}._iui3-code{font-family:var(--iui-font-mono);font-size:var(--iui-font-size-0);padding:var(--iui-size-2xs);border-radius:var(--iui-border-radius-1);background-color:var(--iui-color-background);border:1px solid var(--iui-color-border);display:inline}._iui3-codeblock{vertical-align:baseline;margin:0;margin-block:calc(var(--iui-size-s)*.5);border:none;padding:0}._iui3-codeblock>._iui3-title-bar{border-radius:var(--iui-border-radius-1)var(--iui-border-radius-1)0 0;background-color:var(--iui-color-background);border:1px solid var(--iui-color-border);border-block-end:none;align-items:center;display:flex}._iui3-codeblock>._iui3-title-bar>._iui3-title{-webkit-user-select:all;user-select:all;margin-inline-start:var(--iui-size-s)}._iui3-codeblock>._iui3-title-bar>._iui3-button{margin-inline-start:auto}._iui3-codeblock>._iui3-codeblock-content{border-radius:0 0 var(--iui-border-radius-1)var(--iui-border-radius-1);white-space:normal;border:1px solid var(--iui-color-border);color:var(--iui-color-text);margin:0;display:grid;overflow:auto}._iui3-codeblock>._iui3-codeblock-content:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){._iui3-codeblock>._iui3-codeblock-content:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-codeblock>._iui3-codeblock-content>code{white-space:nowrap;-webkit-hyphens:auto;hyphens:auto;counter-increment:section;font-family:var(--iui-font-mono);background-color:var(--iui-color-background);inline-size:100%;display:block}._iui3-codeblock>._iui3-codeblock-content>code:nth-child(2n){background-color:var(--iui-color-background-zebra)}._iui3-codeblock>._iui3-codeblock-content>code:before{content:counter(section);text-align:end;padding-inline:var(--iui-size-xs);inline-size:calc(var(--iui-size-l) + 2*var(--iui-size-xs));background-color:var(--iui-color-background-backdrop);color:var(--iui-color-text-muted);display:inline-block}._iui3-color-picker{--iui-color-picker-selected-color:initial;border-radius:var(--iui-border-radius-1);padding:var(--iui-size-s);-webkit-user-select:none;user-select:none;max-block-size:calc(var(--iui-size-s)*42);row-gap:var(--iui-size-s);flex-direction:column;display:inline-flex;overflow-y:auto}._iui3-color-swatch{--iui-color-swatch-background:initial;block-size:var(--iui-size-l);inline-size:var(--iui-size-l);cursor:pointer;background-color:var(--iui-color-swatch-background);forced-color-adjust:none;background-position:0 0,calc(var(--iui-size-m)*.5)calc(var(--iui-size-m)*.5);background-size:var(--iui-size-m)var(--iui-size-m);background-image:repeating-linear-gradient(45deg,#c7ccd1 25%,#0000 25% 75%,#c7ccd1 75%,#c7ccd1),repeating-linear-gradient(45deg,#c7ccd1 25%,#edeff2 25% 75%,#c7ccd1 75%,#c7ccd1);border-radius:5px;position:relative}._iui3-color-swatch:after{content:"";inline-size:inherit;block-size:inherit;border-radius:inherit;background-color:inherit;box-shadow:inset 0 0 0 1px var(--iui-color-border-foreground);position:absolute;inset-block-start:0;inset-inline-start:0}._iui3-color-swatch:hover{box-shadow:0 0 0 var(--iui-size-3xs)var(--iui-color-border),inset 0 0 0 1px var(--iui-color-border-foreground)}._iui3-color-swatch:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:2px}@supports not selector(*:focus-visible){._iui3-color-swatch:focus{outline:2px solid var(--iui-color-border-accent);outline-offset:2px}}._iui3-color-swatch._iui3-active{box-shadow:0 0 0 var(--iui-size-3xs)var(--iui-color-border-accent),inset 0 0 0 1px var(--iui-color-border-foreground)}._iui3-color-swatch._iui3-active:hover{box-shadow:0 0 0 var(--iui-size-3xs)var(--iui-color-border),inset 0 0 0 1px var(--iui-color-border-foreground),0 0 0 var(--iui-size-3xs)var(--iui-color-border-accent)}._iui3-color-palette{min-block-size:var(--iui-size-l);min-inline-size:var(--iui-size-l);align-content:flex-start;align-items:center;gap:var(--iui-size-xs);flex-wrap:wrap;display:flex}._iui3-color-palette-wrapper{max-inline-size:calc(var(--iui-size-l)*9 + var(--iui-size-xs)*8)}._iui3-color-palette-wrapper:only-child{max-inline-size:calc(var(--iui-size-l)*10 + var(--iui-size-xs)*9)}._iui3-color-input{align-items:center;display:flex}._iui3-color-input-wrapper{max-inline-size:calc(var(--iui-size-l)*9 + var(--iui-size-xs)*8)}._iui3-color-input ._iui3-button{margin-inline-end:var(--iui-size-2xs)}._iui3-color-input-fields{gap:var(--iui-size-3xs);inline-size:100%;display:flex}._iui3-color-input-fields>*{flex-grow:1}._iui3-color-input-fields input{text-transform:uppercase}._iui3-color-input-fields input[type=number]{appearance:textfield;text-align:end}._iui3-color-input-fields input[type=number]::-webkit-inner-spin-button{appearance:none}._iui3-color-picker-section-label{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;margin-block-end:calc(var(--iui-size-s)*.5);overflow:hidden}._iui3-color-selection-wrapper{min-inline-size:calc(var(--iui-size-l)*9 + var(--iui-size-xs)*8);gap:var(--iui-size-xs);flex-direction:column;display:flex}._iui3-color-field{--iui-color-field-hue:initial;cursor:crosshair;block-size:calc(var(--iui-size-s)*17);forced-color-adjust:none;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,var(--iui-color-field-hue));inline-size:100%;position:relative}._iui3-hue-slider ._iui3-slider,._iui3-opacity-slider ._iui3-slider{--_iui-slider-track-thickness:var(--iui-size-xs)}._iui3-hue-slider ._iui3-slider:before,._iui3-opacity-slider ._iui3-slider:before{forced-color-adjust:none}._iui3-hue-slider ._iui3-slider:before{--_iui-slider-rail-color:linear-gradient(to right,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}._iui3-opacity-slider ._iui3-slider:before{forced-color-adjust:none;background-position:0,0,calc(var(--iui-size-xs)*.5)calc(var(--iui-size-xs)*.5);background-size:auto,var(--iui-size-xs),var(--iui-size-xs);background-image:linear-gradient(to right,transparent 0%,var(--iui-color-picker-selected-color)100%),repeating-linear-gradient(45deg,#c7ccd1 25%,transparent 25%,transparent 75%,#c7ccd1 75%,#c7ccd1),repeating-linear-gradient(45deg,#c7ccd1 25%,#edeff2 25%,#edeff2 75%,#c7ccd1 75%,#c7ccd1)}._iui3-color-dot{--iui-color-dot-inset-block:initial;--iui-color-dot-inset-inline:initial;inset-block:var(--iui-color-dot-inset-block);inset-inline:var(--iui-color-dot-inset-inline);inline-size:var(--iui-size-m);block-size:var(--iui-size-m);transform:translate(calc(0px - var(--iui-size-xs)),calc(0px - var(--iui-size-xs)));cursor:crosshair;background-color:var(--iui-color-picker-selected-color);border-radius:50%;position:absolute}._iui3-color-dot:before{content:"";border-radius:inherit;outline:var(--iui-size-3xs)solid var(--iui-color-picker-selected-color);filter:invert()grayscale()contrast(999);position:absolute;inset:0}._iui3-color-dot:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:3px;box-shadow:0 0 0 3px var(--iui-color-border)}._iui3-date-picker{-webkit-user-select:none;user-select:none;grid-template-columns:1fr auto;display:inline-grid}._iui3-date-picker ._iui3-time-picker{block-size:0;min-block-size:100%}._iui3-calendar-month-year{padding-inline:var(--iui-size-2xs);font-weight:var(--iui-font-weight-bold);justify-content:space-between;align-items:center;gap:var(--iui-size-2xs);inline-size:100%;display:inline-flex}._iui3-calendar-month-year>span{white-space:nowrap;line-height:calc(var(--iui-size-s)*4);flex-shrink:0;justify-content:center;align-items:center;inline-size:156px;display:inline-flex}._iui3-calendar-month{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-inline-size:15ch;overflow:hidden}._iui3-calendar-weekdays{padding-inline:var(--iui-size-xs);line-height:36px;font-weight:var(--iui-font-weight-bold);background-color:var(--iui-color-background-backdrop);display:flex}._iui3-calendar-weekdays>div{white-space:nowrap;text-align:center;inline-size:40px;overflow:hidden}._iui3-calendar-week{white-space:nowrap;padding-inline:var(--iui-size-xs);margin-block-end:var(--iui-size-3xs);line-height:36px;display:flex}._iui3-calendar-day,._iui3-calendar-day-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;block-size:36px;inline-size:40px}._iui3-calendar-day:focus-visible,._iui3-calendar-day-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){._iui3-calendar-day:focus,._iui3-calendar-day-today:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-calendar-day:empty,._iui3-calendar-day-today:empty{pointer-events:none}._iui3-calendar-day:hover,._iui3-calendar-day-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-hover)}._iui3-calendar-day[aria-disabled=true],._iui3-calendar-day-today[aria-disabled=true]{color:var(--iui-color-text-disabled);font-weight:var(--iui-font-weight-normal);cursor:not-allowed;background-color:#0000}
|
|
427
427
|
}
|
|
428
428
|
|
|
429
429
|
@layer itwinui.v3{@media (forced-colors:active){._iui3-calendar-day[aria-disabled=true],._iui3-calendar-day-today[aria-disabled=true]{color:GrayText}}
|
|
430
430
|
}
|
|
431
431
|
|
|
432
432
|
@layer itwinui.v3{
|
|
433
|
-
._iui3-calendar-day-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3-calendar-day-today:before{content:"";border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);block-size:32px;inline-size:32px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3-calendar-day-today:hover{background-color:var(--iui-color-background-hover)}._iui3-calendar-day-selected,._iui3-calendar-day-selected-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-accent);color:var(--iui-color-white);cursor:default;block-size:36px;inline-size:40px}@supports not selector(*:focus-visible){._iui3-calendar-day-selected:focus,._iui3-calendar-day-selected-today:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-calendar-day-selected:focus-visible,._iui3-calendar-day-selected-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}@supports not selector(*:focus-visible){._iui3-calendar-day-selected:focus,._iui3-calendar-day-selected-today:focus{outline:1px solid var(--iui-color-white);outline-offset:-3px}}._iui3-calendar-day-selected-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3-calendar-day-selected-today:before{content:"";border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);block-size:32px;inline-size:32px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3-calendar-day-selected-today:hover{background-color:var(--iui-color-background-hover);background-color:var(--iui-color-background-accent);color:var(--iui-color-white)}._iui3-calendar-day-selected-today:hover:before{background-color:initial}._iui3-calendar-day-selected-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3-calendar-day-outside-month,._iui3-calendar-day-outside-month-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;color:var(--iui-color-text-muted);block-size:36px;inline-size:40px}._iui3-calendar-day-outside-month:focus-visible,._iui3-calendar-day-outside-month-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){._iui3-calendar-day-outside-month:focus,._iui3-calendar-day-outside-month-today:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-calendar-day-outside-month:hover,._iui3-calendar-day-outside-month-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-hover)}._iui3-calendar-day-outside-month[aria-disabled=true],._iui3-calendar-day-outside-month-today[aria-disabled=true]{color:var(--iui-color-text-disabled);font-weight:var(--iui-font-weight-normal);cursor:not-allowed;background-color:#0000}
|
|
433
|
+
._iui3-calendar-day-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3-calendar-day-today:before{content:"";border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);block-size:32px;inline-size:32px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3-calendar-day-today:hover{background-color:var(--iui-color-background-hover)}._iui3-calendar-day-selected,._iui3-calendar-day-selected-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-accent);color:var(--iui-color-white);cursor:default;block-size:36px;inline-size:40px}@supports not selector(*:focus-visible){._iui3-calendar-day-selected:focus,._iui3-calendar-day-selected-today:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-calendar-day-selected:empty,._iui3-calendar-day-selected-today:empty{pointer-events:none}._iui3-calendar-day-selected:focus-visible,._iui3-calendar-day-selected-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}@supports not selector(*:focus-visible){._iui3-calendar-day-selected:focus,._iui3-calendar-day-selected-today:focus{outline:1px solid var(--iui-color-white);outline-offset:-3px}}._iui3-calendar-day-selected-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3-calendar-day-selected-today:before{content:"";border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);block-size:32px;inline-size:32px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3-calendar-day-selected-today:hover{background-color:var(--iui-color-background-hover);background-color:var(--iui-color-background-accent);color:var(--iui-color-white)}._iui3-calendar-day-selected-today:hover:before{background-color:initial}._iui3-calendar-day-selected-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3-calendar-day-outside-month,._iui3-calendar-day-outside-month-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;color:var(--iui-color-text-muted);block-size:36px;inline-size:40px}._iui3-calendar-day-outside-month:focus-visible,._iui3-calendar-day-outside-month-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){._iui3-calendar-day-outside-month:focus,._iui3-calendar-day-outside-month-today:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-calendar-day-outside-month:empty,._iui3-calendar-day-outside-month-today:empty{pointer-events:none}._iui3-calendar-day-outside-month:hover,._iui3-calendar-day-outside-month-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-hover)}._iui3-calendar-day-outside-month[aria-disabled=true],._iui3-calendar-day-outside-month-today[aria-disabled=true]{color:var(--iui-color-text-disabled);font-weight:var(--iui-font-weight-normal);cursor:not-allowed;background-color:#0000}
|
|
434
434
|
}
|
|
435
435
|
|
|
436
436
|
@layer itwinui.v3{@media (forced-colors:active){._iui3-calendar-day-outside-month[aria-disabled=true],._iui3-calendar-day-outside-month-today[aria-disabled=true]{color:GrayText}}
|
|
437
437
|
}
|
|
438
438
|
|
|
439
439
|
@layer itwinui.v3{
|
|
440
|
-
._iui3-calendar-day-outside-month-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3-calendar-day-outside-month-today:before{content:"";border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);block-size:32px;inline-size:32px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3-calendar-day-outside-month-today:hover{background-color:var(--iui-color-background-hover)}._iui3-calendar-day-range-start,._iui3-calendar-day-range-start-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-accent);color:var(--iui-color-white);cursor:pointer;border-start-end-radius:0;border-end-end-radius:0;block-size:36px;inline-size:40px}@supports not selector(*:focus-visible){._iui3-calendar-day-range-start:focus,._iui3-calendar-day-range-start-today:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-calendar-day-range-start:focus-visible,._iui3-calendar-day-range-start-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}@supports not selector(*:focus-visible){._iui3-calendar-day-range-start:focus,._iui3-calendar-day-range-start-today:focus{outline:1px solid var(--iui-color-white);outline-offset:-3px}}._iui3-calendar-day-range-start-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3-calendar-day-range-start-today:before{content:"";border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);block-size:32px;inline-size:32px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3-calendar-day-range-start-today:hover{background-color:var(--iui-color-background-hover);background-color:var(--iui-color-background-accent);color:var(--iui-color-white)}._iui3-calendar-day-range-start-today:hover:before{background-color:initial}._iui3-calendar-day-range-start-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3-calendar-day-range-end,._iui3-calendar-day-range-end-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-accent);color:var(--iui-color-white);border-start-start-radius:0;border-end-start-radius:0;block-size:36px;inline-size:40px}@supports not selector(*:focus-visible){._iui3-calendar-day-range-end:focus,._iui3-calendar-day-range-end-today:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-calendar-day-range-end:focus-visible,._iui3-calendar-day-range-end-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}@supports not selector(*:focus-visible){._iui3-calendar-day-range-end:focus,._iui3-calendar-day-range-end-today:focus{outline:1px solid var(--iui-color-white);outline-offset:-3px}}._iui3-calendar-day-range-end-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3-calendar-day-range-end-today:before{content:"";border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);block-size:32px;inline-size:32px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3-calendar-day-range-end-today:hover{background-color:var(--iui-color-background-hover);background-color:var(--iui-color-background-accent);color:var(--iui-color-white)}._iui3-calendar-day-range-end-today:hover:before{background-color:initial}._iui3-calendar-day-range-end-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3-calendar-day-range,._iui3-calendar-day-range-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;background-color:var(--iui-color-background-accent-muted);border-radius:0;block-size:36px;inline-size:40px}._iui3-calendar-day-range:focus-visible,._iui3-calendar-day-range-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){._iui3-calendar-day-range:focus,._iui3-calendar-day-range-today:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-calendar-day-range:hover,._iui3-calendar-day-range-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}._iui3-calendar-day-range-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3-calendar-day-range-today:before{content:"";border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);block-size:32px;inline-size:32px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3-calendar-day-range-today:hover{background-color:var(--iui-color-background-hover);background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}._iui3-calendar-day-range-today:before{border-color:var(--iui-color-border-accent)}._iui3-dialog-wrapper{pointer-events:none;z-index:999;isolation:isolate;block-size:100%;inline-size:100%;position:fixed;inset-block-start:0;inset-inline-start:0;overflow:hidden;transform:translate(0)}._iui3-dialog-wrapper[data-iui-relative=true]{position:absolute}._iui3-dialog{z-index:999;isolation:isolate;border-radius:var(--iui-border-radius-1);box-shadow:var(--iui-shadow-5);padding-block:var(--iui-size-s);padding-inline: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);flex-direction:column;display:flex;position:fixed}
|
|
440
|
+
._iui3-calendar-day-outside-month-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3-calendar-day-outside-month-today:before{content:"";border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);block-size:32px;inline-size:32px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3-calendar-day-outside-month-today:hover{background-color:var(--iui-color-background-hover)}._iui3-calendar-day-range-start,._iui3-calendar-day-range-start-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-accent);color:var(--iui-color-white);cursor:pointer;border-start-end-radius:0;border-end-end-radius:0;block-size:36px;inline-size:40px}@supports not selector(*:focus-visible){._iui3-calendar-day-range-start:focus,._iui3-calendar-day-range-start-today:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-calendar-day-range-start:empty,._iui3-calendar-day-range-start-today:empty{pointer-events:none}._iui3-calendar-day-range-start:focus-visible,._iui3-calendar-day-range-start-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}@supports not selector(*:focus-visible){._iui3-calendar-day-range-start:focus,._iui3-calendar-day-range-start-today:focus{outline:1px solid var(--iui-color-white);outline-offset:-3px}}._iui3-calendar-day-range-start-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3-calendar-day-range-start-today:before{content:"";border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);block-size:32px;inline-size:32px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3-calendar-day-range-start-today:hover{background-color:var(--iui-color-background-hover);background-color:var(--iui-color-background-accent);color:var(--iui-color-white)}._iui3-calendar-day-range-start-today:hover:before{background-color:initial}._iui3-calendar-day-range-start-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3-calendar-day-range-end,._iui3-calendar-day-range-end-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;font-weight:var(--iui-font-weight-semibold);background-color:var(--iui-color-background-accent);color:var(--iui-color-white);border-start-start-radius:0;border-end-start-radius:0;block-size:36px;inline-size:40px}@supports not selector(*:focus-visible){._iui3-calendar-day-range-end:focus,._iui3-calendar-day-range-end-today:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-calendar-day-range-end:empty,._iui3-calendar-day-range-end-today:empty{pointer-events:none}._iui3-calendar-day-range-end:focus-visible,._iui3-calendar-day-range-end-today:focus-visible{outline:1px solid var(--iui-color-white);outline-offset:-3px}@supports not selector(*:focus-visible){._iui3-calendar-day-range-end:focus,._iui3-calendar-day-range-end-today:focus{outline:1px solid var(--iui-color-white);outline-offset:-3px}}._iui3-calendar-day-range-end-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3-calendar-day-range-end-today:before{content:"";border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);block-size:32px;inline-size:32px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3-calendar-day-range-end-today:hover{background-color:var(--iui-color-background-hover);background-color:var(--iui-color-background-accent);color:var(--iui-color-white)}._iui3-calendar-day-range-end-today:hover:before{background-color:initial}._iui3-calendar-day-range-end-today:before{border-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3-calendar-day-range,._iui3-calendar-day-range-today{cursor:pointer;text-align:center;border-radius:var(--iui-border-radius-1);font-variant-numeric:tabular-nums;background-color:var(--iui-color-background-accent-muted);border-radius:0;block-size:36px;inline-size:40px}._iui3-calendar-day-range:focus-visible,._iui3-calendar-day-range-today:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){._iui3-calendar-day-range:focus,._iui3-calendar-day-range-today:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-calendar-day-range:empty,._iui3-calendar-day-range-today:empty{pointer-events:none}._iui3-calendar-day-range:hover,._iui3-calendar-day-range-today:hover{font-weight:var(--iui-font-weight-semibold);background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}._iui3-calendar-day-range-today{font-weight:var(--iui-font-weight-semibold);position:relative}._iui3-calendar-day-range-today:before{content:"";border-radius:var(--iui-border-radius-round);border:2px solid var(--iui-color-border);block-size:32px;inline-size:32px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}._iui3-calendar-day-range-today:hover{background-color:var(--iui-color-background-hover);background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}._iui3-calendar-day-range-today:before{border-color:var(--iui-color-border-accent)}._iui3-dialog-wrapper{pointer-events:none;z-index:999;isolation:isolate;block-size:100%;inline-size:100%;position:fixed;inset-block-start:0;inset-inline-start:0;overflow:hidden;transform:translate(0)}._iui3-dialog-wrapper[data-iui-relative=true]{position:absolute}._iui3-dialog{z-index:999;isolation:isolate;border-radius:var(--iui-border-radius-1);box-shadow:var(--iui-shadow-5);padding-block:var(--iui-size-s);padding-inline: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);flex-direction:column;display:flex;position:fixed}
|
|
441
441
|
}
|
|
442
442
|
|
|
443
443
|
@layer itwinui.v3{@media (forced-colors:active){._iui3-dialog{border:1px solid}}
|
|
@@ -699,14 +699,14 @@
|
|
|
699
699
|
}
|
|
700
700
|
|
|
701
701
|
@layer itwinui.v3{
|
|
702
|
-
._iui3-progress-indicator-radial :is(svg,img){inline-size:var(--iui-size-m);block-size:var(--iui-size-m);fill:var(--iui-color-icon);flex-shrink:0;display:flex}._iui3-progress-indicator-radial[data-iui-status=positive]{color:var(--iui-color-text-positive)}._iui3-progress-indicator-radial[data-iui-status=positive]:after{background-color:var(--iui-color-border-positive)}._iui3-progress-indicator-radial[data-iui-status=positive] :is(svg,img){fill:var(--iui-color-icon-positive)}._iui3-progress-indicator-radial[data-iui-status=negative]{color:var(--iui-color-text-negative)}._iui3-progress-indicator-radial[data-iui-status=negative]:after{background-color:var(--iui-color-border-negative)}._iui3-progress-indicator-radial[data-iui-status=negative] :is(svg,img){fill:var(--iui-color-icon-negative)}._iui3-progress-indicator-radial[data-iui-size=x-small]{--_iui-progress-indicator-radial-size:var(--iui-size-m)}._iui3-progress-indicator-radial[data-iui-size=x-small]:before,._iui3-progress-indicator-radial[data-iui-size=x-small]:after{border-width:var(--iui-size-3xs)}._iui3-progress-indicator-radial[data-iui-size=x-small]>*{display:none}._iui3-progress-indicator-radial[data-iui-size=small]{--_iui-progress-indicator-radial-size:calc(1.5*var(--iui-size-m))}._iui3-progress-indicator-radial[data-iui-size=small]:before,._iui3-progress-indicator-radial[data-iui-size=small]:after{border-width:calc(var(--iui-size-3xs)*1.5)}._iui3-progress-indicator-radial[data-iui-size=large]{--_iui-progress-indicator-radial-size:calc(3*var(--iui-size-m));font-size:var(--iui-font-size-2)}._iui3-progress-indicator-radial[data-iui-size=large]:before,._iui3-progress-indicator-radial[data-iui-size=large]:after{border-width:calc(var(--iui-size-2xs)*1.5)}._iui3-progress-indicator-radial[data-iui-size=large] :is(svg,img){inline-size:calc(1.5*var(--iui-size-m));block-size:calc(1.5*var(--iui-size-m));flex-shrink:0;display:flex}._iui3-progress-indicator-radial:where(:not([data-iui-indeterminate=true])):after{-webkit-mask-image:conic-gradient(#000 var(--iui-progress-percentage,100%),#0000 var(--iui-progress-percentage,100%)),linear-gradient(#000 0 0);mask-image:conic-gradient(#000 var(--iui-progress-percentage,100%),#0000 var(--iui-progress-percentage,100%)),linear-gradient(#000 0 0)}._iui3-progress-indicator-radial:where([data-iui-indeterminate=true]):after{animation:.8s cubic-bezier(.6,.4,.4,.6) infinite _iui3-
|
|
702
|
+
._iui3-progress-indicator-radial :is(svg,img){inline-size:var(--iui-size-m);block-size:var(--iui-size-m);fill:var(--iui-color-icon);flex-shrink:0;display:flex}._iui3-progress-indicator-radial[data-iui-status=positive]{color:var(--iui-color-text-positive)}._iui3-progress-indicator-radial[data-iui-status=positive]:after{background-color:var(--iui-color-border-positive)}._iui3-progress-indicator-radial[data-iui-status=positive] :is(svg,img){fill:var(--iui-color-icon-positive)}._iui3-progress-indicator-radial[data-iui-status=negative]{color:var(--iui-color-text-negative)}._iui3-progress-indicator-radial[data-iui-status=negative]:after{background-color:var(--iui-color-border-negative)}._iui3-progress-indicator-radial[data-iui-status=negative] :is(svg,img){fill:var(--iui-color-icon-negative)}._iui3-progress-indicator-radial[data-iui-status=warning]{color:var(--iui-color-text-warning)}._iui3-progress-indicator-radial[data-iui-status=warning]:after{background-color:var(--iui-color-border-warning)}._iui3-progress-indicator-radial[data-iui-status=warning] :is(svg,img){fill:var(--iui-color-icon-warning)}._iui3-progress-indicator-radial[data-iui-size=x-small]{--_iui-progress-indicator-radial-size:var(--iui-size-m)}._iui3-progress-indicator-radial[data-iui-size=x-small]:before,._iui3-progress-indicator-radial[data-iui-size=x-small]:after{border-width:var(--iui-size-3xs)}._iui3-progress-indicator-radial[data-iui-size=x-small]>*{display:none}._iui3-progress-indicator-radial[data-iui-size=small]{--_iui-progress-indicator-radial-size:calc(1.5*var(--iui-size-m))}._iui3-progress-indicator-radial[data-iui-size=small]:before,._iui3-progress-indicator-radial[data-iui-size=small]:after{border-width:calc(var(--iui-size-3xs)*1.5)}._iui3-progress-indicator-radial[data-iui-size=large]{--_iui-progress-indicator-radial-size:calc(3*var(--iui-size-m));font-size:var(--iui-font-size-2)}._iui3-progress-indicator-radial[data-iui-size=large]:before,._iui3-progress-indicator-radial[data-iui-size=large]:after{border-width:calc(var(--iui-size-2xs)*1.5)}._iui3-progress-indicator-radial[data-iui-size=large] :is(svg,img){inline-size:calc(1.5*var(--iui-size-m));block-size:calc(1.5*var(--iui-size-m));flex-shrink:0;display:flex}._iui3-progress-indicator-radial:where(:not([data-iui-indeterminate=true])):after{-webkit-mask-image:conic-gradient(#000 var(--iui-progress-percentage,100%),#0000 var(--iui-progress-percentage,100%)),linear-gradient(#000 0 0);mask-image:conic-gradient(#000 var(--iui-progress-percentage,100%),#0000 var(--iui-progress-percentage,100%)),linear-gradient(#000 0 0)}._iui3-progress-indicator-radial:where([data-iui-indeterminate=true]):after{animation:.8s cubic-bezier(.6,.4,.4,.6) infinite _iui3-usa5ccx;-webkit-mask-image:conic-gradient(#0000,#000),linear-gradient(#000 0 0);mask-image:conic-gradient(#0000,#000),linear-gradient(#000 0 0)}@keyframes _iui3-usa5ccx{to{transform:rotate(360deg)}}._iui3-progress-indicator-linear-label{font-size:var(--iui-font-size-0);color:var(--_iui-progress-indicator-linear-label-color);--iui-svg-fill:var(--_iui-progress-indicator-linear-label-fill);justify-content:space-between;align-items:center;display:flex}._iui3-progress-indicator-linear-label>:only-child{margin-inline:auto}._iui3-progress-indicator-linear{gap:var(--iui-size-2xs);display:grid}._iui3-progress-indicator-linear:before{content:"";block-size:var(--iui-size-2xs);background-color:var(--iui-color-border);background-image:linear-gradient(90deg,var(--_iui-progress-indicator-track-fill,var(--iui-color-border-accent))0% 100%);background-repeat:no-repeat;background-size:var(--iui-progress-percentage,100%)100%;forced-color-adjust:none}
|
|
703
703
|
}
|
|
704
704
|
|
|
705
705
|
@layer itwinui.v3{@media (forced-colors:active){._iui3-progress-indicator-linear:before{background-color:#0000;background-image:linear-gradient(90deg,CanvasText 0% 100%);border:.5px solid}}
|
|
706
706
|
}
|
|
707
707
|
|
|
708
708
|
@layer itwinui.v3{
|
|
709
|
-
._iui3-progress-indicator-linear[data-iui-status=positive]{--_iui-progress-indicator-track-fill:var(--iui-color-border-positive);--_iui-progress-indicator-linear-label-color:var(--iui-color-text-positive);--_iui-progress-indicator-linear-label-fill:var(--iui-color-icon-positive)}._iui3-progress-indicator-linear[data-iui-status=positive]::selection,._iui3-progress-indicator-linear[data-iui-status=positive] ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3-progress-indicator-linear[data-iui-status=negative]{--_iui-progress-indicator-track-fill:var(--iui-color-border-negative);--_iui-progress-indicator-linear-label-color:var(--iui-color-text-negative);--_iui-progress-indicator-linear-label-fill:var(--iui-color-icon-negative)}._iui3-progress-indicator-linear[data-iui-status=negative]::selection,._iui3-progress-indicator-linear[data-iui-status=negative] ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3-progress-indicator-linear:where([data-iui-animated=true]:not([data-iui-indeterminate=true])):before{transition:background-size 1s ease-in-out}._iui3-progress-indicator-linear:where([data-iui-indeterminate=true]):before{animation:1.5s linear infinite _iui3-
|
|
709
|
+
._iui3-progress-indicator-linear[data-iui-status=positive]{--_iui-progress-indicator-track-fill:var(--iui-color-border-positive);--_iui-progress-indicator-linear-label-color:var(--iui-color-text-positive);--_iui-progress-indicator-linear-label-fill:var(--iui-color-icon-positive)}._iui3-progress-indicator-linear[data-iui-status=positive]::selection,._iui3-progress-indicator-linear[data-iui-status=positive] ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3-progress-indicator-linear[data-iui-status=negative]{--_iui-progress-indicator-track-fill:var(--iui-color-border-negative);--_iui-progress-indicator-linear-label-color:var(--iui-color-text-negative);--_iui-progress-indicator-linear-label-fill:var(--iui-color-icon-negative)}._iui3-progress-indicator-linear[data-iui-status=negative]::selection,._iui3-progress-indicator-linear[data-iui-status=negative] ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3-progress-indicator-linear[data-iui-status=warning]{--_iui-progress-indicator-track-fill:var(--iui-color-border-warning);--_iui-progress-indicator-linear-label-color:var(--iui-color-text-warning);--_iui-progress-indicator-linear-label-fill:var(--iui-color-icon-warning)}._iui3-progress-indicator-linear[data-iui-status=warning]::selection,._iui3-progress-indicator-linear[data-iui-status=warning] ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3-progress-indicator-linear:where([data-iui-animated=true]:not([data-iui-indeterminate=true])):before{transition:background-size 1s ease-in-out}._iui3-progress-indicator-linear:where([data-iui-indeterminate=true]):before{animation:1.5s linear infinite _iui3-usa5cdr}@keyframes _iui3-usa5cdr{0%{background-position:-60% 0;background-size:30% 100%}40%{background-position:-40% 0;background-size:40% 100%}to{background-position:200% 0;background-size:50% 100%}}._iui3-radio-wrapper{vertical-align:baseline;font-size:var(--iui-font-size-1);-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--iui-color-text);align-items:center;gap:var(--iui-size-xs);border:none;inline-size:-moz-fit-content;inline-size:fit-content;margin:0;padding:0;display:flex;position:relative}._iui3-radio-wrapper._iui3-loading{cursor:progress;color:var(--iui-color-text-disabled);font-style:italic}._iui3-radio-wrapper>._iui3-checkbox-label,._iui3-radio-wrapper>._iui3-radio-label{line-height:var(--iui-size-l)}._iui3-radio-wrapper>._iui3-checkbox-label svg,._iui3-radio-wrapper>._iui3-radio-label svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);vertical-align:middle;fill:var(--iui-color-icon);flex-shrink:0;display:flex}._iui3-radio-wrapper._iui3-disabled{cursor:not-allowed;color:var(--iui-color-text-disabled)}._iui3-radio-wrapper._iui3-disabled svg{fill:var(--iui-color-icon-disabled)}._iui3-radio-wrapper._iui3-positive{color:var(--iui-color-text-positive)}._iui3-radio-wrapper._iui3-warning{color:var(--iui-color-text-warning)}._iui3-radio-wrapper._iui3-negative{color:var(--iui-color-text-negative)}._iui3-radio{--_iui-checkbox-checkmark-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m6.5 12.5-4.5-4.5 1.5-1.5 3 3 6-6 1.5 1.5z\" /></svg>");--_iui-checkbox-indeterminate-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m2.75 6.875h10.5v2.25h-10.5z\" /></svg>");--_iui-checkbox-unchecked-svg:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 16 16\"></svg>");--_iui-checkbox-svg-color:var(--iui-color-icon-accent);--_iui-checkbox-border-color:var(--iui-color-border-foreground);--_iui-checkbox-background-color:var(--iui-color-background);--_iui-checkbox-mask-image:initial;inline-size:var(--iui-size-m);block-size:var(--iui-size-m);appearance:none;border-radius:var(--iui-border-radius-1);background-color:var(--_iui-checkbox-background-color);cursor:pointer;transition:outline-color var(--iui-duration-1)ease-out;outline:solid 1px var(--_iui-checkbox-border-color);outline-offset:-1px;border-radius:50%;flex-shrink:0;margin:0;display:flex;position:relative}._iui3-radio:before{content:"";inset:calc((var(--iui-checkbox-target-size,24px) - 16px)/-2);position:absolute}._iui3-radio:after{content:"";background-color:var(--_iui-checkbox-svg-color);-webkit-mask:var(--_iui-checkbox-mask-image)no-repeat center;mask:var(--_iui-checkbox-mask-image)no-repeat center;position:absolute;inset:0}._iui3-radio:not(:checked){--_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg)}._iui3-radio:indeterminate{--_iui-checkbox-mask-image:var(--_iui-checkbox-indeterminate-svg)}._iui3-radio:hover{--_iui-checkbox-border-color:var(--iui-color-border-foreground-hover)}._iui3-radio:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){._iui3-radio:focus{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-radio:disabled{--_iui-checkbox-svg-color:var(--iui-color-icon-disabled);--_iui-checkbox-border-color:var(--iui-color-border-disabled);--_iui-checkbox-background-color:var(--iui-color-background-disabled);cursor:not-allowed}._iui3-radio._iui3-checkbox-visibility{--_iui-checkbox-checkmark-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m8 2.99051a8.81883 8.81883 0 0 0 -8 4.95062 8.74664 8.74664 0 0 0 8 5.06836 8.63266 8.63266 0 0 0 8-5.06836 8.83631 8.83631 0 0 0 -8-4.95062zm-1.31445 1.86981a1.47663 1.47663 0 1 1 -1.47663 1.47668 1.47665 1.47665 0 0 1 1.47663-1.47668zm1.31445 6.64917a7.17486 7.17486 0 0 1 -6.30475-3.55237 7.4952 7.4952 0 0 1 2.81475-2.6336 3.83956 3.83956 0 1 0 6.98126.00244 7.522 7.522 0 0 1 2.81774 2.63916 7.09785 7.09785 0 0 1 -6.309 3.54437z\" /></svg>");--_iui-checkbox-indeterminate-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m8 3v7.9a4.01179 4.01179 0 0 0 4-4 6.7509 6.7509 0 0 0 -.2-1.4l.1.1a6.89429 6.89429 0 0 1 2.4 2.4 8.39088 8.39088 0 0 1 -2.3 2.3 6.89412 6.89412 0 0 1 -3.9 1.2c-.03345 0-.06653-.00677-.1-.0072v1.5072a8.90686 8.90686 0 0 0 8-5 8.90686 8.90686 0 0 0 -8-5z\" opacity=\".33\" /><path d=\"m8 0a1 1 0 0 0 -1 1v2.07135a8.91637 8.91637 0 0 0 -7 4.92865 8.91637 8.91637 0 0 0 7 4.92865v2.07135a1 1 0 0 0 2 0v-14a1 1 0 0 0 -1-1zm-1.5 4.9a1.55426 1.55426 0 0 1 .5.087v2.81451a1.40746 1.40746 0 0 1 -.5.09849 1.538 1.538 0 0 1 -1.5-1.5 1.53794 1.53794 0 0 1 1.5-1.5zm-2.3 5.4a6.97279 6.97279 0 0 1 -2.5-2.3 6.89429 6.89429 0 0 1 2.4-2.4c.1 0 .1-.1.2-.1a3.194 3.194 0 0 0 -.3 1.4 4.0047 4.0047 0 0 0 3 3.857v.65289a6.37491 6.37491 0 0 1 -2.8-1.10989z\" /></svg>");--_iui-checkbox-unchecked-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m1.70671 12.879 11.17218-11.17219 1.4142 1.4142-11.17218 11.17218zm.99329-1.679 1.1-1.1a5.06317 5.06317 0 0 1 -2-2.1 7.48268 7.48268 0 0 1 6.2-3.5 4.86877 4.86877 0 0 1 1.2.1l1.3-1.3a10.07431 10.07431 0 0 0 -2.5-.3 8.84129 8.84129 0 0 0 -8 5 8.42455 8.42455 0 0 0 2.7 3.2zm10.7-6.4-1.1 1.1a7.08625 7.08625 0 0 1 2 2.1 7.50323 7.50323 0 0 1 -6.2 3.5 8.31665 8.31665 0 0 1 -1.3-.2l-1.3 1.3a8.909 8.909 0 0 0 6.4-.5 9.04344 9.04344 0 0 0 4.1-4.1 9.168 9.168 0 0 0 -2.6-3.2z\" /></svg>");--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:transparent;outline-width:1px}._iui3-radio._iui3-checkbox-visibility:where(:not(:checked):not(:indeterminate)){--_iui-checkbox-svg-color:var(--iui-color-icon)}._iui3-radio._iui3-checkbox-visibility:where(:hover){--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:var(--iui-color-background-transparent-hover)}._iui3-radio._iui3-checkbox-visibility:where(:disabled){--_iui-checkbox-svg-color:var(--iui-color-icon-disabled);--_iui-checkbox-background-color:var(--iui-color-background-disabled)}._iui3-radio._iui3-loading{--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:transparent;opacity:0;cursor:wait;position:absolute}._iui3-radio:checked{--_iui-checkbox-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" ><circle cx=\"8\" cy=\"8\" r=\"4\" /></svg>")}._iui3-radio:not(:checked),._iui3-radio:indeterminate{--_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg)}._iui3-radio-tile{-webkit-tap-highlight-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6));inline-size:calc(var(--iui-size-xl)*5);padding:var(--iui-size-xs);z-index:1;outline:1px solid var(--iui-color-border);background-color:var(--iui-color-background);transition:outline-color var(--iui-duration-1)ease-out;align-content:center;justify-items:center;display:grid;position:relative}._iui3-radio-tile:where(:hover){z-index:2;outline-color:var(--iui-color-border-hover)}._iui3-radio-tile:where(:hover) ._iui3-radio-tile-icon svg{fill:var(--iui-color-icon-hover)}._iui3-radio-tile:where(:has(input:disabled),[data-iui-disabled=true]){outline-color:var(--iui-color-border-disabled);background-color:var(--iui-color-background-disabled)}._iui3-radio-tile-container{-webkit-user-select:none;user-select:none;isolation:isolate;flex-wrap:wrap;gap:1px;display:inline-flex;position:relative}._iui3-radio-tile-input{z-index:1;appearance:none;cursor:pointer;margin:0;position:absolute;inset:0}._iui3-radio-tile-input:checked{z-index:3;outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}
|
|
710
710
|
}
|
|
711
711
|
|
|
712
712
|
@layer itwinui.v3{@media (forced-colors:active){._iui3-radio-tile-input:checked{outline-color:Highlight}}
|
|
@@ -762,7 +762,7 @@
|
|
|
762
762
|
}
|
|
763
763
|
|
|
764
764
|
@layer itwinui.v3{
|
|
765
|
-
._iui3-radio-tile-label{font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-semibold);text-align:center;word-break:break-word;color:var(--iui-color-text)}._iui3-radio-tile-sublabel{font-size:var(--iui-font-size-0);text-align:center;word-break:break-word;color:var(--iui-color-text-muted)}._iui3-searchbox{--_iui-flex-input-icon-padding:10px}._iui3-searchbox[data-iui-size=small]{--_iui-flex-input-icon-padding:5px}._iui3-searchbox[data-iui-size=large]{--_iui-flex-input-icon-padding:16px}._iui3-expandable-searchbox{inline-size:var(--_iui-input-min-height);transition:width var(--iui-duration-1)ease-in-out}._iui3-expandable-searchbox:has(._iui3-searchbox-open-button:focus-visible){outline:2px solid var(--_iui-input-accent-border-color);outline-offset:-2px}@supports not selector(:has(+ *)){._iui3-expandable-searchbox:where(._iui3-searchbox-open-button:focus-visible){outline:2px solid var(--_iui-input-accent-border-color);outline-offset:-2px}}._iui3-expandable-searchbox:where([data-iui-expanded=true]){border-color:var(--_iui-input-border-color);inline-size:100%}._iui3-search-icon{padding-inline:var(--iui-size-s)}._iui3-search-icon:first-child{padding-inline:var(--_iui-flex-input-icon-padding,10px)}._iui3-search-icon+._iui3-search-input{padding-inline-start:0}._iui3-select-button{--_iui-input-background-color:var(--iui-color-background);--_iui-input-border-color:var(--iui-color-border-foreground);--_iui-input-text-color:var(--iui-color-text);border-radius:var(--iui-border-radius-1);min-block-size:var(--_iui-select-min-height);padding-block:var(--_iui-select-padding-block);padding-inline:var(--iui-size-s);gap:var(--iui-size-xs);transition:border-color var(--iui-duration-1)ease-out;-webkit-user-select:none;user-select:none;color:var(--_iui-input-text-color);background-color:var(--_iui-input-background-color);border:1px solid var(--_iui-input-border-color);line-height:var(--iui-size-l);--_iui-select-padding-block:var(--iui-size-2xs);--_iui-select-min-height:var(--iui-component-height);align-items:center;inline-size:100%;display:flex;position:relative;overflow:hidden}._iui3-select-button:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}@supports not selector(*:focus-visible){._iui3-select-button:focus{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}}._iui3-select-button._iui3-disabled{--_iui-input-background-color:var(--iui-color-background-disabled);--_iui-input-border-color:var(--iui-color-border-disabled);--_iui-input-with-icon-hover-border-color:var(--iui-color-border-disabled);cursor:not-allowed}._iui3-select-button ._iui3-icon svg{flex:none}._iui3-select-button ._iui3-icon svg,._iui3-select-button ._iui3-icon svg svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);fill:var(--_iui-list-item-icon-fill,var(--iui-color-icon));flex-shrink:0;display:flex}._iui3-select-button ._iui3-content{white-space:nowrap;text-overflow:ellipsis;min-block-size:var(--iui-size-l);overflow:hidden}._iui3-select-button._iui3-placeholder{color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light)}._iui3-select-button[data-iui-size=small]{--_iui-select-padding-block:0;--_iui-select-min-height:var(--iui-component-height-small)}._iui3-select-button[data-iui-size=large]{--_iui-select-padding-block:var(--iui-size-xs);--_iui-select-min-height:var(--iui-component-height-large);font-size:var(--iui-font-size-2)}._iui3-select-tag-container{inset-block:0;inset-inline:var(--iui-size-s)calc(var(--iui-size-m) + var(--iui-size-l));align-items:center;gap:var(--iui-size-2xs);block-size:100%;display:flex;position:absolute;overflow:hidden}._iui3-select-tag-container>*+*{margin-inline-start:var(--iui-size-2xs)}@supports (gap:var(--iui-size-2xs)){._iui3-select-tag-container>*+*{margin-inline-start:0}}._iui3-select-tag{
|
|
765
|
+
._iui3-radio-tile-label{font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-semibold);text-align:center;word-break:break-word;color:var(--iui-color-text)}._iui3-radio-tile-sublabel{font-size:var(--iui-font-size-0);text-align:center;word-break:break-word;color:var(--iui-color-text-muted)}._iui3-searchbox{--_iui-flex-input-icon-padding:10px}._iui3-searchbox[data-iui-size=small]{--_iui-flex-input-icon-padding:5px}._iui3-searchbox[data-iui-size=large]{--_iui-flex-input-icon-padding:16px}._iui3-expandable-searchbox{inline-size:var(--_iui-input-min-height);transition:width var(--iui-duration-1)ease-in-out}._iui3-expandable-searchbox:has(._iui3-searchbox-open-button:focus-visible){outline:2px solid var(--_iui-input-accent-border-color);outline-offset:-2px}@supports not selector(:has(+ *)){._iui3-expandable-searchbox:where(._iui3-searchbox-open-button:focus-visible){outline:2px solid var(--_iui-input-accent-border-color);outline-offset:-2px}}._iui3-expandable-searchbox:where([data-iui-expanded=true]){border-color:var(--_iui-input-border-color);inline-size:100%}._iui3-search-icon{padding-inline:var(--iui-size-s)}._iui3-search-icon:first-child{padding-inline:var(--_iui-flex-input-icon-padding,10px)}._iui3-search-icon+._iui3-search-input{padding-inline-start:0}._iui3-select-button{--_iui-input-background-color:var(--iui-color-background);--_iui-input-border-color:var(--iui-color-border-foreground);--_iui-input-text-color:var(--iui-color-text);border-radius:var(--iui-border-radius-1);min-block-size:var(--_iui-select-min-height);padding-block:var(--_iui-select-padding-block);padding-inline:var(--iui-size-s);gap:var(--iui-size-xs);transition:border-color var(--iui-duration-1)ease-out;-webkit-user-select:none;user-select:none;color:var(--_iui-input-text-color);background-color:var(--_iui-input-background-color);border:1px solid var(--_iui-input-border-color);line-height:var(--iui-size-l);--_iui-select-padding-block:var(--iui-size-2xs);--_iui-select-min-height:var(--iui-component-height);align-items:center;inline-size:100%;display:flex;position:relative;overflow:hidden}._iui3-select-button:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}@supports not selector(*:focus-visible){._iui3-select-button:focus{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}}._iui3-select-button._iui3-disabled{--_iui-input-background-color:var(--iui-color-background-disabled);--_iui-input-border-color:var(--iui-color-border-disabled);--_iui-input-with-icon-hover-border-color:var(--iui-color-border-disabled);cursor:not-allowed}._iui3-select-button ._iui3-icon svg{flex:none}._iui3-select-button ._iui3-icon svg,._iui3-select-button ._iui3-icon svg svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);fill:var(--_iui-list-item-icon-fill,var(--iui-color-icon));flex-shrink:0;display:flex}._iui3-select-button ._iui3-content{white-space:nowrap;text-overflow:ellipsis;min-block-size:var(--iui-size-l);overflow:hidden}._iui3-select-button._iui3-placeholder{color:var(--iui-color-text-placeholder);font-weight:var(--iui-font-weight-light)}._iui3-select-button[data-iui-size=small]{--_iui-select-padding-block:0;--_iui-select-min-height:var(--iui-component-height-small)}._iui3-select-button[data-iui-size=large]{--_iui-select-padding-block:var(--iui-size-xs);--_iui-select-min-height:var(--iui-component-height-large);font-size:var(--iui-font-size-2)}._iui3-select-tag-container{inset-block:0;inset-inline:var(--iui-size-s)calc(var(--iui-size-m) + var(--iui-size-l));align-items:center;gap:var(--iui-size-2xs);block-size:100%;display:flex;position:absolute;overflow:hidden}._iui3-select-tag-container>*+*{margin-inline-start:var(--iui-size-2xs)}@supports (gap:var(--iui-size-2xs)){._iui3-select-tag-container>*+*{margin-inline-start:0}}._iui3-select-tag{block-size:calc(var(--iui-size-s)*3);margin-block:var(--iui-size-2xs);border-radius:var(--iui-border-radius-round);padding-inline:var(--iui-size-3xs);transition:border-color var(--iui-duration-1)ease-out;border:1px solid var(--iui-color-border-foreground);background-color:var(--iui-color-background);color:var(--iui-color-text);max-block-size:calc(var(--iui-size-s)*3);align-items:center;block-size:80%;max-inline-size:100%;margin-block:0;display:inline-flex}._iui3-select-tag:hover{border-color:var(--iui-color-border-foreground-hover)}._iui3-select-tag-label{vertical-align:baseline;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);line-height:var(--iui-size-l);white-space:nowrap;text-overflow:ellipsis;margin:0;margin-inline:var(--iui-size-xs)var(--iui-size-2xs);border:none;padding:0;overflow:hidden}._iui3-select-tag-label:only-child{margin-inline:var(--iui-size-xs)}._iui3-select-button[data-iui-size=small] ._iui3-select-tag-label{font-size:var(--iui-font-size-0)}._iui3-select-tag-button{vertical-align:baseline;vertical-align:middle;border-radius:var(--iui-border-radius-1);font-family:inherit;line-height:1.2;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;border:none;border:1px solid var(--_iui-button-border-color);background:var(--_iui-button-background-color);color:var(--_iui-button-text-color);justify-content:center;align-items:center;gap:var(--_iui-button-gap);min-block-size:var(--_iui-button-min-height);min-inline-size:var(--_iui-button-min-height);padding:0;padding-block:var(--_iui-button-padding-block);padding-inline:var(--_iui-button-padding-inline);transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out;-webkit-tap-highlight-color:transparent;--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);--_iui-button-min-height:var(--iui-component-height);--_iui-button-text-color:var(--iui-color-text);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon);--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);--_iui-button-min-height:var(--iui-component-height);--_iui-button-padding-inline:var(--iui-size-xs);border-radius:var(--iui-border-radius-round);padding-inline:var(--iui-size-2xs);min-block-size:unset;min-inline-size:unset;aspect-ratio:1;flex-shrink:0;block-size:100%;margin:0;text-decoration:none;display:inline-flex;position:relative}._iui3-select-tag-button:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){._iui3-select-tag-button:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-select-tag-button:where(:hover,:active){--_iui-button-text-color:var(--iui-color-text-hover);--_iui-button-background-color:var(--iui-color-background-transparent-hover);--_iui-button-icon-fill:var(--iui-color-icon-hover)}._iui3-select-tag-button:where(:focus){outline-offset:-1px;outline-width:1px}._iui3-select-tag-button:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon-disabled)}._iui3-select-button[data-iui-size=small] ._iui3-select-tag-button{font-size:var(--iui-font-size-0)}._iui3-select-tag-button-icon{flex-shrink:0;display:inline-flex}._iui3-select-tag-button-icon svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);transition:fill var(--iui-duration-1)ease-out;fill:var(--_iui-button-icon-fill,currentColor);flex-shrink:0;display:flex}._iui3-select-button[data-iui-size=small] ._iui3-select-tag-button-icon svg{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);flex-shrink:0;display:flex}._iui3-side-navigation{background-color:var(--iui-color-background);border-inline-end:2px solid var(--iui-color-border);flex-direction:column;flex:none;block-size:100%;display:inline-flex}
|
|
766
766
|
}
|
|
767
767
|
|
|
768
768
|
@layer itwinui.v3{@media (prefers-reduced-motion:no-preference){._iui3-side-navigation{transition:max-width var(--iui-duration-1)ease-out}}
|
|
@@ -898,7 +898,7 @@
|
|
|
898
898
|
}
|
|
899
899
|
|
|
900
900
|
@layer itwinui.v3{
|
|
901
|
-
._iui3-tabs._iui3-not-animated._iui3-green ._iui3-tab:after{background-color:var(--iui-color-border-positive)}._iui3-tab-label{text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;grid-area:label;max-inline-size:60ch;display:-webkit-box;overflow:hidden}._iui3-tag{
|
|
901
|
+
._iui3-tabs._iui3-not-animated._iui3-green ._iui3-tab:after{background-color:var(--iui-color-border-positive)}._iui3-tab-label{text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;grid-area:label;max-inline-size:60ch;display:-webkit-box;overflow:hidden}._iui3-tag{block-size:calc(var(--iui-size-s)*3);margin-block:var(--iui-size-2xs);border-radius:var(--iui-border-radius-round);padding-inline:var(--iui-size-3xs);transition:border-color var(--iui-duration-1)ease-out;border:1px solid var(--iui-color-border-foreground);background-color:var(--iui-color-background);color:var(--iui-color-text);align-items:center;display:inline-flex}._iui3-tag:hover{border-color:var(--iui-color-border-foreground-hover)}._iui3-tag-basic:not(a){color:var(--iui-color-text-muted)}._iui3-tag-label{vertical-align:baseline;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);line-height:var(--iui-size-l);white-space:nowrap;text-overflow:ellipsis;margin:0;margin-inline:var(--iui-size-xs)var(--iui-size-2xs);border:none;padding:0;overflow:hidden}._iui3-tag-label:only-child{margin-inline:var(--iui-size-xs)}._iui3-tag-button{border-radius:var(--iui-border-radius-round)}a._iui3-tag-basic{color:var(--iui-color-text-accent);-webkit-tap-highlight-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6));border-radius:var(--iui-border-radius-1);cursor:pointer;text-decoration:none}a._iui3-tag-basic:where(button){font:inherit;background:0 0;border:none;padding:0}@supports not selector(*:focus-visible){a._iui3-tag-basic:focus{outline:1px solid var(--iui-color-text-accent);outline-offset:1px}}a._iui3-tag-basic:hover{color:var(--iui-color-text-accent-hover);text-decoration:underline}
|
|
902
902
|
}
|
|
903
903
|
|
|
904
904
|
@layer itwinui.v3{@media (prefers-contrast:more){a._iui3-tag-basic{text-decoration:underline}a._iui3-tag-basic:hover{text-decoration:none}}
|
|
@@ -1042,7 +1042,7 @@
|
|
|
1042
1042
|
}
|
|
1043
1043
|
|
|
1044
1044
|
@layer itwinui.v3{
|
|
1045
|
-
._iui3-tree-node-content-expander-icon-expanded{transform:rotate(90deg)}._iui3-tree-node-content-label{flex:1;min-inline-size:0}._iui3-tree-node-content-label:first-child{margin-inline-start:calc(var(--iui-component-height-small) + 2px)}._iui3-tree-node-content-title,._iui3-tree-node-content-caption{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3-tree-node-content-title{font-size:var(--iui-font-size-1)}._iui3-tree-node-content-caption{font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted)}._iui3-tree-node:hover{background-color:var(--iui-color-background-hover);color:var(--iui-color-text-hover)}._iui3-tree-node:hover ._iui3-tree-node-content-caption{color:var(--iui-color-text-hover);transition:color var(--iui-duration-1)ease}._iui3-tree-node._iui3-active{background-color:var(--iui-color-background-accent-muted);outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-tree-node._iui3-disabled{cursor:not-allowed;background-color:#0000;outline:none}._iui3-tree-node._iui3-disabled,._iui3-tree-node._iui3-disabled ._iui3-tree-node-content-caption{color:var(--iui-color-text-disabled)}:where(._iui3-button-base){font:inherit;background:0 0;border:none;padding:0}._iui3-svg-icon{flex-shrink:0;display:inline-flex}._iui3-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)))}._iui3-svg-icon[data-iui-icon-size=s]{--_iui-svg-size:.75rem;--_iui-svg-padding-inline:.75rem}._iui3-svg-icon[data-iui-icon-size=m]{--_iui-svg-size:1rem;--_iui-svg-padding-inline:1rem}._iui3-svg-icon[data-iui-icon-size=l]{--_iui-svg-size:1.5rem;--_iui-svg-padding-inline:1.5rem}._iui3-svg-icon[data-iui-icon-size=auto]{--_iui-svg-size:1.14286em;--_iui-svg-padding-inline:1.14286em}._iui3-svg-icon[data-iui-icon-color=informational]{--_iui-svg-fill:var(--iui-color-icon-informational)}._iui3-svg-icon[data-iui-icon-color=positive]{--_iui-svg-fill:var(--iui-color-icon-positive)}._iui3-svg-icon[data-iui-icon-color=warning]{--_iui-svg-fill:var(--iui-color-icon-warning)}._iui3-svg-icon[data-iui-icon-color=negative]{--_iui-svg-fill:var(--iui-color-icon-negative)}
|
|
1045
|
+
._iui3-tree-node-content-expander-icon-expanded{transform:rotate(90deg)}._iui3-tree-node-content-label{flex:1;min-inline-size:0}._iui3-tree-node-content-label:first-child{margin-inline-start:calc(var(--iui-component-height-small) + 2px)}._iui3-tree-node-content-title,._iui3-tree-node-content-caption{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._iui3-tree-node-content-title{font-size:var(--iui-font-size-1)}._iui3-tree-node-content-caption{font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted)}._iui3-tree-node:hover{background-color:var(--iui-color-background-hover);color:var(--iui-color-text-hover)}._iui3-tree-node:hover ._iui3-tree-node-content-caption{color:var(--iui-color-text-hover);transition:color var(--iui-duration-1)ease}._iui3-tree-node._iui3-active{background-color:var(--iui-color-background-accent-muted);outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-tree-node._iui3-disabled{cursor:not-allowed;background-color:#0000;outline:none}._iui3-tree-node._iui3-disabled,._iui3-tree-node._iui3-disabled ._iui3-tree-node-content-caption{color:var(--iui-color-text-disabled)}:where(._iui3-button-base){font:inherit;cursor:pointer;background:0 0;border:none;padding:0}._iui3-svg-icon{flex-shrink:0;display:inline-flex}._iui3-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)))}._iui3-svg-icon[data-iui-icon-size=s]{--_iui-svg-size:.75rem;--_iui-svg-padding-inline:.75rem}._iui3-svg-icon[data-iui-icon-size=m]{--_iui-svg-size:1rem;--_iui-svg-padding-inline:1rem}._iui3-svg-icon[data-iui-icon-size=l]{--_iui-svg-size:1.5rem;--_iui-svg-padding-inline:1.5rem}._iui3-svg-icon[data-iui-icon-size=auto]{--_iui-svg-size:1.14286em;--_iui-svg-padding-inline:1.14286em}._iui3-svg-icon[data-iui-icon-color=informational]{--_iui-svg-fill:var(--iui-color-icon-informational)}._iui3-svg-icon[data-iui-icon-color=positive]{--_iui-svg-fill:var(--iui-color-icon-positive)}._iui3-svg-icon[data-iui-icon-color=warning]{--_iui-svg-fill:var(--iui-color-icon-warning)}._iui3-svg-icon[data-iui-icon-color=negative]{--_iui-svg-fill:var(--iui-color-icon-negative)}
|
|
1046
1046
|
}
|
|
1047
1047
|
|
|
1048
1048
|
@layer itwinui.v3{@media (forced-colors:active){._iui3-svg-icon:where(:not([data-iui-icon-color]),[data-iui-icon-color=default]){--_iui-svg-fill:CanvasText}}
|