@breadstone/mosaik-elements-foundation 0.1.28 → 0.1.31
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/Controls/Components/Grouping/Banner/BannerElement.d.ts +0 -1
- package/Controls/Components/Grouping/Banner/BannerElement.d.ts.map +1 -1
- package/Controls/Components/Grouping/Banner/BannerElement.js +0 -3
- package/Controls/Components/Grouping/Banner/BannerElement.js.map +1 -1
- package/Controls/Components/Grouping/Banner/BannerElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Grouping/Banner/BannerElementTemplate.js +5 -10
- package/Controls/Components/Grouping/Banner/BannerElementTemplate.js.map +1 -1
- package/Controls/Components/Overlays/Toast/IToastElementProps.d.ts +5 -1
- package/Controls/Components/Overlays/Toast/IToastElementProps.d.ts.map +1 -1
- package/Controls/Components/Overlays/Toast/Themes/ToastElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Overlays/Toast/Themes/ToastElement.Cosmopolitan.js +314 -7
- package/Controls/Components/Overlays/Toast/Themes/ToastElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Overlays/Toast/Themes/ToastElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Overlays/Toast/Themes/ToastElement.Joy.js +269 -7
- package/Controls/Components/Overlays/Toast/Themes/ToastElement.Joy.js.map +1 -1
- package/Controls/Components/Overlays/Toast/Themes/ToastElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Overlays/Toast/Themes/ToastElement.Memphis.js +314 -7
- package/Controls/Components/Overlays/Toast/Themes/ToastElement.Memphis.js.map +1 -1
- package/Controls/Components/Overlays/Toast/ToastElement.d.ts +27 -4
- package/Controls/Components/Overlays/Toast/ToastElement.d.ts.map +1 -1
- package/Controls/Components/Overlays/Toast/ToastElement.js +61 -11
- package/Controls/Components/Overlays/Toast/ToastElement.js.map +1 -1
- package/Controls/Components/Overlays/Toast/ToastElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Overlays/Toast/ToastElementTemplate.js +16 -13
- package/Controls/Components/Overlays/Toast/ToastElementTemplate.js.map +1 -1
- package/Controls/Components/Overlays/Toast/ToastService.d.ts +1 -1
- package/Controls/Components/Overlays/Toast/ToastService.d.ts.map +1 -1
- package/Controls/Components/Overlays/Toast/ToastService.js +7 -3
- package/Controls/Components/Overlays/Toast/ToastService.js.map +1 -1
- package/Controls/Types/ToastPosition.d.ts +28 -4
- package/Controls/Types/ToastPosition.d.ts.map +1 -1
- package/Controls/Types/ToastPosition.js +29 -5
- package/Controls/Types/ToastPosition.js.map +1 -1
- package/Routing/PathToRegexp.d.ts +1 -1
- package/custom-elements.json +83 -5
- package/package.json +3 -3
|
@@ -73,7 +73,6 @@ declare const BannerElement_base: (abstract new (...args: Array<any>) => import(
|
|
|
73
73
|
* @dependency mosaik-dismiss - The Dismiss element.
|
|
74
74
|
* @dependency mosaik-elevation - The Elevation element.
|
|
75
75
|
* @dependency mosaik-icon - The Icon element.
|
|
76
|
-
* @dependency mosaik-stack - The Stack element.
|
|
77
76
|
*
|
|
78
77
|
* @example
|
|
79
78
|
* Basic banner with header and sub-header:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Banner/BannerElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,UAAU,EAAE,KAAK,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAK5F,OAAO,EAAE,SAAS,EAAY,KAAK,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAExF,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AAQrE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"BannerElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Banner/BannerElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,6 @@ import { Appearance } from '../../../Types/Appearance';
|
|
|
29
29
|
import { Size } from '../../../Types/Size';
|
|
30
30
|
import { Variant } from '../../../Types/Variant';
|
|
31
31
|
import { CustomElement } from '../../Abstracts/CustomElement';
|
|
32
|
-
import { StackElement } from '../../Layouts/Stack/StackElement';
|
|
33
32
|
import { IconElement } from '../../Media/Icon/IconElement';
|
|
34
33
|
import { DismissElement } from '../../Primitives/Dismiss/DismissElement';
|
|
35
34
|
import { TextElement } from '../../Primitives/Text/TextElement';
|
|
@@ -106,7 +105,6 @@ import { bannerElementMemphisStyle } from './Themes/BannerElement.Memphis';
|
|
|
106
105
|
* @dependency mosaik-dismiss - The Dismiss element.
|
|
107
106
|
* @dependency mosaik-elevation - The Elevation element.
|
|
108
107
|
* @dependency mosaik-icon - The Icon element.
|
|
109
|
-
* @dependency mosaik-stack - The Stack element.
|
|
110
108
|
*
|
|
111
109
|
* @example
|
|
112
110
|
* Basic banner with header and sub-header:
|
|
@@ -400,7 +398,6 @@ BannerElement = __decorate([
|
|
|
400
398
|
TextElement,
|
|
401
399
|
BannerHeaderElement,
|
|
402
400
|
BannerSubHeaderElement,
|
|
403
|
-
StackElement,
|
|
404
401
|
DismissElement
|
|
405
402
|
]
|
|
406
403
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Banner/BannerElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAqC,MAAM,8BAA8B,CAAC;AAC5F,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAa,QAAQ,EAAwB,MAAM,6BAA6B,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAc,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,gCAAgC,EAAsC,MAAM,oDAAoD,CAAC;AAC1I,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"BannerElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Banner/BannerElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Banner/BannerElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAMjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,aAAa,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"BannerElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Banner/BannerElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAMjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,aAAa,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CA0DnF"}
|
|
@@ -17,11 +17,7 @@ export function bannerElementTemplate(e) {
|
|
|
17
17
|
@connected="${(evt) => evt.target.attach(e)}"></mosaik-elevation>
|
|
18
18
|
`)}
|
|
19
19
|
<div part="root">
|
|
20
|
-
<
|
|
21
|
-
.orientation="${e.orientation}"
|
|
22
|
-
.verticalAlignment="${e.verticalContentAlignment}"
|
|
23
|
-
.horizontalAlignment="${e.horizontalContentAlignment}"
|
|
24
|
-
.gap="${'16px'}">
|
|
20
|
+
<div part="heading">
|
|
25
21
|
${when(e.icon, () => html `
|
|
26
22
|
<slot name="icon">
|
|
27
23
|
<mosaik-icon part="icon" .variant="${e.variant}"
|
|
@@ -64,12 +60,11 @@ export function bannerElementTemplate(e) {
|
|
|
64
60
|
</slot>
|
|
65
61
|
</div>
|
|
66
62
|
`)}
|
|
67
|
-
</
|
|
68
|
-
<
|
|
69
|
-
|
|
70
|
-
.gap="${'small'}">
|
|
63
|
+
</div>
|
|
64
|
+
<div part="actions"
|
|
65
|
+
?hidden="${!setHost(e, 'has-actions', e.hasSlotContent('actions'))}">
|
|
71
66
|
<slot name="actions"></slot>
|
|
72
|
-
</
|
|
67
|
+
</div>
|
|
73
68
|
</div>
|
|
74
69
|
`;
|
|
75
70
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Banner/BannerElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAKtD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CAA0B,CAAI;IAC/D,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,UAAU,KAAK,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;oCAEhC,CAAC,CAAC,SAAS;wCACP,CAAC,GAAU,EAAE,EAAE,CAAE,GAAG,CAAC,MAA2B,CAAC,MAAM,CAAC,CAAC,CAAC;SACzF,CAAC;;;
|
|
1
|
+
{"version":3,"file":"BannerElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Banner/BannerElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAKtD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CAA0B,CAAI;IAC/D,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,UAAU,KAAK,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;oCAEhC,CAAC,CAAC,SAAS;wCACP,CAAC,GAAU,EAAE,EAAE,CAAE,GAAG,CAAC,MAA2B,CAAC,MAAM,CAAC,CAAC,CAAC;SACzF,CAAC;;;kBAGQ,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;yDAEgB,CAAC,CAAC,OAAO;0CACxB,CAAC,CAAC,IAAI;0CACN,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAS;8CACzB,CAAC,CAAC,QAAQ;;iBAEvC,CAAC;;;0BAGQ,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0DAEA,CAAC,CAAC,OAAO;uDACZ,CAAC,CAAC,MAAM;sDACT,CAAC,CAAC,GAAG;4DACC,CAAC,CAAC,SAAS;2DACZ,CAAC,CAAC,QAAQ;yBAC5C,CAAC;;;0BAGA,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;8DAEC,CAAC,CAAC,OAAO;2DACZ,CAAC,CAAC,SAAS;0DACZ,CAAC,CAAC,GAAG;gEACC,CAAC,CAAC,SAAS;+DACZ,CAAC,CAAC,QAAQ;yBAChD,CAAC;;;kBAGR,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;oDAIM,CAAC,CAAC,OAAO;uDACN,OAAO;iDACb,OAAO;qDACH,CAAC,CAAC,QAAQ;kDACb,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE;;;iBAGhD,CAAC;;;4BAGU,CAAC,OAAO,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;;;;KAI9E,CAAC;AACN,CAAC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
import type { IAppearanceableProps } from '../../../Behaviors/Appearanceable';
|
|
1
2
|
import type { IAnimatableProps } from '../../../Behaviors/Animatable';
|
|
2
3
|
import type { IBusyableProps } from '../../../Behaviors/Busyable';
|
|
3
4
|
import type { ITextFormattableProps } from '../../../Behaviors/TextFormattable';
|
|
4
5
|
import type { IVariantableProps } from '../../../Behaviors/Variantable';
|
|
6
|
+
import type { Size } from '../../../Types/Size';
|
|
5
7
|
import type { ToastPosition } from '../../../Types/ToastPosition';
|
|
6
8
|
import type { IOverlayElementProps } from '../Abstracts/OverlayElement';
|
|
7
9
|
/**
|
|
@@ -9,9 +11,11 @@ import type { IOverlayElementProps } from '../Abstracts/OverlayElement';
|
|
|
9
11
|
*
|
|
10
12
|
* @public
|
|
11
13
|
*/
|
|
12
|
-
export interface IToastElementProps extends IOverlayElementProps, IVariantableProps, ITextFormattableProps, IBusyableProps, IAnimatableProps {
|
|
14
|
+
export interface IToastElementProps extends IOverlayElementProps, IVariantableProps, IAppearanceableProps, ITextFormattableProps, IBusyableProps, IAnimatableProps {
|
|
13
15
|
header: string;
|
|
14
16
|
content: string;
|
|
17
|
+
icon: string;
|
|
18
|
+
iconSize: Size | null;
|
|
15
19
|
timeout: number;
|
|
16
20
|
position: ToastPosition;
|
|
17
21
|
showProgress: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IToastElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/IToastElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAIxE;;;;GAIG;AACH,MAAM,WAAW,kBACb,SAAQ,oBAAoB,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,cAAc,EAAE,gBAAgB;
|
|
1
|
+
{"version":3,"file":"IToastElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Toast/IToastElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAIxE;;;;GAIG;AACH,MAAM,WAAW,kBACb,SAAQ,oBAAoB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,cAAc,EAAE,gBAAgB;IAI9H,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,MAAM,CAAC;IAEhB,IAAI,EAAE,MAAM,CAAC;IAEb,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAC;IAEtB,OAAO,EAAE,MAAM,CAAC;IAEhB,QAAQ,EAAE,aAAa,CAAC;IAExB,YAAY,EAAE,OAAO,CAAC;CAIzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"ToastElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CAydzD"}
|
|
@@ -28,6 +28,7 @@ export function toastElementCosmopolitanStyle() {
|
|
|
28
28
|
--toast-font-weight: unset;
|
|
29
29
|
--toast-foreground-color: unset;
|
|
30
30
|
--toast-gap: unset;
|
|
31
|
+
--toast-offset-x: unset;
|
|
31
32
|
--toast-offset-y: unset;
|
|
32
33
|
--toast-padding-bottom: unset;
|
|
33
34
|
--toast-padding-left: unset;
|
|
@@ -113,7 +114,6 @@ export function toastElementCosmopolitanStyle() {
|
|
|
113
114
|
padding-right: var(--toast-padding-right);
|
|
114
115
|
padding-bottom: var(--toast-padding-bottom);
|
|
115
116
|
padding-left: var(--toast-padding-left);
|
|
116
|
-
gap: var(--toast-gap);
|
|
117
117
|
margin: auto;
|
|
118
118
|
position: fixed;
|
|
119
119
|
left: 50%;
|
|
@@ -121,6 +121,18 @@ export function toastElementCosmopolitanStyle() {
|
|
|
121
121
|
translate: -50%;
|
|
122
122
|
}
|
|
123
123
|
|
|
124
|
+
:host [part="root"] [part="body"] {
|
|
125
|
+
align-items: center;
|
|
126
|
+
gap: var(--toast-gap);
|
|
127
|
+
flex-direction: row;
|
|
128
|
+
display: flex;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
:host [part="root"] [part="text"] {
|
|
132
|
+
flex-direction: column;
|
|
133
|
+
display: flex;
|
|
134
|
+
}
|
|
135
|
+
|
|
124
136
|
:host [part="root"] [part="header"], :host [part="root"] [part="content"] {
|
|
125
137
|
font-family: inherit;
|
|
126
138
|
font-size: inherit;
|
|
@@ -132,6 +144,11 @@ export function toastElementCosmopolitanStyle() {
|
|
|
132
144
|
color: inherit;
|
|
133
145
|
}
|
|
134
146
|
|
|
147
|
+
:host [part="root"] [part="icon"] {
|
|
148
|
+
color: inherit;
|
|
149
|
+
flex-shrink: 0;
|
|
150
|
+
}
|
|
151
|
+
|
|
135
152
|
:host [part="root"] [part="progressFill"] {
|
|
136
153
|
background-color: var(--toast-progress-fill-color);
|
|
137
154
|
border-radius: inherit;
|
|
@@ -157,24 +174,314 @@ export function toastElementCosmopolitanStyle() {
|
|
|
157
174
|
pointer-events: none;
|
|
158
175
|
}
|
|
159
176
|
|
|
160
|
-
:host([position="
|
|
161
|
-
|
|
162
|
-
|
|
177
|
+
:host([position="top"]) [part="root"] {
|
|
178
|
+
bottom: unset;
|
|
179
|
+
top: var(--toast-offset-y);
|
|
180
|
+
left: 50%;
|
|
163
181
|
translate: -50%;
|
|
164
182
|
}
|
|
165
183
|
|
|
166
|
-
:host([position="
|
|
184
|
+
:host([position="top-left"]) [part="root"] {
|
|
185
|
+
bottom: unset;
|
|
186
|
+
top: var(--toast-offset-y);
|
|
187
|
+
left: var(--toast-offset-x);
|
|
188
|
+
translate: 0;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
:host([position="top-right"]) [part="root"] {
|
|
192
|
+
bottom: unset;
|
|
193
|
+
top: var(--toast-offset-y);
|
|
194
|
+
left: unset;
|
|
195
|
+
right: var(--toast-offset-x);
|
|
196
|
+
translate: 0;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
:host([position="left"]) [part="root"] {
|
|
200
|
+
top: 50%;
|
|
201
|
+
bottom: unset;
|
|
202
|
+
left: var(--toast-offset-x);
|
|
203
|
+
translate: 0 -50%;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
:host([position="center"]) [part="root"] {
|
|
167
207
|
top: 50%;
|
|
168
208
|
bottom: unset;
|
|
209
|
+
left: 50%;
|
|
169
210
|
translate: -50% -50%;
|
|
170
211
|
}
|
|
171
212
|
|
|
172
|
-
:host([position="
|
|
213
|
+
:host([position="right"]) [part="root"] {
|
|
214
|
+
top: 50%;
|
|
173
215
|
bottom: unset;
|
|
174
|
-
|
|
216
|
+
left: unset;
|
|
217
|
+
right: var(--toast-offset-x);
|
|
218
|
+
translate: 0 -50%;
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
:host([position="bottom"]) [part="root"] {
|
|
222
|
+
top: unset;
|
|
223
|
+
bottom: var(--toast-offset-y);
|
|
224
|
+
left: 50%;
|
|
175
225
|
translate: -50%;
|
|
176
226
|
}
|
|
177
227
|
|
|
228
|
+
:host([position="bottom-left"]) [part="root"] {
|
|
229
|
+
top: unset;
|
|
230
|
+
bottom: var(--toast-offset-y);
|
|
231
|
+
left: var(--toast-offset-x);
|
|
232
|
+
translate: 0;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
:host([position="bottom-right"]) [part="root"] {
|
|
236
|
+
top: unset;
|
|
237
|
+
bottom: var(--toast-offset-y);
|
|
238
|
+
left: unset;
|
|
239
|
+
right: var(--toast-offset-x);
|
|
240
|
+
translate: 0;
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
:host([variant="primary"]) {
|
|
244
|
+
--toast-background-color: var(--cosmopolitan-color-primary-500);
|
|
245
|
+
--toast-foreground-color: var(--cosmopolitan-color-primary-0);
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
:host([variant="secondary"]) {
|
|
249
|
+
--toast-background-color: var(--cosmopolitan-color-secondary-500);
|
|
250
|
+
--toast-foreground-color: var(--cosmopolitan-color-secondary-0);
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
:host([variant="tertiary"]) {
|
|
254
|
+
--toast-background-color: var(--cosmopolitan-color-tertiary-500);
|
|
255
|
+
--toast-foreground-color: var(--cosmopolitan-color-tertiary-0);
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
:host([variant="danger"]) {
|
|
259
|
+
--toast-background-color: var(--cosmopolitan-color-danger-500);
|
|
260
|
+
--toast-foreground-color: var(--cosmopolitan-color-danger-0);
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
:host([variant="warning"]) {
|
|
264
|
+
--toast-background-color: var(--cosmopolitan-color-warning-500);
|
|
265
|
+
--toast-foreground-color: var(--cosmopolitan-color-warning-0);
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
:host([variant="success"]) {
|
|
269
|
+
--toast-background-color: var(--cosmopolitan-color-success-500);
|
|
270
|
+
--toast-foreground-color: var(--cosmopolitan-color-success-0);
|
|
271
|
+
}
|
|
272
|
+
|
|
273
|
+
:host([variant="info"]) {
|
|
274
|
+
--toast-background-color: var(--cosmopolitan-color-info-500);
|
|
275
|
+
--toast-foreground-color: var(--cosmopolitan-color-info-0);
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
:host([variant="highlight"]) {
|
|
279
|
+
--toast-background-color: var(--cosmopolitan-color-highlight-500);
|
|
280
|
+
--toast-foreground-color: var(--cosmopolitan-color-highlight-0);
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
:host([variant="neutral"]) {
|
|
284
|
+
--toast-background-color: var(--cosmopolitan-color-neutral-500);
|
|
285
|
+
--toast-foreground-color: var(--cosmopolitan-color-neutral-0);
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
:host([appearance="outline"]) {
|
|
289
|
+
--toast-background-color: transparent;
|
|
290
|
+
--toast-foreground-color: var(--cosmopolitan-scheme-foreground);
|
|
291
|
+
--toast-border-color: var(--cosmopolitan-scheme-foreground);
|
|
292
|
+
--toast-border-width: 1px;
|
|
293
|
+
--toast-border-style: solid;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
:host([appearance="outline"][variant="primary"]) {
|
|
297
|
+
--toast-foreground-color: var(--cosmopolitan-color-primary-500);
|
|
298
|
+
--toast-border-color: var(--cosmopolitan-color-primary-500);
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
:host([appearance="outline"][variant="secondary"]) {
|
|
302
|
+
--toast-foreground-color: var(--cosmopolitan-color-secondary-500);
|
|
303
|
+
--toast-border-color: var(--cosmopolitan-color-secondary-500);
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
:host([appearance="outline"][variant="tertiary"]) {
|
|
307
|
+
--toast-foreground-color: var(--cosmopolitan-color-tertiary-500);
|
|
308
|
+
--toast-border-color: var(--cosmopolitan-color-tertiary-500);
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
:host([appearance="outline"][variant="danger"]) {
|
|
312
|
+
--toast-foreground-color: var(--cosmopolitan-color-danger-500);
|
|
313
|
+
--toast-border-color: var(--cosmopolitan-color-danger-500);
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
:host([appearance="outline"][variant="warning"]) {
|
|
317
|
+
--toast-foreground-color: var(--cosmopolitan-color-warning-500);
|
|
318
|
+
--toast-border-color: var(--cosmopolitan-color-warning-500);
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
:host([appearance="outline"][variant="success"]) {
|
|
322
|
+
--toast-foreground-color: var(--cosmopolitan-color-success-500);
|
|
323
|
+
--toast-border-color: var(--cosmopolitan-color-success-500);
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
:host([appearance="outline"][variant="info"]) {
|
|
327
|
+
--toast-foreground-color: var(--cosmopolitan-color-info-500);
|
|
328
|
+
--toast-border-color: var(--cosmopolitan-color-info-500);
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
:host([appearance="outline"][variant="highlight"]) {
|
|
332
|
+
--toast-foreground-color: var(--cosmopolitan-color-highlight-500);
|
|
333
|
+
--toast-border-color: var(--cosmopolitan-color-highlight-500);
|
|
334
|
+
}
|
|
335
|
+
|
|
336
|
+
:host([appearance="outline"][variant="neutral"]) {
|
|
337
|
+
--toast-foreground-color: var(--cosmopolitan-color-neutral-500);
|
|
338
|
+
--toast-border-color: var(--cosmopolitan-color-neutral-500);
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
:host([appearance="soft"]) {
|
|
342
|
+
--toast-background-color: var(--cosmopolitan-scheme-highlight);
|
|
343
|
+
--toast-foreground-color: var(--cosmopolitan-scheme-foreground);
|
|
344
|
+
--toast-border-width: 0;
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
:host([appearance="soft"][variant="primary"]) {
|
|
348
|
+
--toast-background-color: var(--cosmopolitan-color-primary-100);
|
|
349
|
+
--toast-foreground-color: var(--cosmopolitan-color-primary-500);
|
|
350
|
+
}
|
|
351
|
+
|
|
352
|
+
:host([appearance="soft"][variant="secondary"]) {
|
|
353
|
+
--toast-background-color: var(--cosmopolitan-color-secondary-100);
|
|
354
|
+
--toast-foreground-color: var(--cosmopolitan-color-secondary-500);
|
|
355
|
+
}
|
|
356
|
+
|
|
357
|
+
:host([appearance="soft"][variant="tertiary"]) {
|
|
358
|
+
--toast-background-color: var(--cosmopolitan-color-tertiary-100);
|
|
359
|
+
--toast-foreground-color: var(--cosmopolitan-color-tertiary-500);
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
:host([appearance="soft"][variant="danger"]) {
|
|
363
|
+
--toast-background-color: var(--cosmopolitan-color-danger-100);
|
|
364
|
+
--toast-foreground-color: var(--cosmopolitan-color-danger-500);
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
:host([appearance="soft"][variant="warning"]) {
|
|
368
|
+
--toast-background-color: var(--cosmopolitan-color-warning-100);
|
|
369
|
+
--toast-foreground-color: var(--cosmopolitan-color-warning-500);
|
|
370
|
+
}
|
|
371
|
+
|
|
372
|
+
:host([appearance="soft"][variant="success"]) {
|
|
373
|
+
--toast-background-color: var(--cosmopolitan-color-success-100);
|
|
374
|
+
--toast-foreground-color: var(--cosmopolitan-color-success-500);
|
|
375
|
+
}
|
|
376
|
+
|
|
377
|
+
:host([appearance="soft"][variant="info"]) {
|
|
378
|
+
--toast-background-color: var(--cosmopolitan-color-info-100);
|
|
379
|
+
--toast-foreground-color: var(--cosmopolitan-color-info-500);
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
:host([appearance="soft"][variant="highlight"]) {
|
|
383
|
+
--toast-background-color: var(--cosmopolitan-color-highlight-100);
|
|
384
|
+
--toast-foreground-color: var(--cosmopolitan-color-highlight-500);
|
|
385
|
+
}
|
|
386
|
+
|
|
387
|
+
:host([appearance="soft"][variant="neutral"]) {
|
|
388
|
+
--toast-background-color: var(--cosmopolitan-color-neutral-100);
|
|
389
|
+
--toast-foreground-color: var(--cosmopolitan-color-neutral-500);
|
|
390
|
+
}
|
|
391
|
+
|
|
392
|
+
:host([appearance="plain"]) {
|
|
393
|
+
--toast-background-color: transparent;
|
|
394
|
+
--toast-foreground-color: var(--cosmopolitan-scheme-foreground);
|
|
395
|
+
--toast-border-width: 0;
|
|
396
|
+
}
|
|
397
|
+
|
|
398
|
+
:host([appearance="plain"][variant="primary"]) {
|
|
399
|
+
--toast-foreground-color: var(--cosmopolitan-color-primary-500);
|
|
400
|
+
}
|
|
401
|
+
|
|
402
|
+
:host([appearance="plain"][variant="secondary"]) {
|
|
403
|
+
--toast-foreground-color: var(--cosmopolitan-color-secondary-500);
|
|
404
|
+
}
|
|
405
|
+
|
|
406
|
+
:host([appearance="plain"][variant="tertiary"]) {
|
|
407
|
+
--toast-foreground-color: var(--cosmopolitan-color-tertiary-500);
|
|
408
|
+
}
|
|
409
|
+
|
|
410
|
+
:host([appearance="plain"][variant="danger"]) {
|
|
411
|
+
--toast-foreground-color: var(--cosmopolitan-color-danger-500);
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
:host([appearance="plain"][variant="warning"]) {
|
|
415
|
+
--toast-foreground-color: var(--cosmopolitan-color-warning-500);
|
|
416
|
+
}
|
|
417
|
+
|
|
418
|
+
:host([appearance="plain"][variant="success"]) {
|
|
419
|
+
--toast-foreground-color: var(--cosmopolitan-color-success-500);
|
|
420
|
+
}
|
|
421
|
+
|
|
422
|
+
:host([appearance="plain"][variant="info"]) {
|
|
423
|
+
--toast-foreground-color: var(--cosmopolitan-color-info-500);
|
|
424
|
+
}
|
|
425
|
+
|
|
426
|
+
:host([appearance="plain"][variant="highlight"]) {
|
|
427
|
+
--toast-foreground-color: var(--cosmopolitan-color-highlight-500);
|
|
428
|
+
}
|
|
429
|
+
|
|
430
|
+
:host([appearance="plain"][variant="neutral"]) {
|
|
431
|
+
--toast-foreground-color: var(--cosmopolitan-color-neutral-500);
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
:host([appearance="solid"]) {
|
|
435
|
+
--toast-background-color: var(--cosmopolitan-scheme-foreground);
|
|
436
|
+
--toast-foreground-color: var(--cosmopolitan-scheme-background);
|
|
437
|
+
--toast-border-width: 0;
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
:host([appearance="solid"][variant="primary"]) {
|
|
441
|
+
--toast-background-color: var(--cosmopolitan-color-primary-500);
|
|
442
|
+
--toast-foreground-color: var(--cosmopolitan-color-primary-0);
|
|
443
|
+
}
|
|
444
|
+
|
|
445
|
+
:host([appearance="solid"][variant="secondary"]) {
|
|
446
|
+
--toast-background-color: var(--cosmopolitan-color-secondary-500);
|
|
447
|
+
--toast-foreground-color: var(--cosmopolitan-color-secondary-0);
|
|
448
|
+
}
|
|
449
|
+
|
|
450
|
+
:host([appearance="solid"][variant="tertiary"]) {
|
|
451
|
+
--toast-background-color: var(--cosmopolitan-color-tertiary-500);
|
|
452
|
+
--toast-foreground-color: var(--cosmopolitan-color-tertiary-0);
|
|
453
|
+
}
|
|
454
|
+
|
|
455
|
+
:host([appearance="solid"][variant="danger"]) {
|
|
456
|
+
--toast-background-color: var(--cosmopolitan-color-danger-500);
|
|
457
|
+
--toast-foreground-color: var(--cosmopolitan-color-danger-0);
|
|
458
|
+
}
|
|
459
|
+
|
|
460
|
+
:host([appearance="solid"][variant="warning"]) {
|
|
461
|
+
--toast-background-color: var(--cosmopolitan-color-warning-500);
|
|
462
|
+
--toast-foreground-color: var(--cosmopolitan-color-warning-0);
|
|
463
|
+
}
|
|
464
|
+
|
|
465
|
+
:host([appearance="solid"][variant="success"]) {
|
|
466
|
+
--toast-background-color: var(--cosmopolitan-color-success-500);
|
|
467
|
+
--toast-foreground-color: var(--cosmopolitan-color-success-0);
|
|
468
|
+
}
|
|
469
|
+
|
|
470
|
+
:host([appearance="solid"][variant="info"]) {
|
|
471
|
+
--toast-background-color: var(--cosmopolitan-color-info-500);
|
|
472
|
+
--toast-foreground-color: var(--cosmopolitan-color-info-0);
|
|
473
|
+
}
|
|
474
|
+
|
|
475
|
+
:host([appearance="solid"][variant="highlight"]) {
|
|
476
|
+
--toast-background-color: var(--cosmopolitan-color-highlight-500);
|
|
477
|
+
--toast-foreground-color: var(--cosmopolitan-color-highlight-0);
|
|
478
|
+
}
|
|
479
|
+
|
|
480
|
+
:host([appearance="solid"][variant="neutral"]) {
|
|
481
|
+
--toast-background-color: var(--cosmopolitan-color-neutral-500);
|
|
482
|
+
--toast-foreground-color: var(--cosmopolitan-color-neutral-0);
|
|
483
|
+
}
|
|
484
|
+
|
|
178
485
|
`;
|
|
179
486
|
}
|
|
180
487
|
//# sourceMappingURL=ToastElement.Cosmopolitan.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"ToastElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAudT,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"ToastElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Toast/Themes/ToastElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,CA6dhD"}
|