@withlayers/components.notification 0.9.0 → 0.10.1

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.
Files changed (4) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/mixins.css +8 -8
  3. package/dist/tokens.json +25 -27
  4. package/package.json +3 -3
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- .notification{border-radius:var(--l--theme--notification--border--radius--md);border-width:var(--l--theme--notification--border--width--md);border-style:var(--l--theme--notification--border--style);font-family:var(--l--theme--notification--typography--font-family--md);font-size:var(--l--theme--notification--typography--font-size--md);font-style:var(--l--theme--notification--typography--font-style--md);font-variant-caps:var(--l--theme--notification--typography--font-variant-caps--md);font-weight:var(--l--theme--notification--typography--font-weight--md);letter-spacing:var(--l--theme--notification--typography--letter-spacing--md);line-height:var(--l--theme--notification--typography--line-height--md);padding-block:var(--l--theme--notification--space--inset--block--md);padding-inline:var(--l--theme--notification--space--inset--inline--md);text-transform:var(--l--theme--notification--typography--text-transform--md);background-color:var(--l--theme--color--feedback--background--informative--on-default);border-color:var(--l--theme--color--feedback--border--informative--on-default);color:var(--l--theme--color--feedback--content--informative--on-default)}.notification a{color:var(--l--theme--color--feedback--content--informative--on-default)}.notification :focus-visible{outline-color:var(--l--theme--color--feedback--outline--informative--on-default)}.notification--lg{border-radius:var(--l--theme--notification--border--radius--lg);border-width:var(--l--theme--notification--border--width--lg);border-style:var(--l--theme--notification--border--style);font-family:var(--l--theme--notification--typography--font-family--lg);font-size:var(--l--theme--notification--typography--font-size--lg);font-style:var(--l--theme--notification--typography--font-style--lg);font-variant-caps:var(--l--theme--notification--typography--font-variant-caps--lg);font-weight:var(--l--theme--notification--typography--font-weight--lg);letter-spacing:var(--l--theme--notification--typography--letter-spacing--lg);line-height:var(--l--theme--notification--typography--line-height--lg);padding-block:var(--l--theme--notification--space--inset--block--lg);padding-inline:var(--l--theme--notification--space--inset--inline--lg);text-transform:var(--l--theme--notification--typography--text-transform--lg)}.notification--md{border-radius:var(--l--theme--notification--border--radius--md);border-width:var(--l--theme--notification--border--width--md);border-style:var(--l--theme--notification--border--style);font-family:var(--l--theme--notification--typography--font-family--md);font-size:var(--l--theme--notification--typography--font-size--md);font-style:var(--l--theme--notification--typography--font-style--md);font-variant-caps:var(--l--theme--notification--typography--font-variant-caps--md);font-weight:var(--l--theme--notification--typography--font-weight--md);letter-spacing:var(--l--theme--notification--typography--letter-spacing--md);line-height:var(--l--theme--notification--typography--line-height--md);padding-block:var(--l--theme--notification--space--inset--block--md);padding-inline:var(--l--theme--notification--space--inset--inline--md);text-transform:var(--l--theme--notification--typography--text-transform--md)}.notification--sm{border-radius:var(--l--theme--notification--border--radius--sm);border-width:var(--l--theme--notification--border--width--sm);border-style:var(--l--theme--notification--border--style);font-family:var(--l--theme--notification--typography--font-family--sm);font-size:var(--l--theme--notification--typography--font-size--sm);font-style:var(--l--theme--notification--typography--font-style--sm);font-variant-caps:var(--l--theme--notification--typography--font-variant-caps--sm);font-weight:var(--l--theme--notification--typography--font-weight--sm);letter-spacing:var(--l--theme--notification--typography--letter-spacing--sm);line-height:var(--l--theme--notification--typography--line-height--sm);padding-block:var(--l--theme--notification--space--inset--block--sm);padding-inline:var(--l--theme--notification--space--inset--inline--sm);text-transform:var(--l--theme--notification--typography--text-transform--sm)}.notification--xs{border-radius:var(--l--theme--notification--border--radius--xs);border-width:var(--l--theme--notification--border--width--xs);border-style:var(--l--theme--notification--border--style);font-family:var(--l--theme--notification--typography--font-family--xs);font-size:var(--l--theme--notification--typography--font-size--xs);font-style:var(--l--theme--notification--typography--font-style--xs);font-variant-caps:var(--l--theme--notification--typography--font-variant-caps--xs);font-weight:var(--l--theme--notification--typography--font-weight--xs);letter-spacing:var(--l--theme--notification--typography--letter-spacing--xs);line-height:var(--l--theme--notification--typography--line-height--xs);padding-block:var(--l--theme--notification--space--inset--block--xs);padding-inline:var(--l--theme--notification--space--inset--inline--xs);text-transform:var(--l--theme--notification--typography--text-transform--xs)}.notification--destructive{background-color:var(--l--theme--color--feedback--background--destructive--on-default);border-color:var(--l--theme--color--feedback--border--destructive--on-default);color:var(--l--theme--color--feedback--content--destructive--on-default)}.notification--destructive a{color:var(--l--theme--color--feedback--content--destructive--on-default)}.notification--destructive :focus-visible{outline-color:var(--l--theme--color--feedback--outline--destructive--on-default)}.notification--informative{background-color:var(--l--theme--color--feedback--background--informative--on-default);border-color:var(--l--theme--color--feedback--border--informative--on-default);color:var(--l--theme--color--feedback--content--informative--on-default)}.notification--informative a{color:var(--l--theme--color--feedback--content--informative--on-default)}.notification--informative :focus-visible{outline-color:var(--l--theme--color--feedback--outline--informative--on-default)}.notification--positive{background-color:var(--l--theme--color--feedback--background--positive--on-default);border-color:var(--l--theme--color--feedback--border--positive--on-default);color:var(--l--theme--color--feedback--content--positive--on-default)}.notification--positive a{color:var(--l--theme--color--feedback--content--positive--on-default)}.notification--positive :focus-visible{outline-color:var(--l--theme--color--feedback--outline--positive--on-default)}.notification--warning{background-color:var(--l--theme--color--feedback--background--warning--on-default);border-color:var(--l--theme--color--feedback--border--warning--on-default);color:var(--l--theme--color--feedback--content--warning--on-default)}.notification--warning a{color:var(--l--theme--color--feedback--content--warning--on-default)}.notification--warning :focus-visible{outline-color:var(--l--theme--color--feedback--outline--warning--on-default)}
1
+ .notification{border-radius:var(--l--theme--notification--border--radius--md);border-width:var(--l--theme--notification--border--width--md);border-style:var(--l--theme--notification--border--style);font-family:var(--l--theme--notification--typography--font-family--md);font-size:var(--l--theme--notification--typography--font-size--md);font-style:var(--l--theme--notification--typography--font-style--md);font-variant-caps:var(--l--theme--notification--typography--font-variant-caps--md);font-weight:var(--l--theme--notification--typography--font-weight--md);letter-spacing:var(--l--theme--notification--typography--letter-spacing--md);line-height:var(--l--theme--notification--typography--line-height--md);padding-block:var(--l--theme--notification--space--inset-block--md);padding-inline:var(--l--theme--notification--space--inset-inline--md);text-transform:var(--l--theme--notification--typography--text-transform--md);background-color:var(--l--theme--color--feedback--background--informative--on-default);border-color:var(--l--theme--color--feedback--border--informative--on-default);color:var(--l--theme--color--feedback--content--informative--on-default)}.notification a{color:var(--l--theme--color--feedback--content--informative--on-default)}.notification :focus-visible{outline-color:var(--l--theme--color--feedback--outline--informative--on-default)}.notification--lg{border-radius:var(--l--theme--notification--border--radius--lg);border-width:var(--l--theme--notification--border--width--lg);border-style:var(--l--theme--notification--border--style);font-family:var(--l--theme--notification--typography--font-family--lg);font-size:var(--l--theme--notification--typography--font-size--lg);font-style:var(--l--theme--notification--typography--font-style--lg);font-variant-caps:var(--l--theme--notification--typography--font-variant-caps--lg);font-weight:var(--l--theme--notification--typography--font-weight--lg);letter-spacing:var(--l--theme--notification--typography--letter-spacing--lg);line-height:var(--l--theme--notification--typography--line-height--lg);padding-block:var(--l--theme--notification--space--inset-block--lg);padding-inline:var(--l--theme--notification--space--inset-inline--lg);text-transform:var(--l--theme--notification--typography--text-transform--lg)}.notification--md{border-radius:var(--l--theme--notification--border--radius--md);border-width:var(--l--theme--notification--border--width--md);border-style:var(--l--theme--notification--border--style);font-family:var(--l--theme--notification--typography--font-family--md);font-size:var(--l--theme--notification--typography--font-size--md);font-style:var(--l--theme--notification--typography--font-style--md);font-variant-caps:var(--l--theme--notification--typography--font-variant-caps--md);font-weight:var(--l--theme--notification--typography--font-weight--md);letter-spacing:var(--l--theme--notification--typography--letter-spacing--md);line-height:var(--l--theme--notification--typography--line-height--md);padding-block:var(--l--theme--notification--space--inset-block--md);padding-inline:var(--l--theme--notification--space--inset-inline--md);text-transform:var(--l--theme--notification--typography--text-transform--md)}.notification--sm{border-radius:var(--l--theme--notification--border--radius--sm);border-width:var(--l--theme--notification--border--width--sm);border-style:var(--l--theme--notification--border--style);font-family:var(--l--theme--notification--typography--font-family--sm);font-size:var(--l--theme--notification--typography--font-size--sm);font-style:var(--l--theme--notification--typography--font-style--sm);font-variant-caps:var(--l--theme--notification--typography--font-variant-caps--sm);font-weight:var(--l--theme--notification--typography--font-weight--sm);letter-spacing:var(--l--theme--notification--typography--letter-spacing--sm);line-height:var(--l--theme--notification--typography--line-height--sm);padding-block:var(--l--theme--notification--space--inset-block--sm);padding-inline:var(--l--theme--notification--space--inset-inline--sm);text-transform:var(--l--theme--notification--typography--text-transform--sm)}.notification--xs{border-radius:var(--l--theme--notification--border--radius--xs);border-width:var(--l--theme--notification--border--width--xs);border-style:var(--l--theme--notification--border--style);font-family:var(--l--theme--notification--typography--font-family--xs);font-size:var(--l--theme--notification--typography--font-size--xs);font-style:var(--l--theme--notification--typography--font-style--xs);font-variant-caps:var(--l--theme--notification--typography--font-variant-caps--xs);font-weight:var(--l--theme--notification--typography--font-weight--xs);letter-spacing:var(--l--theme--notification--typography--letter-spacing--xs);line-height:var(--l--theme--notification--typography--line-height--xs);padding-block:var(--l--theme--notification--space--inset-block--xs);padding-inline:var(--l--theme--notification--space--inset-inline--xs);text-transform:var(--l--theme--notification--typography--text-transform--xs)}.notification--destructive{background-color:var(--l--theme--color--feedback--background--destructive--on-default);border-color:var(--l--theme--color--feedback--border--destructive--on-default);color:var(--l--theme--color--feedback--content--destructive--on-default)}.notification--destructive a{color:var(--l--theme--color--feedback--content--destructive--on-default)}.notification--destructive :focus-visible{outline-color:var(--l--theme--color--feedback--outline--destructive--on-default)}.notification--informative{background-color:var(--l--theme--color--feedback--background--informative--on-default);border-color:var(--l--theme--color--feedback--border--informative--on-default);color:var(--l--theme--color--feedback--content--informative--on-default)}.notification--informative a{color:var(--l--theme--color--feedback--content--informative--on-default)}.notification--informative :focus-visible{outline-color:var(--l--theme--color--feedback--outline--informative--on-default)}.notification--positive{background-color:var(--l--theme--color--feedback--background--positive--on-default);border-color:var(--l--theme--color--feedback--border--positive--on-default);color:var(--l--theme--color--feedback--content--positive--on-default)}.notification--positive a{color:var(--l--theme--color--feedback--content--positive--on-default)}.notification--positive :focus-visible{outline-color:var(--l--theme--color--feedback--outline--positive--on-default)}.notification--warning{background-color:var(--l--theme--color--feedback--background--warning--on-default);border-color:var(--l--theme--color--feedback--border--warning--on-default);color:var(--l--theme--color--feedback--content--warning--on-default)}.notification--warning a{color:var(--l--theme--color--feedback--content--warning--on-default)}.notification--warning :focus-visible{outline-color:var(--l--theme--color--feedback--outline--warning--on-default)}
package/dist/mixins.css CHANGED
@@ -16,8 +16,8 @@
16
16
  font-weight: var(--l--theme--notification--typography--font-weight--lg);
17
17
  letter-spacing: var(--l--theme--notification--typography--letter-spacing--lg);
18
18
  line-height: var(--l--theme--notification--typography--line-height--lg);
19
- padding-block: var(--l--theme--notification--space--inset--block--lg);
20
- padding-inline: var(--l--theme--notification--space--inset--inline--lg);
19
+ padding-block: var(--l--theme--notification--space--inset-block--lg);
20
+ padding-inline: var(--l--theme--notification--space--inset-inline--lg);
21
21
  text-transform: var(--l--theme--notification--typography--text-transform--lg);
22
22
  }
23
23
 
@@ -32,8 +32,8 @@
32
32
  font-weight: var(--l--theme--notification--typography--font-weight--md);
33
33
  letter-spacing: var(--l--theme--notification--typography--letter-spacing--md);
34
34
  line-height: var(--l--theme--notification--typography--line-height--md);
35
- padding-block: var(--l--theme--notification--space--inset--block--md);
36
- padding-inline: var(--l--theme--notification--space--inset--inline--md);
35
+ padding-block: var(--l--theme--notification--space--inset-block--md);
36
+ padding-inline: var(--l--theme--notification--space--inset-inline--md);
37
37
  text-transform: var(--l--theme--notification--typography--text-transform--md);
38
38
  }
39
39
 
@@ -48,8 +48,8 @@
48
48
  font-weight: var(--l--theme--notification--typography--font-weight--sm);
49
49
  letter-spacing: var(--l--theme--notification--typography--letter-spacing--sm);
50
50
  line-height: var(--l--theme--notification--typography--line-height--sm);
51
- padding-block: var(--l--theme--notification--space--inset--block--sm);
52
- padding-inline: var(--l--theme--notification--space--inset--inline--sm);
51
+ padding-block: var(--l--theme--notification--space--inset-block--sm);
52
+ padding-inline: var(--l--theme--notification--space--inset-inline--sm);
53
53
  text-transform: var(--l--theme--notification--typography--text-transform--sm);
54
54
  }
55
55
 
@@ -64,8 +64,8 @@
64
64
  font-weight: var(--l--theme--notification--typography--font-weight--xs);
65
65
  letter-spacing: var(--l--theme--notification--typography--letter-spacing--xs);
66
66
  line-height: var(--l--theme--notification--typography--line-height--xs);
67
- padding-block: var(--l--theme--notification--space--inset--block--xs);
68
- padding-inline: var(--l--theme--notification--space--inset--inline--xs);
67
+ padding-block: var(--l--theme--notification--space--inset-block--xs);
68
+ padding-inline: var(--l--theme--notification--space--inset-inline--xs);
69
69
  text-transform: var(--l--theme--notification--typography--text-transform--xs);
70
70
  }
71
71
 
package/dist/tokens.json CHANGED
@@ -34,34 +34,32 @@
34
34
  }
35
35
  },
36
36
  "space": {
37
- "inset": {
38
- "block": {
39
- "xs": {
40
- "value": "{space.20}"
41
- },
42
- "sm": {
43
- "value": "{space.30}"
44
- },
45
- "md": {
46
- "value": "{space.40}"
47
- },
48
- "lg": {
49
- "value": "{space.50}"
50
- }
37
+ "inset-block": {
38
+ "xs": {
39
+ "value": "{space.20}"
51
40
  },
52
- "inline": {
53
- "xs": {
54
- "value": "{space.30}"
55
- },
56
- "sm": {
57
- "value": "{space.40}"
58
- },
59
- "md": {
60
- "value": "{space.50}"
61
- },
62
- "lg": {
63
- "value": "{space.60}"
64
- }
41
+ "sm": {
42
+ "value": "{space.30}"
43
+ },
44
+ "md": {
45
+ "value": "{space.40}"
46
+ },
47
+ "lg": {
48
+ "value": "{space.50}"
49
+ }
50
+ },
51
+ "inset-inline": {
52
+ "xs": {
53
+ "value": "{space.30}"
54
+ },
55
+ "sm": {
56
+ "value": "{space.40}"
57
+ },
58
+ "md": {
59
+ "value": "{space.50}"
60
+ },
61
+ "lg": {
62
+ "value": "{space.60}"
65
63
  }
66
64
  }
67
65
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@withlayers/components.notification",
3
- "version": "0.9.0",
3
+ "version": "0.10.1",
4
4
  "description": "Notification component",
5
5
  "license": "MIT",
6
6
  "author": "Dmitry Mayorov",
@@ -21,8 +21,8 @@
21
21
  "lint:css:fix": "stylelint \"src/**/*.css\" --fix"
22
22
  },
23
23
  "dependencies": {
24
- "@withlayers/mixins": "0.15.2",
25
- "@withlayers/tokens": "0.25.0"
24
+ "@withlayers/mixins": "0.17.0",
25
+ "@withlayers/tokens": "0.27.0"
26
26
  },
27
27
  "devDependencies": {
28
28
  "clsx": "^2.1.1",