@ctrliq/quantic-components 1.60.1 → 1.61.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.
- package/dist/badge/badge.component.js +10 -0
- package/dist/badge/index.constants.d.ts +1 -0
- package/dist/badge/index.constants.js +1 -0
- package/dist/badge/index.stories.d.ts +2 -1
- package/dist/badge/index.stories.js +4 -0
- package/dist/badge/status-badge.stories.d.ts +1 -1
- package/dist/checkbox/index.js +3 -1
- package/dist/index.js.map +1 -1
- package/dist/meta/index.js.map +1 -1
- package/dist/quantic-components.js +14 -1
- package/dist/quantic-components.js.map +1 -1
- package/dist/quantic-components.min.js +12 -2
- package/dist/quantic-components.min.js.map +1 -1
- package/dist/types/badge/index.constants.d.ts +1 -0
- package/dist/types/badge/index.stories.d.ts +2 -1
- package/dist/types/badge/status-badge.stories.d.ts +1 -1
- package/package.json +1 -6
|
@@ -53275,6 +53275,7 @@
|
|
|
53275
53275
|
|
|
53276
53276
|
const BadgeColor = ComponentColor;
|
|
53277
53277
|
const BadgeSize = {
|
|
53278
|
+
ExtraSmall: 'xs',
|
|
53278
53279
|
Small: 'sm',
|
|
53279
53280
|
Medium: 'md',
|
|
53280
53281
|
Large: 'lg',
|
|
@@ -53332,6 +53333,11 @@
|
|
|
53332
53333
|
border-radius: var(--quantic-radius-sm);
|
|
53333
53334
|
}
|
|
53334
53335
|
|
|
53336
|
+
.size--xs {
|
|
53337
|
+
padding: 0 var(--quantic-spacing-1);
|
|
53338
|
+
font-size: var(--quantic-font-size-body-xs);
|
|
53339
|
+
}
|
|
53340
|
+
|
|
53335
53341
|
.size--sm {
|
|
53336
53342
|
padding: var(--quantic-spacing-0-5) var(--quantic-spacing-1-5);
|
|
53337
53343
|
font-size: var(--quantic-font-size-body-xs);
|
|
@@ -53358,6 +53364,11 @@
|
|
|
53358
53364
|
line-height: 100%;
|
|
53359
53365
|
}
|
|
53360
53366
|
|
|
53367
|
+
.icon.size--xs {
|
|
53368
|
+
width: calc(var(--quantic-line-height-body-xs) + 2px);
|
|
53369
|
+
height: calc(var(--quantic-line-height-body-xs) + 2px);
|
|
53370
|
+
}
|
|
53371
|
+
|
|
53361
53372
|
.icon.size--sm {
|
|
53362
53373
|
width: calc(var(--quantic-line-height-body-xs) + 4px);
|
|
53363
53374
|
height: calc(var(--quantic-line-height-body-xs) + 4px);
|
|
@@ -55605,8 +55616,10 @@
|
|
|
55605
55616
|
const input = this.renderRoot.querySelector('input');
|
|
55606
55617
|
if (input) {
|
|
55607
55618
|
input.indeterminate = this.indeterminate;
|
|
55619
|
+
if (args.has('checked')) {
|
|
55620
|
+
input.checked = this.checked;
|
|
55621
|
+
}
|
|
55608
55622
|
}
|
|
55609
|
-
// Sync form value when checked changes
|
|
55610
55623
|
if (args.has('checked')) {
|
|
55611
55624
|
this.internals.setFormValue(this.checked ? 'on' : null);
|
|
55612
55625
|
}
|