semmet-angular 0.5.0 → 0.6.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.
Files changed (29) hide show
  1. package/package.json +1 -1
  2. package/src/accordion/files/__name@dasherize__/__name@dasherize__.css.template +4 -4
  3. package/src/alert/files/__name@dasherize__/__name@dasherize__.css.template +1 -1
  4. package/src/alert-dialog/files/__name@dasherize__/__name@dasherize__.css.template +3 -3
  5. package/src/breadcrumb/files/__name@dasherize__/__name@dasherize__.css.template +3 -3
  6. package/src/card/files/__name@dasherize__/__name@dasherize__.css.template +4 -4
  7. package/src/carousel/files/__name@dasherize__/__name@dasherize__.css.template +3 -3
  8. package/src/checkbox/files/__name@dasherize__/__name@dasherize__.css.template +3 -3
  9. package/src/combobox/files/__name@dasherize__/__name@dasherize__.css.template +4 -4
  10. package/src/dialog/files/__name@dasherize__/__name@dasherize__.css.template +3 -3
  11. package/src/disclosure/files/__name@dasherize__/__name@dasherize__.css.template +4 -4
  12. package/src/landmarks/files/__name@dasherize__/__name@dasherize__.css.template +3 -3
  13. package/src/listbox/files/__name@dasherize__/__name@dasherize__.css.template +3 -3
  14. package/src/menu-button/files/__name@dasherize__/__name@dasherize__.css.template +4 -4
  15. package/src/meter/files/__name@dasherize__/__name@dasherize__.css.template +2 -2
  16. package/src/navigation-menu/files/__name@dasherize__/__name@dasherize__.css.template +2 -2
  17. package/src/pagination/files/__name@dasherize__/__name@dasherize__.css.template +3 -3
  18. package/src/progress-bar/files/__name@dasherize__/__name@dasherize__.css.template +3 -3
  19. package/src/radio-group/files/__name@dasherize__/__name@dasherize__.css.template +4 -4
  20. package/src/skip-link/files/__name@dasherize__/__name@dasherize__.css.template +1 -1
  21. package/src/slider/files/__name@dasherize__/__name@dasherize__.css.template +3 -3
  22. package/src/spinbutton/files/__name@dasherize__/__name@dasherize__.css.template +3 -3
  23. package/src/switch/files/__name@dasherize__/__name@dasherize__.css.template +3 -3
  24. package/src/table/files/__name@dasherize__/__name@dasherize__.css.template +4 -4
  25. package/src/tabs/files/__name@dasherize__/__name@dasherize__.css.template +4 -4
  26. package/src/toast/files/__name@dasherize__/__name@dasherize__.css.template +2 -2
  27. package/src/toolbar/files/__name@dasherize__/__name@dasherize__.css.template +3 -3
  28. package/src/tooltip/files/__name@dasherize__/__name@dasherize__.css.template +2 -2
  29. package/src/tree-view/files/__name@dasherize__/__name@dasherize__.css.template +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "semmet-angular",
3
- "version": "0.5.0",
3
+ "version": "0.6.0",
4
4
  "description": "Angular schematics that generate real, ARIA-conformant standalone components (Accordion, Tabs, Dialog, Disclosure, Tooltip...) with signals-based state and keyboard interaction built in.",
5
5
  "publisher": "danilodevsilva",
6
6
  "license": "MIT",
package/src/accordion/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,9 +1,9 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
2
+ --semmet-color-primary: #18181b;
3
3
  --semmet-color-surface: #ffffff;
4
- --semmet-color-outline: #d7dedd;
5
- --semmet-color-on-surface: #1b201f;
6
- --semmet-color-on-surface-variant: #576260;
4
+ --semmet-color-outline: #d4d4d8;
5
+ --semmet-color-on-surface: #18181b;
6
+ --semmet-color-on-surface-variant: #52525b;
7
7
  --semmet-radius-md: 12px;
8
8
  --semmet-elevation-1: 0 1px 2px rgba(20, 24, 23, 0.1), 0 1px 1px rgba(20, 24, 23, 0.06);
9
9
  --semmet-motion: 160ms cubic-bezier(0.2, 0, 0, 1);
package/src/alert/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,5 +1,5 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
2
+ --semmet-color-primary: #18181b;
3
3
  --semmet-color-on-primary: #ffffff;
4
4
  --semmet-radius-sm: 8px;
5
5
  --semmet-motion: 160ms cubic-bezier(0.2, 0, 0, 1);
package/src/alert-dialog/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,9 +1,9 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
2
+ --semmet-color-primary: #18181b;
3
3
  --semmet-color-on-primary: #ffffff;
4
4
  --semmet-color-surface: #ffffff;
5
- --semmet-color-on-surface: #1b201f;
6
- --semmet-color-on-surface-variant: #576260;
5
+ --semmet-color-on-surface: #18181b;
6
+ --semmet-color-on-surface-variant: #52525b;
7
7
  --semmet-color-scrim: rgba(20, 24, 23, 0.45);
8
8
  --semmet-radius-lg: 20px;
9
9
  --semmet-elevation-3: 0 8px 24px rgba(20, 24, 23, 0.18), 0 2px 8px rgba(20, 24, 23, 0.1);
package/src/breadcrumb/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,7 +1,7 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
3
- --semmet-color-on-surface: #1b201f;
4
- --semmet-color-on-surface-variant: #576260;
2
+ --semmet-color-primary: #18181b;
3
+ --semmet-color-on-surface: #18181b;
4
+ --semmet-color-on-surface-variant: #52525b;
5
5
  --semmet-motion: 160ms cubic-bezier(0.2, 0, 0, 1);
6
6
 
7
7
  display: block;
package/src/card/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,9 +1,9 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
2
+ --semmet-color-primary: #18181b;
3
3
  --semmet-color-surface: #ffffff;
4
- --semmet-color-outline: #d7dedd;
5
- --semmet-color-on-surface: #1b201f;
6
- --semmet-color-on-surface-variant: #576260;
4
+ --semmet-color-outline: #d4d4d8;
5
+ --semmet-color-on-surface: #18181b;
6
+ --semmet-color-on-surface-variant: #52525b;
7
7
  --semmet-radius-md: 12px;
8
8
  --semmet-elevation-1: 0 1px 2px rgba(20, 24, 23, 0.1), 0 1px 1px rgba(20, 24, 23, 0.06);
9
9
 
package/src/carousel/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,9 +1,9 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
2
+ --semmet-color-primary: #18181b;
3
3
  --semmet-color-on-primary: #ffffff;
4
4
  --semmet-color-surface: #ffffff;
5
- --semmet-color-outline: #d7dedd;
6
- --semmet-color-on-surface: #1b201f;
5
+ --semmet-color-outline: #d4d4d8;
6
+ --semmet-color-on-surface: #18181b;
7
7
  --semmet-radius-md: 12px;
8
8
  --semmet-elevation-1: 0 1px 2px rgba(20, 24, 23, 0.1), 0 1px 1px rgba(20, 24, 23, 0.06);
9
9
  --semmet-motion: 160ms cubic-bezier(0.2, 0, 0, 1);
package/src/checkbox/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,8 +1,8 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
2
+ --semmet-color-primary: #18181b;
3
3
  --semmet-color-on-primary: #ffffff;
4
- --semmet-color-outline: #8a9793;
5
- --semmet-color-on-surface: #1b201f;
4
+ --semmet-color-outline: #71717a;
5
+ --semmet-color-on-surface: #18181b;
6
6
  --semmet-motion: 160ms cubic-bezier(0.2, 0, 0, 1);
7
7
 
8
8
  display: inline-block;
package/src/combobox/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,9 +1,9 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
2
+ --semmet-color-primary: #18181b;
3
3
  --semmet-color-surface: #ffffff;
4
- --semmet-color-outline: #d7dedd;
5
- --semmet-color-on-surface: #1b201f;
6
- --semmet-color-on-surface-variant: #576260;
4
+ --semmet-color-outline: #d4d4d8;
5
+ --semmet-color-on-surface: #18181b;
6
+ --semmet-color-on-surface-variant: #52525b;
7
7
  --semmet-radius-sm: 8px;
8
8
  --semmet-radius-md: 12px;
9
9
  --semmet-elevation-3: 0 8px 24px rgba(20, 24, 23, 0.18), 0 2px 8px rgba(20, 24, 23, 0.1);
package/src/dialog/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,8 +1,8 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
2
+ --semmet-color-primary: #18181b;
3
3
  --semmet-color-surface: #ffffff;
4
- --semmet-color-on-surface: #1b201f;
5
- --semmet-color-on-surface-variant: #576260;
4
+ --semmet-color-on-surface: #18181b;
5
+ --semmet-color-on-surface-variant: #52525b;
6
6
  --semmet-color-scrim: rgba(20, 24, 23, 0.45);
7
7
  --semmet-radius-lg: 20px;
8
8
  --semmet-elevation-3: 0 8px 24px rgba(20, 24, 23, 0.18), 0 2px 8px rgba(20, 24, 23, 0.1);
package/src/disclosure/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,9 +1,9 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
2
+ --semmet-color-primary: #18181b;
3
3
  --semmet-color-surface: #ffffff;
4
- --semmet-color-outline: #d7dedd;
5
- --semmet-color-on-surface: #1b201f;
6
- --semmet-color-on-surface-variant: #576260;
4
+ --semmet-color-outline: #d4d4d8;
5
+ --semmet-color-on-surface: #18181b;
6
+ --semmet-color-on-surface-variant: #52525b;
7
7
  --semmet-radius-md: 12px;
8
8
  --semmet-elevation-1: 0 1px 2px rgba(20, 24, 23, 0.1), 0 1px 1px rgba(20, 24, 23, 0.06);
9
9
  --semmet-motion: 160ms cubic-bezier(0.2, 0, 0, 1);
package/src/landmarks/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,7 +1,7 @@
1
1
  :host {
2
- --semmet-color-outline: #d7dedd;
3
- --semmet-color-on-surface: #1b201f;
4
- --semmet-color-on-surface-variant: #576260;
2
+ --semmet-color-outline: #d4d4d8;
3
+ --semmet-color-on-surface: #18181b;
4
+ --semmet-color-on-surface-variant: #52525b;
5
5
 
6
6
  display: grid;
7
7
  grid-template-columns: 1fr;
package/src/listbox/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,8 +1,8 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
2
+ --semmet-color-primary: #18181b;
3
3
  --semmet-color-surface: #ffffff;
4
- --semmet-color-outline: #d7dedd;
5
- --semmet-color-on-surface: #1b201f;
4
+ --semmet-color-outline: #d4d4d8;
5
+ --semmet-color-on-surface: #18181b;
6
6
  --semmet-radius-sm: 8px;
7
7
  --semmet-motion: 160ms cubic-bezier(0.2, 0, 0, 1);
8
8
 
package/src/menu-button/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,9 +1,9 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
2
+ --semmet-color-primary: #18181b;
3
3
  --semmet-color-surface: #ffffff;
4
- --semmet-color-outline: #d7dedd;
5
- --semmet-color-on-surface: #1b201f;
6
- --semmet-color-on-surface-variant: #576260;
4
+ --semmet-color-outline: #d4d4d8;
5
+ --semmet-color-on-surface: #18181b;
6
+ --semmet-color-on-surface-variant: #52525b;
7
7
  --semmet-radius-sm: 8px;
8
8
  --semmet-radius-md: 12px;
9
9
  --semmet-elevation-3: 0 8px 24px rgba(20, 24, 23, 0.18), 0 2px 8px rgba(20, 24, 23, 0.1);
package/src/meter/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,6 +1,6 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
3
- --semmet-color-on-surface: #1b201f;
2
+ --semmet-color-primary: #18181b;
3
+ --semmet-color-on-surface: #18181b;
4
4
 
5
5
  display: block;
6
6
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
package/src/navigation-menu/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,7 +1,7 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
2
+ --semmet-color-primary: #18181b;
3
3
  --semmet-color-surface: #ffffff;
4
- --semmet-color-on-surface: #1b201f;
4
+ --semmet-color-on-surface: #18181b;
5
5
  --semmet-radius-sm: 8px;
6
6
  --semmet-radius-md: 12px;
7
7
  --semmet-elevation-3: 0 8px 24px rgba(20, 24, 23, 0.18), 0 2px 8px rgba(20, 24, 23, 0.1);
package/src/pagination/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,8 +1,8 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
2
+ --semmet-color-primary: #18181b;
3
3
  --semmet-color-on-primary: #ffffff;
4
- --semmet-color-on-surface: #1b201f;
5
- --semmet-color-on-surface-variant: #576260;
4
+ --semmet-color-on-surface: #18181b;
5
+ --semmet-color-on-surface-variant: #52525b;
6
6
  --semmet-radius-sm: 8px;
7
7
  --semmet-motion: 160ms cubic-bezier(0.2, 0, 0, 1);
8
8
 
package/src/progress-bar/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,7 +1,7 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
3
- --semmet-color-on-surface: #1b201f;
4
- --semmet-color-on-surface-variant: #576260;
2
+ --semmet-color-primary: #18181b;
3
+ --semmet-color-on-surface: #18181b;
4
+ --semmet-color-on-surface-variant: #52525b;
5
5
  --semmet-radius-sm: 8px;
6
6
  --semmet-motion: 160ms cubic-bezier(0.2, 0, 0, 1);
7
7
 
package/src/radio-group/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,8 +1,8 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
3
- --semmet-color-outline: #8a9793;
4
- --semmet-color-on-surface: #1b201f;
5
- --semmet-color-on-surface-variant: #576260;
2
+ --semmet-color-primary: #18181b;
3
+ --semmet-color-outline: #71717a;
4
+ --semmet-color-on-surface: #18181b;
5
+ --semmet-color-on-surface-variant: #52525b;
6
6
  --semmet-motion: 160ms cubic-bezier(0.2, 0, 0, 1);
7
7
 
8
8
  display: block;
package/src/skip-link/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,5 +1,5 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
2
+ --semmet-color-primary: #18181b;
3
3
  --semmet-color-on-primary: #ffffff;
4
4
  --semmet-radius-sm: 8px;
5
5
  --semmet-motion: 160ms cubic-bezier(0.2, 0, 0, 1);
package/src/slider/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,7 +1,7 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
3
- --semmet-color-outline: #d7dedd;
4
- --semmet-color-on-surface: #1b201f;
2
+ --semmet-color-primary: #18181b;
3
+ --semmet-color-outline: #d4d4d8;
4
+ --semmet-color-on-surface: #18181b;
5
5
  --semmet-motion: 120ms cubic-bezier(0.2, 0, 0, 1);
6
6
 
7
7
  display: block;
package/src/spinbutton/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,7 +1,7 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
3
- --semmet-color-outline: #d7dedd;
4
- --semmet-color-on-surface: #1b201f;
2
+ --semmet-color-primary: #18181b;
3
+ --semmet-color-outline: #d4d4d8;
4
+ --semmet-color-on-surface: #18181b;
5
5
  --semmet-radius-sm: 8px;
6
6
  --semmet-motion: 160ms cubic-bezier(0.2, 0, 0, 1);
7
7
 
package/src/switch/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,8 +1,8 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
3
- --semmet-color-outline: #8a9793;
2
+ --semmet-color-primary: #18181b;
3
+ --semmet-color-outline: #71717a;
4
4
  --semmet-color-surface: #ffffff;
5
- --semmet-color-on-surface: #1b201f;
5
+ --semmet-color-on-surface: #18181b;
6
6
  --semmet-motion: 160ms cubic-bezier(0.2, 0, 0, 1);
7
7
 
8
8
  display: inline-block;
package/src/table/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,8 +1,8 @@
1
1
  :host {
2
- --semmet-color-outline: #d7dedd;
3
- --semmet-color-on-surface: #1b201f;
4
- --semmet-color-on-surface-variant: #576260;
5
- --semmet-color-surface-variant: #f2f6f5;
2
+ --semmet-color-outline: #d4d4d8;
3
+ --semmet-color-on-surface: #18181b;
4
+ --semmet-color-on-surface-variant: #52525b;
5
+ --semmet-color-surface-variant: #f4f4f5;
6
6
 
7
7
  display: block;
8
8
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;
package/src/tabs/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,8 +1,8 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
3
- --semmet-color-outline: #d7dedd;
4
- --semmet-color-on-surface: #1b201f;
5
- --semmet-color-on-surface-variant: #576260;
2
+ --semmet-color-primary: #18181b;
3
+ --semmet-color-outline: #d4d4d8;
4
+ --semmet-color-on-surface: #18181b;
5
+ --semmet-color-on-surface-variant: #52525b;
6
6
  --semmet-radius-sm: 8px;
7
7
  --semmet-motion: 160ms cubic-bezier(0.2, 0, 0, 1);
8
8
 
package/src/toast/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,6 +1,6 @@
1
1
  :host {
2
- --semmet-color-on-surface: #1b201f;
3
- --semmet-color-inverse-surface: #2f3736;
2
+ --semmet-color-on-surface: #18181b;
3
+ --semmet-color-inverse-surface: #27272a;
4
4
  --semmet-color-inverse-on-surface: #ffffff;
5
5
  --semmet-radius-sm: 8px;
6
6
  --semmet-elevation-3: 0 8px 24px rgba(20, 24, 23, 0.18), 0 2px 8px rgba(20, 24, 23, 0.1);
package/src/toolbar/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,9 +1,9 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
2
+ --semmet-color-primary: #18181b;
3
3
  --semmet-color-on-primary: #ffffff;
4
4
  --semmet-color-surface: #ffffff;
5
- --semmet-color-outline: #d7dedd;
6
- --semmet-color-on-surface: #1b201f;
5
+ --semmet-color-outline: #d4d4d8;
6
+ --semmet-color-on-surface: #18181b;
7
7
  --semmet-radius-sm: 8px;
8
8
  --semmet-motion: 160ms cubic-bezier(0.2, 0, 0, 1);
9
9
 
package/src/tooltip/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,6 +1,6 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
3
- --semmet-color-inverse-surface: #2f3736;
2
+ --semmet-color-primary: #18181b;
3
+ --semmet-color-inverse-surface: #27272a;
4
4
  --semmet-color-inverse-on-surface: #ffffff;
5
5
  --semmet-radius-sm: 6px;
6
6
  --semmet-elevation-1: 0 1px 2px rgba(20, 24, 23, 0.1), 0 1px 1px rgba(20, 24, 23, 0.06);
package/src/tree-view/files/__name@dasherize__/__name@dasherize__.css.template CHANGED
@@ -1,7 +1,7 @@
1
1
  :host {
2
- --semmet-color-primary: #0d7a72;
3
- --semmet-color-on-surface: #1b201f;
4
- --semmet-color-on-surface-variant: #576260;
2
+ --semmet-color-primary: #18181b;
3
+ --semmet-color-on-surface: #18181b;
4
+ --semmet-color-on-surface-variant: #52525b;
5
5
  --semmet-radius-sm: 6px;
6
6
  --semmet-motion: 160ms cubic-bezier(0.2, 0, 0, 1);
7
7