@ardium-ui/ui 3.1.1 → 3.2.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 (75) hide show
  1. package/esm2022/lib/inputs/_simple-input-base.mjs +3 -9
  2. package/esm2022/lib/inputs/input/input.component.mjs +4 -4
  3. package/esm2022/lib/inputs/input/input.directives.mjs +5 -5
  4. package/esm2022/lib/inputs/input/input.module.mjs +7 -7
  5. package/esm2022/lib/inputs/simple-input/simple-input.component.mjs +9 -3
  6. package/fesm2022/ardium-ui-ui.mjs +78 -78
  7. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  8. package/lib/inputs/_simple-input-base.d.ts +4 -5
  9. package/lib/inputs/input/input.component.d.ts +2 -2
  10. package/lib/inputs/input/input.directives.d.ts +3 -3
  11. package/lib/inputs/input/input.module.d.ts +1 -1
  12. package/lib/inputs/simple-input/simple-input.component.d.ts +5 -1
  13. package/package.json +1 -1
  14. package/prebuilt-themes/default/buttons/button.css.map +1 -1
  15. package/prebuilt-themes/default/buttons/fab.css.map +1 -1
  16. package/prebuilt-themes/default/buttons/icon-button.css.map +1 -1
  17. package/prebuilt-themes/default/calendar.css +1 -1
  18. package/prebuilt-themes/default/calendar.css.map +1 -1
  19. package/prebuilt-themes/default/checkbox-list.css.map +1 -1
  20. package/prebuilt-themes/default/checkbox.css.map +1 -1
  21. package/prebuilt-themes/default/chips.css.map +1 -1
  22. package/prebuilt-themes/default/form-field-frame.css.map +1 -1
  23. package/prebuilt-themes/default/inputs/color-input.css.map +1 -1
  24. package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
  25. package/prebuilt-themes/default/inputs/hex-input.css.map +1 -1
  26. package/prebuilt-themes/default/inputs/input.css.map +1 -1
  27. package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
  28. package/prebuilt-themes/default/inputs/search-bar.css.map +1 -1
  29. package/prebuilt-themes/default/inputs/simple-input.css.map +1 -1
  30. package/prebuilt-themes/default/radio.css.map +1 -1
  31. package/prebuilt-themes/default/segment.css.map +1 -1
  32. package/prebuilt-themes/default/select.css.map +1 -1
  33. package/prebuilt-themes/default/slide-toggle.css.map +1 -1
  34. package/prebuilt-themes/default/slider.css.map +1 -1
  35. package/prebuilt-themes/default/stars.css.map +1 -1
  36. package/prebuilt-themes/default/statebox.css.map +1 -1
  37. package/prebuilt-themes/default/tabber.css.map +1 -1
  38. package/prebuilt-themes/default/table.css +1 -1
  39. package/themes/default/_clear-button.scss +6 -6
  40. package/themes/default/_coloring.scss +110 -110
  41. package/themes/default/_dropdown-arrow.scss +4 -4
  42. package/themes/default/_mixins.scss +6 -12
  43. package/themes/default/buttons/_button-mixins.scss +10 -12
  44. package/themes/default/calendar.scss +9 -9
  45. package/themes/default/card.scss +6 -6
  46. package/themes/default/checkbox-list.scss +2 -2
  47. package/themes/default/checkbox.scss +3 -3
  48. package/themes/default/chips.scss +6 -6
  49. package/themes/default/color-display.scss +2 -2
  50. package/themes/default/color-picker.scss +6 -6
  51. package/themes/default/divider.scss +3 -3
  52. package/themes/default/dropdown-panel.scss +4 -4
  53. package/themes/default/form-field-frame.scss +6 -6
  54. package/themes/default/inputs/_shared.scss +1 -1
  55. package/themes/default/inputs/digit-input.scss +3 -3
  56. package/themes/default/inputs/file-input.scss +2 -2
  57. package/themes/default/inputs/hex-input.scss +2 -2
  58. package/themes/default/inputs/input.scss +4 -4
  59. package/themes/default/inputs/number-input.scss +3 -3
  60. package/themes/default/inputs/password-input.scss +2 -2
  61. package/themes/default/kbd-shortcut.scss +2 -2
  62. package/themes/default/kbd.scss +5 -5
  63. package/themes/default/modal.scss +5 -5
  64. package/themes/default/progress-bar.scss +3 -3
  65. package/themes/default/progress-circle.scss +2 -2
  66. package/themes/default/radio.scss +5 -5
  67. package/themes/default/segment.scss +7 -7
  68. package/themes/default/select.scss +10 -10
  69. package/themes/default/slide-toggle.scss +9 -9
  70. package/themes/default/slider.scss +8 -8
  71. package/themes/default/snackbar.scss +3 -3
  72. package/themes/default/stars.scss +2 -2
  73. package/themes/default/statebox.scss +2 -2
  74. package/themes/default/tabber.scss +3 -3
  75. package/themes/default/table.scss +19 -19
package/themes/default/table.scss CHANGED
@@ -1,13 +1,13 @@
1
1
  @use './coloring' as CM;
2
- @import '../variables';
2
+ @use '../variables' as ARD;
3
3
 
4
4
  .ard-table {
5
5
  @include CM.typeColors();
6
6
  border-collapse: collapse;
7
- background: $bg;
7
+ background: ARD.$bg;
8
8
 
9
9
  .ard-table__body {
10
- border: 1px solid $detail-ultralight;
10
+ border: 1px solid ARD.$detail-ultralight;
11
11
  }
12
12
  .ard-table__header-cell,
13
13
  .ard-table__body-cell {
@@ -58,7 +58,7 @@
58
58
  }
59
59
  }
60
60
  .ard-table__body-row .ard-table__body-cell {
61
- border-bottom: 1px solid $detail-ultralight;
61
+ border-bottom: 1px solid ARD.$detail-ultralight;
62
62
  }
63
63
 
64
64
  //! empty rows
@@ -85,10 +85,10 @@
85
85
  }
86
86
  }
87
87
  .ard-table__progress-bar-row {
88
- background-color: $bg;
89
- border-left: 1px solid $detail-ultralight;
90
- border-right: 1px solid $detail-ultralight;
91
- border-bottom: 1px solid $bg;
88
+ background-color: ARD.$bg;
89
+ border-left: 1px solid ARD.$detail-ultralight;
90
+ border-right: 1px solid ARD.$detail-ultralight;
91
+ border-bottom: 1px solid ARD.$bg;
92
92
 
93
93
  .ard-table__progress-bar-cell {
94
94
  height: 0.1875rem;
@@ -140,9 +140,9 @@
140
140
  caption-side: bottom;
141
141
  height: 3.125rem;
142
142
  box-sizing: border-box;
143
- color: $detail;
144
- background: $bg;
145
- border: 1px solid $detail-ultralight;
143
+ color: ARD.$detail;
144
+ background: ARD.$bg;
145
+ border: 1px solid ARD.$detail-ultralight;
146
146
  border-top: none;
147
147
  padding: 0 0.75rem;
148
148
 
@@ -156,14 +156,14 @@
156
156
  //! footer
157
157
  .ard-table__foot {
158
158
  .ard-table__pagination-cell {
159
- border: 1px solid $detail-ultralight;
159
+ border: 1px solid ARD.$detail-ultralight;
160
160
  }
161
161
  }
162
162
 
163
163
  //! color
164
164
  --ard-_table-header-border: var(--ard-cmpcl--border);
165
165
  --ard-_table-header-border-light: var(--ard-cmpcl--border-light);
166
- --ard-_table-border: $border;
166
+ --ard-_table-border: ARD.$border;
167
167
  --ard-_table-header-background: var(--ard-cmpcl--bg);
168
168
  --ard-_table-header-background-light: var(--ard-cmpcl--bg-header);
169
169
  --ard-_table-header-color: var(--ard-cmpcl--content);
@@ -174,7 +174,7 @@
174
174
  //! appearances
175
175
  &.ard-appearance-strong {
176
176
  .ard-table__header {
177
- border-bottom: 1px solid $detail-ultralight;
177
+ border-bottom: 1px solid ARD.$detail-ultralight;
178
178
  background-color: var(--ard-_table-header-background);
179
179
  }
180
180
  .ard-table__header-cell {
@@ -196,14 +196,14 @@
196
196
  }
197
197
  &.ard-appearance-colorless {
198
198
  .ard-table__header-cell {
199
- color: $text;
199
+ color: ARD.$text;
200
200
  }
201
201
  .ard-table__header {
202
- border: 1px solid $detail-ultralight;
203
- background-color: $bg;
202
+ border: 1px solid ARD.$detail-ultralight;
203
+ background-color: ARD.$bg;
204
204
  }
205
205
  .ard-table__header-row .ard-table__header-cell {
206
- border-bottom: 1px solid $detail-ultralight;
206
+ border-bottom: 1px solid ARD.$detail-ultralight;
207
207
  }
208
208
  }
209
209
  //! variants
@@ -293,7 +293,7 @@
293
293
  //! zebra
294
294
  &.ard-zebra-table {
295
295
  .ard-table__body-row:nth-of-type(2n-1) {
296
- background: $darken-overlay-ultralight;
296
+ background: ARD.$darken-overlay-ultralight;
297
297
  }
298
298
  }
299
299