@ctrliq/quantic-components 1.83.0 → 1.84.1

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 (91) hide show
  1. package/dist/action-group/action-group.component.d.ts +13 -0
  2. package/dist/action-group/action-group.component.js +63 -0
  3. package/dist/action-group/index.d.ts +1 -0
  4. package/dist/action-group/index.js +1 -0
  5. package/dist/action-group/index.stories.d.ts +25 -0
  6. package/dist/action-group/index.stories.js +59 -0
  7. package/dist/astro.d.ts +4 -1
  8. package/dist/astro.js +4 -1
  9. package/dist/astro.js.map +1 -1
  10. package/dist/badge/badge-group.component.d.ts +13 -0
  11. package/dist/badge/badge-group.component.js +62 -0
  12. package/dist/badge/badge-group.stories.d.ts +41 -0
  13. package/dist/badge/badge-group.stories.js +62 -0
  14. package/dist/badge/index.d.ts +1 -0
  15. package/dist/badge/index.js +1 -0
  16. package/dist/button-bar/button-bar-item.d.ts +3 -0
  17. package/dist/button-bar/button-bar-item.js +12 -1
  18. package/dist/button-bar/button-bar.d.ts +9 -0
  19. package/dist/button-bar/button-bar.js +53 -2
  20. package/dist/button-bar/index.stories.js +2 -2
  21. package/dist/button-bar/index.utils.d.ts +6 -0
  22. package/dist/button-bar/index.utils.js +31 -0
  23. package/dist/button-bar/index.utils.test.d.ts +1 -0
  24. package/dist/button-bar/index.utils.test.js +53 -0
  25. package/dist/button-group/button-group.js +1 -2
  26. package/dist/capacity-bar/index.js +30 -30
  27. package/dist/card/card-carousel.component.js +35 -35
  28. package/dist/card/card-group.component.js +2 -8
  29. package/dist/card/card.component.js +38 -38
  30. package/dist/code-input/index.js +33 -33
  31. package/dist/combobox/index.js +30 -30
  32. package/dist/dialog/dialog-actions.js +11 -10
  33. package/dist/dialog/dialog.js +18 -18
  34. package/dist/dropdown-menu/item.component.js +24 -24
  35. package/dist/field/field-group.component.js +13 -13
  36. package/dist/field/field.component.js +31 -31
  37. package/dist/fieldset/fieldset.component.js +27 -27
  38. package/dist/grid/grid.component.js +31 -31
  39. package/dist/index.d.ts +1 -0
  40. package/dist/index.js +1 -0
  41. package/dist/index.js.map +1 -1
  42. package/dist/layout/layout.component.js +1 -0
  43. package/dist/layout/navbar-menu-item.component.js +1 -0
  44. package/dist/layout/sidebar-menu-item.component.js +1 -0
  45. package/dist/log-output/log-output.component.js +1 -1
  46. package/dist/meta/index.js +6 -0
  47. package/dist/meta/index.js.map +1 -1
  48. package/dist/meta/public-css-variables.test.d.ts +1 -0
  49. package/dist/meta/public-css-variables.test.js +244 -0
  50. package/dist/meta.json +110 -5
  51. package/dist/number-input/index.js +18 -17
  52. package/dist/option-card/option-card.component.js +27 -27
  53. package/dist/panel/panel-group.component.js +10 -7
  54. package/dist/panel/panel.component.js +3 -3
  55. package/dist/progress/index.js +15 -15
  56. package/dist/quantic-components.js +709 -454
  57. package/dist/quantic-components.js.map +1 -1
  58. package/dist/quantic-components.min.js +606 -548
  59. package/dist/quantic-components.min.js.map +1 -1
  60. package/dist/register.js.map +1 -1
  61. package/dist/select/index.js +8 -8
  62. package/dist/spinner/index.js +7 -3
  63. package/dist/table/table-cell.component.js +2 -2
  64. package/dist/table/table-head.component.js +1 -1
  65. package/dist/table/table.component.js +16 -16
  66. package/dist/tag/index.d.ts +1 -0
  67. package/dist/tag/index.js +1 -0
  68. package/dist/tag/tag-group.component.d.ts +13 -0
  69. package/dist/tag/tag-group.component.js +62 -0
  70. package/dist/tag/tag-group.stories.d.ts +34 -0
  71. package/dist/tag/tag-group.stories.js +65 -0
  72. package/dist/text-input/index.js +10 -10
  73. package/dist/textarea/index.js +10 -10
  74. package/dist/tooltip/tooltip.js +0 -1
  75. package/dist/types/action-group/action-group.component.d.ts +13 -0
  76. package/dist/types/action-group/index.d.ts +1 -0
  77. package/dist/types/action-group/index.stories.d.ts +25 -0
  78. package/dist/types/astro.d.ts +4 -1
  79. package/dist/types/badge/badge-group.component.d.ts +13 -0
  80. package/dist/types/badge/badge-group.stories.d.ts +41 -0
  81. package/dist/types/badge/index.d.ts +1 -0
  82. package/dist/types/button-bar/button-bar-item.d.ts +3 -0
  83. package/dist/types/button-bar/button-bar.d.ts +9 -0
  84. package/dist/types/button-bar/index.utils.d.ts +6 -0
  85. package/dist/types/button-bar/index.utils.test.d.ts +1 -0
  86. package/dist/types/index.d.ts +1 -0
  87. package/dist/types/meta/public-css-variables.test.d.ts +1 -0
  88. package/dist/types/tag/index.d.ts +1 -0
  89. package/dist/types/tag/tag-group.component.d.ts +13 -0
  90. package/dist/types/tag/tag-group.stories.d.ts +34 -0
  91. package/package.json +5 -3
package/dist/panel/panel.component.js CHANGED
@@ -59,7 +59,7 @@ Panel.styles = css `
59
59
  font-family: var(--quantic-font-family-body);
60
60
  color: var(--quantic-text-secondary);
61
61
 
62
- --quantic-component-panel-padding: var(--quantic-spacing-6);
62
+ --quantic-internal-panel-padding: var(--quantic-spacing-6);
63
63
  --quantic-component-panel-font-size: var(--quantic-font-size-body-md);
64
64
  --quantic-component-panel-line-height: var(--quantic-line-height-body-md);
65
65
  --quantic-component-panel-radius: var(--quantic-radius-md);
@@ -71,7 +71,7 @@ Panel.styles = css `
71
71
  display: flex;
72
72
  flex-direction: column;
73
73
  gap: var(--quantic-component-panel-spacing);
74
- padding: var(--quantic-component-panel-padding);
74
+ padding: var(--quantic-component-panel-padding, var(--quantic-internal-panel-padding));
75
75
  border-radius: var(--quantic-component-panel-radius);
76
76
  border: 1px solid var(--quantic-border-primary);
77
77
  font-size: var(--quantic-component-panel-font-size);
@@ -93,7 +93,7 @@ Panel.styles = css `
93
93
  .variant--ghost {
94
94
  background-color: transparent;
95
95
  border: none;
96
- --quantic-component-panel-padding: 0;
96
+ --quantic-internal-panel-padding: 0;
97
97
  }
98
98
 
99
99
  .highlighted {
package/dist/progress/index.js CHANGED
@@ -96,37 +96,37 @@ Progress.styles = css `
96
96
  overflow: hidden;
97
97
  border-radius: var(--quantic-radius-full);
98
98
  background-color: var(--quantic-color-gray-dark-mode-700);
99
- height: var(--quantic-component-progress-height, 4px);
99
+ height: var(--quantic-component-progress-height, var(--quantic-internal-progress-height, 4px));
100
100
  }
101
101
 
102
102
  .size--xs {
103
- --quantic-component-progress-height: 2px;
104
- --quantic-component-progress-font-size: var(--quantic-font-size-body-xs);
105
- --quantic-component-progress-line-height: var(
103
+ --quantic-internal-progress-height: 2px;
104
+ --quantic-internal-progress-font-size: var(--quantic-font-size-body-xs);
105
+ --quantic-internal-progress-line-height: var(
106
106
  --quantic-line-height-body-xs
107
107
  );
108
108
  }
109
109
 
110
110
  .size--sm {
111
- --quantic-component-progress-height: 4px;
112
- --quantic-component-progress-font-size: var(--quantic-font-size-body-sm);
113
- --quantic-component-progress-line-height: var(
111
+ --quantic-internal-progress-height: 4px;
112
+ --quantic-internal-progress-font-size: var(--quantic-font-size-body-sm);
113
+ --quantic-internal-progress-line-height: var(
114
114
  --quantic-line-height-body-sm
115
115
  );
116
116
  }
117
117
 
118
118
  .size--md {
119
- --quantic-component-progress-height: 6px;
120
- --quantic-component-progress-font-size: var(--quantic-font-size-body-md);
121
- --quantic-component-progress-line-height: var(
119
+ --quantic-internal-progress-height: 6px;
120
+ --quantic-internal-progress-font-size: var(--quantic-font-size-body-md);
121
+ --quantic-internal-progress-line-height: var(
122
122
  --quantic-line-height-body-md
123
123
  );
124
124
  }
125
125
 
126
126
  .size--lg {
127
- --quantic-component-progress-height: 8px;
128
- --quantic-component-progress-font-size: var(--quantic-font-size-body-lg);
129
- --quantic-component-progress-line-height: var(
127
+ --quantic-internal-progress-height: 8px;
128
+ --quantic-internal-progress-font-size: var(--quantic-font-size-body-lg);
129
+ --quantic-internal-progress-line-height: var(
130
130
  --quantic-line-height-body-lg
131
131
  );
132
132
  }
@@ -154,11 +154,11 @@ Progress.styles = css `
154
154
  flex-shrink: 0;
155
155
  font-size: var(
156
156
  --quantic-component-progress-font-size,
157
- var(--quantic-font-size-body-sm)
157
+ var(--quantic-internal-progress-font-size, var(--quantic-font-size-body-sm))
158
158
  );
159
159
  line-height: var(
160
160
  --quantic-component-progress-line-height,
161
- var(--quantic-line-height-body-sm)
161
+ var(--quantic-internal-progress-line-height, var(--quantic-line-height-body-sm))
162
162
  );
163
163
  font-family: var(--quantic-font-family-body);
164
164
  color: var(--quantic-text-secondary);