@itwin/itwinui-react 3.0.0-dev.1 → 3.0.0-dev.3

package/styles.css

@@ -353,7 +353,7 @@
 :where(._iui3-root,._iui3-root *)::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-3))}
 :where(._iui3-root,._iui3-root *)::-webkit-scrollbar-track,:where(._iui3-root,._iui3-root *)::-webkit-scrollbar-corner{background-color:#0000}
 :where(._iui3-root,._iui3-root *),:where(._iui3-root,._iui3-root *):before,:where(._iui3-root,._iui3-root *):after{box-sizing:border-box}
-._iui3-alert{vertical-align:baseline;--_iui-alert-border-color:var(--iui-color-border);border-radius:var(--iui-border-radius-1);color:var(--iui-color-text);background-color:var(--iui-color-background);border:none;border:1px solid var(--_iui-alert-border-color);box-shadow:inset var(--iui-size-2xs)0 0 var(--_iui-alert-border-color);align-items:center;margin:0;padding:0;display:flex}
+._iui3-alert{vertical-align:baseline;--_iui-alert-border-color:var(--iui-color-border);border-radius:var(--iui-border-radius-1);color:var(--iui-color-text);background-color:var(--iui-color-background);border:none;border:1px solid var(--_iui-alert-border-color);box-shadow:inset var(--iui-size-2xs)0 0 var(--_iui-alert-border-color);padding:0;align-items:center;margin:0;padding-inline-start:var(--iui-size-m);padding-inline-end:var(--iui-size-xs);display:flex}
 ._iui3-alert:where([data-iui-status=informational]){--_iui-alert-border-color:var(--iui-color-border-informational);--_iui-alert-icon-color:var(--iui-color-icon-informational)}
 ._iui3-alert:where([data-iui-status=informational])::selection,._iui3-alert:where([data-iui-status=informational]) ::selection{background-color:hsl(var(--iui-color-informational-hsl)/var(--iui-opacity-5))}
 ._iui3-alert:where([data-iui-status=informational]) ._iui3-alert-link{color:var(--iui-color-text-informational);-webkit-tap-highlight-color:hsl(var(--iui-color-informational-hsl)/var(--iui-opacity-6))}
@@ -361,7 +361,7 @@
 @supports not selector(*:focus-visible){._iui3-alert:where([data-iui-status=informational]) ._iui3-alert-link:focus{outline:1px solid var(--iui-color-text-informational);outline-offset:1px}}
 ._iui3-alert:where([data-iui-status=informational]) ._iui3-alert-link::selection,._iui3-alert:where([data-iui-status=informational]) ._iui3-alert-link ::selection{background-color:hsl(var(--iui-color-informational-hsl)/var(--iui-opacity-5))}
 ._iui3-alert:where([data-iui-status=informational]) ._iui3-alert-link:hover{color:var(--iui-color-text-informational-hover)}
-._iui3-alert:where([data-iui-status=informational]) ._iui3-alert-button:focus{outline-color:var(--iui-color-text-informational)}
+._iui3-alert:where([data-iui-status=informational]) ._iui3-button:focus{outline-color:var(--iui-color-text-informational)}
 ._iui3-alert:where([data-iui-status=positive]){--_iui-alert-border-color:var(--iui-color-border-positive);--_iui-alert-icon-color:var(--iui-color-icon-positive)}
 ._iui3-alert:where([data-iui-status=positive])::selection,._iui3-alert:where([data-iui-status=positive]) ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}
 ._iui3-alert:where([data-iui-status=positive]) ._iui3-alert-link{color:var(--iui-color-text-positive);-webkit-tap-highlight-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-6))}
@@ -369,7 +369,7 @@
 @supports not selector(*:focus-visible){._iui3-alert:where([data-iui-status=positive]) ._iui3-alert-link:focus{outline:1px solid var(--iui-color-text-positive);outline-offset:1px}}
 ._iui3-alert:where([data-iui-status=positive]) ._iui3-alert-link::selection,._iui3-alert:where([data-iui-status=positive]) ._iui3-alert-link ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}
 ._iui3-alert:where([data-iui-status=positive]) ._iui3-alert-link:hover{color:var(--iui-color-text-positive-hover)}
-._iui3-alert:where([data-iui-status=positive]) ._iui3-alert-button:focus{outline-color:var(--iui-color-text-positive)}
+._iui3-alert:where([data-iui-status=positive]) ._iui3-button:focus{outline-color:var(--iui-color-text-positive)}
 ._iui3-alert:where([data-iui-status=warning]){--_iui-alert-border-color:var(--iui-color-border-warning);--_iui-alert-icon-color:var(--iui-color-icon-warning)}
 ._iui3-alert:where([data-iui-status=warning])::selection,._iui3-alert:where([data-iui-status=warning]) ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}
 ._iui3-alert:where([data-iui-status=warning]) ._iui3-alert-link{color:var(--iui-color-text-warning);-webkit-tap-highlight-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-6))}
@@ -377,7 +377,7 @@
 @supports not selector(*:focus-visible){._iui3-alert:where([data-iui-status=warning]) ._iui3-alert-link:focus{outline:1px solid var(--iui-color-text-warning);outline-offset:1px}}
 ._iui3-alert:where([data-iui-status=warning]) ._iui3-alert-link::selection,._iui3-alert:where([data-iui-status=warning]) ._iui3-alert-link ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}
 ._iui3-alert:where([data-iui-status=warning]) ._iui3-alert-link:hover{color:var(--iui-color-text-warning-hover)}
-._iui3-alert:where([data-iui-status=warning]) ._iui3-alert-button:focus{outline-color:var(--iui-color-text-warning)}
+._iui3-alert:where([data-iui-status=warning]) ._iui3-button:focus{outline-color:var(--iui-color-text-warning)}
 ._iui3-alert:where([data-iui-status=negative]){--_iui-alert-border-color:var(--iui-color-border-negative);--_iui-alert-icon-color:var(--iui-color-icon-negative)}
 ._iui3-alert:where([data-iui-status=negative])::selection,._iui3-alert:where([data-iui-status=negative]) ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}
 ._iui3-alert:where([data-iui-status=negative]) ._iui3-alert-link{color:var(--iui-color-text-negative);-webkit-tap-highlight-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-6))}
@@ -385,21 +385,17 @@
 @supports not selector(*:focus-visible){._iui3-alert:where([data-iui-status=negative]) ._iui3-alert-link:focus{outline:1px solid var(--iui-color-text-negative);outline-offset:1px}}
 ._iui3-alert:where([data-iui-status=negative]) ._iui3-alert-link::selection,._iui3-alert:where([data-iui-status=negative]) ._iui3-alert-link ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}
 ._iui3-alert:where([data-iui-status=negative]) ._iui3-alert-link:hover{color:var(--iui-color-text-negative-hover)}
-._iui3-alert:where([data-iui-status=negative]) ._iui3-alert-button:focus{outline-color:var(--iui-color-text-negative)}
+._iui3-alert:where([data-iui-status=negative]) ._iui3-button:focus{outline-color:var(--iui-color-text-negative)}
 ._iui3-alert:where([data-iui-variant=sticky]){border-radius:0;position:sticky;top:0;left:0}
-._iui3-alert-icon{width:var(--iui-size-m);height:var(--iui-size-m);margin-left:var(--iui-size-m);fill:var(--_iui-alert-icon-color,var(--iui-color-icon-muted));flex-shrink:0;display:flex}
-@media (forced-colors:active){._iui3-alert-icon{fill:CanvasText}}
-._iui3-alert-message{margin:var(--iui-size-s)var(--iui-size-m);word-break:normal;overflow-wrap:anywhere}
-._iui3-alert-link{border-radius:var(--iui-border-radius-1);cursor:pointer;margin-left:var(--iui-size-xs);-webkit-user-select:none;user-select:none;white-space:nowrap;text-decoration:underline}
-._iui3-alert-link:hover{text-decoration:none}
-._iui3-alert-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-height:var(--_iui-button-min-height);min-width: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);--_iui-button-gap:var(--iui-size-2xs);--_iui-button-padding-block:0;--_iui-button-padding-inline:var(--iui-size-xs);--_iui-button-min-height:var(--iui-component-height-small);--_iui-button-padding-inline:var(--iui-size-2xs);margin:0 0 0 auto;margin-right:var(--iui-size-xs);flex-shrink:0;text-decoration:none;display:inline-flex;position:relative}
-._iui3-alert-button:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}
-@supports not selector(*:focus-visible){._iui3-alert-button:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}
-._iui3-alert-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-alert-button:where(:focus){outline-offset:-1px;outline-width:1px}
-._iui3-alert-button:where([disabled],:disabled,[aria-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-alert-button-icon{display:inline-flex}
-._iui3-alert-button-icon svg{width:var(--iui-size-m);height: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-alert-message{margin:var(--iui-size-s)var(--iui-size-m);word-break:normal;overflow-wrap:anywhere;flex:999}
+._iui3-alert-link{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;border-radius:var(--iui-border-radius-1);cursor:pointer;margin-left:var(--iui-size-xs);-webkit-user-select:none;user-select:none;white-space:nowrap;text-decoration:underline}
+._iui3-alert-link:where(button){font:inherit;background:0 0;border:none;padding:0}
+._iui3-alert-link:focus-visible{outline:1px solid var(--iui-color-text-accent);outline-offset:1px}
+@supports not selector(*:focus-visible){._iui3-alert-link:focus{outline:1px solid var(--iui-color-text-accent);outline-offset:1px}}
+._iui3-alert-link:hover{color:var(--iui-color-text-accent-hover);text-decoration:underline}
+@media (prefers-contrast:more){._iui3-alert-link{text-decoration:underline}._iui3-alert-link:hover{text-decoration:none}}
+:is([data-iui-contrast=high] ._iui3-alert-link){text-decoration:underline}
+:is([data-iui-contrast=high] ._iui3-alert-link):hover,._iui3-alert-link:hover{text-decoration:none}
 ._iui3-anchor{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}
 ._iui3-anchor:where(button){font:inherit;background:0 0;border:none;padding:0}
 ._iui3-anchor:focus-visible{outline:1px solid var(--iui-color-text-accent);outline-offset:1px}
@@ -601,6 +597,7 @@
 ._iui3-carousel-navigation-right{justify-content:flex-end}
 ._iui3-checkbox-wrapper{vertical-align:baseline;font-size:var(--iui-font-size-1);width:-moz-fit-content;width:fit-content;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--iui-color-text);align-items:center;gap:var(--iui-size-xs);border:none;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{width:var(--iui-size-m);height: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)}
@@ -935,7 +932,7 @@
 ._iui3-information-body-content._iui3-inline{row-gap:var(--iui-size-s);grid-template-columns:auto 1fr;align-items:center}
 ._iui3-information-body-content._iui3-inline ._iui3-input-label{margin:0 var(--iui-size-m)0 0;text-align:end;justify-self:end}
 ._iui3-information-body-content._iui3-inline ._iui3-input-label._iui3-required{margin-right:calc(var(--iui-size-2xs)*1.5 - 1px)}
-._iui3-input{--_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);vertical-align:baseline;width:100%;font-family:inherit;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);border-radius:var(--iui-border-radius-1);-webkit-appearance:none;appearance:none;min-height:var(--_iui-input-min-height);padding:0;padding-block:var(--_iui-input-padding-block);padding-inline:var(--iui-size-s);color:var(--_iui-input-text-color);background-color:var(--_iui-input-background-color);border:none;border:1px solid var(--_iui-input-border-color);transition:border-color var(--iui-duration-1)ease-out;--_iui-input-padding-block:var(--iui-size-2xs);--_iui-input-min-height:var(--iui-component-height);margin:0}
+._iui3-input{--_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);vertical-align:baseline;width:100%;font-family:inherit;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);line-height:var(--iui-size-l);border-radius:var(--iui-border-radius-1);-webkit-appearance:none;appearance:none;min-height:var(--_iui-input-min-height);padding:0;padding-block:var(--_iui-input-padding-block);padding-inline:var(--iui-size-s);color:var(--_iui-input-text-color);background-color:var(--_iui-input-background-color);border:none;border:1px solid var(--_iui-input-border-color);transition:border-color var(--iui-duration-1)ease-out;--_iui-input-padding-block:var(--iui-size-2xs);--_iui-input-min-height:var(--iui-component-height);margin:0}
 ._iui3-input:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}
 @supports not selector(*:focus-visible){._iui3-input:focus{outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}}
 ._iui3-input::placeholder{--_iui-input-text-color:var(--iui-color-text-disabled);-webkit-user-select:none;user-select:none;color:var(--_iui-input-text-color)}
@@ -1166,6 +1163,7 @@
 ._iui3-progress-indicator-overlay ._iui3-overlay-exiting{animation:_iui3-closeAnimation var(--iui-duration-1)linear}
 ._iui3-radio-wrapper{vertical-align:baseline;font-size:var(--iui-font-size-1);width:-moz-fit-content;width:fit-content;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--iui-color-text);align-items:center;gap:var(--iui-size-xs);border:none;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{width:var(--iui-size-m);height: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)}
@@ -1229,7 +1227,7 @@
 ._iui3-expandable-searchbox:where([data-iui-expanded=true]){width:100%;border-color:var(--_iui-input-border-color)}
 ._iui3-search-icon{margin:0 var(--iui-size-s)}
 ._iui3-search-icon:is(:first-child){margin:0 var(--_iui-flex-input-icon-margin,10px)}
-._iui3-select-button{width:100%;border-radius:var(--iui-border-radius-1);min-height: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-color-text);background-color:var(--iui-color-background);border:1px solid var(--iui-color-border-foreground);--_iui-select-padding-block:var(--iui-size-2xs);--_iui-select-min-height:var(--iui-component-height);align-items:center;display:flex;position:relative;overflow:hidden}
+._iui3-select-button{width:100%;border-radius:var(--iui-border-radius-1);min-height: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-color-text);background-color:var(--iui-color-background);border:1px solid var(--iui-color-border-foreground);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;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{background-color:var(--iui-color-background-disabled);border-color:var(--iui-color-border-disabled);--_iui-input-with-icon-hover-border-color:var(--iui-color-border-disabled);cursor:not-allowed}
@@ -1771,6 +1769,7 @@ a._iui3-tag-basic:focus-visible{outline:1px solid var(--iui-color-border-accent)
 ._iui3-toast>._iui3-status-area>._iui3-icon{width:var(--iui-size-m);height:var(--iui-size-m);fill:var(--iui-color-icon-muted);flex-shrink:0;display:flex}
 ._iui3-toast>._iui3-message{font-size:var(--iui-font-size-1);margin-top:calc(var(--iui-size-s)*.5);margin-bottom:calc(var(--iui-size-s)*.5);margin-right:var(--iui-size-l);margin-left:var(--iui-size-m);font-weight:var(--iui-font-weight-normal);color:var(--iui-color-text);word-break:normal;overflow-wrap:anywhere;flex-grow:1;font-style:normal}
 ._iui3-toast-anchor{border-radius:var(--iui-border-radius-1);cursor:pointer;font-size:var(--iui-font-size-0);margin-right:var(--iui-size-m);-webkit-user-select:none;user-select:none;white-space:nowrap;text-decoration:underline}
+._iui3-toast-anchor:where(button){background:0 0;border:none;padding:0;font-family:inherit}
 ._iui3-toast-anchor:hover{text-decoration:none}
 ._iui3-toast>._iui3-button{margin-right:var(--iui-size-xs)}
 @media screen and (max-width:400px){._iui3-toast{width:calc(100vw - 36px)}}

package/cjs/core/Toast/ToastWrapper.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import type { ToastProps } from './Toast.js';
-import type { ToasterSettings } from './Toaster.js';
-declare type ToastPlacement = NonNullable<ToasterSettings['placement']>;
-export declare type ToastWrapperHandle = {
-    setToasts: (toasts: ToastProps[]) => void;
-    setPlacement: (placement: ToastPlacement) => void;
-};
-export declare const ToastWrapper: React.ForwardRefExoticComponent<React.RefAttributes<ToastWrapperHandle>>;
-export {};

package/cjs/core/Toast/ToastWrapper.js

@@ -1,49 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToastWrapper = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Toast_js_1 = __importDefault(require("./Toast.js"));
-const index_js_1 = require("../utils/index.js");
-exports.ToastWrapper = React.forwardRef((_, ref) => {
-    const [toasts, setToasts] = React.useState([]);
-    const [placement, setPlacement] = React.useState('top');
-    const placementPosition = placement.startsWith('top') ? 'top' : 'bottom';
-    React.useImperativeHandle(ref, () => ({
-        setToasts,
-        setPlacement,
-    }), []);
-    return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)(`iui-toast-wrapper`, `iui-placement-${placement}`) }, toasts.map((toastProps) => {
-        return (React.createElement(Toast_js_1.default, { key: toastProps.id, placementPosition: placementPosition, ...toastProps }));
-    })));
-});

package/cjs/core/utils/hooks/useIsThemeAlreadySet.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-/**
- * Hook that returns a boolean ref which is true if either:
- * - There is a parent `ThemeProvider` in the tree, or
- * - The <body> element has data-iui-theme attribute
- */
-export declare const useIsThemeAlreadySet: (ownerDocument?: Document | undefined) => React.MutableRefObject<boolean>;

package/cjs/core/utils/hooks/useIsThemeAlreadySet.js

@@ -1,54 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIsThemeAlreadySet = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const ThemeContext_js_1 = require("../../ThemeProvider/ThemeContext.js");
-const useIsomorphicLayoutEffect_js_1 = require("./useIsomorphicLayoutEffect.js");
-const index_js_1 = require("../functions/index.js");
-/**
- * Hook that returns a boolean ref which is true if either:
- * - There is a parent `ThemeProvider` in the tree, or
- * - The <body> element has data-iui-theme attribute
- */
-const useIsThemeAlreadySet = (ownerDocument = (0, index_js_1.getDocument)()) => {
-    const parentContext = React.useContext(ThemeContext_js_1.ThemeContext);
-    const isThemeAlreadySet = React.useRef(!!parentContext || !!(ownerDocument === null || ownerDocument === void 0 ? void 0 : ownerDocument.body.dataset.iuiTheme));
-    (0, useIsomorphicLayoutEffect_js_1.useIsomorphicLayoutEffect)(() => {
-        if (parentContext ||
-            (ownerDocument && !!ownerDocument.body.dataset.iuiTheme)) {
-            isThemeAlreadySet.current = true;
-        }
-        return () => {
-            isThemeAlreadySet.current = false;
-        };
-    }, [parentContext, ownerDocument]);
-    return isThemeAlreadySet;
-};
-exports.useIsThemeAlreadySet = useIsThemeAlreadySet;

package/esm/core/Toast/ToastWrapper.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import type { ToastProps } from './Toast.js';
-import type { ToasterSettings } from './Toaster.js';
-declare type ToastPlacement = NonNullable<ToasterSettings['placement']>;
-export declare type ToastWrapperHandle = {
-    setToasts: (toasts: ToastProps[]) => void;
-    setPlacement: (placement: ToastPlacement) => void;
-};
-export declare const ToastWrapper: React.ForwardRefExoticComponent<React.RefAttributes<ToastWrapperHandle>>;
-export {};

package/esm/core/Toast/ToastWrapper.js

@@ -1,20 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import cx from 'classnames';
-import Toast from './Toast.js';
-import { Box } from '../utils/index.js';
-export const ToastWrapper = React.forwardRef((_, ref) => {
-    const [toasts, setToasts] = React.useState([]);
-    const [placement, setPlacement] = React.useState('top');
-    const placementPosition = placement.startsWith('top') ? 'top' : 'bottom';
-    React.useImperativeHandle(ref, () => ({
-        setToasts,
-        setPlacement,
-    }), []);
-    return (React.createElement(Box, { className: cx(`iui-toast-wrapper`, `iui-placement-${placement}`) }, toasts.map((toastProps) => {
-        return (React.createElement(Toast, { key: toastProps.id, placementPosition: placementPosition, ...toastProps }));
-    })));
-});

package/esm/core/utils/hooks/useIsThemeAlreadySet.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-/**
- * Hook that returns a boolean ref which is true if either:
- * - There is a parent `ThemeProvider` in the tree, or
- * - The <body> element has data-iui-theme attribute
- */
-export declare const useIsThemeAlreadySet: (ownerDocument?: Document | undefined) => React.MutableRefObject<boolean>;

package/esm/core/utils/hooks/useIsThemeAlreadySet.js

@@ -1,27 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import { ThemeContext } from '../../ThemeProvider/ThemeContext.js';
-import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.js';
-import { getDocument } from '../functions/index.js';
-/**
- * Hook that returns a boolean ref which is true if either:
- * - There is a parent `ThemeProvider` in the tree, or
- * - The <body> element has data-iui-theme attribute
- */
-export const useIsThemeAlreadySet = (ownerDocument = getDocument()) => {
-    const parentContext = React.useContext(ThemeContext);
-    const isThemeAlreadySet = React.useRef(!!parentContext || !!(ownerDocument === null || ownerDocument === void 0 ? void 0 : ownerDocument.body.dataset.iuiTheme));
-    useIsomorphicLayoutEffect(() => {
-        if (parentContext ||
-            (ownerDocument && !!ownerDocument.body.dataset.iuiTheme)) {
-            isThemeAlreadySet.current = true;
-        }
-        return () => {
-            isThemeAlreadySet.current = false;
-        };
-    }, [parentContext, ownerDocument]);
-    return isThemeAlreadySet;
-};