@ardium-ui/ui 5.0.0-alpha.66 → 5.0.0-alpha.67

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 (37) hide show
  1. package/fesm2022/ardium-ui-ui.mjs +19 -8
  2. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  3. package/lib/form-field-frame/form-field-frame.component.d.ts +1 -0
  4. package/lib/inputs/date-input/date-range-input.component.d.ts +1 -0
  5. package/lib/inputs/date-input/multipage-date-range-input.component.d.ts +1 -0
  6. package/package.json +1 -1
  7. package/prebuilt-themes/default/core.css +13 -2
  8. package/prebuilt-themes/default/core.css.map +1 -1
  9. package/prebuilt-themes/default/form-field-frame.css +12 -12
  10. package/prebuilt-themes/default/form-field-frame.css.map +1 -1
  11. package/prebuilt-themes/default/inputs/autocomplete-input.css +22 -5
  12. package/prebuilt-themes/default/inputs/autocomplete-input.css.map +1 -1
  13. package/prebuilt-themes/default/inputs/date-input.css +22 -5
  14. package/prebuilt-themes/default/inputs/date-input.css.map +1 -1
  15. package/prebuilt-themes/default/inputs/file-input.css +21 -6
  16. package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
  17. package/prebuilt-themes/default/inputs/hex-input.css +20 -5
  18. package/prebuilt-themes/default/inputs/hex-input.css.map +1 -1
  19. package/prebuilt-themes/default/inputs/input.css +20 -5
  20. package/prebuilt-themes/default/inputs/input.css.map +1 -1
  21. package/prebuilt-themes/default/inputs/number-input.css +20 -5
  22. package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
  23. package/prebuilt-themes/default/inputs/password-input.css +20 -5
  24. package/prebuilt-themes/default/inputs/password-input.css.map +1 -1
  25. package/themes/default/core.scss +13 -2
  26. package/themes/default/form-field-frame.scss +15 -12
  27. package/themes/default/inputs/_shared.scss +28 -7
  28. package/themes/default/inputs/autocomplete-input.scss +18 -4
  29. package/themes/default/inputs/date-input.scss +16 -4
  30. package/themes/default/inputs/file-input.scss +17 -5
  31. package/themes/default/inputs/hex-input.scss +16 -4
  32. package/themes/default/inputs/input.scss +16 -4
  33. package/themes/default/inputs/number-input.scss +17 -5
  34. package/themes/default/inputs/password-input.scss +16 -4
  35. package/prebuilt-themes/default/inputs/search-bar.css +0 -135
  36. package/prebuilt-themes/default/inputs/search-bar.css.map +0 -1
  37. package/themes/default/inputs/search-bar.scss +0 -55
package/themes/default/inputs/search-bar.scss DELETED
@@ -1,55 +0,0 @@
1
- @use './shared' as inputMixin;
2
- @use '../mixins' as defaultMixins;
3
- @use '../clear-button' as CB;
4
- @use '../../variables' as ARD;
5
-
6
- // the variables are commented out intentionally
7
- // read more in docs/dev/css-variables.md
8
- :root {
9
- // --ard-search-bar-height: ;
10
- // --ard-search-bar-height-compact: ;
11
- --ard-search-bar-gap: 0.625rem;
12
- // --ard-search-bar-font-size: ;
13
- // --ard-search-bar-font-size-compact: ;
14
- --ard-search-bar-line-height: 1.25;
15
- --ard-search-bar-line-height-compact: 1;
16
- --ard-search-bar-font-weight: 400;
17
- // --ard-search-bar-padding: ;
18
- // --ard-search-bar-padding-compact: ;
19
- // --ard-search-bar-color: ;
20
- // --ard-search-bar-placeholder-color: ;
21
- --ard-search-bar-placeholder-opacity: 60%;
22
-
23
- --ard-search-bar-min-width: 10rem;
24
- --ard-search-bar-max-width: 100%;
25
- --ard-search-bar-disabled-opacity: 50%;
26
- }
27
-
28
- .ard-search-bar {
29
- @include inputMixin.genericInput(
30
- var(--ard-search-bar-height, var(--ard-form-field-height, 2.3125rem)),
31
- var(--ard-search-bar-height-compact, var(--ard-form-field-height-compact, 1.6875rem)),
32
- var(--ard-search-bar-gap, 0.625rem),
33
- var(--ard-search-bar-font-size, var(--ard-form-field-font-size, 1rem)),
34
- var(--ard-search-bar-font-size-compact, var(--ard-form-field-font-size-compact, 0.875rem)),
35
- var(--ard-search-bar-line-height, 1.25),
36
- var(--ard-search-bar-line-height-compact, 1),
37
- var(--ard-search-bar-font-weight, 400),
38
- var(--ard-search-bar-padding, var(--ard-form-field-padding, 0 0.375rem)),
39
- var(--ard-search-bar-padding-compact, var(--ard-form-field-padding-compact, 0 0.375rem)),
40
- var(--ard-search-bar-color, #{ARD.$text}),
41
- var(--ard-search-bar-placeholder-color, #{ARD.$text}),
42
- var(--ard-search-bar-placeholder-opacity, 60%)
43
- );
44
- min-width: var(--ard-search-bar-min-width, 10rem);
45
- max-width: var(--ard-search-bar-max-width, 100%);
46
-
47
- @include CB.clearButton();
48
- }
49
- //! disabled state
50
- .ard-disabled {
51
- .ard-search-bar {
52
- pointer-events: none;
53
- opacity: var(--ard-search-bar-disabled-opacity, 50%);
54
- }
55
- }