@well-insight/ui 0.1.8 → 0.1.10

package/dist/components/Menubar/styles.css

@@ -1,93 +1,103 @@
-/* —— Menu: Menubar —— */
-.wi-menubar {
-    align-items: stretch;
-    background: var(--wi-color-surface);
-    border: 1px solid var(--wi-color-border);
-    border-radius: var(--wi-radius-md);
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.125rem;
-    padding: var(--wi-space-1);
+/* —— Menu: Menubar —— */
+.wi-menubar {
+    --wi-menubar-menu-min-width: 10rem;
+    --wi-menubar-item-gap: 0.125rem;
+    align-items: stretch;
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-md);
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--wi-menubar-item-gap);
+    padding: var(--wi-space-1);
 }
 
-.wi-menubar__item {
-    position: relative;
+.wi-menubar__item {
+    position: relative;
 }
 
-.wi-menubar__trigger {
-    align-items: center;
-    background: transparent;
-    border: 0;
-    border-radius: var(--wi-radius-control);
-    color: var(--wi-color-text);
-    cursor: pointer;
-    display: inline-flex;
-    font: inherit;
-    font-size: var(--wi-control-font-medium);
-    gap: var(--wi-space-1);
-    min-height: var(--wi-control-height-medium);
-    padding: 0 var(--wi-control-padding-x-medium);
+.wi-menubar__trigger {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-control);
+    color: var(--wi-color-text);
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    font-size: var(--wi-control-font-medium);
+    gap: var(--wi-space-1);
+    min-height: var(--wi-control-height-medium);
+    padding: 0 var(--wi-control-padding-x-medium);
 }
 
-.wi-menubar__trigger:hover:not(:disabled),
-.wi-menubar__item--open > .wi-menubar__trigger {
-    background: color-mix(in srgb, var(--wi-color-primary) 10%, var(--wi-color-surface));
+.wi-menubar__trigger:hover:not(:disabled),
+.wi-menubar__item--open > .wi-menubar__trigger {
+    background: color-mix(
+        in srgb,
+        var(--wi-color-primary) 10%,
+        var(--wi-color-surface)
+    );
 }
 
-.wi-menubar__trigger:disabled {
-    cursor: not-allowed;
-    opacity: var(--wi-opacity-disabled);
+.wi-menubar__trigger:disabled {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
 }
 
-.wi-menubar__trigger:focus-visible {
-    box-shadow: var(--wi-focus-shadow);
-    outline: none;
+.wi-menubar__trigger:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
 }
 
-.wi-menubar__caret {
-    color: var(--wi-color-text-muted);
-    font-size: var(--wi-font-size-xs);
+.wi-menubar__caret {
+    color: var(--wi-color-text-muted);
+    font-size: var(--wi-font-size-xs);
 }
 
-.wi-menubar__submenu {
-    background: var(--wi-color-surface);
-    border: 1px solid var(--wi-color-border);
-    border-radius: var(--wi-radius-md);
-    box-shadow: var(--wi-shadow-md);
-    display: flex;
-    flex-direction: column;
-    gap: 0.125rem;
-    left: 0;
-    min-width: var(--wi-menu-min-width);
-    padding: var(--wi-space-1);
-    position: absolute;
-    top: calc(100% + 0.25rem);
-    z-index: var(--wi-z-popper);
+.wi-menubar__submenu {
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-md);
+    box-shadow: var(--wi-shadow-md);
+    display: flex;
+    flex-direction: column;
+    gap: var(--wi-menubar-item-gap);
+    left: 0;
+    min-width: var(--wi-menubar-menu-min-width);
+    padding: var(--wi-space-1);
+    position: absolute;
+    top: calc(100% + 0.25rem);
+    z-index: var(--wi-z-popper);
 }
 
-.wi-menubar__submenu--teleported {
-    position: fixed;
-    top: auto;
-    z-index: var(--wi-z-dropdown);
+.wi-menubar__submenu--teleported {
+    position: fixed;
+    top: auto;
+    z-index: var(--wi-z-dropdown);
 }
 
-.wi-menubar__subitem {
-    background: transparent;
-    border: 0;
-    border-radius: var(--wi-radius-sm);
-    color: var(--wi-color-text);
-    cursor: pointer;
-    font: inherit;
-    padding: var(--wi-space-2) var(--wi-space-3);
-    text-align: start;
-    width: 100%;
+.wi-menubar__subitem {
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-sm);
+    color: var(--wi-color-text);
+    cursor: pointer;
+    font: inherit;
+    padding: var(--wi-space-2) var(--wi-space-3);
+    text-align: start;
+    width: 100%;
 }
 
-.wi-menubar__subitem:hover:not(:disabled) {
-    background: color-mix(in srgb, var(--wi-color-primary) 10%, var(--wi-color-surface));
+.wi-menubar__subitem:hover:not(:disabled) {
+    background: color-mix(
+        in srgb,
+        var(--wi-color-primary) 10%,
+        var(--wi-color-surface)
+    );
 }
 
-.wi-menubar__subitem:disabled {
-    cursor: not-allowed;
-    opacity: var(--wi-opacity-disabled);
+.wi-menubar__subitem:disabled {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
 }

package/dist/components/Message/Message.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.vue"],"names":[],"mappings":";AA4HA,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,SAAS,CAAA;AA6LxD,QAAA,MAAM,YAAY;;;6EAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Message.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.vue"],"names":[],"mappings":";AA8GA,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,SAAS,CAAA;AA2MxD,QAAA,MAAM,YAAY;;;6EAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Message/index.d.ts

@@ -1,4 +1,4 @@
-export { default as WiMessage } from './Message.vue';
 export { message, useMessage } from './message';
+export { default as WiMessage } from './Message.vue';
 export type { MessageHandle, MessageHostConfig, MessageInput, MessageItem, MessageOptions, MessagePlacement, MessageProps, MessageSeverity, WiRenderable, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Message/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAC/C,YAAY,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,YAAY,GACb,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,YAAY,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,YAAY,GACb,MAAM,SAAS,CAAA"}

package/dist/components/Message/message.d.ts

@@ -1,5 +1,5 @@
-import { closeAllMessageItems, closeMessageItem } from './messageState';
 import { MessageHandle, MessageHostConfig, MessageInput } from './types';
+import { closeAllMessageItems, closeMessageItem } from './messageState';
 export declare const message: {
     open: (input: MessageInput) => MessageHandle;
     success: (input: MessageInput) => MessageHandle;
@@ -25,6 +25,6 @@ export declare function useMessage(): {
     config(options: MessageHostConfig): void;
 };
 export { messageState } from './messageState';
-/** @internal test helper */
+/** @internal */
 export declare function resetMessageService(): void;
 //# sourceMappingURL=message.d.ts.map

package/dist/components/Message/message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/message.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,oBAAoB,EACpB,gBAAgB,EAOjB,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EAAgD,MAAM,SAAS,CAAA;AA2C3H,eAAO,MAAM,OAAO;kBACJ,YAAY;qBACT,YAAY;kBACf,YAAY;kBACZ,YAAY;qBACT,YAAY;mBACd,YAAY;;;;oBAIX,iBAAiB;CAIlC,CAAA;AAED,wBAAgB,UAAU;kBAfV,YAAY;qBACT,YAAY;kBACf,YAAY;kBACZ,YAAY;qBACT,YAAY;mBACd,YAAY;;;;oBAIX,iBAAiB;EAQlC;AAED,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,4BAA4B;AAC5B,wBAAgB,mBAAmB,SAGlC"}
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/message.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EAAgD,MAAM,SAAS,CAAA;AAK3H,OAAO,EAEL,oBAAoB,EACpB,gBAAgB,EAOjB,MAAM,gBAAgB,CAAA;AA2CvB,eAAO,MAAM,OAAO;kBACJ,YAAY;qBACT,YAAY;kBACf,YAAY;kBACZ,YAAY;qBACT,YAAY;mBACd,YAAY;;;;oBAIX,iBAAiB;CAIlC,CAAA;AAED,wBAAgB,UAAU;kBAfV,YAAY;qBACT,YAAY;kBACf,YAAY;kBACZ,YAAY;qBACT,YAAY;mBACd,YAAY;;;;oBAIX,iBAAiB;EAQlC;AAED,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,gBAAgB;AAChB,wBAAgB,mBAAmB,SAGlC"}

package/dist/components/Message/messageState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messageState.d.ts","sourceRoot":"","sources":["../../../src/components/Message/messageState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAC7C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE5D,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC;IAClC,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,SAAS,EAAE,gBAAgB,CAAA;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAIC,CAAA;AAEF,eAAO,IAAI,eAAe,EAAE,iBAAiB,GAAG,IAAW,CAAA;AAC3D,eAAO,IAAI,sBAAsB,QAAI,CAAA;AAIrC,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI,QAEhE;AAED,wBAAgB,yBAAyB,SAMxC;AAED,wBAAgB,2BAA2B,SAE1C;AAED,wBAAgB,wBAAwB,SAQvC;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,QAInD;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,QAS7F;AAED,wBAAgB,gBAAgB,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,QAOpD;AAED,wBAAgB,oBAAoB,SAGnC;AAED,wBAAgB,eAAe,CAAC,GAAG,CAAC,EAAE,MAAM,QAO3C;AAED,wBAAgB,iBAAiB,CAAC,GAAG,CAAC,EAAE,MAAM,QAO7C"}
+{"version":3,"file":"messageState.d.ts","sourceRoot":"","sources":["../../../src/components/Message/messageState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,KAAK,CAAC;AAClC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG5D,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC;IAClC,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,SAAS,EAAE,gBAAgB,CAAA;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAIC,CAAA;AAEF,eAAO,IAAI,eAAe,EAAE,iBAAiB,GAAG,IAAW,CAAA;AAC3D,eAAO,IAAI,sBAAsB,QAAI,CAAA;AAIrC,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI,QAEhE;AAED,wBAAgB,yBAAyB,SAMxC;AAED,wBAAgB,2BAA2B,SAE1C;AAED,wBAAgB,wBAAwB,SAQvC;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,QAInD;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,QAS7F;AAED,wBAAgB,gBAAgB,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,QAOpD;AAED,wBAAgB,oBAAoB,SAGnC;AAED,wBAAgB,eAAe,CAAC,GAAG,CAAC,EAAE,MAAM,QAO3C;AAED,wBAAgB,iBAAiB,CAAC,GAAG,CAAC,EAAE,MAAM,QAO7C"}

package/dist/components/Message/styles.css

@@ -1,169 +1,219 @@
-.wi-message-host {
-    display: flex;
-    flex-direction: column;
-    gap: var(--wi-space-2);
-    left: 50%;
-    max-width: min(28rem, calc(100vw - 2 * var(--wi-space-4)));
-    pointer-events: none;
-    position: fixed;
-    top: var(--wi-space-4);
-    transform: translateX(-50%);
-    width: max-content;
-    z-index: var(--wi-z-toast);
+.wi-message-host {
+    --wi-message-host-max-width: 28rem;
+    display: flex;
+    flex-direction: column;
+    gap: var(--wi-space-2);
+    left: 50%;
+    max-width: min(
+        var(--wi-message-host-max-width),
+        calc(100vw - 2 * var(--wi-space-4))
+    );
+    pointer-events: none;
+    position: fixed;
+    top: var(--wi-space-4);
+    transform: translateX(-50%);
+    width: max-content;
+    z-index: var(--wi-z-toast);
+}
+
+.wi-message-host--top-left {
+    left: var(--wi-space-4);
+    transform: none;
+}
+
+.wi-message-host--top-right {
+    left: auto;
+    right: var(--wi-space-4);
+    transform: none;
+}
+
+.wi-message-host--bottom,
+.wi-message-host--bottom-left,
+.wi-message-host--bottom-right {
+    bottom: var(--wi-space-4);
+    flex-direction: column-reverse;
+    top: auto;
+}
+
+.wi-message-host--bottom-left {
+    left: var(--wi-space-4);
+    transform: none;
+}
+
+.wi-message-host--bottom-right {
+    left: auto;
+    right: var(--wi-space-4);
+    transform: none;
+}
+
+.wi-message {
+    --wi-message-min-width: 16rem;
+    align-items: flex-start;
+    background: color-mix(
+        in srgb,
+        var(--wi-color-info) 10%,
+        var(--wi-color-surface)
+    );
+    border: 1px solid
+        color-mix(in srgb, var(--wi-color-info) 28%, var(--wi-color-border));
+    border-radius: var(--wi-radius-md);
+    box-shadow: var(--wi-shadow-md);
+    color: var(--wi-color-text);
+    display: flex;
+    font-family: var(--wi-font-sans);
+    font-size: var(--wi-font-size-md);
+    gap: var(--wi-space-3);
+    line-height: 1.45;
+    min-width: var(--wi-message-min-width);
+    padding: var(--wi-space-3) var(--wi-space-4);
+    pointer-events: auto;
+}
+
+.wi-message__icon {
+    color: var(--wi-color-info);
+    flex-shrink: 0;
+    margin-top: 0.1rem;
+}
+
+.wi-message__content {
+    flex: 1 1 auto;
+    min-width: 0;
+}
+
+.wi-message__close {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    color: var(--wi-color-text-muted);
+    cursor: pointer;
+    display: inline-flex;
+    flex-shrink: 0;
+    font: inherit;
+    line-height: 1;
+    padding: 0;
+}
+
+.wi-message__close:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}
+
+.wi-message--success {
+    background: color-mix(
+        in srgb,
+        var(--wi-color-success) 10%,
+        var(--wi-color-surface)
+    );
+    border-color: color-mix(
+        in srgb,
+        var(--wi-color-success) 28%,
+        var(--wi-color-border)
+    );
 }
 
-.wi-message-host--top-left {
-    left: var(--wi-space-4);
-    transform: none;
+.wi-message--success .wi-message__icon {
+    color: var(--wi-color-success);
 }
 
-.wi-message-host--top-right {
-    left: auto;
-    right: var(--wi-space-4);
-    transform: none;
+.wi-message--info {
+    background: color-mix(
+        in srgb,
+        var(--wi-color-info) 10%,
+        var(--wi-color-surface)
+    );
+    border-color: color-mix(
+        in srgb,
+        var(--wi-color-info) 28%,
+        var(--wi-color-border)
+    );
 }
-
-.wi-message-host--bottom,
-.wi-message-host--bottom-left,
-.wi-message-host--bottom-right {
-    bottom: var(--wi-space-4);
-    flex-direction: column-reverse;
-    top: auto;
-}
-
-.wi-message-host--bottom-left {
-    left: var(--wi-space-4);
-    transform: none;
-}
-
-.wi-message-host--bottom-right {
-    left: auto;
-    right: var(--wi-space-4);
-    transform: none;
-}
-
-.wi-message {
-    align-items: flex-start;
-    background: color-mix(in srgb, var(--wi-color-info) 10%, var(--wi-color-surface));
-    border: 1px solid color-mix(in srgb, var(--wi-color-info) 28%, var(--wi-color-border));
-    border-radius: var(--wi-radius-md);
-    box-shadow: var(--wi-shadow-md);
-    color: var(--wi-color-text);
-    display: flex;
-    font-family: var(--wi-font-sans);
-    font-size: var(--wi-font-size-md);
-    gap: var(--wi-space-3);
-    line-height: 1.45;
-    min-width: 16rem;
-    padding: var(--wi-space-3) var(--wi-space-4);
-    pointer-events: auto;
-}
-
-.wi-message__icon {
-    color: var(--wi-color-info);
-    flex-shrink: 0;
-    margin-top: 0.1rem;
-}
-
-.wi-message__content {
-    flex: 1 1 auto;
-    min-width: 0;
-}
-
-.wi-message__close {
-    align-items: center;
-    background: transparent;
-    border: 0;
-    color: var(--wi-color-text-muted);
-    cursor: pointer;
-    display: inline-flex;
-    flex-shrink: 0;
-    font: inherit;
-    line-height: 1;
-    padding: 0;
-}
-
-.wi-message__close:focus-visible {
-    box-shadow: var(--wi-focus-shadow);
-    outline: none;
-}
-
-.wi-message--success {
-    background: color-mix(in srgb, var(--wi-color-success) 10%, var(--wi-color-surface));
-    border-color: color-mix(in srgb, var(--wi-color-success) 28%, var(--wi-color-border));
-}
-
-.wi-message--success .wi-message__icon {
-    color: var(--wi-color-success);
-}
-
-.wi-message--info {
-    background: color-mix(in srgb, var(--wi-color-info) 10%, var(--wi-color-surface));
-    border-color: color-mix(in srgb, var(--wi-color-info) 28%, var(--wi-color-border));
-}
-
-.wi-message--info .wi-message__icon {
-    color: var(--wi-color-info);
-}
-
-.wi-message--warn,
-.wi-message--warning {
-    background: color-mix(in srgb, var(--wi-color-warn) 10%, var(--wi-color-surface));
-    border-color: color-mix(in srgb, var(--wi-color-warn) 28%, var(--wi-color-border));
-}
-
-.wi-message--warn .wi-message__icon,
-.wi-message--warning .wi-message__icon {
-    color: var(--wi-color-warn);
+
+.wi-message--info .wi-message__icon {
+    color: var(--wi-color-info);
 }
 
-.wi-message--error {
-    background: color-mix(in srgb, var(--wi-color-danger) 10%, var(--wi-color-surface));
-    border-color: color-mix(in srgb, var(--wi-color-danger) 28%, var(--wi-color-border));
+.wi-message--warn,
+.wi-message--warning {
+    background: color-mix(
+        in srgb,
+        var(--wi-color-warn) 10%,
+        var(--wi-color-surface)
+    );
+    border-color: color-mix(
+        in srgb,
+        var(--wi-color-warn) 28%,
+        var(--wi-color-border)
+    );
+}
+
+.wi-message--warn .wi-message__icon,
+.wi-message--warning .wi-message__icon {
+    color: var(--wi-color-warn);
+}
+
+.wi-message--error {
+    background: color-mix(
+        in srgb,
+        var(--wi-color-danger) 10%,
+        var(--wi-color-surface)
+    );
+    border-color: color-mix(
+        in srgb,
+        var(--wi-color-danger) 28%,
+        var(--wi-color-border)
+    );
 }
 
-.wi-message--error .wi-message__icon {
-    color: var(--wi-color-danger);
+.wi-message--error .wi-message__icon {
+    color: var(--wi-color-danger);
 }
 
-.wi-message--secondary {
-    background: color-mix(in srgb, var(--wi-color-text-muted) 10%, var(--wi-color-surface));
-    border-color: color-mix(in srgb, var(--wi-color-text-muted) 22%, var(--wi-color-border));
+.wi-message--secondary {
+    background: color-mix(
+        in srgb,
+        var(--wi-color-text-muted) 10%,
+        var(--wi-color-surface)
+    );
+    border-color: color-mix(
+        in srgb,
+        var(--wi-color-text-muted) 22%,
+        var(--wi-color-border)
+    );
 }
 
-.wi-message--secondary .wi-message__icon {
-    color: var(--wi-color-text-muted);
+.wi-message--secondary .wi-message__icon {
+    color: var(--wi-color-text-muted);
 }
 
-.wi-message--contrast {
-    background: var(--wi-color-contrast);
-    border-color: var(--wi-color-contrast);
-    color: var(--wi-color-contrast-fg);
+.wi-message--contrast {
+    background: var(--wi-color-contrast);
+    border-color: var(--wi-color-contrast);
+    color: var(--wi-color-contrast-fg);
 }
 
-.wi-message--contrast .wi-message__icon,
-.wi-message--contrast .wi-message__close {
-    color: var(--wi-color-contrast-fg);
+.wi-message--contrast .wi-message__icon,
+.wi-message--contrast .wi-message__close {
+    color: var(--wi-color-contrast-fg);
 }
 
-.wi-message-slide-enter-active {
-    transition:
-        opacity var(--wi-motion-enter) var(--wi-motion-ease),
-        transform var(--wi-motion-enter) var(--wi-motion-ease);
+.wi-message-slide-enter-active {
+    transition:
+        opacity var(--wi-motion-enter) var(--wi-motion-ease),
+        transform var(--wi-motion-enter) var(--wi-motion-ease);
 }
 
-.wi-message-slide-leave-active {
-    transition:
-        opacity var(--wi-motion-exit) var(--wi-motion-ease),
-        transform var(--wi-motion-exit) var(--wi-motion-ease);
+.wi-message-slide-leave-active {
+    transition:
+        opacity var(--wi-motion-exit) var(--wi-motion-ease),
+        transform var(--wi-motion-exit) var(--wi-motion-ease);
 }
 
-.wi-message-slide-enter-from,
-.wi-message-slide-leave-to {
-    opacity: 0;
-    transform: translateY(calc(var(--wi-motion-distance) * -1));
+.wi-message-slide-enter-from,
+.wi-message-slide-leave-to {
+    opacity: 0;
+    transform: translateY(calc(var(--wi-motion-distance) * -1));
 }
 
-.wi-message-slide-move {
-    transition: transform var(--wi-motion-enter) var(--wi-motion-ease);
+.wi-message-slide-move {
+    transition: transform var(--wi-motion-enter) var(--wi-motion-ease);
 }

package/dist/components/Message/types.d.ts

@@ -1,5 +1,5 @@
-import { WiAppendTo } from '../../shared/overlay';
 import { WiRenderable } from '../../shared/content';
+import { WiAppendTo } from '../../shared/overlay';
 import { WiToastSeverity } from '../../shared/types';
 export type { WiRenderable };
 /** message severities; `warning` kept as legacy alias for `warn`. */

package/dist/components/Message/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Message/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEzD,YAAY,EAAE,YAAY,EAAE,CAAA;AAE5B,qEAAqE;AACrE,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG,SAAS,CAAA;AAEzD,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,UAAU,GACV,WAAW,GACX,QAAQ,GACR,aAAa,GACb,cAAc,CAAA;AAElB,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,OAAO,EAAE,YAAY,CAAA;IACrB,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,SAAS,CAAC,GAAG;IACjE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,OAAO,EAAE,YAAY,CAAA;CACtB,CAAA;AAED,6EAA6E;AAC7E,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG,cAAc,CAAA;AAExD,MAAM,WAAW,YAAY;IAC3B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,UAAU,CAAA;IACrB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,mEAAmE;IACnE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Message/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEzD,YAAY,EAAE,YAAY,EAAE,CAAA;AAE5B,qEAAqE;AACrE,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG,SAAS,CAAA;AAEzD,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,UAAU,GACV,WAAW,GACX,QAAQ,GACR,aAAa,GACb,cAAc,CAAA;AAElB,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,OAAO,EAAE,YAAY,CAAA;IACrB,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,SAAS,CAAC,GAAG;IACjE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,OAAO,EAAE,YAAY,CAAA;CACtB,CAAA;AAED,6EAA6E;AAC7E,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG,cAAc,CAAA;AAExD,MAAM,WAAW,YAAY;IAC3B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,UAAU,CAAA;IACrB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,mEAAmE;IACnE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb"}

package/dist/components/MeterGroup/MeterGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MeterGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MeterGroup/MeterGroup.vue"],"names":[],"mappings":";AAkDA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AA8F9C,QAAA,MAAM,YAAY;;6EAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"MeterGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MeterGroup/MeterGroup.vue"],"names":[],"mappings":";AAiDA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AA+F9C,QAAA,MAAM,YAAY;;6EAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}