@frame-ui-ng/components 0.1.0-beta.0 → 0.2.0-beta.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 (77) hide show
  1. package/accordion/src/styles/_vars.css +25 -25
  2. package/accordion/src/styles/accordion.css +105 -87
  3. package/alert/src/styles/_vars.css +28 -28
  4. package/badge/src/styles/_vars.css +19 -16
  5. package/badge/src/styles/badge.css +132 -125
  6. package/breadcrumb/src/styles/_vars.css +17 -16
  7. package/breadcrumb/src/styles/breadcrumb.css +110 -98
  8. package/button/src/styles/_vars.css +20 -20
  9. package/button/src/styles/button.css +52 -7
  10. package/button-group/src/styles/button-group.css +100 -69
  11. package/calendar/src/styles/_vars.css +29 -29
  12. package/calendar/src/styles/calendar.css +247 -226
  13. package/card/src/styles/_vars.css +17 -17
  14. package/checkbox/src/styles/_vars.css +22 -22
  15. package/collapsible/src/styles/collapsible.css +55 -42
  16. package/combobox/src/styles/_vars.css +61 -60
  17. package/combobox/src/styles/combobox.css +295 -285
  18. package/command/src/styles/_vars.css +47 -37
  19. package/command/src/styles/command.css +236 -171
  20. package/date-picker/src/styles/_vars.css +30 -29
  21. package/date-picker/src/styles/date-picker.css +203 -177
  22. package/dropdown-menu/src/styles/_vars.css +34 -34
  23. package/fesm2022/frame-ui-ng-components-accordion.mjs +26 -11
  24. package/fesm2022/frame-ui-ng-components-accordion.mjs.map +1 -1
  25. package/fesm2022/frame-ui-ng-components-badge.mjs +1 -0
  26. package/fesm2022/frame-ui-ng-components-badge.mjs.map +1 -1
  27. package/fesm2022/frame-ui-ng-components-button.mjs +1 -1
  28. package/fesm2022/frame-ui-ng-components-button.mjs.map +1 -1
  29. package/fesm2022/frame-ui-ng-components-command.mjs +19 -1
  30. package/fesm2022/frame-ui-ng-components-command.mjs.map +1 -1
  31. package/fesm2022/frame-ui-ng-components-toast.mjs +152 -142
  32. package/fesm2022/frame-ui-ng-components-toast.mjs.map +1 -1
  33. package/fesm2022/frame-ui-ng-components.mjs +43 -13
  34. package/fesm2022/frame-ui-ng-components.mjs.map +1 -1
  35. package/input/src/styles/_vars.css +65 -65
  36. package/input/src/styles/input-group.css +114 -112
  37. package/input/src/styles/input.css +197 -163
  38. package/input-otp/src/styles/_vars.css +21 -21
  39. package/item/src/styles/_vars.css +34 -34
  40. package/menubar/src/styles/_vars.css +22 -22
  41. package/modal/src/styles/_vars.css +19 -18
  42. package/modal/src/styles/modal.css +202 -179
  43. package/navigation-menu/src/styles/_vars.css +45 -45
  44. package/package.json +12 -3
  45. package/pagination/src/styles/_vars.css +22 -22
  46. package/pagination/src/styles/pagination.css +158 -138
  47. package/progress/src/styles/_vars.css +15 -15
  48. package/radio-group/src/styles/_vars.css +29 -29
  49. package/radio-group/src/styles/radio-group.css +146 -137
  50. package/resizable/src/styles/_vars.css +20 -20
  51. package/select/src/styles/_vars.css +28 -28
  52. package/select/src/styles/select-trigger.css +138 -95
  53. package/separator/src/styles/_vars.css +9 -9
  54. package/sheet/src/styles/_vars.css +20 -18
  55. package/sheet/src/styles/sheet.css +220 -215
  56. package/sidebar/src/styles/sidebar.css +544 -531
  57. package/slider/src/styles/_vars.css +17 -17
  58. package/src/styles/blueprint.css +666 -0
  59. package/src/styles/components.css +47 -47
  60. package/styles/blueprint.css +666 -0
  61. package/styles/components.css +47 -47
  62. package/styles.css +49 -49
  63. package/switch/src/styles/_vars.css +34 -34
  64. package/switch/src/styles/switch.css +130 -131
  65. package/tabs/src/styles/_vars.css +23 -23
  66. package/textarea/src/styles/_vars.css +20 -20
  67. package/textarea/src/styles/textarea.css +62 -60
  68. package/toast/src/styles/_vars.css +48 -47
  69. package/toast/src/styles/toast.css +279 -314
  70. package/toggle/src/styles/_vars.css +24 -24
  71. package/tooltip/src/styles/_vars.css +21 -21
  72. package/tooltip/src/styles/tooltip.css +105 -103
  73. package/types/frame-ui-ng-components-accordion.d.ts +3 -1
  74. package/types/frame-ui-ng-components-badge.d.ts +2 -2
  75. package/types/frame-ui-ng-components-command.d.ts +7 -2
  76. package/types/frame-ui-ng-components.d.ts +21 -14
  77. package/virtual-scroll/src/styles/virtual-scroll.css +54 -54
package/combobox/src/styles/_vars.css CHANGED
@@ -1,60 +1,61 @@
1
- :root {
2
- --frame-combobox-control-height: 2.5rem;
3
- --frame-combobox-control-radius: var(--frame-radius-md);
4
- --frame-combobox-control-bg: var(--frame-surface);
5
- --frame-combobox-control-color: var(--frame-surface-foreground);
6
- --frame-combobox-control-border: var(--frame-border);
7
- --frame-combobox-control-font-size: 0.875rem;
8
- --frame-combobox-control-padding-inline: 0.875rem;
9
- --frame-combobox-control-disabled-bg: color-mix(in srgb, var(--frame-surface) 78%, var(--frame-muted));
10
- --frame-combobox-control-disabled-color: var(--frame-muted-foreground);
11
- --frame-combobox-control-disabled-opacity: 0.6;
12
- --frame-combobox-control-focus-border: color-mix(in srgb, var(--frame-ring) 70%, var(--frame-border));
13
- --frame-combobox-control-focus-shadow: 0 0 0 3px color-mix(in srgb, var(--frame-ring) 22%, transparent);
14
- --frame-combobox-control-invalid-border: color-mix(in srgb, var(--frame-destructive) 65%, var(--frame-border));
15
- --frame-combobox-control-invalid-shadow: 0 0 0 3px color-mix(in srgb, var(--frame-destructive) 14%, transparent);
16
- --frame-combobox-control-transition-duration: 150ms;
17
- --frame-combobox-clear-offset: 0.375rem;
18
- --frame-combobox-panel-max-height: min(18rem, 50vh);
19
- --frame-combobox-panel-radius: var(--frame-radius-md);
20
- --frame-combobox-panel-bg: var(--frame-surface);
21
- --frame-combobox-panel-color: var(--frame-surface-foreground);
22
- --frame-combobox-panel-border: var(--frame-border);
23
- --frame-combobox-panel-shadow: var(--frame-shadow-md);
24
- --frame-combobox-panel-padding: 0.25rem;
25
- --frame-combobox-motion-duration: 140ms;
26
- --frame-combobox-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
27
- --frame-combobox-motion-distance: 0.2rem;
28
- --frame-combobox-motion-scale: 0.98;
29
- --frame-combobox-list-gap: 0.125rem;
30
- --frame-combobox-item-height: 2rem;
31
- --frame-combobox-item-gap: 0.5rem;
32
- --frame-combobox-item-radius: calc(var(--frame-radius-md) - 0.125rem);
33
- --frame-combobox-item-font-size: 0.875rem;
34
- --frame-combobox-item-padding: 0.375rem 0.5rem 0.375rem 2rem;
35
- --frame-combobox-item-indicator-offset: 0.625rem;
36
- --frame-combobox-item-disabled-opacity: 0.5;
37
- --frame-combobox-muted-font-size: 0.8125rem;
38
- --frame-combobox-muted-padding: 0.5rem;
39
- --frame-combobox-separator-margin: 0.25rem -0.25rem;
40
- --frame-combobox-separator-bg: var(--frame-border);
41
- --frame-combobox-chip-gap: 0.25rem;
42
- --frame-combobox-chip-height: 1.375rem;
43
- --frame-combobox-chip-radius: 999px;
44
- --frame-combobox-chip-bg: var(--frame-primary);
45
- --frame-combobox-chip-color: var(--frame-primary-foreground);
46
- --frame-combobox-chip-font-size: 0.75rem;
47
- --frame-combobox-chip-font-weight: 600;
48
- --frame-combobox-chip-padding-block: 0.1875rem;
49
- --frame-combobox-chip-padding-inline: 0.625rem 0.25rem;
50
- --frame-combobox-chip-remove-size: 1rem;
51
- --frame-combobox-chip-remove-radius: 999px;
52
- --frame-combobox-chip-remove-bg: color-mix(in srgb, currentColor 12%, transparent);
53
- --frame-combobox-chip-remove-hover-bg: color-mix(in srgb, currentColor 20%, transparent);
54
- --frame-combobox-chips-gap: 0.375rem;
55
- --frame-combobox-chips-padding: 0.375rem;
56
- --frame-combobox-chips-input-min-width: 8rem;
57
- --frame-combobox-chips-input-padding: 0.25rem;
58
- --frame-combobox-error-color: var(--frame-destructive);
59
- --frame-combobox-error-font-size: 0.8125rem;
60
- }
1
+ :root {
2
+ --frame-combobox-control-height: 2.5rem;
3
+ --frame-combobox-control-radius: var(--frame-radius-md);
4
+ --frame-combobox-control-bg: var(--frame-surface);
5
+ --frame-combobox-control-color: var(--frame-surface-foreground);
6
+ --frame-combobox-control-border: var(--frame-border);
7
+ --frame-combobox-control-font-size: 0.875rem;
8
+ --frame-combobox-control-padding-inline: 0.875rem;
9
+ --frame-combobox-control-disabled-bg: color-mix(in srgb, var(--frame-surface) 78%, var(--frame-muted));
10
+ --frame-combobox-control-disabled-color: var(--frame-muted-foreground);
11
+ --frame-combobox-control-disabled-opacity: 0.6;
12
+ --frame-combobox-control-focus-border: color-mix(in srgb, var(--frame-ring) 70%, var(--frame-border));
13
+ --frame-combobox-control-focus-shadow: none;
14
+ --frame-combobox-control-invalid-border: color-mix(in srgb, var(--frame-destructive) 65%, var(--frame-border));
15
+ --frame-combobox-control-invalid-shadow: none;
16
+ --frame-combobox-control-transition-duration: 150ms;
17
+ --frame-combobox-clear-offset: 0.375rem;
18
+ --frame-combobox-clear-radius: var(--frame-radius-sm);
19
+ --frame-combobox-panel-max-height: min(18rem, 50vh);
20
+ --frame-combobox-panel-radius: var(--frame-radius-md);
21
+ --frame-combobox-panel-bg: var(--frame-surface);
22
+ --frame-combobox-panel-color: var(--frame-surface-foreground);
23
+ --frame-combobox-panel-border: var(--frame-border);
24
+ --frame-combobox-panel-shadow: var(--frame-shadow-md);
25
+ --frame-combobox-panel-padding: 0.25rem;
26
+ --frame-combobox-motion-duration: 140ms;
27
+ --frame-combobox-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
28
+ --frame-combobox-motion-distance: 0.2rem;
29
+ --frame-combobox-motion-scale: 0.98;
30
+ --frame-combobox-list-gap: 0.125rem;
31
+ --frame-combobox-item-height: 2rem;
32
+ --frame-combobox-item-gap: 0.5rem;
33
+ --frame-combobox-item-radius: calc(var(--frame-radius-md) - 0.125rem);
34
+ --frame-combobox-item-font-size: 0.875rem;
35
+ --frame-combobox-item-padding: 0.375rem 0.5rem 0.375rem 2rem;
36
+ --frame-combobox-item-indicator-offset: 0.625rem;
37
+ --frame-combobox-item-disabled-opacity: 0.5;
38
+ --frame-combobox-muted-font-size: 0.8125rem;
39
+ --frame-combobox-muted-padding: 0.5rem;
40
+ --frame-combobox-separator-margin: 0.25rem -0.25rem;
41
+ --frame-combobox-separator-bg: var(--frame-border);
42
+ --frame-combobox-chip-gap: 0.25rem;
43
+ --frame-combobox-chip-height: 1.375rem;
44
+ --frame-combobox-chip-radius: 0;
45
+ --frame-combobox-chip-bg: var(--frame-primary);
46
+ --frame-combobox-chip-color: var(--frame-primary-foreground);
47
+ --frame-combobox-chip-font-size: 0.75rem;
48
+ --frame-combobox-chip-font-weight: 600;
49
+ --frame-combobox-chip-padding-block: 0.1875rem;
50
+ --frame-combobox-chip-padding-inline: 0.625rem 0.25rem;
51
+ --frame-combobox-chip-remove-size: 1rem;
52
+ --frame-combobox-chip-remove-radius: 0;
53
+ --frame-combobox-chip-remove-bg: color-mix(in srgb, currentColor 12%, transparent);
54
+ --frame-combobox-chip-remove-hover-bg: color-mix(in srgb, currentColor 20%, transparent);
55
+ --frame-combobox-chips-gap: 0.375rem;
56
+ --frame-combobox-chips-padding: 0.375rem;
57
+ --frame-combobox-chips-input-min-width: 8rem;
58
+ --frame-combobox-chips-input-padding: 0.25rem;
59
+ --frame-combobox-error-color: var(--frame-destructive);
60
+ --frame-combobox-error-font-size: 0.8125rem;
61
+ }