@ctrliq/quantic-components 1.71.1 → 1.73.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.
- package/dist/index.js.map +1 -1
- package/dist/meta/index.js.map +1 -1
- package/dist/quantic-components.js +16 -4
- package/dist/quantic-components.js.map +1 -1
- package/dist/quantic-components.min.js +16 -4
- package/dist/quantic-components.min.js.map +1 -1
- package/dist/register.js.map +1 -1
- package/dist/tabs/button.component.js +10 -4
- package/dist/tabs/tabs.component.js +6 -0
- package/package.json +1 -1
|
@@ -68871,18 +68871,24 @@
|
|
|
68871
68871
|
:host {
|
|
68872
68872
|
display: block;
|
|
68873
68873
|
--quantic-component-tabs-gap: var(--quantic-spacing-8);
|
|
68874
|
+
--quantic-component-tab-padding-block: calc(
|
|
68875
|
+
var(--quantic-spacing-2) + var(--quantic-spacing-0-5)
|
|
68876
|
+
);
|
|
68874
68877
|
}
|
|
68875
68878
|
|
|
68876
68879
|
:host([size='xs']) {
|
|
68877
68880
|
--quantic-component-tabs-gap: var(--quantic-spacing-2);
|
|
68881
|
+
--quantic-component-tab-padding-block: var(--quantic-spacing-2);
|
|
68878
68882
|
}
|
|
68879
68883
|
|
|
68880
68884
|
:host([size='sm']) {
|
|
68881
68885
|
--quantic-component-tabs-gap: var(--quantic-spacing-4);
|
|
68886
|
+
--quantic-component-tab-padding-block: var(--quantic-spacing-2);
|
|
68882
68887
|
}
|
|
68883
68888
|
|
|
68884
68889
|
:host([size='lg']) {
|
|
68885
68890
|
--quantic-component-tabs-gap: var(--quantic-spacing-12);
|
|
68891
|
+
--quantic-component-tab-padding-block: var(--quantic-spacing-3);
|
|
68886
68892
|
}
|
|
68887
68893
|
|
|
68888
68894
|
.panels {
|
|
@@ -69158,26 +69164,32 @@
|
|
|
69158
69164
|
}
|
|
69159
69165
|
|
|
69160
69166
|
.size--xs {
|
|
69161
|
-
padding: var(--quantic-
|
|
69167
|
+
padding: var(--quantic-component-tab-padding-block, var(--quantic-spacing-2))
|
|
69168
|
+
var(--quantic-spacing-2);
|
|
69162
69169
|
font-size: var(--quantic-font-size-body-xs);
|
|
69163
69170
|
gap: var(--quantic-spacing-1);
|
|
69164
69171
|
}
|
|
69165
69172
|
|
|
69166
69173
|
.size--sm {
|
|
69167
|
-
padding: var(--quantic-
|
|
69174
|
+
padding: var(--quantic-component-tab-padding-block, var(--quantic-spacing-2))
|
|
69175
|
+
var(--quantic-spacing-3);
|
|
69168
69176
|
font-size: var(--quantic-font-size-body-sm);
|
|
69169
69177
|
gap: var(--quantic-spacing-1-5);
|
|
69170
69178
|
}
|
|
69171
69179
|
|
|
69172
69180
|
.size--md {
|
|
69173
|
-
padding:
|
|
69181
|
+
padding: var(
|
|
69182
|
+
--quantic-component-tab-padding-block,
|
|
69183
|
+
calc(var(--quantic-spacing-2) + var(--quantic-spacing-0-5))
|
|
69184
|
+
)
|
|
69174
69185
|
var(--quantic-spacing-3);
|
|
69175
69186
|
font-size: var(--quantic-font-size-body-md);
|
|
69176
69187
|
gap: var(--quantic-spacing-2);
|
|
69177
69188
|
}
|
|
69178
69189
|
|
|
69179
69190
|
.size--lg {
|
|
69180
|
-
padding: var(--quantic-
|
|
69191
|
+
padding: var(--quantic-component-tab-padding-block, var(--quantic-spacing-3))
|
|
69192
|
+
var(--quantic-spacing-4);
|
|
69181
69193
|
font-size: var(--quantic-font-size-body-lg);
|
|
69182
69194
|
gap: var(--quantic-spacing-2);
|
|
69183
69195
|
}
|