@ardium-ui/ui 3.3.0-alpha.1 → 3.3.0-alpha.10

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 (70) hide show
  1. package/esm2022/lib/_internal/focusable-component.mjs +5 -5
  2. package/esm2022/lib/_internal/form-field-component.mjs +5 -27
  3. package/esm2022/lib/_internal/item-storages/simple-item-storage.mjs +5 -2
  4. package/esm2022/lib/_internal/ngmodel-component.mjs +57 -5
  5. package/esm2022/lib/_internal/selectable-list-component.mjs +10 -12
  6. package/esm2022/lib/checkbox/checkbox.component.mjs +2 -3
  7. package/esm2022/lib/checkbox-list/checkbox-list.component.mjs +2 -4
  8. package/esm2022/lib/file-inputs/file-input/file-input.component.mjs +3 -3
  9. package/esm2022/lib/file-inputs/file-input-base.mjs +3 -4
  10. package/esm2022/lib/form-field/form-field.component.mjs +3 -4
  11. package/esm2022/lib/form-field/horizontal-form-field.component.mjs +3 -4
  12. package/esm2022/lib/form-field-frame/form-field-frame.component.mjs +12 -7
  13. package/esm2022/lib/inputs/digit-input/digit-input.component.mjs +16 -9
  14. package/esm2022/lib/inputs/digit-input/digit-input.model.mjs +23 -11
  15. package/esm2022/lib/inputs/digit-input/digit-input.utils.mjs +1 -1
  16. package/esm2022/lib/inputs/hex-input/hex-input.component.mjs +3 -3
  17. package/esm2022/lib/inputs/input/input.component.mjs +3 -3
  18. package/esm2022/lib/inputs/number-input/number-input.component.mjs +3 -3
  19. package/esm2022/lib/inputs/password-input/password-input.component.mjs +3 -3
  20. package/esm2022/lib/inputs/simple-input/simple-input.component.mjs +3 -3
  21. package/esm2022/lib/radio/radio/radio.component.mjs +77 -6
  22. package/esm2022/lib/radio/radio/radio.defaults.mjs +3 -3
  23. package/esm2022/lib/radio/radio-group.component.mjs +3 -3
  24. package/esm2022/lib/segment/segment.component.mjs +26 -4
  25. package/esm2022/lib/select/select.component.mjs +3 -3
  26. package/esm2022/lib/slider/range-slider/range-slider.component.mjs +2 -1
  27. package/esm2022/lib/table/table.component.mjs +1 -1
  28. package/fesm2022/ardium-ui-ui.mjs +239 -98
  29. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  30. package/lib/_internal/focusable-component.d.ts +1 -1
  31. package/lib/_internal/form-field-component.d.ts +4 -13
  32. package/lib/_internal/item-storages/simple-item-storage.d.ts +1 -0
  33. package/lib/_internal/ngmodel-component.d.ts +16 -3
  34. package/lib/_internal/selectable-list-component.d.ts +3 -4
  35. package/lib/checkbox/checkbox.component.d.ts +1 -2
  36. package/lib/checkbox-list/checkbox-list.component.d.ts +1 -2
  37. package/lib/file-inputs/file-input-base.d.ts +1 -2
  38. package/lib/form-field/form-field.component.d.ts +0 -1
  39. package/lib/form-field/horizontal-form-field.component.d.ts +0 -1
  40. package/lib/form-field-frame/form-field-frame.component.d.ts +3 -2
  41. package/lib/inputs/digit-input/digit-input.component.d.ts +5 -2
  42. package/lib/inputs/digit-input/digit-input.utils.d.ts +1 -0
  43. package/lib/radio/radio/radio.component.d.ts +41 -3
  44. package/lib/radio/radio/radio.defaults.d.ts +2 -2
  45. package/lib/radio/radio-group.component.d.ts +1 -2
  46. package/package.json +1 -1
  47. package/prebuilt-themes/default/chips.css.map +1 -1
  48. package/prebuilt-themes/default/form-field-frame.css +10 -4
  49. package/prebuilt-themes/default/form-field-frame.css.map +1 -1
  50. package/prebuilt-themes/default/form-field.css +12 -0
  51. package/prebuilt-themes/default/form-field.css.map +1 -1
  52. package/prebuilt-themes/default/inputs/digit-input.css +14 -3
  53. package/prebuilt-themes/default/inputs/digit-input.css.map +1 -1
  54. package/prebuilt-themes/default/inputs/file-input.css +0 -5
  55. package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
  56. package/prebuilt-themes/default/inputs/input.css +0 -5
  57. package/prebuilt-themes/default/inputs/input.css.map +1 -1
  58. package/prebuilt-themes/default/inputs/number-input.css +6 -3
  59. package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
  60. package/prebuilt-themes/default/inputs/simple-input.css +0 -5
  61. package/prebuilt-themes/default/inputs/simple-input.css.map +1 -1
  62. package/prebuilt-themes/default/segment.css +6 -3
  63. package/prebuilt-themes/default/segment.css.map +1 -1
  64. package/themes/default/_mixins.scss +6 -4
  65. package/themes/default/form-field-frame.scss +5 -1
  66. package/themes/default/form-field.scss +13 -0
  67. package/themes/default/inputs/digit-input.scss +11 -0
  68. package/themes/default/inputs/file-input.scss +0 -6
  69. package/themes/default/inputs/input.scss +1 -7
  70. package/themes/default/inputs/simple-input.scss +1 -8
package/prebuilt-themes/default/segment.css CHANGED
@@ -152,6 +152,9 @@
152
152
  .ard-segment-container.ard-appearance-outlined.ard-focused {
153
153
  --ard-appearance-border-color: var(--ard-border-dark);
154
154
  }
155
+ .ard-segment-container.ard-appearance-outlined.ard-is-success {
156
+ --ard-appearance-border-color: rgb(var(--ard-success-500));
157
+ }
155
158
  .ard-segment-container.ard-appearance-outlined.ard-has-error {
156
159
  --ard-appearance-background: rgb(var(--ard-danger-50));
157
160
  --ard-appearance-border-color: rgb(var(--ard-danger-500));
@@ -160,6 +163,9 @@
160
163
  --ard-appearance-background: var(--ard-bg-filled);
161
164
  --ard-appearance-border: none;
162
165
  }
166
+ .ard-segment-container.ard-appearance-filled.ard-is-success {
167
+ --ard-appearance-background: rgb(var(--ard-success-50));
168
+ }
163
169
  .ard-segment-container.ard-appearance-filled.ard-has-error {
164
170
  --ard-appearance-background: rgb(var(--ard-danger-50));
165
171
  }
@@ -167,9 +173,6 @@
167
173
  --ard-appearance-background: transparent;
168
174
  --ard-appearance-border: none;
169
175
  }
170
- .ard-segment-container.ard-appearance-transparent.ard-has-error {
171
- --ard-appearance-border: 1px solid rgba(var(--ard-danger-500), 0.1);
172
- }
173
176
  .ard-segment-container.ard-variant-rounded, .ard-segment-container.ard-variant-semirounded {
174
177
  --ard-variant-border-radius: 8px;
175
178
  }
package/prebuilt-themes/default/segment.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/segment.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECqDA;;ACjEA;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;;AAEA;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;;AAQJ;EAEE;;AAEF;EACE;;AAEF;EACE;;ADzDF;ECZA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EDKE;;AAIF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAQJ;EACE;;AAIF;EACE;;AAIF;EACE;;AAOA;EACE;;AAIF;EACE;;AAOR;EACE;;AAII;EACE;;AAGF;EACE;;AAKR;EAEE,YG7HC;EH8HD;;AAEA;EACE;;AAEA;EACE;EACA;;AAGJ;EAGE;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAOF;EACE;;AAIE;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAMF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAMF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;;AAQN;EACE;;AAEF;EACE;;AAMN;EACE;EACA;;AAGJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKE;EACE;;AAIF;EACE;;AAKR;EACE;EACA;;AAGE;EACE;;AAEA;EACE;;AAGA;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;;AAQV;EACE;;AAGE;EACE;;AAIN;EAEE;EACA;;AAGE;EACE;;AAIN;EAEE;;AAGE;EACE;;AAIN;EACE;;AAKA;EACE;EACA;;AAEA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAKJ;EACE;EACA;;AAEA;EACE;;AAKA;AAAA;EAEE;;AAEF;EACE","file":"segment.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/segment.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECuDA;;ACnEA;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;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;AAOF;EAEE;;AAEF;EACE;;AAEF;EACE;;AD3DF;ECZA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EDKE;;AAIF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAQJ;EACE;;AAIF;EACE;;AAIF;EACE;;AAOA;EACE;;AAIF;EACE;;AAOR;EACE;;AAII;EACE;;AAGF;EACE;;AAKR;EAEE,YG7HC;EH8HD;;AAEA;EACE;;AAEA;EACE;EACA;;AAGJ;EAGE;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAOF;EACE;;AAIE;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAMF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAMF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;;AAQN;EACE;;AAEF;EACE;;AAMN;EACE;EACA;;AAGJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKE;EACE;;AAIF;EACE;;AAKR;EACE;EACA;;AAGE;EACE;;AAEA;EACE;;AAGA;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;;AAQV;EACE;;AAGE;EACE;;AAIN;EAEE;EACA;;AAGE;EACE;;AAIN;EAEE;;AAGE;EACE;;AAIN;EACE;;AAKA;EACE;EACA;;AAEA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAKJ;EACE;EACA;;AAEA;EACE;;AAKA;AAAA;EAEE;;AAEF;EACE","file":"segment.css"}
package/themes/default/_mixins.scss CHANGED
@@ -42,6 +42,9 @@
42
42
  &.ard-focused {
43
43
  --ard-appearance-border-color: #{ARD.$border-dark};
44
44
  }
45
+ &.ard-is-success {
46
+ --ard-appearance-border-color: #{ARD.$success500};
47
+ }
45
48
  &.ard-has-error {
46
49
  --ard-appearance-background: #{ARD.$danger50};
47
50
  --ard-appearance-border-color: #{ARD.$danger500};
@@ -51,6 +54,9 @@
51
54
  --ard-appearance-background: #{ARD.$bg-f};
52
55
  --ard-appearance-border: none;
53
56
 
57
+ &.ard-is-success {
58
+ --ard-appearance-background: #{ARD.$success50};
59
+ }
54
60
  &.ard-has-error {
55
61
  --ard-appearance-background: #{ARD.$danger50};
56
62
  }
@@ -58,10 +64,6 @@
58
64
  &.ard-appearance-transparent {
59
65
  --ard-appearance-background: transparent;
60
66
  --ard-appearance-border: none;
61
-
62
- &.ard-has-error {
63
- --ard-appearance-border: 1px solid rgba(#{ARD.$danger500-rgb}, 0.1);
64
- }
65
67
  }
66
68
  }
67
69
 
package/themes/default/form-field-frame.scss CHANGED
@@ -16,7 +16,11 @@
16
16
 
17
17
  .ard-form-field-content-container {
18
18
  flex-grow: 1;
19
- min-height: 100%;
19
+ min-height: inherit;
20
+
21
+ > * {
22
+ min-height: inherit;
23
+ }
20
24
  }
21
25
  .ard-form-field-prefix-container,
22
26
  .ard-form-field-suffix-container {
package/themes/default/form-field.scss CHANGED
@@ -52,6 +52,19 @@ ard-horizontal-form-field {
52
52
  color: ARD.$danger700;
53
53
  }
54
54
  }
55
+ &.ard-form-field__is-success {
56
+ .ard-label {
57
+ color: ARD.$success700;
58
+ }
59
+ }
60
+ &.ard-form-field__control-disabled {
61
+ .ard-label {
62
+ opacity: 40%;
63
+ }
64
+ .ard-form-field__hints {
65
+ opacity: 50%;
66
+ }
67
+ }
55
68
  }
56
69
  .ard-horizontal-form-field {
57
70
  align-items: flex-start;
package/themes/default/inputs/digit-input.scss CHANGED
@@ -71,6 +71,11 @@ ard-digit-input {
71
71
  }
72
72
  }
73
73
 
74
+ &.ard-is-success {
75
+ .ard-digit-input__item .ard-digit-input__input {
76
+ border-color: ARD.$success500;
77
+ }
78
+ }
74
79
  &.ard-has-error {
75
80
  .ard-digit-input__item .ard-digit-input__input {
76
81
  background-color: ARD.$danger50;
@@ -88,3 +93,9 @@ ard-digit-input {
88
93
  --ard-variant-border-radius: 0;
89
94
  }
90
95
  }
96
+ .ard-disabled {
97
+ > .ard-digit-input {
98
+ opacity: 50%;
99
+ pointer-events: none;
100
+ }
101
+ }
package/themes/default/inputs/file-input.scss CHANGED
@@ -77,9 +77,3 @@
77
77
 
78
78
  @include CB.clearButton();
79
79
  }
80
- .ard-disabled {
81
- .ard-input {
82
- pointer-events: none;
83
- opacity: 50%;
84
- }
85
- }
package/themes/default/inputs/input.scss CHANGED
@@ -43,10 +43,4 @@
43
43
  font-size: 0.9rem;
44
44
  }
45
45
  }
46
- }
47
- .ard-disabled {
48
- .ard-input {
49
- pointer-events: none;
50
- opacity: 50%;
51
- }
52
- }
46
+ }
package/themes/default/inputs/simple-input.scss CHANGED
@@ -9,11 +9,4 @@
9
9
  max-width: 100%;
10
10
 
11
11
  @include CB.clearButton();
12
- }
13
- //! disabled state
14
- .ard-disabled {
15
- .ard-simple-input {
16
- pointer-events: none;
17
- opacity: 50%;
18
- }
19
- }
12
+ }