@umbraco-ui/uui-toast-notification 1.12.2 → 1.13.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.
@@ -8,7 +8,7 @@
8
8
  {
9
9
  "name": "color",
10
10
  "description": "Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.",
11
- "type": "'' | 'default' | 'positive' | 'warning' | 'danger'",
11
+ "type": "UUIInterfaceColor",
12
12
  "default": "\"\\\"\\\"\""
13
13
  },
14
14
  {
@@ -29,7 +29,7 @@
29
29
  "name": "color",
30
30
  "attribute": "color",
31
31
  "description": "Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.",
32
- "type": "'' | 'default' | 'positive' | 'warning' | 'danger'",
32
+ "type": "UUIInterfaceColor",
33
33
  "default": "\"\\\"\\\"\""
34
34
  },
35
35
  {
package/lib/index.js CHANGED
@@ -297,6 +297,11 @@ UUIToastNotificationElement.styles = [
297
297
  color: var(--uui-color-danger-contrast,white);
298
298
  border-color: var(--uui-color-danger-standalone,rgb(191, 33, 78));
299
299
  }
300
+ :host([color='invalid']) #toast > div {
301
+ background-color: var(--uui-color-invalid,#d42054);
302
+ color: var(--uui-color-invalid-contrast,white);
303
+ border-color: var(--uui-color-invalid-standalone,rgb(191, 33, 78));
304
+ }
300
305
  `
301
306
  ];
302
307
  __decorateClass([
@@ -1,4 +1,5 @@
1
1
  import { LitElement } from 'lit';
2
+ import { UUIInterfaceColor } from '@umbraco-ui/uui-base';
2
3
  /**
3
4
  * @element uui-toast-notification
4
5
  * @fires {UUIToastNotificationEvent} opening - fires when the toast is starting to open
@@ -11,11 +12,11 @@ import { LitElement } from 'lit';
11
12
  export declare class UUIToastNotificationElement extends LitElement {
12
13
  /**
13
14
  * Changes the color of the notification to one of the predefined, symbolic colors. Example: set this to danger to indicate errors.
14
- * @type {'' | 'default' | 'positive' | 'warning' | 'danger'}
15
+ * @type {UUIInterfaceColor}
15
16
  * @attr
16
17
  * @default ""
17
18
  */
18
- color: '' | 'default' | 'positive' | 'warning' | 'danger';
19
+ color: UUIInterfaceColor;
19
20
  private _autoClose;
20
21
  /**
21
22
  * Set an auto-close timer.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umbraco-ui/uui-toast-notification",
3
- "version": "1.12.2",
3
+ "version": "1.13.0-rc.0",
4
4
  "license": "MIT",
5
5
  "keywords": [
6
6
  "Umbraco",
@@ -30,11 +30,11 @@
30
30
  "custom-elements.json"
31
31
  ],
32
32
  "dependencies": {
33
- "@umbraco-ui/uui-base": "1.12.2",
34
- "@umbraco-ui/uui-button": "1.12.2",
35
- "@umbraco-ui/uui-css": "1.12.1",
36
- "@umbraco-ui/uui-icon": "1.12.2",
37
- "@umbraco-ui/uui-icon-registry-essential": "1.12.2"
33
+ "@umbraco-ui/uui-base": "1.13.0-rc.0",
34
+ "@umbraco-ui/uui-button": "1.13.0-rc.0",
35
+ "@umbraco-ui/uui-css": "1.13.0-rc.0",
36
+ "@umbraco-ui/uui-icon": "1.13.0-rc.0",
37
+ "@umbraco-ui/uui-icon-registry-essential": "1.13.0-rc.0"
38
38
  },
39
39
  "scripts": {
40
40
  "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
@@ -45,5 +45,5 @@
45
45
  "access": "public"
46
46
  },
47
47
  "homepage": "https://uui.umbraco.com/?path=/story/uui-toast-notification",
48
- "gitHead": "207119ec53a655eeddfa1d626155490490336753"
48
+ "gitHead": "864afa6c182c2a73c479237732dadc1abc69a4a0"
49
49
  }