@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/grid/grid.component.js CHANGED
@@ -43,9 +43,9 @@ Grid.styles = css `
43
43
 
44
44
  .grid {
45
45
  display: grid;
46
- gap: var(--quantic-component-grid-gap, var(--quantic-spacing-4));
46
+ gap: var(--quantic-component-grid-gap, var(--quantic-internal-grid-gap, var(--quantic-spacing-4)));
47
47
  grid-template-columns: repeat(
48
- var(--quantic-component-grid-columns, 1),
48
+ var(--quantic-component-grid-columns, var(--quantic-internal-grid-columns, 1)),
49
49
  minmax(0, 1fr)
50
50
  );
51
51
  align-items: stretch;
@@ -56,109 +56,109 @@ Grid.styles = css `
56
56
  }
57
57
 
58
58
  .density--dense {
59
- --quantic-component-grid-columns: 2;
60
- --quantic-component-grid-gap: var(--quantic-spacing-2);
59
+ --quantic-internal-grid-columns: 2;
60
+ --quantic-internal-grid-gap: var(--quantic-spacing-2);
61
61
  }
62
62
 
63
63
  .density--compact {
64
- --quantic-component-grid-columns: 1;
65
- --quantic-component-grid-gap: var(--quantic-spacing-2);
64
+ --quantic-internal-grid-columns: 1;
65
+ --quantic-internal-grid-gap: var(--quantic-spacing-2);
66
66
  }
67
67
 
68
68
  .density--comfortable {
69
- --quantic-component-grid-columns: 1;
70
- --quantic-component-grid-gap: var(--quantic-spacing-4);
69
+ --quantic-internal-grid-columns: 1;
70
+ --quantic-internal-grid-gap: var(--quantic-spacing-4);
71
71
  }
72
72
 
73
73
  .density--sparse {
74
- --quantic-component-grid-columns: 1;
75
- --quantic-component-grid-gap: var(--quantic-spacing-4);
74
+ --quantic-internal-grid-columns: 1;
75
+ --quantic-internal-grid-gap: var(--quantic-spacing-4);
76
76
  }
77
77
 
78
78
  @container (min-width: ${unsafeCSS(ContainerSizeBreakpoint.Xs)}) {
79
79
  .density--dense {
80
- --quantic-component-grid-columns: 3;
81
- --quantic-component-grid-gap: var(--quantic-spacing-3);
80
+ --quantic-internal-grid-columns: 3;
81
+ --quantic-internal-grid-gap: var(--quantic-spacing-3);
82
82
  }
83
83
 
84
84
  .density--compact {
85
- --quantic-component-grid-columns: 2;
86
- --quantic-component-grid-gap: var(--quantic-spacing-3);
85
+ --quantic-internal-grid-columns: 2;
86
+ --quantic-internal-grid-gap: var(--quantic-spacing-3);
87
87
  }
88
88
  }
89
89
 
90
90
  @container (min-width: ${unsafeCSS(ContainerSizeBreakpoint.Sm)}) {
91
91
  .density--dense {
92
- --quantic-component-grid-columns: 4;
92
+ --quantic-internal-grid-columns: 4;
93
93
  }
94
94
 
95
95
  .density--compact {
96
- --quantic-component-grid-columns: 3;
96
+ --quantic-internal-grid-columns: 3;
97
97
  }
98
98
 
99
99
  .density--comfortable {
100
- --quantic-component-grid-columns: 2;
100
+ --quantic-internal-grid-columns: 2;
101
101
  }
102
102
  }
103
103
 
104
104
  @container (min-width: ${unsafeCSS(ContainerSizeBreakpoint.Md)}) {
105
105
  .density--dense {
106
- --quantic-component-grid-columns: 5;
106
+ --quantic-internal-grid-columns: 5;
107
107
  }
108
108
 
109
109
  .density--compact {
110
- --quantic-component-grid-columns: 3;
110
+ --quantic-internal-grid-columns: 3;
111
111
  }
112
112
 
113
113
  .density--sparse {
114
- --quantic-component-grid-columns: 2;
114
+ --quantic-internal-grid-columns: 2;
115
115
  }
116
116
  }
117
117
 
118
118
  @container (min-width: ${unsafeCSS(ContainerSizeBreakpoint.Lg)}) {
119
119
  .density--dense {
120
- --quantic-component-grid-columns: 6;
120
+ --quantic-internal-grid-columns: 6;
121
121
  }
122
122
 
123
123
  .density--compact {
124
- --quantic-component-grid-columns: 4;
124
+ --quantic-internal-grid-columns: 4;
125
125
  }
126
126
 
127
127
  .density--comfortable {
128
- --quantic-component-grid-columns: 3;
128
+ --quantic-internal-grid-columns: 3;
129
129
  }
130
130
 
131
131
  .density--sparse {
132
- --quantic-component-grid-gap: var(--quantic-spacing-5);
132
+ --quantic-internal-grid-gap: var(--quantic-spacing-5);
133
133
  }
134
134
  }
135
135
 
136
136
  @container (min-width: ${unsafeCSS(ContainerSizeBreakpoint.Xl)}) {
137
137
  .density--dense {
138
- --quantic-component-grid-columns: 8;
138
+ --quantic-internal-grid-columns: 8;
139
139
  }
140
140
 
141
141
  .density--compact {
142
- --quantic-component-grid-columns: 5;
142
+ --quantic-internal-grid-columns: 5;
143
143
  }
144
144
 
145
145
  .density--comfortable {
146
- --quantic-component-grid-columns: 3;
147
- --quantic-component-grid-gap: var(--quantic-spacing-5);
146
+ --quantic-internal-grid-columns: 3;
147
+ --quantic-internal-grid-gap: var(--quantic-spacing-5);
148
148
  }
149
149
  }
150
150
 
151
151
  @container (min-width: ${unsafeCSS(ContainerSizeBreakpoint.Xxl)}) {
152
152
  .density--dense {
153
- --quantic-component-grid-columns: 10;
153
+ --quantic-internal-grid-columns: 10;
154
154
  }
155
155
 
156
156
  .density--compact {
157
- --quantic-component-grid-columns: 6;
157
+ --quantic-internal-grid-columns: 6;
158
158
  }
159
159
 
160
160
  .density--comfortable {
161
- --quantic-component-grid-columns: 4;
161
+ --quantic-internal-grid-columns: 4;
162
162
  }
163
163
  }
164
164
  `;
package/dist/index.d.ts CHANGED
@@ -3,6 +3,7 @@ export * from './combobox';
3
3
  export * from './badge';
4
4
  export * from './capacity-bar';
5
5
  export * from './button';
6
+ export * from './action-group';
6
7
  export * from './button-group';
7
8
  export * from './button-bar';
8
9
  export * from './card';
package/dist/index.js CHANGED
@@ -3,6 +3,7 @@ export * from './combobox';
3
3
  export * from './badge';
4
4
  export * from './capacity-bar';
5
5
  export * from './button';
6
+ export * from './action-group';
6
7
  export * from './button-group';
7
8
  export * from './button-bar';
8
9
  export * from './card';