@ctrliq/quantic-components 1.72.0 → 1.74.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
|
@@ -39343,18 +39343,24 @@ const vo="important",wo=" !"+vo,mo=Ge(class extends Ze{constructor(e){if(super(e
|
|
|
39343
39343
|
:host {
|
|
39344
39344
|
display: block;
|
|
39345
39345
|
--quantic-component-tabs-gap: var(--quantic-spacing-8);
|
|
39346
|
+
--quantic-component-tab-padding-block: calc(
|
|
39347
|
+
var(--quantic-spacing-2) + var(--quantic-spacing-0-5)
|
|
39348
|
+
);
|
|
39346
39349
|
}
|
|
39347
39350
|
|
|
39348
39351
|
:host([size='xs']) {
|
|
39349
39352
|
--quantic-component-tabs-gap: var(--quantic-spacing-2);
|
|
39353
|
+
--quantic-component-tab-padding-block: var(--quantic-spacing-2);
|
|
39350
39354
|
}
|
|
39351
39355
|
|
|
39352
39356
|
:host([size='sm']) {
|
|
39353
39357
|
--quantic-component-tabs-gap: var(--quantic-spacing-4);
|
|
39358
|
+
--quantic-component-tab-padding-block: var(--quantic-spacing-2);
|
|
39354
39359
|
}
|
|
39355
39360
|
|
|
39356
39361
|
:host([size='lg']) {
|
|
39357
39362
|
--quantic-component-tabs-gap: var(--quantic-spacing-12);
|
|
39363
|
+
--quantic-component-tab-padding-block: var(--quantic-spacing-3);
|
|
39358
39364
|
}
|
|
39359
39365
|
|
|
39360
39366
|
.panels {
|
|
@@ -39505,26 +39511,32 @@ const vo="important",wo=" !"+vo,mo=Ge(class extends Ze{constructor(e){if(super(e
|
|
|
39505
39511
|
}
|
|
39506
39512
|
|
|
39507
39513
|
.size--xs {
|
|
39508
|
-
padding: var(--quantic-
|
|
39514
|
+
padding: var(--quantic-component-tab-padding-block, var(--quantic-spacing-2))
|
|
39515
|
+
var(--quantic-spacing-2);
|
|
39509
39516
|
font-size: var(--quantic-font-size-body-xs);
|
|
39510
39517
|
gap: var(--quantic-spacing-1);
|
|
39511
39518
|
}
|
|
39512
39519
|
|
|
39513
39520
|
.size--sm {
|
|
39514
|
-
padding: var(--quantic-
|
|
39521
|
+
padding: var(--quantic-component-tab-padding-block, var(--quantic-spacing-2))
|
|
39522
|
+
var(--quantic-spacing-3);
|
|
39515
39523
|
font-size: var(--quantic-font-size-body-sm);
|
|
39516
39524
|
gap: var(--quantic-spacing-1-5);
|
|
39517
39525
|
}
|
|
39518
39526
|
|
|
39519
39527
|
.size--md {
|
|
39520
|
-
padding:
|
|
39528
|
+
padding: var(
|
|
39529
|
+
--quantic-component-tab-padding-block,
|
|
39530
|
+
calc(var(--quantic-spacing-2) + var(--quantic-spacing-0-5))
|
|
39531
|
+
)
|
|
39521
39532
|
var(--quantic-spacing-3);
|
|
39522
39533
|
font-size: var(--quantic-font-size-body-md);
|
|
39523
39534
|
gap: var(--quantic-spacing-2);
|
|
39524
39535
|
}
|
|
39525
39536
|
|
|
39526
39537
|
.size--lg {
|
|
39527
|
-
padding: var(--quantic-
|
|
39538
|
+
padding: var(--quantic-component-tab-padding-block, var(--quantic-spacing-3))
|
|
39539
|
+
var(--quantic-spacing-4);
|
|
39528
39540
|
font-size: var(--quantic-font-size-body-lg);
|
|
39529
39541
|
gap: var(--quantic-spacing-2);
|
|
39530
39542
|
}
|