@ardium-ui/ui 5.0.0-alpha.70 → 5.0.0-alpha.72

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 (49) hide show
  1. package/fesm2022/ardium-ui-ui.mjs +95 -102
  2. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  3. package/lib/types/theming.types.d.ts +1 -0
  4. package/package.json +1 -1
  5. package/prebuilt-themes/default/badge.css +7 -0
  6. package/prebuilt-themes/default/badge.css.map +1 -1
  7. package/prebuilt-themes/default/buttons/button.css +7 -0
  8. package/prebuilt-themes/default/buttons/button.css.map +1 -1
  9. package/prebuilt-themes/default/buttons/fab.css +7 -0
  10. package/prebuilt-themes/default/buttons/fab.css.map +1 -1
  11. package/prebuilt-themes/default/buttons/icon-button.css +7 -0
  12. package/prebuilt-themes/default/buttons/icon-button.css.map +1 -1
  13. package/prebuilt-themes/default/calendar.css +7 -0
  14. package/prebuilt-themes/default/calendar.css.map +1 -1
  15. package/prebuilt-themes/default/checkbox.css +14 -0
  16. package/prebuilt-themes/default/checkbox.css.map +1 -1
  17. package/prebuilt-themes/default/chips.css +32 -11
  18. package/prebuilt-themes/default/chips.css.map +1 -1
  19. package/prebuilt-themes/default/file-drop-area.css +7 -0
  20. package/prebuilt-themes/default/file-drop-area.css.map +1 -1
  21. package/prebuilt-themes/default/inputs/file-input.css +7 -0
  22. package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
  23. package/prebuilt-themes/default/inputs/number-input.css +0 -6
  24. package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
  25. package/prebuilt-themes/default/progress-bar.css +7 -0
  26. package/prebuilt-themes/default/progress-bar.css.map +1 -1
  27. package/prebuilt-themes/default/progress-circle.css +7 -0
  28. package/prebuilt-themes/default/progress-circle.css.map +1 -1
  29. package/prebuilt-themes/default/radio.css +7 -0
  30. package/prebuilt-themes/default/radio.css.map +1 -1
  31. package/prebuilt-themes/default/segment.css +7 -0
  32. package/prebuilt-themes/default/segment.css.map +1 -1
  33. package/prebuilt-themes/default/slide-toggle.css +7 -0
  34. package/prebuilt-themes/default/slide-toggle.css.map +1 -1
  35. package/prebuilt-themes/default/slider.css +7 -0
  36. package/prebuilt-themes/default/slider.css.map +1 -1
  37. package/prebuilt-themes/default/snackbar.css +7 -0
  38. package/prebuilt-themes/default/snackbar.css.map +1 -1
  39. package/prebuilt-themes/default/spinner.css +7 -0
  40. package/prebuilt-themes/default/spinner.css.map +1 -1
  41. package/prebuilt-themes/default/stars.css +7 -0
  42. package/prebuilt-themes/default/stars.css.map +1 -1
  43. package/prebuilt-themes/default/tabber.css +7 -0
  44. package/prebuilt-themes/default/tabber.css.map +1 -1
  45. package/prebuilt-themes/default/table.css +7 -0
  46. package/prebuilt-themes/default/table.css.map +1 -1
  47. package/themes/default/_coloring.scss +7 -0
  48. package/themes/default/chips.scss +32 -10
  49. package/themes/default/inputs/number-input.scss +0 -7
package/prebuilt-themes/default/spinner.css CHANGED
@@ -25,6 +25,7 @@ ard-spinner {
25
25
  --ard-cmpcl--bg-colored-verylight: var(--ard-bg-darker);
26
26
  --ard-cmpcl--on-bg: var(--ard-text);
27
27
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
28
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
28
29
  --ard-cmpcl--border: var(--ard-text);
29
30
  --ard-cmpcl--border-light: var(--ard-text2);
30
31
  --ard-cmpcl--content: var(--ard-text);
@@ -42,6 +43,7 @@ ard-spinner {
42
43
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-primary-50));
43
44
  --ard-cmpcl--on-bg: var(--ard-text-alt);
44
45
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
46
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
45
47
  --ard-cmpcl--border: rgb(var(--ard-primary-300));
46
48
  --ard-cmpcl--border-light: rgb(var(--ard-primary-100));
47
49
  --ard-cmpcl--content: rgb(var(--ard-primary-700));
@@ -59,6 +61,7 @@ ard-spinner {
59
61
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-secondary-50));
60
62
  --ard-cmpcl--on-bg: var(--ard-text-alt);
61
63
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
64
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
62
65
  --ard-cmpcl--border: rgb(var(--ard-secondary-300));
63
66
  --ard-cmpcl--border-light: rgb(var(--ard-secondary-100));
64
67
  --ard-cmpcl--content: rgb(var(--ard-secondary-700));
@@ -76,6 +79,7 @@ ard-spinner {
76
79
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-warn-50));
77
80
  --ard-cmpcl--on-bg: var(--ard-text-alt);
78
81
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
82
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
79
83
  --ard-cmpcl--border: rgb(var(--ard-warn-300));
80
84
  --ard-cmpcl--border-light: rgb(var(--ard-warn-100));
81
85
  --ard-cmpcl--content: rgb(var(--ard-warn-700));
@@ -93,6 +97,7 @@ ard-spinner {
93
97
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-danger-50));
94
98
  --ard-cmpcl--on-bg: var(--ard-text-alt);
95
99
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
100
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
96
101
  --ard-cmpcl--border: rgb(var(--ard-danger-300));
97
102
  --ard-cmpcl--border-light: rgb(var(--ard-danger-100));
98
103
  --ard-cmpcl--content: rgb(var(--ard-danger-900));
@@ -110,6 +115,7 @@ ard-spinner {
110
115
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-success-50));
111
116
  --ard-cmpcl--on-bg: var(--ard-text-alt);
112
117
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
118
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
113
119
  --ard-cmpcl--border: rgb(var(--ard-success-300));
114
120
  --ard-cmpcl--border-light: rgb(var(--ard-success-100));
115
121
  --ard-cmpcl--content: rgb(var(--ard-success-900));
@@ -127,6 +133,7 @@ ard-spinner {
127
133
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-info-50));
128
134
  --ard-cmpcl--on-bg: var(--ard-text-alt);
129
135
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
136
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
130
137
  --ard-cmpcl--border: rgb(var(--ard-info-300));
131
138
  --ard-cmpcl--border-light: rgb(var(--ard-info-100));
132
139
  --ard-cmpcl--content: rgb(var(--ard-info-700));
package/prebuilt-themes/default/spinner.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/spinner.scss","../../../../projects/ui/src/themes/default/_coloring.scss"],"names":[],"mappings":"AAIA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;EAEA;;ACpBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD7GF;EACE","file":"spinner.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/spinner.scss","../../../../projects/ui/src/themes/default/_coloring.scss"],"names":[],"mappings":"AAIA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;EAEA;;ACpBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADpHF;EACE","file":"spinner.css"}
package/prebuilt-themes/default/stars.css CHANGED
@@ -28,6 +28,7 @@
28
28
  --ard-cmpcl--bg-colored-verylight: var(--ard-bg-darker);
29
29
  --ard-cmpcl--on-bg: var(--ard-text);
30
30
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
31
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
31
32
  --ard-cmpcl--border: var(--ard-text);
32
33
  --ard-cmpcl--border-light: var(--ard-text2);
33
34
  --ard-cmpcl--content: var(--ard-text);
@@ -48,6 +49,7 @@
48
49
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-primary-50));
49
50
  --ard-cmpcl--on-bg: var(--ard-text-alt);
50
51
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
52
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
51
53
  --ard-cmpcl--border: rgb(var(--ard-primary-300));
52
54
  --ard-cmpcl--border-light: rgb(var(--ard-primary-100));
53
55
  --ard-cmpcl--content: rgb(var(--ard-primary-700));
@@ -68,6 +70,7 @@
68
70
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-secondary-50));
69
71
  --ard-cmpcl--on-bg: var(--ard-text-alt);
70
72
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
73
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
71
74
  --ard-cmpcl--border: rgb(var(--ard-secondary-300));
72
75
  --ard-cmpcl--border-light: rgb(var(--ard-secondary-100));
73
76
  --ard-cmpcl--content: rgb(var(--ard-secondary-700));
@@ -88,6 +91,7 @@
88
91
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-warn-50));
89
92
  --ard-cmpcl--on-bg: var(--ard-text-alt);
90
93
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
94
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
91
95
  --ard-cmpcl--border: rgb(var(--ard-warn-300));
92
96
  --ard-cmpcl--border-light: rgb(var(--ard-warn-100));
93
97
  --ard-cmpcl--content: rgb(var(--ard-warn-700));
@@ -108,6 +112,7 @@
108
112
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-danger-50));
109
113
  --ard-cmpcl--on-bg: var(--ard-text-alt);
110
114
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
115
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
111
116
  --ard-cmpcl--border: rgb(var(--ard-danger-300));
112
117
  --ard-cmpcl--border-light: rgb(var(--ard-danger-100));
113
118
  --ard-cmpcl--content: rgb(var(--ard-danger-900));
@@ -128,6 +133,7 @@
128
133
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-success-50));
129
134
  --ard-cmpcl--on-bg: var(--ard-text-alt);
130
135
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
136
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
131
137
  --ard-cmpcl--border: rgb(var(--ard-success-300));
132
138
  --ard-cmpcl--border-light: rgb(var(--ard-success-100));
133
139
  --ard-cmpcl--content: rgb(var(--ard-success-900));
@@ -148,6 +154,7 @@
148
154
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-info-50));
149
155
  --ard-cmpcl--on-bg: var(--ard-text-alt);
150
156
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
157
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
151
158
  --ard-cmpcl--border: rgb(var(--ard-info-300));
152
159
  --ard-cmpcl--border-light: rgb(var(--ard-info-100));
153
160
  --ard-cmpcl--content: rgb(var(--ard-info-700));
package/prebuilt-themes/default/stars.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/stars.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAMA;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;;ACvBA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD1GF;AAAA;AAAA;AAAA;EACE,OEgBG;;;AFbP;EACE;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE;;AAEA;EACE;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EG1DA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EHmDE;EACA;EACA;EACA;EACA;EACA;EACA;;AGtDF;EACE;EAEA,YACE;;AAMF;EACE;;AH+CF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;;AAMJ;EACE;EACA;;AAEF;EACE;EACA","file":"stars.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/stars.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAMA;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;;ACvBA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADjHF;AAAA;AAAA;AAAA;EACE,OEgBG;;;AFbP;EACE;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE;;AAEA;EACE;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EG1DA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EHmDE;EACA;EACA;EACA;EACA;EACA;EACA;;AGtDF;EACE;EAEA,YACE;;AAMF;EACE;;AH+CF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;;AAMJ;EACE;EACA;;AAEF;EACE;EACA","file":"stars.css"}
package/prebuilt-themes/default/tabber.css CHANGED
@@ -35,6 +35,7 @@ ard-tabber {
35
35
  --ard-cmpcl--bg-colored-verylight: var(--ard-bg-darker);
36
36
  --ard-cmpcl--on-bg: var(--ard-text);
37
37
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
38
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
38
39
  --ard-cmpcl--border: var(--ard-text);
39
40
  --ard-cmpcl--border-light: var(--ard-text2);
40
41
  --ard-cmpcl--content: var(--ard-text);
@@ -52,6 +53,7 @@ ard-tabber {
52
53
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-primary-50));
53
54
  --ard-cmpcl--on-bg: var(--ard-text-alt);
54
55
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
56
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
55
57
  --ard-cmpcl--border: rgb(var(--ard-primary-300));
56
58
  --ard-cmpcl--border-light: rgb(var(--ard-primary-100));
57
59
  --ard-cmpcl--content: rgb(var(--ard-primary-700));
@@ -69,6 +71,7 @@ ard-tabber {
69
71
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-secondary-50));
70
72
  --ard-cmpcl--on-bg: var(--ard-text-alt);
71
73
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
74
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
72
75
  --ard-cmpcl--border: rgb(var(--ard-secondary-300));
73
76
  --ard-cmpcl--border-light: rgb(var(--ard-secondary-100));
74
77
  --ard-cmpcl--content: rgb(var(--ard-secondary-700));
@@ -86,6 +89,7 @@ ard-tabber {
86
89
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-warn-50));
87
90
  --ard-cmpcl--on-bg: var(--ard-text-alt);
88
91
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
92
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
89
93
  --ard-cmpcl--border: rgb(var(--ard-warn-300));
90
94
  --ard-cmpcl--border-light: rgb(var(--ard-warn-100));
91
95
  --ard-cmpcl--content: rgb(var(--ard-warn-700));
@@ -103,6 +107,7 @@ ard-tabber {
103
107
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-danger-50));
104
108
  --ard-cmpcl--on-bg: var(--ard-text-alt);
105
109
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
110
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
106
111
  --ard-cmpcl--border: rgb(var(--ard-danger-300));
107
112
  --ard-cmpcl--border-light: rgb(var(--ard-danger-100));
108
113
  --ard-cmpcl--content: rgb(var(--ard-danger-900));
@@ -120,6 +125,7 @@ ard-tabber {
120
125
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-success-50));
121
126
  --ard-cmpcl--on-bg: var(--ard-text-alt);
122
127
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
128
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
123
129
  --ard-cmpcl--border: rgb(var(--ard-success-300));
124
130
  --ard-cmpcl--border-light: rgb(var(--ard-success-100));
125
131
  --ard-cmpcl--content: rgb(var(--ard-success-900));
@@ -137,6 +143,7 @@ ard-tabber {
137
143
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-info-50));
138
144
  --ard-cmpcl--on-bg: var(--ard-text-alt);
139
145
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
146
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
140
147
  --ard-cmpcl--border: rgb(var(--ard-info-300));
141
148
  --ard-cmpcl--border-light: rgb(var(--ard-info-100));
142
149
  --ard-cmpcl--content: rgb(var(--ard-info-700));
package/prebuilt-themes/default/tabber.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/tabber.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;;AC/BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADlGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EE3DJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoDM;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAKA;EACE;;AAKF;EACE;;AAIF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;EACA","file":"tabber.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/tabber.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;;AC/BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADzGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EE3DJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoDM;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAKA;EACE;;AAKF;EACE;;AAIF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;EACA","file":"tabber.css"}
package/prebuilt-themes/default/table.css CHANGED
@@ -43,6 +43,7 @@
43
43
  --ard-cmpcl--bg-colored-verylight: var(--ard-bg-darker);
44
44
  --ard-cmpcl--on-bg: var(--ard-text);
45
45
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
46
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
46
47
  --ard-cmpcl--border: var(--ard-text);
47
48
  --ard-cmpcl--border-light: var(--ard-text2);
48
49
  --ard-cmpcl--content: var(--ard-text);
@@ -60,6 +61,7 @@
60
61
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-primary-50));
61
62
  --ard-cmpcl--on-bg: var(--ard-text-alt);
62
63
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
64
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
63
65
  --ard-cmpcl--border: rgb(var(--ard-primary-300));
64
66
  --ard-cmpcl--border-light: rgb(var(--ard-primary-100));
65
67
  --ard-cmpcl--content: rgb(var(--ard-primary-700));
@@ -77,6 +79,7 @@
77
79
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-secondary-50));
78
80
  --ard-cmpcl--on-bg: var(--ard-text-alt);
79
81
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
82
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
80
83
  --ard-cmpcl--border: rgb(var(--ard-secondary-300));
81
84
  --ard-cmpcl--border-light: rgb(var(--ard-secondary-100));
82
85
  --ard-cmpcl--content: rgb(var(--ard-secondary-700));
@@ -94,6 +97,7 @@
94
97
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-warn-50));
95
98
  --ard-cmpcl--on-bg: var(--ard-text-alt);
96
99
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
100
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
97
101
  --ard-cmpcl--border: rgb(var(--ard-warn-300));
98
102
  --ard-cmpcl--border-light: rgb(var(--ard-warn-100));
99
103
  --ard-cmpcl--content: rgb(var(--ard-warn-700));
@@ -111,6 +115,7 @@
111
115
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-danger-50));
112
116
  --ard-cmpcl--on-bg: var(--ard-text-alt);
113
117
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
118
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
114
119
  --ard-cmpcl--border: rgb(var(--ard-danger-300));
115
120
  --ard-cmpcl--border-light: rgb(var(--ard-danger-100));
116
121
  --ard-cmpcl--content: rgb(var(--ard-danger-900));
@@ -128,6 +133,7 @@
128
133
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-success-50));
129
134
  --ard-cmpcl--on-bg: var(--ard-text-alt);
130
135
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
136
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
131
137
  --ard-cmpcl--border: rgb(var(--ard-success-300));
132
138
  --ard-cmpcl--border-light: rgb(var(--ard-success-100));
133
139
  --ard-cmpcl--content: rgb(var(--ard-success-900));
@@ -145,6 +151,7 @@
145
151
  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-info-50));
146
152
  --ard-cmpcl--on-bg: var(--ard-text-alt);
147
153
  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
154
+ --ard-cmpcl--on-bg-colored-light: var(--ard-text);
148
155
  --ard-cmpcl--border: rgb(var(--ard-info-300));
149
156
  --ard-cmpcl--border-light: rgb(var(--ard-info-100));
150
157
  --ard-cmpcl--content: rgb(var(--ard-info-700));
package/prebuilt-themes/default/table.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/table.scss","../../../../projects/ui/src/themes/default/_coloring.scss"],"names":[],"mappings":"AAKA;EAKE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;EA8JA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AC3MA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD5FF;EACE;;AAGF;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAKR;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAGJ;EACE;;AAKA;EACE;;AAEF;EACE;;AAMF;AAAA;EAEE;;AAEF;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AASJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAOR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAMF;EACE;;AAiBF;EACE;EACA;;AAEF;EACE;EACA;;AAIF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAIF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAKF;AAAA;AAAA;EAGE;;AAEF;EACE;EACA;;AACA;EACE;;AAGJ;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AACA;EACE;EACA;;AAEA;EACE;EACA;;AAIN;EACE;EACA;;AAGE;EACE;;AAIF;EACE;;AAUJ;AAAA;EACE;EACA;;AAGJ;EACE;;AAEA;EACE;;AAGJ;EACE;;AAGA;EACE;EACA;;AAGJ;EACE;;AAMF;EACE;;AAMF;EACE;;AAGJ;EACE;;AAEF;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;;AAKA;EACE;EACA;EACA;;AAQF;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE;;AAOF;AAAA;AAAA;AAAA;EAEE;;AAMF;AAAA;AAAA;AAAA;EAEE;;AAMF;AAAA;AAAA;AAAA;EAEE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE","file":"table.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/table.scss","../../../../projects/ui/src/themes/default/_coloring.scss"],"names":[],"mappings":"AAKA;EAKE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;EA8JA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AC3MA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADnGF;EACE;;AAGF;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAKR;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAGJ;EACE;;AAKA;EACE;;AAEF;EACE;;AAMF;AAAA;EAEE;;AAEF;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AASJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAOR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAMF;EACE;;AAiBF;EACE;EACA;;AAEF;EACE;EACA;;AAIF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAIF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAKF;AAAA;AAAA;EAGE;;AAEF;EACE;EACA;;AACA;EACE;;AAGJ;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AACA;EACE;EACA;;AAEA;EACE;EACA;;AAIN;EACE;EACA;;AAGE;EACE;;AAIF;EACE;;AAUJ;AAAA;EACE;EACA;;AAGJ;EACE;;AAEA;EACE;;AAGJ;EACE;;AAGA;EACE;EACA;;AAGJ;EACE;;AAMF;EACE;;AAMF;EACE;;AAGJ;EACE;;AAEF;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;;AAKA;EACE;EACA;EACA;;AAQF;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE;;AAOF;AAAA;AAAA;AAAA;EAEE;;AAMF;AAAA;AAAA;AAAA;EAEE;;AAMF;AAAA;AAAA;AAAA;EAEE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE","file":"table.css"}
package/themes/default/_coloring.scss CHANGED
@@ -9,6 +9,7 @@
9
9
  --ard-#{$prefix}--bg-colored-verylight: #{ARD.$bg-d};
10
10
  --ard-#{$prefix}--on-bg: #{ARD.$text};
11
11
  --ard-#{$prefix}--on-bg-colored: #{ARD.$text-alt};
12
+ --ard-#{$prefix}--on-bg-colored-light: #{ARD.$text};
12
13
  --ard-#{$prefix}--border: #{ARD.$text};
13
14
  --ard-#{$prefix}--border-light: #{ARD.$text2};
14
15
  --ard-#{$prefix}--content: #{ARD.$text};
@@ -26,6 +27,7 @@
26
27
  --ard-#{$prefix}--bg-colored-verylight: #{ARD.$main50};
27
28
  --ard-#{$prefix}--on-bg: #{ARD.$text-alt};
28
29
  --ard-#{$prefix}--on-bg-colored: #{ARD.$text-alt};
30
+ --ard-#{$prefix}--on-bg-colored-light: #{ARD.$text};
29
31
  --ard-#{$prefix}--border: #{ARD.$main300};
30
32
  --ard-#{$prefix}--border-light: #{ARD.$main100};
31
33
  --ard-#{$prefix}--content: #{ARD.$main700};
@@ -43,6 +45,7 @@
43
45
  --ard-#{$prefix}--bg-colored-verylight: #{ARD.$scnd50};
44
46
  --ard-#{$prefix}--on-bg: #{ARD.$text-alt};
45
47
  --ard-#{$prefix}--on-bg-colored: #{ARD.$text-alt};
48
+ --ard-#{$prefix}--on-bg-colored-light: #{ARD.$text};
46
49
  --ard-#{$prefix}--border: #{ARD.$scnd300};
47
50
  --ard-#{$prefix}--border-light: #{ARD.$scnd100};
48
51
  --ard-#{$prefix}--content: #{ARD.$scnd700};
@@ -60,6 +63,7 @@
60
63
  --ard-#{$prefix}--bg-colored-verylight: #{ARD.$warn50};
61
64
  --ard-#{$prefix}--on-bg: #{ARD.$text-alt};
62
65
  --ard-#{$prefix}--on-bg-colored: #{ARD.$text-alt};
66
+ --ard-#{$prefix}--on-bg-colored-light: #{ARD.$text};
63
67
  --ard-#{$prefix}--border: #{ARD.$warn300};
64
68
  --ard-#{$prefix}--border-light: #{ARD.$warn100};
65
69
  --ard-#{$prefix}--content: #{ARD.$warn700};
@@ -77,6 +81,7 @@
77
81
  --ard-#{$prefix}--bg-colored-verylight: #{ARD.$danger50};
78
82
  --ard-#{$prefix}--on-bg: #{ARD.$text-alt};
79
83
  --ard-#{$prefix}--on-bg-colored: #{ARD.$text-alt};
84
+ --ard-#{$prefix}--on-bg-colored-light: #{ARD.$text};
80
85
  --ard-#{$prefix}--border: #{ARD.$danger300};
81
86
  --ard-#{$prefix}--border-light: #{ARD.$danger100};
82
87
  --ard-#{$prefix}--content: #{ARD.$danger900};
@@ -94,6 +99,7 @@
94
99
  --ard-#{$prefix}--bg-colored-verylight: #{ARD.$success50};
95
100
  --ard-#{$prefix}--on-bg: #{ARD.$text-alt};
96
101
  --ard-#{$prefix}--on-bg-colored: #{ARD.$text-alt};
102
+ --ard-#{$prefix}--on-bg-colored-light: #{ARD.$text};
97
103
  --ard-#{$prefix}--border: #{ARD.$success300};
98
104
  --ard-#{$prefix}--border-light: #{ARD.$success100};
99
105
  --ard-#{$prefix}--content: #{ARD.$success900};
@@ -111,6 +117,7 @@
111
117
  --ard-#{$prefix}--bg-colored-verylight: #{ARD.$info50};
112
118
  --ard-#{$prefix}--on-bg: #{ARD.$text-alt};
113
119
  --ard-#{$prefix}--on-bg-colored: #{ARD.$text-alt};
120
+ --ard-#{$prefix}--on-bg-colored-light: #{ARD.$text};
114
121
  --ard-#{$prefix}--border: #{ARD.$info300};
115
122
  --ard-#{$prefix}--border-light: #{ARD.$info100};
116
123
  --ard-#{$prefix}--content: #{ARD.$info700};
package/themes/default/chips.scss CHANGED
@@ -24,10 +24,16 @@
24
24
  --ard-chip-content-wrapper-padding: 0.5rem;
25
25
  --ard-chip-selectable-hover-overlay-opacity: 7.5%;
26
26
  --ard-chip-selectable-active-overlay-opacity: 20%;
27
+ // --ard-chip-filled-unselected-background: ;
28
+ // --ard-chip-filled-unselected-color: ;
29
+ // --ard-chip-outlined-strong-selectable-border-color: ;
30
+ // --ard-chip-outlined-strong-selectable-color: ;
27
31
  --ard-chip-outlined-hover-overlay-opacity: 4%;
28
32
  --ard-chip-outlined-active-overlay-opacity: 10%;
29
33
  --ard-chip-outlined-selected-overlay-opacity: 12%;
30
34
  --ard-chip-outlined-selected-hover-overlay-opacity: 17%;
35
+ --ard-chip-outlined-selected-focus-overlay-opacity: 0%;
36
+ --ard-chip-outlined-selected-focus-visible-overlay-opacity: 17%;
31
37
  --ard-chip-outlined-selected-active-overlay-opacity: 22%;
32
38
  --ard-chip-transition: 0.15s ease;
33
39
  --ard-chip-disabled-opacity: 60%;
@@ -91,14 +97,13 @@
91
97
  }
92
98
  }
93
99
  //! appearances
94
- &.ard-appearance-filled {
95
- background: var(--ard-cmpcl--bg-colored);
96
- color: var(--ard-cmpcl--on-bg-colored);
97
- border: none;
100
+ &.ard-appearance-filled,
101
+ &.ard-appearance-filled-strong {
102
+ border: 1px solid transparent;
98
103
 
99
104
  &.ard-chip-selectable {
100
- background-color: ARD.$bg-f;
101
- color: ARD.$text2;
105
+ background-color: var(--ard-chip-filled-unselected-background, #{ARD.$bg-f});
106
+ color: var(--ard-chip-filled-unselected-color, #{ARD.$text2});
102
107
  transition: color var(--ard-chip-transition, 0.15s ease), border-color var(--ard-chip-transition, 0.15s ease), background-color var(--ard-chip-transition, 0.15s ease);
103
108
 
104
109
  &.ard-chip-selected {
@@ -107,6 +112,14 @@
107
112
  }
108
113
  }
109
114
  }
115
+ &.ard-appearance-filled {
116
+ background: var(--ard-cmpcl--bg-colored-light);
117
+ color: var(--ard-cmpcl--on-bg-colored-light);
118
+ }
119
+ &.ard-appearance-filled-strong {
120
+ background: var(--ard-cmpcl--bg-colored);
121
+ color: var(--ard-cmpcl--on-bg-colored);
122
+ }
110
123
  &.ard-appearance-outlined,
111
124
  &.ard-appearance-outlined-strong {
112
125
  background: transparent;
@@ -141,12 +154,21 @@
141
154
  > .ard-focus-overlay {
142
155
  opacity: var(--ard-chip-outlined-selected-overlay-opacity, 12%);
143
156
  }
144
- &:hover,
145
- &:focus {
157
+ &:hover {
146
158
  > .ard-focus-overlay {
147
159
  opacity: var(--ard-chip-outlined-selected-hover-overlay-opacity, 17%);
148
160
  }
149
161
  }
162
+ &:focus {
163
+ > .ard-focus-overlay {
164
+ opacity: var(--ard-chip-outlined-selected-focus-overlay-opacity, 0%);
165
+ }
166
+ }
167
+ &:focus-visible {
168
+ > .ard-focus-overlay {
169
+ opacity: var(--ard-chip-outlined-selected-focus-visible-overlay-opacity, 17%);
170
+ }
171
+ }
150
172
  &:active {
151
173
  > .ard-focus-overlay {
152
174
  opacity: var(--ard-chip-outlined-selected-active-overlay-opacity, 22%);
@@ -161,8 +183,8 @@
161
183
  background: var(--ard-cmpcl--bg-colored);
162
184
  }
163
185
  &.ard-chip-selectable {
164
- color: var(--ard-text2);
165
- border: 1px solid var(--ard-detail-light);
186
+ color: var(--ard-chip-outlined-strong-selectable-color, var(--ard-text2));
187
+ border: 1px solid var(--ard-chip-outlined-strong-selectable-border-color, var(--ard-detail-light));
166
188
  }
167
189
  }
168
190
 
package/themes/default/inputs/number-input.scss CHANGED
@@ -72,13 +72,6 @@ ard-number-input {
72
72
  padding-right: var(--ard-number-input-padding-right, var(--ard-form-field-padding-right, 0.375rem));
73
73
  padding-top: var(--ard-number-input-padding-top, var(--ard-form-field-padding-top, 0));
74
74
  padding-bottom: var(--ard-number-input-padding-bottom, var(--ard-form-field-padding-bottom, 0));
75
-
76
- input {
77
- padding-left: var(--ard-number-input-padding-left, var(--ard-form-field-padding-left, 0.375rem));
78
- padding-right: var(--ard-number-input-padding-right, var(--ard-form-field-padding-right, 0.375rem));
79
- padding-top: var(--ard-number-input-padding-top, var(--ard-form-field-padding-top, 0));
80
- padding-bottom: var(--ard-number-input-padding-bottom, var(--ard-form-field-padding-bottom, 0));
81
- }
82
75
  }
83
76
 
84
77
  //! prefix & suffix