@umbraco-ui/uui-toast-notification 1.2.0 → 1.3.0-rc.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/lib/index.js +16 -10
- package/package.json +8 -8
package/lib/index.js
CHANGED
|
@@ -66,12 +66,18 @@ let UUIToastNotificationElement = class extends LitElement {
|
|
|
66
66
|
this._timer = null;
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
|
+
/**
|
|
70
|
+
* Pause the auto close timer.
|
|
71
|
+
*/
|
|
69
72
|
pauseAutoClose() {
|
|
70
73
|
this._pauseTimer = true;
|
|
71
74
|
if (this._timer !== null) {
|
|
72
75
|
this._timer.pause();
|
|
73
76
|
}
|
|
74
77
|
}
|
|
78
|
+
/**
|
|
79
|
+
* Resume the auto close timer.
|
|
80
|
+
*/
|
|
75
81
|
resumeAutoClose() {
|
|
76
82
|
this._pauseTimer = false;
|
|
77
83
|
if (this._timer !== null && this.isOpen === true && this._animate === false) {
|
|
@@ -247,7 +253,7 @@ UUIToastNotificationElement.styles = [
|
|
|
247
253
|
padding: var(--uui-size-layout-1,24px);
|
|
248
254
|
padding-right: var(--uui-size-layout-1,24px);
|
|
249
255
|
padding-left: var(--uui-size-layout-3,42px);
|
|
250
|
-
border-radius: calc(var(--uui-border-radius,
|
|
256
|
+
border-radius: calc(var(--uui-border-radius,var(--uui-size-1)) * 2);
|
|
251
257
|
|
|
252
258
|
opacity: 0;
|
|
253
259
|
transition: opacity
|
|
@@ -272,28 +278,28 @@ UUIToastNotificationElement.styles = [
|
|
|
272
278
|
|
|
273
279
|
:host #toast > div {
|
|
274
280
|
background-color: var(--uui-color-surface,#fff);
|
|
275
|
-
color: var(--uui-color-text
|
|
281
|
+
color: var(--uui-color-text,var(--uui-palette-black));
|
|
276
282
|
border-color: var(--uui-color-surface,#fff);
|
|
277
283
|
}
|
|
278
284
|
:host([color='default']) #toast > div {
|
|
279
|
-
background-color: var(--uui-color-default
|
|
285
|
+
background-color: var(--uui-color-default,var(--uui-palette-space-cadet));
|
|
280
286
|
color: var(--uui-color-default-contrast,#fff);
|
|
281
|
-
border-color: var(--uui-color-default-standalone,
|
|
287
|
+
border-color: var(--uui-color-default-standalone,var(--uui-palette-space-cadet-dark));
|
|
282
288
|
}
|
|
283
289
|
:host([color='positive']) #toast > div {
|
|
284
|
-
background-color: var(--uui-color-positive
|
|
290
|
+
background-color: var(--uui-color-positive,var(--uui-palette-jungle-green));
|
|
285
291
|
color: var(--uui-color-positive-contrast,#fff);
|
|
286
|
-
border-color: var(--uui-color-positive-standalone,
|
|
292
|
+
border-color: var(--uui-color-positive-standalone,var(--uui-palette-jungle-green-dark));
|
|
287
293
|
}
|
|
288
294
|
:host([color='warning']) #toast > div {
|
|
289
|
-
background-color: var(--uui-color-warning
|
|
295
|
+
background-color: var(--uui-color-warning,var(--uui-palette-sunglow));
|
|
290
296
|
color: var(--uui-color-warning-contrast,#000);
|
|
291
|
-
border-color: var(--uui-color-warning-standalone,
|
|
297
|
+
border-color: var(--uui-color-warning-standalone,var(--uui-palette-sunglow-dark));
|
|
292
298
|
}
|
|
293
299
|
:host([color='danger']) #toast > div {
|
|
294
|
-
background-color: var(--uui-color-danger
|
|
300
|
+
background-color: var(--uui-color-danger,var(--uui-palette-maroon-flush));
|
|
295
301
|
color: var(--uui-color-danger-contrast,white);
|
|
296
|
-
border-color: var(--uui-color-danger-standalone,
|
|
302
|
+
border-color: var(--uui-color-danger-standalone,var(--uui-palette-maroon-flush-dark));
|
|
297
303
|
}
|
|
298
304
|
`
|
|
299
305
|
];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umbraco-ui/uui-toast-notification",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.3.0-rc.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Umbraco",
|
|
@@ -30,20 +30,20 @@
|
|
|
30
30
|
"custom-elements.json"
|
|
31
31
|
],
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@umbraco-ui/uui-base": "1.
|
|
34
|
-
"@umbraco-ui/uui-button": "1.
|
|
35
|
-
"@umbraco-ui/uui-css": "1.
|
|
36
|
-
"@umbraco-ui/uui-icon": "1.
|
|
37
|
-
"@umbraco-ui/uui-icon-registry-essential": "1.
|
|
33
|
+
"@umbraco-ui/uui-base": "1.3.0-rc.0",
|
|
34
|
+
"@umbraco-ui/uui-button": "1.3.0-rc.0",
|
|
35
|
+
"@umbraco-ui/uui-css": "1.3.0-rc.0",
|
|
36
|
+
"@umbraco-ui/uui-icon": "1.3.0-rc.0",
|
|
37
|
+
"@umbraco-ui/uui-icon-registry-essential": "1.3.0-rc.0"
|
|
38
38
|
},
|
|
39
39
|
"scripts": {
|
|
40
40
|
"build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
|
|
41
|
-
"clean": "tsc --build --clean && rimraf dist lib/*.js lib/**/*.js custom-elements.json",
|
|
41
|
+
"clean": "tsc --build --clean && rimraf -g dist lib/*.js lib/**/*.js custom-elements.json",
|
|
42
42
|
"analyze": "web-component-analyzer **/*.element.ts --outFile custom-elements.json"
|
|
43
43
|
},
|
|
44
44
|
"publishConfig": {
|
|
45
45
|
"access": "public"
|
|
46
46
|
},
|
|
47
47
|
"homepage": "https://uui.umbraco.com/?path=/story/uui-toast-notification",
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "45c3824056586d9817efb3f61dc0bef5478747f0"
|
|
49
49
|
}
|