@ardium-ui/ui 3.2.7 → 3.3.0-alpha.3

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 (111) hide show
  1. package/esm2022/lib/_internal/boolean-component.mjs +1 -1
  2. package/esm2022/lib/_internal/focusable-component.mjs +8 -6
  3. package/esm2022/lib/_internal/form-field-component.mjs +57 -0
  4. package/esm2022/lib/_internal/item-storages/dropdown-item-storage.mjs +4 -1
  5. package/esm2022/lib/_internal/ngmodel-component.mjs +5 -2
  6. package/esm2022/lib/_internal/public-api.mjs +2 -0
  7. package/esm2022/lib/_internal/selectable-list-component.mjs +6 -6
  8. package/esm2022/lib/checkbox/checkbox.component.mjs +1 -1
  9. package/esm2022/lib/file-inputs/file-input/file-input.component.mjs +3 -3
  10. package/esm2022/lib/form-field/error/error.component.mjs +17 -0
  11. package/esm2022/lib/form-field/error/error.directive.mjs +17 -0
  12. package/esm2022/lib/form-field/form-field.component.mjs +34 -0
  13. package/esm2022/lib/form-field/form-field.defaults.mjs +15 -0
  14. package/esm2022/lib/form-field/form-field.module.mjs +44 -0
  15. package/esm2022/lib/form-field/hint/hint.component.mjs +17 -0
  16. package/esm2022/lib/form-field/hint/hint.directive.mjs +30 -0
  17. package/esm2022/lib/form-field/horizontal-form-field.component.mjs +34 -0
  18. package/esm2022/lib/form-field/index.mjs +9 -0
  19. package/esm2022/lib/form-field/label/label.component.mjs +21 -0
  20. package/esm2022/lib/form-field-frame/form-field-frame.component.mjs +14 -7
  21. package/esm2022/lib/inputs/_simple-input-base.mjs +4 -4
  22. package/esm2022/lib/inputs/digit-input/digit-input.component.mjs +28 -11
  23. package/esm2022/lib/inputs/digit-input/digit-input.defaults.mjs +3 -3
  24. package/esm2022/lib/inputs/digit-input/digit-input.model.mjs +5 -3
  25. package/esm2022/lib/inputs/digit-input/digit-input.types.mjs +1 -1
  26. package/esm2022/lib/inputs/digit-input/digit-input.utils.mjs +1 -1
  27. package/esm2022/lib/inputs/hex-input/hex-input.component.mjs +13 -5
  28. package/esm2022/lib/inputs/hex-input/hex-input.defaults.mjs +3 -3
  29. package/esm2022/lib/inputs/input/input.component.mjs +12 -3
  30. package/esm2022/lib/inputs/number-input/number-input.component.mjs +15 -7
  31. package/esm2022/lib/inputs/number-input/number-input.defaults.mjs +3 -3
  32. package/esm2022/lib/inputs/password-input/password-input.component.mjs +15 -5
  33. package/esm2022/lib/inputs/password-input/password-input.defaults.mjs +3 -3
  34. package/esm2022/lib/inputs/simple-input/simple-input.component.mjs +12 -3
  35. package/esm2022/lib/inputs/simple-input/simple-input.defaults.mjs +3 -3
  36. package/esm2022/lib/segment/segment.component.mjs +3 -3
  37. package/esm2022/lib/select/select.component.mjs +16 -8
  38. package/esm2022/lib/select/select.defaults.mjs +3 -3
  39. package/esm2022/lib/slide-toggle/slide-toggle.component.mjs +1 -1
  40. package/esm2022/lib/table-pagination/table-pagination.component.mjs +1 -1
  41. package/esm2022/public-api.mjs +3 -1
  42. package/fesm2022/ardium-ui-ui.mjs +383 -65
  43. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  44. package/lib/_internal/focusable-component.d.ts +4 -3
  45. package/lib/_internal/form-field-component.d.ts +30 -0
  46. package/lib/_internal/ngmodel-component.d.ts +1 -0
  47. package/lib/_internal/public-api.d.ts +3 -0
  48. package/lib/form-field/error/error.component.d.ts +6 -0
  49. package/lib/form-field/error/error.directive.d.ts +5 -0
  50. package/lib/form-field/form-field.component.d.ts +20 -0
  51. package/lib/form-field/form-field.defaults.d.ts +8 -0
  52. package/lib/form-field/form-field.module.d.ts +14 -0
  53. package/lib/form-field/hint/hint.component.d.ts +6 -0
  54. package/lib/form-field/hint/hint.directive.d.ts +8 -0
  55. package/lib/form-field/horizontal-form-field.component.d.ts +20 -0
  56. package/lib/form-field/index.d.ts +8 -0
  57. package/lib/form-field/label/label.component.d.ts +8 -0
  58. package/lib/form-field-frame/form-field-frame.component.d.ts +4 -2
  59. package/lib/inputs/_simple-input-base.d.ts +3 -3
  60. package/lib/inputs/digit-input/digit-input.component.d.ts +6 -4
  61. package/lib/inputs/digit-input/digit-input.defaults.d.ts +2 -2
  62. package/lib/inputs/digit-input/digit-input.model.d.ts +4 -1
  63. package/lib/inputs/digit-input/digit-input.types.d.ts +1 -0
  64. package/lib/inputs/digit-input/digit-input.utils.d.ts +1 -0
  65. package/lib/inputs/hex-input/hex-input.component.d.ts +2 -2
  66. package/lib/inputs/hex-input/hex-input.defaults.d.ts +2 -2
  67. package/lib/inputs/number-input/number-input.component.d.ts +2 -2
  68. package/lib/inputs/number-input/number-input.defaults.d.ts +2 -2
  69. package/lib/inputs/password-input/password-input.component.d.ts +2 -2
  70. package/lib/inputs/password-input/password-input.defaults.d.ts +2 -2
  71. package/lib/select/select.component.d.ts +3 -4
  72. package/lib/select/select.defaults.d.ts +2 -2
  73. package/package.json +1 -1
  74. package/prebuilt-themes/default/chips.css.map +1 -1
  75. package/prebuilt-themes/default/core.css +3 -1
  76. package/prebuilt-themes/default/core.css.map +1 -1
  77. package/prebuilt-themes/default/form-field-frame.css +23 -6
  78. package/prebuilt-themes/default/form-field-frame.css.map +1 -1
  79. package/prebuilt-themes/default/form-field.css +90 -0
  80. package/prebuilt-themes/default/form-field.css.map +1 -0
  81. package/prebuilt-themes/default/inputs/color-input.css +0 -1
  82. package/prebuilt-themes/default/inputs/color-input.css.map +1 -1
  83. package/prebuilt-themes/default/inputs/digit-input.css +67 -5
  84. package/prebuilt-themes/default/inputs/digit-input.css.map +1 -1
  85. package/prebuilt-themes/default/inputs/file-input.css +0 -6
  86. package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
  87. package/prebuilt-themes/default/inputs/hex-input.css +0 -1
  88. package/prebuilt-themes/default/inputs/hex-input.css.map +1 -1
  89. package/prebuilt-themes/default/inputs/input.css +0 -6
  90. package/prebuilt-themes/default/inputs/input.css.map +1 -1
  91. package/prebuilt-themes/default/inputs/number-input.css +33 -18
  92. package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
  93. package/prebuilt-themes/default/inputs/password-input.css +0 -1
  94. package/prebuilt-themes/default/inputs/password-input.css.map +1 -1
  95. package/prebuilt-themes/default/inputs/search-bar.css +0 -1
  96. package/prebuilt-themes/default/inputs/search-bar.css.map +1 -1
  97. package/prebuilt-themes/default/inputs/simple-input.css +0 -6
  98. package/prebuilt-themes/default/inputs/simple-input.css.map +1 -1
  99. package/prebuilt-themes/default/segment.css +18 -1
  100. package/prebuilt-themes/default/segment.css.map +1 -1
  101. package/public-api.d.ts +2 -0
  102. package/themes/default/_mixins.scss +83 -64
  103. package/themes/default/core.scss +102 -99
  104. package/themes/default/form-field-frame.scss +79 -78
  105. package/themes/default/form-field.scss +92 -0
  106. package/themes/default/inputs/_shared.scss +50 -51
  107. package/themes/default/inputs/digit-input.scss +95 -56
  108. package/themes/default/inputs/file-input.scss +0 -6
  109. package/themes/default/inputs/input.scss +1 -7
  110. package/themes/default/inputs/number-input.scss +131 -121
  111. package/themes/default/inputs/simple-input.scss +1 -8
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/form-field-frame.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECqCA;EDPA;EACA;EACA;;AA9BA;EACE;EACA;;AAEF;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE;EACA;EACA;;ACFF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAOF;EAEE;;AAEF;EACE;;AAEF;EACE;;ADbF;EACE,YE/CM;EFgDN;EACA,YACE;;AAKF;EACE;;AAGJ;EAIE,cEpDU;;AFiDV;EACE;;;AAKN;EACE;EACA;;AAGE;EACE","file":"form-field-frame.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/form-field-frame.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECwDA;EDtBA;EACA;EACA;;AAlCA;EACE;EACA;;AAEA;EACE;;AAGJ;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE;EACA;EACA;;ACNF;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;;AD5BF;EACE,YEnDM;EFoDN;EACA;;AAIA;EACE;;AAIF;EACE;;;AAIN;EACE;EACA;;AAGE;EACE","file":"form-field-frame.css"}
@@ -0,0 +1,90 @@
1
+ ard-form-field,
2
+ ard-horizontal-form-field {
3
+ display: block;
4
+ width: 100%;
5
+ }
6
+
7
+ .ard-form-field,
8
+ .ard-horizontal-form-field {
9
+ display: flex;
10
+ flex-direction: column;
11
+ }
12
+ .ard-form-field .ard-label,
13
+ .ard-horizontal-form-field .ard-label {
14
+ padding: 0.25rem 0 0.125rem 0.125rem;
15
+ font-size: 0.9375rem;
16
+ font-weight: 500;
17
+ }
18
+ .ard-form-field .ard-form-field__hints,
19
+ .ard-horizontal-form-field .ard-form-field__hints {
20
+ padding: 0.125rem 0 0.25rem 0.125rem;
21
+ font-size: 0.8125rem;
22
+ line-height: 1.1;
23
+ }
24
+ .ard-form-field .ard-form-field__hints.ard-form-field__reserve-hint-line,
25
+ .ard-horizontal-form-field .ard-form-field__hints.ard-form-field__reserve-hint-line {
26
+ box-sizing: content-box;
27
+ min-height: 1.1em;
28
+ }
29
+ .ard-form-field .ard-form-field__hints-right > *,
30
+ .ard-horizontal-form-field .ard-form-field__hints-right > * {
31
+ padding-left: 0.25rem;
32
+ }
33
+ .ard-form-field .ard-hint,
34
+ .ard-form-field .ard-error,
35
+ .ard-horizontal-form-field .ard-hint,
36
+ .ard-horizontal-form-field .ard-error {
37
+ font-size: 1em;
38
+ line-height: 1.1;
39
+ display: block;
40
+ height: 1.1em;
41
+ }
42
+ .ard-form-field .ard-hint,
43
+ .ard-horizontal-form-field .ard-hint {
44
+ color: var(--ard-text2);
45
+ }
46
+ .ard-form-field .ard-error,
47
+ .ard-horizontal-form-field .ard-error {
48
+ color: rgb(var(--ard-danger-700));
49
+ overflow: hidden;
50
+ animation: errorAppear 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;
51
+ }
52
+ .ard-form-field.ard-form-field__with-error .ard-label,
53
+ .ard-horizontal-form-field.ard-form-field__with-error .ard-label {
54
+ color: rgb(var(--ard-danger-700));
55
+ }
56
+ .ard-form-field.ard-form-field__is-success .ard-label,
57
+ .ard-horizontal-form-field.ard-form-field__is-success .ard-label {
58
+ color: rgb(var(--ard-success-700));
59
+ }
60
+
61
+ .ard-horizontal-form-field {
62
+ align-items: flex-start;
63
+ justify-content: stretch;
64
+ flex-direction: row;
65
+ gap: 0.5rem;
66
+ }
67
+ .ard-horizontal-form-field .ard-form-field__label-container {
68
+ width: var(--ard-horizontal-form-field-label-width, 12rem);
69
+ height: 2.3125rem;
70
+ display: flex;
71
+ align-items: center;
72
+ justify-content: var(--ard-horizontal-form-field-label-align, flex-start);
73
+ }
74
+ .ard-horizontal-form-field .ard-form-field__non-label {
75
+ flex-grow: 1;
76
+ }
77
+ .ard-horizontal-form-field:has(.ard-form-field__input .ard-compact) .ard-form-field__label-container {
78
+ height: 1.5625rem;
79
+ }
80
+
81
+ @keyframes errorAppear {
82
+ from {
83
+ height: 0;
84
+ }
85
+ to {
86
+ height: 1.1em;
87
+ }
88
+ }
89
+
90
+ /*# sourceMappingURL=form-field.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/form-field.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAIF;AAAA;EACE;;AAGJ;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;;AAEF;AAAA;EACE,OCjCI;;ADmCN;AAAA;EACE,OCkCQ;EDjCR;EACA;;AAIA;AAAA;EACE,OC2BM;;ADvBR;AAAA;EACE,OCgDO;;;AD5Cb;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAIA;EACE;;;AAKN;EACE;IACE;;EAEF;IACE","file":"form-field.css"}
@@ -10,7 +10,6 @@
10
10
  gap: 0.625em;
11
11
  cursor: text;
12
12
  box-sizing: border-box;
13
- height: 2.0625em;
14
13
  font-size: 1rem;
15
14
  line-height: 1.25em;
16
15
  padding: 0 0.375rem;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/color-input.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACEA;EDEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECVA;EACA;EACA;EACA;;ADSA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AE5CF;EACE,QCkCgB;EDjChB,OCiCgB;EDhChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OCyBgB;EDxBhB,QCwBgB;EDvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EE3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA;EF6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;ADvDN;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAIN;EACE","file":"color-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/color-input.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACEA;EDEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECTA;EACA;EACA;EACA;;ADQA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AE3CF;EACE,QCkCgB;EDjChB,OCiCgB;EDhChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OCyBgB;EDxBhB,QCwBgB;EDvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EE3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA;EF6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;ADvDN;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAIN;EACE","file":"color-input.css"}
@@ -14,17 +14,60 @@ ard-digit-input {
14
14
 
15
15
  .ard-digit-input {
16
16
  display: flex;
17
- gap: 0.5em;
17
+ gap: 0.375em;
18
+ }
19
+ .ard-digit-input.ard-appearance-outlined {
20
+ --ard-appearance-background: var(--ard-bg);
21
+ --ard-appearance-border-color: var(--ard-border);
22
+ --ard-appearance-border: 1px solid var(--ard-appearance-border-color);
23
+ }
24
+ .ard-digit-input.ard-appearance-outlined.ard-focused {
25
+ --ard-appearance-border-color: var(--ard-border-dark);
26
+ }
27
+ .ard-digit-input.ard-appearance-outlined.ard-is-success {
28
+ --ard-appearance-border-color: rgb(var(--ard-success-500));
29
+ }
30
+ .ard-digit-input.ard-appearance-outlined.ard-has-error {
31
+ --ard-appearance-background: rgb(var(--ard-danger-50));
32
+ --ard-appearance-border-color: rgb(var(--ard-danger-500));
33
+ }
34
+ .ard-digit-input.ard-appearance-filled {
35
+ --ard-appearance-background: var(--ard-bg-filled);
36
+ --ard-appearance-border: none;
37
+ }
38
+ .ard-digit-input.ard-appearance-filled.ard-is-success {
39
+ --ard-appearance-background: rgb(var(--ard-success-50));
40
+ }
41
+ .ard-digit-input.ard-appearance-filled.ard-has-error {
42
+ --ard-appearance-background: rgb(var(--ard-danger-50));
43
+ }
44
+ .ard-digit-input.ard-appearance-transparent {
45
+ --ard-appearance-background: transparent;
46
+ --ard-appearance-border: none;
18
47
  }
19
48
  .ard-digit-input .ard-digit-input__item {
20
49
  height: max-content;
21
50
  display: flex;
51
+ height: 2.0625em;
52
+ box-sizing: border-box;
22
53
  }
23
- .ard-digit-input .ard-digit-input__item .ard-digit-input__input {
54
+ .ard-digit-input .ard-digit-input__item.ard-digit-input__item-with-input {
24
55
  width: 2.0625em;
56
+ }
57
+ .ard-digit-input .ard-digit-input__item .ard-digit-input__input {
58
+ width: 100%;
59
+ height: 100%;
25
60
  box-sizing: border-box;
26
61
  text-align: center;
27
62
  caret-color: var(--ard-text3);
63
+ background: var(--ard-appearance-background);
64
+ border: var(--ard-appearance-border);
65
+ border-radius: var(--ard-variant-border-radius);
66
+ transition: border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
67
+ }
68
+ .ard-digit-input .ard-digit-input__item .ard-digit-input__input::placeholder {
69
+ color: var(--ard-text3);
70
+ opacity: 60%;
28
71
  }
29
72
  .ard-digit-input .ard-digit-input__item .ard-digit-input__input:not(.ard-digit-input__input-empty) {
30
73
  caret-color: transparent;
@@ -32,14 +75,33 @@ ard-digit-input {
32
75
  .ard-digit-input .ard-digit-input__item .ard-digit-input__static {
33
76
  width: max-content;
34
77
  white-space: nowrap;
78
+ display: flex;
79
+ align-items: center;
35
80
  }
36
- .ard-digit-input.ard-shape-square .ard-digit-input__item .ard-digit-input__input {
81
+ .ard-digit-input.ard-shape-square .ard-digit-input__item {
37
82
  height: 2.0625em;
38
83
  }
84
+ .ard-digit-input.ard-shape-rectangle .ard-digit-input__item {
85
+ height: 2.68125em;
86
+ }
39
87
  .ard-digit-input.ard-shape-rectangle .ard-digit-input__item .ard-digit-input__input {
40
88
  font-size: 1.2em;
41
- width: 1.71875em;
42
- height: 2.234375em;
89
+ }
90
+ .ard-digit-input.ard-is-success .ard-digit-input__item .ard-digit-input__input {
91
+ border-color: rgb(var(--ard-success-500));
92
+ }
93
+ .ard-digit-input.ard-has-error .ard-digit-input__item .ard-digit-input__input {
94
+ background-color: rgb(var(--ard-danger-50));
95
+ border-color: rgb(var(--ard-danger-500));
96
+ }
97
+ .ard-digit-input.ard-variant-rounded {
98
+ --ard-variant-border-radius: 0.25em;
99
+ }
100
+ .ard-digit-input.ard-variant-pill {
101
+ --ard-variant-border-radius: 9999px;
102
+ }
103
+ .ard-digit-input.ard-variant-sharp {
104
+ --ard-variant-border-radius: 0;
43
105
  }
44
106
 
45
107
  /*# sourceMappingURL=digit-input.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/digit-input.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAGA;EACE;EACA;EACA,OCCK;;;ADEP;AAAA;AAAA;AAAA;EAIE;EACA;;;AAEF;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA,aCnBE;;ADqBF;EACE;;AAGJ;EACE;EACA;;AAKA;EACE;;AAMF;EACE;EACA;EACA","file":"digit-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/digit-input.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAEF;EAEE;EACA;;ACgBA;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;AD3CF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA,aE3BE;EF4BF;EACA;EACA;EACA;;AAEA;EACE,OElCA;EFmCA;;AAGF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AAIF;EACE;;AAIF;EACE;;AAEA;EACE;;AAMJ;EACE,cE2BO;;AFvBT;EACE,kBEVK;EFWL,cELM;;AFSV;EACE;;AAEF;EACE;;AAEF;EACE","file":"digit-input.css"}
@@ -14,7 +14,6 @@
14
14
  gap: 0.625em;
15
15
  cursor: text;
16
16
  box-sizing: border-box;
17
- height: 2.0625em;
18
17
  font-size: 1rem;
19
18
  line-height: 1.25em;
20
19
  padding: 0 0 0 0.375rem;
@@ -303,9 +302,4 @@
303
302
  opacity: 15%;
304
303
  }
305
304
 
306
- .ard-disabled .ard-input {
307
- pointer-events: none;
308
- opacity: 50%;
309
- }
310
-
311
305
  /*# sourceMappingURL=file-input.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/file-input.scss","../../../../../projects/ui/src/themes/default/_coloring.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACKE;EACE;;;AAGJ;EDLE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECFA;EACA;EACA;EACA;EACA;EACA;;AChBA;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;;AFpHF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AC3BF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EEzCF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFkCI,YGlDI;EHmDJ;;AAGA;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AIpEN;EACE,QDkCgB;ECjChB,ODiCgB;EChChB;;AAGF;EACE;EACA;EACA,ODGK;ECFL,ODyBgB;ECxBhB,QDwBgB;ECvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EF3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EEoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EF7CN;EACA;EACA;EE6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;;AJYN;EACE;EACA","file":"file-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/file-input.scss","../../../../../projects/ui/src/themes/default/_coloring.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACKE;EACE;;;AAGJ;EDLE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECDA;EACA;EACA;EACA;EACA;EACA;;AChBA;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;;AFrHF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AC1BF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EEzCF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFkCI,YGlDI;EHmDJ;;AAGA;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AIpEN;EACE,QDkCgB;ECjChB,ODiCgB;EChChB;;AAGF;EACE;EACA;EACA,ODGK;ECFL,ODyBgB;ECxBhB,QDwBgB;ECvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EF3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EEoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EF7CN;EACA;EACA;EE6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE","file":"file-input.css"}
@@ -10,7 +10,6 @@
10
10
  gap: 0.625em;
11
11
  cursor: text;
12
12
  box-sizing: border-box;
13
- height: 2.0625em;
14
13
  font-size: 1rem;
15
14
  line-height: 1.25em;
16
15
  padding: 0 0.375rem;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/hex-input.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACGA;EDCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECTA;EACA;EACA;;ADSA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AE5CF;EACE,QCkCgB;EDjChB,OCiCgB;EDhChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OCyBgB;EDxBhB,QCwBgB;EDvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EE3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA;EF6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;ADtDJ;EACE;;AAIJ;EACE;EACA,OEZI;EFaJ;EACA;EACA","file":"hex-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/hex-input.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACGA;EDCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECRA;EACA;EACA;;ADQA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AE3CF;EACE,QCkCgB;EDjChB,OCiCgB;EDhChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OCyBgB;EDxBhB,QCwBgB;EDvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EE3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA;EF6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;ADtDJ;EACE;;AAIJ;EACE;EACA,OEZI;EFaJ;EACA;EACA","file":"hex-input.css"}
@@ -10,7 +10,6 @@
10
10
  gap: 0.625em;
11
11
  cursor: text;
12
12
  box-sizing: border-box;
13
- height: 2.0625em;
14
13
  font-size: 1rem;
15
14
  line-height: 1.25em;
16
15
  padding: 0 0.375rem;
@@ -136,9 +135,4 @@
136
135
  font-size: 0.9rem;
137
136
  }
138
137
 
139
- .ard-disabled .ard-input {
140
- pointer-events: none;
141
- opacity: 50%;
142
- }
143
-
144
138
  /*# sourceMappingURL=input.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/input.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACGA;EDCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECTA;EACA;EACA;;ADSA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AE5CF;EACE,QCkCgB;EDjChB,OCiCgB;EDhChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OCyBgB;EDxBhB,QCwBgB;EDvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EE3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA;EF6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;ADvDN;EACE;;;AAKF;EACE;EACA;EACA,OEdI;EFeJ;;AAEA;EACE,YEEiB;;AFCnB;EACE;EACA,YEJkB;;AFOpB;EACE;EACA;;AAIF;EACE;EACA;;;AAKJ;EACE;EACA","file":"input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/input.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACGA;EDCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECRA;EACA;EACA;;ADQA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AE3CF;EACE,QCkCgB;EDjChB,OCiCgB;EDhChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OCyBgB;EDxBhB,QCwBgB;EDvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EE3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA;EF6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;ADvDN;EACE;;;AAKF;EACE;EACA;EACA,OEdI;EFeJ;;AAEA;EACE,YEEiB;;AFCnB;EACE;EACA,YEJkB;;AFOpB;EACE;EACA;;AAIF;EACE;EACA","file":"input.css"}
@@ -1,6 +1,13 @@
1
1
  /**
2
2
  * Should be applied to the first element in the component's template.
3
3
  */
4
+ ard-number-input {
5
+ width: 9.5rem;
6
+ }
7
+ ard-number-input:not(:has(.ard-quick-change-button)) {
8
+ width: 6rem;
9
+ }
10
+
4
11
  .ard-number-input {
5
12
  position: relative;
6
13
  font-family: "Roboto", sans-serif;
@@ -10,9 +17,10 @@
10
17
  gap: 0.625em;
11
18
  cursor: text;
12
19
  box-sizing: border-box;
13
- height: 2.0625em;
14
20
  font-size: 1rem;
15
21
  line-height: 1.25em;
22
+ min-height: 2.1875rem;
23
+ height: 2.1875rem;
16
24
  gap: 0;
17
25
  width: 100%;
18
26
  }
@@ -47,12 +55,29 @@
47
55
  }
48
56
  .ard-number-input.ard-appearance-outlined {
49
57
  --ard-appearance-background: var(--ard-bg);
50
- --ard-appearance-border: 1px solid var(--ard-border);
58
+ --ard-appearance-border-color: var(--ard-border);
59
+ --ard-appearance-border: 1px solid var(--ard-appearance-border-color);
60
+ }
61
+ .ard-number-input.ard-appearance-outlined.ard-focused {
62
+ --ard-appearance-border-color: var(--ard-border-dark);
63
+ }
64
+ .ard-number-input.ard-appearance-outlined.ard-is-success {
65
+ --ard-appearance-border-color: rgb(var(--ard-success-500));
66
+ }
67
+ .ard-number-input.ard-appearance-outlined.ard-has-error {
68
+ --ard-appearance-background: rgb(var(--ard-danger-50));
69
+ --ard-appearance-border-color: rgb(var(--ard-danger-500));
51
70
  }
52
71
  .ard-number-input.ard-appearance-filled {
53
72
  --ard-appearance-background: var(--ard-bg-filled);
54
73
  --ard-appearance-border: none;
55
74
  }
75
+ .ard-number-input.ard-appearance-filled.ard-is-success {
76
+ --ard-appearance-background: rgb(var(--ard-success-50));
77
+ }
78
+ .ard-number-input.ard-appearance-filled.ard-has-error {
79
+ --ard-appearance-background: rgb(var(--ard-danger-50));
80
+ }
56
81
  .ard-number-input.ard-appearance-transparent {
57
82
  --ard-appearance-background: transparent;
58
83
  --ard-appearance-border: none;
@@ -71,7 +96,7 @@
71
96
  height: 100%;
72
97
  aspect-ratio: 1;
73
98
  padding: 0;
74
- border-color: var(--ard-border);
99
+ border-color: var(--ard-appearance-border-color);
75
100
  display: flex;
76
101
  justify-content: center;
77
102
  margin: 0;
@@ -103,28 +128,16 @@
103
128
  border-radius: 0;
104
129
  }
105
130
  .ard-number-input.ard-variant-pill {
106
- border-radius: 999px;
107
- }
108
- .ard-number-input.ard-variant-pill.ard-appearance-outlined {
109
- --ard-appearance-background: var(--ard-bg);
110
- --ard-appearance-border: 1px solid var(--ard-border);
111
- }
112
- .ard-number-input.ard-variant-pill.ard-appearance-filled {
113
- --ard-appearance-background: var(--ard-bg-filled);
114
- --ard-appearance-border: none;
115
- }
116
- .ard-number-input.ard-variant-pill.ard-appearance-transparent {
117
- --ard-appearance-background: transparent;
118
- --ard-appearance-border: none;
131
+ border-radius: 9999px;
119
132
  }
120
133
  .ard-number-input.ard-variant-pill .ard-button {
121
- border-radius: 999px !important;
134
+ border-radius: 9999px !important;
122
135
  height: 30px;
123
136
  width: 30px;
124
137
  margin: 0 2px;
125
138
  }
126
139
  .ard-number-input.ard-variant-pill.ard-quick-change-false .ard-input-container {
127
- border-radius: 999px;
140
+ border-radius: 9999px;
128
141
  }
129
142
  .ard-number-input.ard-variant-rounded:not(.ard-appearance-filled) .ard-input-container, .ard-number-input.ard-variant-sharp:not(.ard-appearance-filled) .ard-input-container {
130
143
  box-sizing: border-box;
@@ -140,6 +153,8 @@
140
153
  border: var(--ard-appearance-border);
141
154
  }
142
155
  .ard-number-input.ard-compact {
156
+ min-height: 1.6875rem;
157
+ height: 1.6875rem;
143
158
  font-size: 0.925rem;
144
159
  }
145
160
 
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/number-input.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACEA;EDEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECTA;EACA;;ADUA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AEZF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;ADpCF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA,cEZG;EFaH;EACA;EACA;;AAEF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAGJ;EACE;;AAEA;EACE;EACA;;AAMN;EACE;;AAGE;EACE;;AAIN;EACE;;AAEF;EAGE;;ACjCF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;ADyBA;EACE;EACA;EACA;EACA;;AAIA;EACE;;AAQJ;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAIF;EACE;;;AAKF;EACE;EACA;EAMA,YEjHG;;AF6GH;EACE","file":"number-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/number-input.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACEA;EACE;;AAEA;EACE;;;AAIJ;EDNE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECAA;EACA;EACA;EACA;;ADDA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AEXF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;AD7CF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAGJ;EACE;;AAEA;EACE;EACA;;AAMN;EACE;;AAGE;EACE;;AAIN;EACE;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAIA;EACE;;AAQJ;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAIF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EAMA,YE3HG;;AFuHH;EACE","file":"number-input.css"}
@@ -10,7 +10,6 @@
10
10
  gap: 0.625em;
11
11
  cursor: text;
12
12
  box-sizing: border-box;
13
- height: 2.0625em;
14
13
  font-size: 1rem;
15
14
  line-height: 1.25em;
16
15
  padding: 0 0.375rem;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/password-input.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACGA;EDCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECTA;EACA;EACA;;ADSA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;ACrCF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE","file":"password-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/password-input.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACGA;EDCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECRA;EACA;EACA;;ADQA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;ACpCF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE","file":"password-input.css"}
@@ -10,7 +10,6 @@
10
10
  gap: 0.625em;
11
11
  cursor: text;
12
12
  box-sizing: border-box;
13
- height: 2.0625em;
14
13
  font-size: 1rem;
15
14
  line-height: 1.25em;
16
15
  padding: 0 0.375rem;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/search-bar.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACEA;EDEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECVA;EACA;EACA;;ADUA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AE5CF;EACE,QCkCgB;EDjChB,OCiCgB;EDhChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OCyBgB;EDxBhB,QCwBgB;EDvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EE3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA;EF6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;;ADtDN;EACE;EACA","file":"search-bar.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/search-bar.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACEA;EDEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECTA;EACA;EACA;;ADSA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AE3CF;EACE,QCkCgB;EDjChB,OCiCgB;EDhChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OCyBgB;EDxBhB,QCwBgB;EDvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EE3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA;EF6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;;ADtDN;EACE;EACA","file":"search-bar.css"}
@@ -10,7 +10,6 @@
10
10
  gap: 0.625em;
11
11
  cursor: text;
12
12
  box-sizing: border-box;
13
- height: 2.0625em;
14
13
  font-size: 1rem;
15
14
  line-height: 1.25em;
16
15
  padding: 0 0.375rem;
@@ -111,9 +110,4 @@
111
110
  opacity: 15%;
112
111
  }
113
112
 
114
- .ard-disabled .ard-simple-input {
115
- pointer-events: none;
116
- opacity: 50%;
117
- }
118
-
119
113
  /*# sourceMappingURL=simple-input.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/simple-input.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACEA;EDEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECVA;EACA;EACA;;ADUA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AE5CF;EACE,QCkCgB;EDjChB,OCiCgB;EDhChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OCyBgB;EDxBhB,QCwBgB;EDvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EE3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA;EF6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;;ADtDN;EACE;EACA","file":"simple-input.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/simple-input.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACEA;EDEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECTA;EACA;EACA;;ADSA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AE3CF;EACE,QCkCgB;EDjChB,OCiCgB;EDhChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OCyBgB;EDxBhB,QCwBgB;EDvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EE3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA;EF6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE","file":"simple-input.css"}
@@ -146,12 +146,29 @@
146
146
  }
147
147
  .ard-segment-container.ard-appearance-outlined {
148
148
  --ard-appearance-background: var(--ard-bg);
149
- --ard-appearance-border: 1px solid var(--ard-border);
149
+ --ard-appearance-border-color: var(--ard-border);
150
+ --ard-appearance-border: 1px solid var(--ard-appearance-border-color);
151
+ }
152
+ .ard-segment-container.ard-appearance-outlined.ard-focused {
153
+ --ard-appearance-border-color: var(--ard-border-dark);
154
+ }
155
+ .ard-segment-container.ard-appearance-outlined.ard-is-success {
156
+ --ard-appearance-border-color: rgb(var(--ard-success-500));
157
+ }
158
+ .ard-segment-container.ard-appearance-outlined.ard-has-error {
159
+ --ard-appearance-background: rgb(var(--ard-danger-50));
160
+ --ard-appearance-border-color: rgb(var(--ard-danger-500));
150
161
  }
151
162
  .ard-segment-container.ard-appearance-filled {
152
163
  --ard-appearance-background: var(--ard-bg-filled);
153
164
  --ard-appearance-border: none;
154
165
  }
166
+ .ard-segment-container.ard-appearance-filled.ard-is-success {
167
+ --ard-appearance-background: rgb(var(--ard-success-50));
168
+ }
169
+ .ard-segment-container.ard-appearance-filled.ard-has-error {
170
+ --ard-appearance-background: rgb(var(--ard-danger-50));
171
+ }
155
172
  .ard-segment-container.ard-appearance-transparent {
156
173
  --ard-appearance-background: transparent;
157
174
  --ard-appearance-border: none;
@@ -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;ECoCA;;AChDA;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;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAOF;EAEE;;AAEF;EACE;;AAEF;EACE;;ADxCF;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/public-api.d.ts CHANGED
@@ -29,6 +29,7 @@ export * from './lib/progress-circle';
29
29
  export * from './lib/spinner';
30
30
  export * from './lib/color/color-display';
31
31
  export * from './lib/dropdown-panel';
32
+ export * from './lib/form-field';
32
33
  export * from './lib/form-field-frame';
33
34
  export * from './lib/kbd';
34
35
  export * from './lib/kbd-shortcut';
@@ -45,6 +46,7 @@ export * from './lib/dialog';
45
46
  export * from './lib/modal';
46
47
  export * from './lib/snackbar';
47
48
  export * from './lib/icon';
49
+ export * from './lib/_internal/public-api';
48
50
  export * from './lib/types/alignment.types';
49
51
  export * from './lib/types/colors.types';
50
52
  export * from './lib/types/item-storage.types';