@quartzds/core 1.0.0-beta.39 → 1.0.0-beta.40
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/components/icon.js +1 -1
- package/components/label.js +1 -1
- package/components/qds-button.js +6 -3
- package/components/qds-button.js.map +1 -1
- package/components/qds-checkbox.js +4 -4
- package/components/qds-dialog.js +1 -1
- package/components/qds-divider.js +1 -1
- package/components/qds-dropdown.js +2 -2
- package/components/qds-form-message.js +2 -2
- package/components/qds-inline-link.js +1 -1
- package/components/qds-input.js +14 -4
- package/components/qds-input.js.map +1 -1
- package/components/qds-list-item.js +3 -3
- package/components/qds-nav-list-item.js +2 -2
- package/components/qds-radio.js +2 -2
- package/components/qds-select.js +4 -4
- package/components/qds-select.js.map +1 -1
- package/components/qds-standalone-link.js +1 -1
- package/components/qds-switch.js +3 -3
- package/components/qds-table-body.js +1 -1
- package/components/qds-table-cell.js +1 -1
- package/components/qds-table-head-cell.js +1 -1
- package/components/qds-table-head.js +1 -1
- package/components/qds-table-row.js +1 -1
- package/components/qds-table.js +1 -1
- package/components/qds-textarea.js +2 -2
- package/components/qds-title.js +2 -2
- package/components/tooltip.js +3 -3
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/qds-button.cjs.entry.js +6 -3
- package/dist/cjs/qds-button.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-checkbox.cjs.entry.js +4 -4
- package/dist/cjs/qds-dialog.cjs.entry.js +1 -1
- package/dist/cjs/qds-divider.cjs.entry.js +1 -1
- package/dist/cjs/qds-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/qds-form-message.cjs.entry.js +2 -2
- package/dist/cjs/qds-icon.cjs.entry.js +1 -1
- package/dist/cjs/qds-inline-link.cjs.entry.js +1 -1
- package/dist/cjs/qds-input.cjs.entry.js +13 -3
- package/dist/cjs/qds-input.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-label.cjs.entry.js +1 -1
- package/dist/cjs/qds-list-item.cjs.entry.js +3 -3
- package/dist/cjs/qds-nav-list-item.cjs.entry.js +2 -2
- package/dist/cjs/qds-radio.cjs.entry.js +2 -2
- package/dist/cjs/qds-select.cjs.entry.js +4 -4
- package/dist/cjs/qds-select.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-standalone-link.cjs.entry.js +1 -1
- package/dist/cjs/qds-switch.cjs.entry.js +3 -3
- package/dist/cjs/qds-table-body.cjs.entry.js +1 -1
- package/dist/cjs/qds-table-cell.cjs.entry.js +1 -1
- package/dist/cjs/qds-table-head-cell.cjs.entry.js +1 -1
- package/dist/cjs/qds-table-head.cjs.entry.js +1 -1
- package/dist/cjs/qds-table-row.cjs.entry.js +1 -1
- package/dist/cjs/qds-table.cjs.entry.js +1 -1
- package/dist/cjs/qds-textarea.cjs.entry.js +2 -2
- package/dist/cjs/qds-title.cjs.entry.js +2 -2
- package/dist/cjs/qds-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/qds.cjs.js +1 -1
- package/dist/custom-elements.json +18 -0
- package/dist/docs.json +6 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/qds-button.entry.js +6 -3
- package/dist/esm/qds-button.entry.js.map +1 -1
- package/dist/esm/qds-checkbox.entry.js +4 -4
- package/dist/esm/qds-dialog.entry.js +1 -1
- package/dist/esm/qds-divider.entry.js +1 -1
- package/dist/esm/qds-dropdown.entry.js +2 -2
- package/dist/esm/qds-form-message.entry.js +2 -2
- package/dist/esm/qds-icon.entry.js +1 -1
- package/dist/esm/qds-inline-link.entry.js +1 -1
- package/dist/esm/qds-input.entry.js +13 -3
- package/dist/esm/qds-input.entry.js.map +1 -1
- package/dist/esm/qds-label.entry.js +1 -1
- package/dist/esm/qds-list-item.entry.js +3 -3
- package/dist/esm/qds-nav-list-item.entry.js +2 -2
- package/dist/esm/qds-radio.entry.js +2 -2
- package/dist/esm/qds-select.entry.js +4 -4
- package/dist/esm/qds-select.entry.js.map +1 -1
- package/dist/esm/qds-standalone-link.entry.js +1 -1
- package/dist/esm/qds-switch.entry.js +3 -3
- package/dist/esm/qds-table-body.entry.js +1 -1
- package/dist/esm/qds-table-cell.entry.js +1 -1
- package/dist/esm/qds-table-head-cell.entry.js +1 -1
- package/dist/esm/qds-table-head.entry.js +1 -1
- package/dist/esm/qds-table-row.entry.js +1 -1
- package/dist/esm/qds-table.entry.js +1 -1
- package/dist/esm/qds-textarea.entry.js +2 -2
- package/dist/esm/qds-title.entry.js +2 -2
- package/dist/esm/qds-tooltip.entry.js +3 -3
- package/dist/esm/qds.js +1 -1
- package/dist/types/components/input/input.d.ts +1 -0
- package/hydrate/index.js +61 -48
- package/package.json +1 -1
- package/styles/core.css +61 -2
package/hydrate/index.js
CHANGED
|
@@ -7716,7 +7716,7 @@ const roundByDPR = (value) => {
|
|
|
7716
7716
|
return Math.round(value * dpr) / dpr;
|
|
7717
7717
|
};
|
|
7718
7718
|
|
|
7719
|
-
const buttonCss = "/*!@:host([hidden])*/[hidden].sc-qds-button-h{display:none !important}/*!@:host*/.sc-qds-button-h{display:inline-block}/*!@.qds-action*/.qds-action.sc-qds-button{transform:scaleX(var(--qds-direction-factor, 1))}/*!@.qds-button*/.qds-button.sc-qds-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;padding-block:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;user-select:none;white-space:var(--qds-internal-white-space-property, nowrap);width:100%}/*!@.qds-button:any-link*/.qds-button.sc-qds-button:any-link{-webkit-text-decoration:none;text-decoration:none}/*!@.qds-button:focus-visible*/.qds-button.sc-qds-button:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}/*!@.qds-badge*/.qds-badge.sc-qds-button{border-radius:var(--qds-control-rounded-border-radius);font:var(--qds-badge-text);height:var(--qds-badge-height);padding-inline:var(--qds-badge-padding-horizontal)}/*!@[aria-disabled='true']*/[aria-disabled='true'].sc-qds-button{opacity:var(--qds-theme-disabled);pointer-events:none}/*!@[data-size='small']*/[data-size='small'].sc-qds-button{font:var(--qds-control-small-text)}/*!@.qds-button[data-size='small']*/.qds-button[data-size='small'].sc-qds-button{gap:var(--qds-control-small-gap-internal);height:var(--qds-control-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}/*!@.qds-icon-only[data-size='small']*/.qds-icon-only[data-size='small'].sc-qds-button{width:var(--qds-control-small-height)}/*!@.qds-icon[data-size='small']*/.qds-icon[data-size='small'].sc-qds-button{font-size:var(--qds-control-small-icon-size)}/*!@[data-size='standard']*/[data-size='standard'].sc-qds-button{font:var(--qds-control-standard-text)}/*!@.qds-button[data-size='standard']*/.qds-button[data-size='standard'].sc-qds-button{gap:var(--qds-control-standard-gap-internal);height:var(--qds-control-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}/*!@.qds-icon-only[data-size='standard']*/.qds-icon-only[data-size='standard'].sc-qds-button{width:var(--qds-control-standard-height)}/*!@.qds-icon[data-size='standard']*/.qds-icon[data-size='standard'].sc-qds-button{font-size:var(--qds-control-standard-icon-size)}/*!@[data-size='large']*/[data-size='large'].sc-qds-button{font:var(--qds-control-large-text)}/*!@.qds-button[data-size='large']*/.qds-button[data-size='large'].sc-qds-button{gap:var(--qds-control-large-gap-internal);height:var(--qds-control-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}/*!@.qds-icon-only[data-size='large']*/.qds-icon-only[data-size='large'].sc-qds-button{width:var(--qds-control-large-height)}/*!@.qds-icon[data-size='large']*/.qds-icon[data-size='large'].sc-qds-button{font-size:var(--qds-control-large-icon-size)}/*!@.qds-button[data-importance='standard'], .qds-button[data-importance='emphasized'], .qds-button[data-variant='destructive']*/.qds-button[data-importance='standard'].sc-qds-button,.qds-button[data-importance='emphasized'].sc-qds-button,.qds-button[data-variant='destructive'].sc-qds-button{border-radius:var(--qds-control-border-radius)}/*!@[data-importance='subdued']*/[data-importance='subdued'].sc-qds-button{color:var(--qds-theme-link-standard-default)}/*!@.qds-badge[data-importance='subdued']*/.qds-badge[data-importance='subdued'].sc-qds-button{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}/*!@.qds-icon-only[data-importance='subdued']*/.qds-icon-only[data-importance='subdued'].sc-qds-button{color:var(--qds-theme-control-text-standard)}/*!@.qds-button[data-importance='subdued']*/.qds-button[data-importance='subdued'].sc-qds-button{padding-inline:0;border-block-end:var(--qds-control-border-width) solid transparent}/*!@.qds-button[data-importance='subdued']:hover*/.qds-button[data-importance='subdued'].sc-qds-button:hover{border-block-end:var(--qds-control-border-width) solid\n var(--qds-theme-link-standard-hover);color:var(--qds-theme-link-standard-hover)}/*!@.qds-button[data-importance='subdued']:hover .qds-badge*/.qds-button[data-importance='subdued'].sc-qds-button:hover .qds-badge.sc-qds-button{background-color:var(--qds-theme-link-standard-hover)}/*!@.qds-button.qds-icon-only[data-importance='subdued']:hover*/.qds-button.qds-icon-only[data-importance='subdued'].sc-qds-button:hover{background-color:var(--qds-theme-interactive-background-hover);border:none;color:var(--qds-theme-control-text-standard)}/*!@.qds-button[data-importance='subdued']:active*/.qds-button[data-importance='subdued'].sc-qds-button:active{border-block-end:var(--qds-control-border-width) solid\n var(--qds-theme-link-standard-pressed);color:var(--qds-theme-link-standard-pressed)}/*!@.qds-button[data-importance='subdued']:active .qds-badge*/.qds-button[data-importance='subdued'].sc-qds-button:active .qds-badge.sc-qds-button{background-color:var(--qds-theme-link-standard-pressed)}/*!@.qds-button.qds-icon-only[data-importance='subdued']:active*/.qds-button.qds-icon-only[data-importance='subdued'].sc-qds-button:active{background-color:var(--qds-theme-interactive-background-pressed);border:none;color:var(--qds-theme-control-text-standard)}/*!@[data-importance='standard']*/[data-importance='standard'].sc-qds-button{color:var(--qds-theme-control-text-standard)}/*!@.qds-badge[data-importance='standard']*/.qds-badge[data-importance='standard'].sc-qds-button{background-color:var(--qds-theme-feedback-message-neutral);color:var(--qds-theme-feedback-message-neutral-contrast)}/*!@.qds-button[data-importance='standard']*/.qds-button[data-importance='standard'].sc-qds-button{border:var(--qds-control-border-width) solid\n var(--qds-theme-control-border)}/*!@.qds-button[data-importance='standard']:hover*/.qds-button[data-importance='standard'].sc-qds-button:hover{background-color:var(--qds-theme-interactive-background-hover)}/*!@.qds-button[data-importance='standard']:hover .qds-badge*/.qds-button[data-importance='standard'].sc-qds-button:hover .qds-badge.sc-qds-button{color:var(--qds-theme-interactive-background-hover)}/*!@.qds-button[data-importance='standard']:active*/.qds-button[data-importance='standard'].sc-qds-button:active{background-color:var(--qds-theme-interactive-background-pressed)}/*!@.qds-button[data-importance='standard']:active .qds-badge*/.qds-button[data-importance='standard'].sc-qds-button:active .qds-badge.sc-qds-button{color:var(--qds-theme-interactive-background-pressed)}/*!@.qds-badge[data-importance='emphasized']*/.qds-badge[data-importance='emphasized'].sc-qds-button{background-color:var(--qds-theme-signature-color-contrast);color:var(--qds-theme-signature-color-default)}/*!@.qds-button[data-importance='emphasized']*/.qds-button[data-importance='emphasized'].sc-qds-button{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}/*!@.qds-button[data-importance='emphasized']:hover*/.qds-button[data-importance='emphasized'].sc-qds-button:hover{background-color:var(--qds-theme-signature-color-hover)}/*!@.qds-button[data-importance='emphasized']:hover .qds-badge*/.qds-button[data-importance='emphasized'].sc-qds-button:hover .qds-badge.sc-qds-button{color:var(--qds-theme-signature-color-hover)}/*!@.qds-button[data-importance='emphasized']:active*/.qds-button[data-importance='emphasized'].sc-qds-button:active{background-color:var(--qds-theme-signature-color-pressed)}/*!@.qds-button[data-importance='emphasized']:active .qds-badge*/.qds-button[data-importance='emphasized'].sc-qds-button:active .qds-badge.sc-qds-button{color:var(--qds-theme-signature-color-pressed)}/*!@.qds-badge[data-variant='destructive']*/.qds-badge[data-variant='destructive'].sc-qds-button{background-color:var(--qds-theme-feedback-action-destructive-contrast);color:var(--qds-theme-feedback-action-destructive-default)}/*!@.qds-button[data-variant='destructive']*/.qds-button[data-variant='destructive'].sc-qds-button{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}/*!@.qds-button[data-variant='destructive']:hover*/.qds-button[data-variant='destructive'].sc-qds-button:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}/*!@.qds-button[data-variant='destructive']:hover .qds-badge*/.qds-button[data-variant='destructive'].sc-qds-button:hover .qds-badge.sc-qds-button{color:var(--qds-theme-feedback-action-destructive-hover)}/*!@.qds-button[data-variant='destructive']:active*/.qds-button[data-variant='destructive'].sc-qds-button:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}/*!@.qds-button[data-variant='destructive']:active .qds-badge*/.qds-button[data-variant='destructive'].sc-qds-button:active .qds-badge.sc-qds-button{color:var(--qds-theme-feedback-action-destructive-pressed)}/*!@.qds-button[data-variant='hero']*/.qds-button[data-variant='hero'].sc-qds-button{border-radius:var(--qds-control-hero-border-radius);font:var(--qds-control-hero-text);gap:var(--qds-control-hero-gap-internal);white-space:normal;padding-block:var(--qds-control-hero-padding-auto-height)}/*!@.qds-button[data-variant='hero']:not([data-importance='subdued'])*/.qds-button[data-variant='hero'].sc-qds-button:not([data-importance='subdued']){padding-inline:var(--qds-control-button-hero-padding-horizontal)}/*!@.qds-icon-only[data-variant='hero']*/.qds-icon-only[data-variant='hero'].sc-qds-button{width:var(--qds-control-hero-height)}/*!@.qds-icon[data-variant='hero']*/.qds-icon[data-variant='hero'].sc-qds-button{font-size:var(--qds-control-hero-icon-size)}/*!@.qds-icon-only[data-size='small'], .qds-icon-only[data-size='standard'], .qds-icon-only[data-size='large'], .qds-icon-only[data-variant='hero']*/.qds-icon-only[data-size='small'].sc-qds-button,.qds-icon-only[data-size='standard'].sc-qds-button,.qds-icon-only[data-size='large'].sc-qds-button,.qds-icon-only[data-variant='hero'].sc-qds-button{padding-inline:0}";
|
|
7719
|
+
const buttonCss = "/*!@:host([hidden])*/[hidden].sc-qds-button-h{display:none !important}/*!@:host*/.sc-qds-button-h{display:inline-block}/*!@.qds-action*/.qds-action.sc-qds-button{transform:scaleX(var(--qds-direction-factor, 1))}/*!@.qds-container*/.qds-container.sc-qds-button{display:grid;grid-template-areas:'button'}/*!@.qds-button*/.qds-button.sc-qds-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-control-border-radius-top-left,\n var(--qds-control-border-radius)\n )\n var(--qds-control-border-radius-top-right, var(--qds-control-border-radius))\n var(\n --qds-control-border-radius-bottom-right,\n var(--qds-control-border-radius)\n )\n var(\n --qds-control-border-radius-bottom-left,\n var(--qds-control-border-radius)\n );box-sizing:border-box;cursor:pointer;display:inline-flex;grid-area:button;justify-content:center;outline:none;padding-block:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;user-select:none;white-space:var(--qds-internal-white-space-property, nowrap);width:100%}/*!@.qds-button:any-link*/.qds-button.sc-qds-button:any-link{-webkit-text-decoration:none;text-decoration:none}/*!@.qds-focus-ring*/.qds-focus-ring.sc-qds-button{border-radius:max(\n 1px,\n var(\n --qds-control-border-radius-top-left,\n var(--qds-control-border-radius)\n )\n )\n max(\n 1px,\n var(\n --qds-control-border-radius-top-right,\n var(--qds-control-border-radius)\n )\n )\n max(\n 1px,\n var(\n --qds-control-border-radius-bottom-right,\n var(--qds-control-border-radius)\n )\n )\n max(\n 1px,\n var(\n --qds-control-border-radius-bottom-left,\n var(--qds-control-border-radius)\n )\n );grid-area:button;isolation:isolate;outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset);pointer-events:none;visibility:hidden;width:calc(\n 100% + var(--qds-control-border-width) -\n var(\n --qds-control-border-width-inline-end,\n var(--qds-control-border-width)\n )\n );height:calc(\n 100% + var(--qds-control-border-width) -\n var(--qds-control-border-width-block-end, var(--qds-control-border-width))\n )}/*!@.qds-badge*/.qds-badge.sc-qds-button{border-radius:var(--qds-control-rounded-border-radius);font:var(--qds-badge-text);height:var(--qds-badge-height);padding-inline:var(--qds-badge-padding-horizontal)}/*!@.qds-icon*/.qds-icon.sc-qds-button{flex-shrink:0}/*!@[aria-disabled='true']*/[aria-disabled='true'].sc-qds-button{opacity:var(--qds-theme-disabled);pointer-events:none}/*!@[data-size='small']*/[data-size='small'].sc-qds-button{font:var(--qds-control-small-text)}/*!@.qds-button[data-size='small']*/.qds-button[data-size='small'].sc-qds-button{gap:var(--qds-control-small-gap-internal);height:var(--qds-control-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}/*!@.qds-button.qds-icon-only[data-size='small']*/.qds-button.qds-icon-only[data-size='small'].sc-qds-button{padding-inline:0;width:var(--qds-control-small-height)}/*!@.qds-icon[data-size='small']*/.qds-icon[data-size='small'].sc-qds-button{font-size:var(--qds-control-small-icon-size)}/*!@[data-size='standard']*/[data-size='standard'].sc-qds-button{font:var(--qds-control-standard-text)}/*!@.qds-button[data-size='standard']*/.qds-button[data-size='standard'].sc-qds-button{gap:var(--qds-control-standard-gap-internal);height:var(--qds-control-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}/*!@.qds-button.qds-icon-only[data-size='standard']*/.qds-button.qds-icon-only[data-size='standard'].sc-qds-button{padding-inline:0;width:var(--qds-control-standard-height)}/*!@.qds-icon[data-size='standard']*/.qds-icon[data-size='standard'].sc-qds-button{font-size:var(--qds-control-standard-icon-size)}/*!@[data-size='large']*/[data-size='large'].sc-qds-button{font:var(--qds-control-large-text)}/*!@.qds-button[data-size='large']*/.qds-button[data-size='large'].sc-qds-button{gap:var(--qds-control-large-gap-internal);height:var(--qds-control-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}/*!@.qds-button.qds-icon-only[data-size='large']*/.qds-button.qds-icon-only[data-size='large'].sc-qds-button{padding-inline:0;width:var(--qds-control-large-height)}/*!@.qds-icon[data-size='large']*/.qds-icon[data-size='large'].sc-qds-button{font-size:var(--qds-control-large-icon-size)}/*!@[data-importance='subdued']*/[data-importance='subdued'].sc-qds-button{color:var(--qds-theme-link-standard-default)}/*!@.qds-badge[data-importance='subdued']*/.qds-badge[data-importance='subdued'].sc-qds-button{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}/*!@.qds-button[data-importance='subdued']*/.qds-button[data-importance='subdued'].sc-qds-button{border-block-end:var(--qds-control-border-width) solid transparent;padding-inline:0}/*!@.qds-button[data-importance='subdued']:hover*/.qds-button[data-importance='subdued'].sc-qds-button:hover{border-block-end:var(--qds-control-border-width) solid\n var(--qds-theme-link-standard-hover);color:var(--qds-theme-link-standard-hover)}/*!@.qds-button[data-importance='subdued']:hover .qds-badge*/.qds-button[data-importance='subdued'].sc-qds-button:hover .qds-badge.sc-qds-button{background-color:var(--qds-theme-link-standard-hover)}/*!@.qds-button[data-importance='subdued']:active*/.qds-button[data-importance='subdued'].sc-qds-button:active{border-block-end:var(--qds-control-border-width) solid\n var(--qds-theme-link-standard-pressed);color:var(--qds-theme-link-standard-pressed)}/*!@.qds-button[data-importance='subdued']:active .qds-badge*/.qds-button[data-importance='subdued'].sc-qds-button:active .qds-badge.sc-qds-button{background-color:var(--qds-theme-link-standard-pressed)}/*!@.qds-button[data-importance='subdued']:not(.qds-icon-only)*/.qds-button[data-importance='subdued'].sc-qds-button:not(.qds-icon-only){border-radius:0}/*!@.qds-button.qds-icon-only[data-importance='subdued']*/.qds-button.qds-icon-only[data-importance='subdued'].sc-qds-button{border:none;color:var(--qds-theme-control-text-standard)}/*!@.qds-button.qds-icon-only[data-importance='subdued']:hover*/.qds-button.qds-icon-only[data-importance='subdued'].sc-qds-button:hover{background-color:var(--qds-theme-interactive-background-hover)}/*!@.qds-button.qds-icon-only[data-importance='subdued']:active*/.qds-button.qds-icon-only[data-importance='subdued'].sc-qds-button:active{background-color:var(--qds-theme-interactive-background-pressed)}/*!@[data-importance='standard']*/[data-importance='standard'].sc-qds-button{color:var(--qds-theme-control-text-standard)}/*!@.qds-badge[data-importance='standard']*/.qds-badge[data-importance='standard'].sc-qds-button{background-color:var(--qds-theme-feedback-message-neutral);color:var(--qds-theme-feedback-message-neutral-contrast)}/*!@.qds-button[data-importance='standard']*/.qds-button[data-importance='standard'].sc-qds-button{border-color:var(--qds-theme-control-border);border-style:solid;border-width:var(--qds-control-border-width)\n var(\n --qds-control-border-width-inline-end,\n var(--qds-control-border-width)\n )\n var(--qds-control-border-width-block-end, var(--qds-control-border-width))\n var(--qds-control-border-width)}/*!@.qds-button[data-importance='standard']:hover*/.qds-button[data-importance='standard'].sc-qds-button:hover{background-color:var(--qds-theme-interactive-background-hover)}/*!@.qds-button[data-importance='standard']:hover .qds-badge*/.qds-button[data-importance='standard'].sc-qds-button:hover .qds-badge.sc-qds-button{color:var(--qds-theme-interactive-background-hover)}/*!@.qds-button[data-importance='standard']:active*/.qds-button[data-importance='standard'].sc-qds-button:active{background-color:var(--qds-theme-interactive-background-pressed)}/*!@.qds-button[data-importance='standard']:active .qds-badge*/.qds-button[data-importance='standard'].sc-qds-button:active .qds-badge.sc-qds-button{color:var(--qds-theme-interactive-background-pressed)}/*!@.qds-badge[data-importance='emphasized']*/.qds-badge[data-importance='emphasized'].sc-qds-button{background-color:var(--qds-theme-signature-color-contrast);color:var(--qds-theme-signature-color-default)}/*!@.qds-button[data-importance='emphasized']*/.qds-button[data-importance='emphasized'].sc-qds-button{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}/*!@.qds-button[data-importance='emphasized']:hover*/.qds-button[data-importance='emphasized'].sc-qds-button:hover{background-color:var(--qds-theme-signature-color-hover)}/*!@.qds-button[data-importance='emphasized']:hover .qds-badge*/.qds-button[data-importance='emphasized'].sc-qds-button:hover .qds-badge.sc-qds-button{color:var(--qds-theme-signature-color-hover)}/*!@.qds-button[data-importance='emphasized']:active*/.qds-button[data-importance='emphasized'].sc-qds-button:active{background-color:var(--qds-theme-signature-color-pressed)}/*!@.qds-button[data-importance='emphasized']:active .qds-badge*/.qds-button[data-importance='emphasized'].sc-qds-button:active .qds-badge.sc-qds-button{color:var(--qds-theme-signature-color-pressed)}/*!@.qds-badge[data-variant='destructive']*/.qds-badge[data-variant='destructive'].sc-qds-button{background-color:var(--qds-theme-feedback-action-destructive-contrast);color:var(--qds-theme-feedback-action-destructive-default)}/*!@.qds-button[data-variant='destructive']*/.qds-button[data-variant='destructive'].sc-qds-button{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}/*!@.qds-button[data-variant='destructive']:hover*/.qds-button[data-variant='destructive'].sc-qds-button:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}/*!@.qds-button[data-variant='destructive']:hover .qds-badge*/.qds-button[data-variant='destructive'].sc-qds-button:hover .qds-badge.sc-qds-button{color:var(--qds-theme-feedback-action-destructive-hover)}/*!@.qds-button[data-variant='destructive']:active*/.qds-button[data-variant='destructive'].sc-qds-button:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}/*!@.qds-button[data-variant='destructive']:active .qds-badge*/.qds-button[data-variant='destructive'].sc-qds-button:active .qds-badge.sc-qds-button{color:var(--qds-theme-feedback-action-destructive-pressed)}/*!@.qds-button[data-variant='hero']*/.qds-button[data-variant='hero'].sc-qds-button{border-radius:var(\n --qds-control-border-radius-top-left,\n var(--qds-control-hero-border-radius)\n )\n var(\n --qds-control-border-radius-top-right,\n var(--qds-control-hero-border-radius)\n )\n var(\n --qds-control-border-radius-bottom-right,\n var(--qds-control-hero-border-radius)\n )\n var(\n --qds-control-border-radius-bottom-left,\n var(--qds-control-hero-border-radius)\n );font:var(--qds-control-hero-text);gap:var(--qds-control-hero-gap-internal);padding-block:var(--qds-control-hero-padding-auto-height);white-space:normal}/*!@.qds-button[data-variant='hero'][data-importance='standard']*/.qds-button[data-variant='hero'][data-importance='standard'].sc-qds-button{padding-block:calc(\n var(--qds-control-hero-padding-auto-height) -\n var(\n --qds-control-border-width-block-start,\n var(--qds-control-border-width)\n )\n )\n calc(\n var(--qds-control-hero-padding-auto-height) -\n var(\n --qds-control-border-width-block-end,\n var(--qds-control-border-width)\n )\n )}/*!@.qds-button[data-variant='hero']:not([data-importance='subdued'])*/.qds-button[data-variant='hero'].sc-qds-button:not([data-importance='subdued']){padding-inline:var(--qds-control-button-hero-padding-horizontal)}/*!@.qds-button.qds-icon-only[data-variant='hero']*/.qds-button.qds-icon-only[data-variant='hero'].sc-qds-button{height:var(--qds-control-hero-height);padding:0;width:var(--qds-control-hero-height)}/*!@.qds-focus-ring[data-variant='hero']*/.qds-focus-ring[data-variant='hero'].sc-qds-button{border-radius:max(\n 1px,\n var(\n --qds-control-border-radius-top-left,\n var(--qds-control-hero-border-radius)\n )\n )\n max(\n 1px,\n var(\n --qds-control-border-radius-top-right,\n var(--qds-control-hero-border-radius)\n )\n )\n max(\n 1px,\n var(\n --qds-control-border-radius-bottom-right,\n var(--qds-control-hero-border-radius)\n )\n )\n max(\n 1px,\n var(\n --qds-control-border-radius-bottom-left,\n var(--qds-control-hero-border-radius)\n )\n )}/*!@.qds-icon[data-variant='hero']*/.qds-icon[data-variant='hero'].sc-qds-button{font-size:var(--qds-control-hero-icon-size)}/*!@.qds-button:focus-visible ~ .qds-focus-ring*/.qds-button.sc-qds-button:focus-visible~.qds-focus-ring.sc-qds-button{visibility:visible}";
|
|
7720
7720
|
var QdsButtonStyle0 = buttonCss;
|
|
7721
7721
|
|
|
7722
7722
|
/**
|
|
@@ -7852,10 +7852,13 @@ class Button {
|
|
|
7852
7852
|
}
|
|
7853
7853
|
render() {
|
|
7854
7854
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
7855
|
-
return (hAsync(Tag, { key: '
|
|
7855
|
+
return (hAsync("div", { key: 'a4e21a38ce15a8447c131548ed138e12aeaadc7a', class: "qds-container" }, hAsync(Tag, { key: '87128f1a0c778c0bda43aab708707425a74f715f', "aria-disabled": this.computedDisabled.toString(), class: {
|
|
7856
7856
|
'qds-button': true,
|
|
7857
7857
|
'qds-icon-only': this.iconOnly,
|
|
7858
|
-
}, "data-importance": this.computedImportance, "data-size": this.computedSize, "data-variant": this.variant, disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, onBlur: this.onBlur, onFocus: this.onFocus, rel: Tag === 'a' ? 'noreferrer noopener' : undefined, role: Tag === 'a' ? 'button' : undefined, tabIndex: this.computedDisabled ? -1 : this.computedTabIndex, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : this.buttonType, value: Tag === 'a' ? undefined : this.value, ...this.inheritedAttributes }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { class: "qds-icon", "data-size": this.computedSize,
|
|
7858
|
+
}, "data-importance": this.computedImportance, "data-size": this.computedSize, "data-variant": this.variant, disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, onBlur: this.onBlur, onFocus: this.onFocus, rel: Tag === 'a' ? 'noreferrer noopener' : undefined, role: Tag === 'a' ? 'button' : undefined, tabIndex: this.computedDisabled ? -1 : this.computedTabIndex, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : this.buttonType, value: Tag === 'a' ? undefined : this.value, ...this.inheritedAttributes }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { class: "qds-icon", "data-size": this.computedSize, library: this.iconLibrary, name: this.iconName })), this.text, this.badge !== undefined && this.badge !== '' && (hAsync("div", { class: "qds-badge", "data-importance": this.computedImportance, "data-variant": this.variant }, this.badge)), this.computedAction !== undefined && (hAsync("qds-icon", { class: "qds-icon qds-action", library: "core", name: this.computedAction }))), hAsync("div", { key: '54277f5f5c4cfa4c52e85a34fe80791b8464167d', class: {
|
|
7859
|
+
'qds-focus-ring': true,
|
|
7860
|
+
'qds-icon-only': this.iconOnly,
|
|
7861
|
+
}, "data-importance": this.computedImportance, "data-size": this.computedSize, "data-variant": this.variant })));
|
|
7859
7862
|
}
|
|
7860
7863
|
static get delegatesFocus() { return true; }
|
|
7861
7864
|
get element() { return getElement(this); }
|
|
@@ -8059,15 +8062,15 @@ class Checkbox {
|
|
|
8059
8062
|
render() {
|
|
8060
8063
|
return (
|
|
8061
8064
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
8062
|
-
hAsync("label", { key: '
|
|
8065
|
+
hAsync("label", { key: '51b4490c588e94b899f25e4d989b53a1b843f696', "aria-disabled": this.computedDisabled.toString(), class: {
|
|
8063
8066
|
'qds-inline': this.inline,
|
|
8064
8067
|
'qds-label': true,
|
|
8065
|
-
}, "data-size": this.computedSize }, hAsync("div", { key: '
|
|
8068
|
+
}, "data-size": this.computedSize }, hAsync("div", { key: '26c716cb00691426e339f0a64019013cccfc5020', class: "qds-container" }, hAsync("input", { key: '5e0f5dc230b56fe3668697828c229de35555b60b',
|
|
8066
8069
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
8067
|
-
autoFocus: this.autoFocus, checked: this.computedIndeterminate ? false : this.checked, class: "qds-checkbox", "data-size": this.computedSize, disabled: this.computedDisabled, indeterminate: this.indeterminate, onBlur: this.onBlur, onFocus: this.onFocus, ref: this.ref, required: this.required, type: "checkbox", ...this.inheritedAttributes }), hAsync("qds-icon", { key: '
|
|
8070
|
+
autoFocus: this.autoFocus, checked: this.computedIndeterminate ? false : this.checked, class: "qds-checkbox", "data-size": this.computedSize, disabled: this.computedDisabled, indeterminate: this.indeterminate, onBlur: this.onBlur, onFocus: this.onFocus, ref: this.ref, required: this.required, type: "checkbox", ...this.inheritedAttributes }), hAsync("qds-icon", { key: '7a593295e2da79540f1b6cb1a54f448519ddd6e4', "aria-hidden": "true", class: {
|
|
8068
8071
|
'qds-icon': true,
|
|
8069
8072
|
'qds-checked': true,
|
|
8070
|
-
}, "data-size": this.computedSize, library: "core", name: "checked" }), hAsync("div", { key: '
|
|
8073
|
+
}, "data-size": this.computedSize, library: "core", name: "checked" }), hAsync("div", { key: 'a0c788af92242e023e78372b0fb6c5d2fd66215f', class: "qds-box", "data-size": this.computedSize }), hAsync("qds-icon", { key: '279a028cd8506e2b7047a3be6ed631a47f639c7d', "aria-hidden": "true", class: {
|
|
8071
8074
|
'qds-icon': true,
|
|
8072
8075
|
'qds-indeterminate': true,
|
|
8073
8076
|
}, "data-size": this.computedSize, library: "core", name: "indeterminate" })), this.hasText && (hAsync("qds-label", { required: this.required, size: this.size, text: this.text }))));
|
|
@@ -8173,7 +8176,7 @@ class Dialog {
|
|
|
8173
8176
|
await this.show();
|
|
8174
8177
|
}
|
|
8175
8178
|
render() {
|
|
8176
|
-
return (hAsync(Host, { key: '
|
|
8179
|
+
return (hAsync(Host, { key: '1c9e74771def22f22c952d7b0e54d1da70b8eddf' }, hAsync("dialog", { key: '0d7eb32d2d8fa28c48e103030666cbb72b891d81', class: "qds-dialog", ref: this.ref, onSubmit: this.boundSubmit, onCancel: this.onCancel, onClose: this.onClose, ...this.inheritedAttributes }, hAsync("div", { key: 'a48ab0d3e78cebdab45828f7c75eabd0a033d13d', class: "qds-content" }, hAsync("slot", { key: '48362820234c381014bdc4cd73fd228cf647d7be' }))), hAsync("div", { key: '53c2bebe31768c6b0d864d4fdae17a5e985de12d', class: "qds-backdrop" })));
|
|
8177
8180
|
}
|
|
8178
8181
|
async handleSubmit(event) {
|
|
8179
8182
|
if ((event instanceof SubmitEvent &&
|
|
@@ -8237,7 +8240,7 @@ class Divider {
|
|
|
8237
8240
|
this.inheritedAttributes = inheritAriaAttributes(this.element);
|
|
8238
8241
|
}
|
|
8239
8242
|
render() {
|
|
8240
|
-
return (hAsync("hr", { key: '
|
|
8243
|
+
return (hAsync("hr", { key: '6c553a48c21d1a85b1c68c24c9ca30330a58a18e', class: "qds-divider", "data-importance": this.computedImportance, ...this.inheritedAttributes }));
|
|
8241
8244
|
}
|
|
8242
8245
|
get element() { return getElement(this); }
|
|
8243
8246
|
static get style() { return QdsDividerStyle0; }
|
|
@@ -9857,11 +9860,11 @@ class Dropdown {
|
|
|
9857
9860
|
this.disconnectReferenceElement();
|
|
9858
9861
|
}
|
|
9859
9862
|
render() {
|
|
9860
|
-
return (hAsync(Host, { key: '
|
|
9863
|
+
return (hAsync(Host, { key: '9ab053f73492f32be45e32d7f4ed28a343a8eb9a', "aria-labelledby": this.hostAriaLabelledBy, onKeyDown: this.boundEscape, onFocusout: this.boundFocusout, style: {
|
|
9861
9864
|
display: this.hostDisplay,
|
|
9862
9865
|
position: this.hostPosition,
|
|
9863
9866
|
transform: this.hostTransform,
|
|
9864
|
-
} }, hAsync("slot", { key: '
|
|
9867
|
+
} }, hAsync("slot", { key: 'ab10e56c3ad0b94360089280c7b2213fcf4e97c2' })));
|
|
9865
9868
|
}
|
|
9866
9869
|
async handleFocusout(event) {
|
|
9867
9870
|
if (!(event instanceof FocusEvent))
|
|
@@ -9979,10 +9982,10 @@ class FormMessage {
|
|
|
9979
9982
|
this.inheritedAttributes = inheritAriaAttributes(this.element);
|
|
9980
9983
|
}
|
|
9981
9984
|
render() {
|
|
9982
|
-
return (hAsync("span", { key: '
|
|
9985
|
+
return (hAsync("span", { key: '6b634984cd3f4ed3ca09ecce1f05a569fb38201d', class: {
|
|
9983
9986
|
'qds-form-message': true,
|
|
9984
9987
|
'qds-inline': this.inline,
|
|
9985
|
-
}, "data-size": this.computedSize, ...this.inheritedAttributes }, hAsync("div", { key: '
|
|
9988
|
+
}, "data-size": this.computedSize, ...this.inheritedAttributes }, hAsync("div", { key: '4bfcbd4a6a2f6775b8720ec9104492490c68f192', class: "qds-icon-container", "data-size": this.computedSize }, hAsync("div", { key: '37e13931960421d1603f11fa867e2305b14475d9', class: "qds-icon-background", "data-size": this.computedSize, "data-status": this.status }, hAsync("qds-icon", { key: '5c594b0039482afb986f9d6d88da81455e112b9e', class: "qds-icon", "data-size": this.computedSize, name: `status-${this.status}`, library: "core" }))), hAsync("span", { key: 'ad85768d668c36ddff08d06e11ab0789e8dd5da6', class: "qds-text", "data-status": this.computedStatus }, this.text)));
|
|
9986
9989
|
}
|
|
9987
9990
|
get element() { return getElement(this); }
|
|
9988
9991
|
static get style() { return QdsFormMessageStyle0; }
|
|
@@ -10150,7 +10153,7 @@ class Icon {
|
|
|
10150
10153
|
await this.setIcon();
|
|
10151
10154
|
}
|
|
10152
10155
|
render() {
|
|
10153
|
-
return hAsync("span", { key: '
|
|
10156
|
+
return hAsync("span", { key: '2560e66057e3fba1523c65ab383e62e963e20621', class: "qds-wrapper", innerHTML: this.svg });
|
|
10154
10157
|
}
|
|
10155
10158
|
get element() { return getElement(this); }
|
|
10156
10159
|
static get watchers() { return {
|
|
@@ -10234,7 +10237,7 @@ class InlineLink {
|
|
|
10234
10237
|
};
|
|
10235
10238
|
}
|
|
10236
10239
|
render() {
|
|
10237
|
-
return (hAsync("a", { key: '
|
|
10240
|
+
return (hAsync("a", { key: 'cad1edcca7c22fe41f3d6a1428d59527e458278d', "aria-disabled": this.disabled.toString(), class: "qds-inline-link", "data-importance": this.computedImportance, download: this.download, href: this.href, hrefLang: this.hreflang, onBlur: this.onBlur, onFocus: this.onFocus, referrerPolicy: this.referrerPolicy, rel: this.rel, target: this.target, ...this.inheritedAttributes, tabIndex: this.disabled ? -1 : this.computedTabIndex }, hAsync("slot", { key: '42e54b814965fbaa50f6c1427eb96011305a83f8' }), hAsync("qds-icon", { key: 'd9acaf816c495e9318ecf0c85bb2842cbe87b461', class: "qds-external", library: "core", name: "external-link" })));
|
|
10238
10241
|
}
|
|
10239
10242
|
static get delegatesFocus() { return true; }
|
|
10240
10243
|
get element() { return getElement(this); }
|
|
@@ -10258,7 +10261,7 @@ class InlineLink {
|
|
|
10258
10261
|
}; }
|
|
10259
10262
|
}
|
|
10260
10263
|
|
|
10261
|
-
const inputCss = "/*!@:host([hidden])*/[hidden].sc-qds-input-h{display:none !important}/*!@:host*/.sc-qds-input-h{display:inline-block}/*!@.qds-input*/.qds-input.sc-qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-control-input-background);border-radius:var(--qds-control-border-radius);border:var(--qds-control-border-width)
|
|
10264
|
+
const inputCss = "/*!@:host([hidden])*/[hidden].sc-qds-input-h{display:none !important}/*!@:host*/.sc-qds-input-h{display:inline-block}/*!@.qds-container*/.qds-container.sc-qds-input{display:grid;grid-template-areas:'input'}/*!@.qds-input*/.qds-input.sc-qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-control-input-background);border-color:var(--qds-theme-control-border);border-radius:var(\n --qds-control-border-radius-top-left,\n var(--qds-control-border-radius)\n )\n var(--qds-control-border-radius-top-right, var(--qds-control-border-radius))\n var(\n --qds-control-border-radius-bottom-right,\n var(--qds-control-border-radius)\n )\n var(\n --qds-control-border-radius-bottom-left,\n var(--qds-control-border-radius)\n );border-style:solid;border-width:var(--qds-control-border-width)\n var(--qds-control-border-width-inline-end, var(--qds-control-border-width))\n var(--qds-control-border-width-block-end, var(--qds-control-border-width))\n var(--qds-control-border-width);box-sizing:border-box;color:var(--qds-theme-control-text-standard);grid-area:input;padding-block:0;padding-inline:var(--qds-control-input-padding-horizontal)}/*!@.qds-input[aria-invalid='true']:not(:focus)*/.qds-input[aria-invalid='true'].sc-qds-input:not(:focus){border-color:var(--qds-theme-feedback-result-failure)}/*!@.qds-input[type='color']*/.qds-input[type='color'].sc-qds-input{-webkit-appearance:none;appearance:none;min-width:50px;padding-block:var(--qds-control-input-padding-horizontal);cursor:pointer}/*!@.qds-input[type='color']::-webkit-color-swatch-wrapper*/.qds-input[type='color'].sc-qds-input::-webkit-color-swatch-wrapper{padding:0}/*!@.qds-input[type='color']::-webkit-color-swatch*/.qds-input[type='color'].sc-qds-input::-webkit-color-swatch{border:var(--qds-control-border-width) solid\n var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius)}/*!@.qds-input[type='color']::-moz-color-swatch*/.qds-input[type='color'].sc-qds-input::-moz-color-swatch{border:var(--qds-control-border-width) solid\n var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius)}/*!@.qds-input[type='color']:hover*/.qds-input[type='color'].sc-qds-input:hover{background-color:var(--qds-theme-interactive-background-hover)}/*!@.qds-input[type='color']:active*/.qds-input[type='color'].sc-qds-input:active{background-color:var(--qds-theme-interactive-background-pressed)}/*!@.qds-input:disabled*/.qds-input.sc-qds-input:disabled{opacity:var(--qds-theme-disabled);pointer-events:none}/*!@.qds-input:focus-visible*/.qds-input.sc-qds-input:focus-visible{outline:none}/*!@.qds-input:placeholder-shown*/.qds-input.sc-qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}/*!@.qds-focus-ring*/.qds-focus-ring.sc-qds-input{border-radius:max(\n 1px,\n var(\n --qds-control-border-radius-top-left,\n var(--qds-control-border-radius)\n )\n )\n max(\n 1px,\n var(\n --qds-control-border-radius-top-right,\n var(--qds-control-border-radius)\n )\n )\n max(\n 1px,\n var(\n --qds-control-border-radius-bottom-right,\n var(--qds-control-border-radius)\n )\n )\n max(\n 1px,\n var(\n --qds-control-border-radius-bottom-left,\n var(--qds-control-border-radius)\n )\n );grid-area:input;isolation:isolate;outline:var(--qds-control-input-focus-border-width) solid\n var(--qds-theme-control-input-focus-border);pointer-events:none;visibility:hidden;width:calc(\n 100% + var(--qds-control-border-width) -\n var(\n --qds-control-border-width-inline-end,\n var(--qds-control-border-width)\n )\n );height:calc(\n 100% + var(--qds-control-border-width) -\n var(--qds-control-border-width-block-end, var(--qds-control-border-width))\n )}/*!@[data-size='small']*/[data-size='small'].sc-qds-input{font:var(--qds-control-small-text);height:var(--qds-control-small-height)}/*!@[data-size='standard']*/[data-size='standard'].sc-qds-input{font:var(--qds-control-standard-text);height:var(--qds-control-standard-height)}/*!@[data-size='large']*/[data-size='large'].sc-qds-input{font:var(--qds-control-large-text);height:var(--qds-control-large-height)}/*!@.qds-input:focus-visible ~ .qds-focus-ring*/.qds-input.sc-qds-input:focus-visible~.qds-focus-ring.sc-qds-input{visibility:visible}";
|
|
10262
10265
|
var QdsInputStyle0 = inputCss;
|
|
10263
10266
|
|
|
10264
10267
|
/**
|
|
@@ -10465,6 +10468,16 @@ class Input {
|
|
|
10465
10468
|
if (this.computedDisabled)
|
|
10466
10469
|
event.stopImmediatePropagation();
|
|
10467
10470
|
}
|
|
10471
|
+
handleKeyDown(event) {
|
|
10472
|
+
if (this.computedDisabled) {
|
|
10473
|
+
event.stopImmediatePropagation();
|
|
10474
|
+
return;
|
|
10475
|
+
}
|
|
10476
|
+
if (event.key === 'Enter' && this.internals.form) {
|
|
10477
|
+
this.internals.form.requestSubmit();
|
|
10478
|
+
event.preventDefault();
|
|
10479
|
+
}
|
|
10480
|
+
}
|
|
10468
10481
|
componentWillLoad() {
|
|
10469
10482
|
this.defineGetter('form', () => this.internals.form);
|
|
10470
10483
|
this.defineGetter('willValidate', () => this.internals.willValidate);
|
|
@@ -10494,9 +10507,9 @@ class Input {
|
|
|
10494
10507
|
this.selectionEnd = this.input.selectionEnd;
|
|
10495
10508
|
}
|
|
10496
10509
|
render() {
|
|
10497
|
-
return (hAsync("input", { key: '
|
|
10510
|
+
return (hAsync("div", { key: 'f3f9189479b8cca58be1240504da4edb6cf1cd94', class: "qds-container" }, hAsync("input", { key: '6f6a7852a3e50c0447ca04004a40ffcdc27a5973', "aria-invalid": this.element.matches(':invalid').toString(), autoCapitalize: this.autoCapitalize, autoComplete: this.autoComplete,
|
|
10498
10511
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
10499
|
-
autoFocus: this.autoFocus, class: "qds-input", "data-size": this.computedSize, disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: this.ref, spellcheck: this.spellCheck, step: this.step, type: this.type, ...this.inheritedAttributes }));
|
|
10512
|
+
autoFocus: this.autoFocus, class: "qds-input", "data-size": this.computedSize, disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: this.ref, spellcheck: this.spellCheck, step: this.step, type: this.type, ...this.inheritedAttributes }), hAsync("div", { key: 'd57f6bb97c3dee7b5b9b8737bdb0e58daf3f2d29', class: "qds-focus-ring" })));
|
|
10500
10513
|
}
|
|
10501
10514
|
defineGetter(p, get) {
|
|
10502
10515
|
Object.defineProperty(this.element, p, { enumerable: true, get });
|
|
@@ -10555,7 +10568,7 @@ class Input {
|
|
|
10555
10568
|
"willValidate": [4, "will-validate"],
|
|
10556
10569
|
"inheritedAttributes": [32]
|
|
10557
10570
|
},
|
|
10558
|
-
"$listeners$": [[0, "click", "onClick"]],
|
|
10571
|
+
"$listeners$": [[0, "click", "onClick"], [0, "keydown", "handleKeyDown"]],
|
|
10559
10572
|
"$lazyBundleId$": "-",
|
|
10560
10573
|
"$attrsToReflect$": []
|
|
10561
10574
|
}; }
|
|
@@ -10594,7 +10607,7 @@ class Label {
|
|
|
10594
10607
|
this.inheritedAttributes = inheritAriaAttributes(this.element);
|
|
10595
10608
|
}
|
|
10596
10609
|
render() {
|
|
10597
|
-
return (hAsync("span", { key: '
|
|
10610
|
+
return (hAsync("span", { key: 'b882c3999893dbc68e083eb302320b547a9c1caa', class: {
|
|
10598
10611
|
'qds-inline': this.inline,
|
|
10599
10612
|
'qds-label': true,
|
|
10600
10613
|
}, "data-size": this.computedSize, ...this.inheritedAttributes }, this.required && hAsync("span", { class: "qds-required" }, "*"), this.text));
|
|
@@ -10679,15 +10692,15 @@ class ListItem {
|
|
|
10679
10692
|
this.tabIndex = Number.isNaN(parsedValue) ? 0 : parsedValue;
|
|
10680
10693
|
}
|
|
10681
10694
|
render() {
|
|
10682
|
-
return (hAsync("li", { key: '
|
|
10695
|
+
return (hAsync("li", { key: '9d3c541a6aeff5a7b010d59ba3605b0026bf08b5', class: {
|
|
10683
10696
|
'qds-list-item': true,
|
|
10684
10697
|
'qds-disabled': this.disabled,
|
|
10685
10698
|
'qds-selected': this.selected,
|
|
10686
|
-
}, ...this.inheritedAttributes }, hAsync("button", { key: '
|
|
10699
|
+
}, ...this.inheritedAttributes }, hAsync("button", { key: '7525e76011e15eb76f488db43243ae11ab3ad3d3', class: {
|
|
10687
10700
|
'qds-button': true,
|
|
10688
10701
|
'qds-draggable': this.draggable,
|
|
10689
10702
|
'qds-selected': this.selected,
|
|
10690
|
-
}, "data-size": this.computedSize, disabled: this.disabled, onBlur: this.onBlur, onFocus: this.onFocus, tabIndex: this.tabIndex, type: "button" }, this.draggable && (hAsync("div", { class: "qds-draggable" }, hAsync("qds-icon", { class: "qds-control-icon", library: "core", name: "draggable" }))), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("div", { key: '
|
|
10703
|
+
}, "data-size": this.computedSize, disabled: this.disabled, onBlur: this.onBlur, onFocus: this.onFocus, tabIndex: this.tabIndex, type: "button" }, this.draggable && (hAsync("div", { class: "qds-draggable" }, hAsync("qds-icon", { class: "qds-control-icon", library: "core", name: "draggable" }))), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("div", { key: '776d18c9d66f82b39e0946988200d8030f659681', class: "qds-texts" }, hAsync("div", { key: '0f9ec37b67564218f56ee5051d07b28084a0e68b', class: "qds-text" }, this.text), this.subtext !== undefined && this.subtext !== '' && (hAsync("div", { class: "qds-subtext" }, this.subtext)), this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { class: "qds-kicker" }, this.kicker))), this.navigation && (hAsync("qds-icon", { class: "qds-control-icon qds-navigation", library: "core", name: "navigation" })))));
|
|
10691
10704
|
}
|
|
10692
10705
|
static get delegatesFocus() { return true; }
|
|
10693
10706
|
get element() { return getElement(this); }
|
|
@@ -10786,11 +10799,11 @@ class NavListItem {
|
|
|
10786
10799
|
this.tabIndex = Number.isNaN(parsedValue) ? 0 : parsedValue;
|
|
10787
10800
|
}
|
|
10788
10801
|
render() {
|
|
10789
|
-
return (hAsync(Host, { key: '
|
|
10802
|
+
return (hAsync(Host, { key: 'b43c94585fb8093ad6917b476552cc00e85fb349' }, hAsync("li", { key: '91b1b6a25e70fe0dd7b65aa2390e5695c45ab8f7', class: {
|
|
10790
10803
|
'qds-nav-list-item': true,
|
|
10791
10804
|
'qds-disabled': this.disabled,
|
|
10792
10805
|
'qds-selected': this.selected,
|
|
10793
|
-
}, ref: this.liRef, ...this.inheritedAttributes }, hAsync("button", { key: '
|
|
10806
|
+
}, ref: this.liRef, ...this.inheritedAttributes }, hAsync("button", { key: '244832cbca7a042da3b7703e3121548dd521134e', class: {
|
|
10794
10807
|
'qds-button': true,
|
|
10795
10808
|
'qds-selected': this.selected,
|
|
10796
10809
|
}, "data-size": this.computedSize, disabled: this.disabled, onBlur: this.onBlur, onFocus: this.onFocus, tabIndex: this.tabIndex, type: "button" }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { class: "qds-icon", library: this.iconLibrary, name: this.iconName })), !this.shouldCollapse && this.text && this.renderText())), this.shouldCollapse && this.text && (hAsync("qds-tooltip", { placement: "right", ref: this.tooltipRef }, this.renderText()))));
|
|
@@ -10901,10 +10914,10 @@ class Radio {
|
|
|
10901
10914
|
render() {
|
|
10902
10915
|
return (
|
|
10903
10916
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
10904
|
-
hAsync("label", { key: '
|
|
10917
|
+
hAsync("label", { key: '242c28a22045b6dac35a3745449fe27ac285b44e', "aria-disabled": this.computedDisabled.toString(), class: {
|
|
10905
10918
|
'qds-inline': this.inline,
|
|
10906
10919
|
'qds-label': true,
|
|
10907
|
-
}, "data-size": this.computedSize }, hAsync("div", { key: '
|
|
10920
|
+
}, "data-size": this.computedSize }, hAsync("div", { key: '472452c4762e1c88a1f37eefd74aab1a8ed17b90', class: "qds-container" }, hAsync("input", { key: '6ee053d9457ad52285e2bfc207a05e3fc676df89', checked: this.checked, class: "qds-radio", "data-size": this.computedSize, disabled: this.disabled, form: this.form, name: this.name, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, ref: this.ref, required: this.required, type: "radio", value: this.value ?? undefined, ...this.inheritedAttributes }), hAsync("div", { key: '2f74b20d564ab61bdf780f7305ee80459576127f', class: "qds-box", "data-size": this.computedSize }), hAsync("qds-icon", { key: 'f1b546ee3d13db838405c1ba2d74c778d774aa35', "aria-hidden": "true", class: "qds-icon", "data-size": this.computedSize, library: "core", name: "checked" })), this.hasText && (hAsync("qds-label", { size: this.computedSize, text: this.text }))));
|
|
10908
10921
|
}
|
|
10909
10922
|
get element() { return getElement(this); }
|
|
10910
10923
|
static get style() { return QdsRadioStyle0; }
|
|
@@ -10928,7 +10941,7 @@ class Radio {
|
|
|
10928
10941
|
}; }
|
|
10929
10942
|
}
|
|
10930
10943
|
|
|
10931
|
-
const selectCss = "[hidden].sc-qds-select-h{display:none !important}.sc-qds-select-h{display:inline-block}.qds-container.sc-qds-select
|
|
10944
|
+
const selectCss = "[hidden].sc-qds-select-h{display:none !important}.sc-qds-select-h{display:inline-block}.qds-container.sc-qds-select{box-sizing:border-box;display:grid;grid-template-areas:'select';width:inherit}.qds-icon.sc-qds-select,.qds-select.sc-qds-select,.sc-qds-select-s>optgroup,.sc-qds-select-s>optgroup>option,.sc-qds-select-s>option{color:var(--qds-theme-control-text-standard)}.qds-icon.sc-qds-select,.qds-select.sc-qds-select{grid-area:select}.qds-icon.sc-qds-select{margin-inline-end:calc(\n var(--qds-control-input-padding-horizontal) +\n var(--qds-control-border-width)\n );place-self:center end;pointer-events:none}.qds-select.sc-qds-select{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-control-input-background);border-color:var(--qds-theme-control-border);border-radius:var(\n --qds-control-border-radius-top-left,\n var(--qds-control-border-radius)\n )\n var(--qds-control-border-radius-top-right, var(--qds-control-border-radius))\n var(\n --qds-control-border-radius-bottom-right,\n var(--qds-control-border-radius)\n )\n var(\n --qds-control-border-radius-bottom-left,\n var(--qds-control-border-radius)\n );border-style:solid;border-width:var(--qds-control-border-width)\n var(--qds-control-border-width-inline-end, var(--qds-control-border-width))\n var(--qds-control-border-width-block-end, var(--qds-control-border-width))\n var(--qds-control-border-width);margin:0;outline:0;padding-block:0;padding-inline:var(--qds-control-input-padding-horizontal)}.qds-select[aria-invalid='true'].sc-qds-select:not(:focus){border-color:var(--qds-theme-feedback-result-failure)}.qds-select.sc-qds-select:disabled,.qds-select.sc-qds-select:disabled+.qds-icon.sc-qds-select{opacity:var(--qds-theme-disabled)}:is(.sc-qds-select-s>optgroup,.sc-qds-select-s>optgroup:not(:disabled)>option,.sc-qds-select-s>option):disabled{opacity:var(--qds-theme-disabled)}.sc-qds-select-s>optgroup{font:var(--qds-accessory-section-title)}.sc-qds-select-s>optgroup>option,.sc-qds-select-s>option{font:var(--qds-list-item-label-main)}.qds-select[data-size='small'].sc-qds-select{font:var(--qds-control-small-text)}.qds-select[data-size='small'].sc-qds-select:not([multiple]){height:var(--qds-control-small-height);padding-inline-end:calc(\n var(--qds-control-small-icon-size) + var(--qds-text-icon-gap) +\n var(--qds-control-input-padding-horizontal)\n )}.qds-icon[data-size='small'].sc-qds-select{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-select[data-size='standard'].sc-qds-select{font:var(--qds-control-standard-text)}.qds-select[data-size='standard'].sc-qds-select:not([multiple]){height:var(--qds-control-standard-height);padding-inline-end:calc(\n var(--qds-control-standard-icon-size) + var(--qds-text-icon-gap) +\n var(--qds-control-input-padding-horizontal)\n )}.qds-icon[data-size='standard'].sc-qds-select{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-select[data-size='large'].sc-qds-select{font:var(--qds-control-large-text)}.qds-select[data-size='large'].sc-qds-select:not([multiple]){height:var(--qds-control-large-height);padding-inline-end:calc(\n var(--qds-control-large-icon-size) + var(--qds-text-icon-gap) +\n var(--qds-control-input-padding-horizontal)\n )}.qds-icon[data-size='large'].sc-qds-select{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-focus-ring.sc-qds-select{border-radius:max(\n 1px,\n var(\n --qds-control-border-radius-top-left,\n var(--qds-control-border-radius)\n )\n )\n max(\n 1px,\n var(\n --qds-control-border-radius-top-right,\n var(--qds-control-border-radius)\n )\n )\n max(\n 1px,\n var(\n --qds-control-border-radius-bottom-right,\n var(--qds-control-border-radius)\n )\n )\n max(\n 1px,\n var(\n --qds-control-border-radius-bottom-left,\n var(--qds-control-border-radius)\n )\n );grid-area:select;isolation:isolate;outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset);pointer-events:none;visibility:hidden;width:calc(\n 100% + var(--qds-control-border-width) -\n var(\n --qds-control-border-width-inline-end,\n var(--qds-control-border-width)\n )\n );height:calc(\n 100% + var(--qds-control-border-width) -\n var(--qds-control-border-width-block-end, var(--qds-control-border-width))\n )}.qds-select.sc-qds-select:focus-visible~.qds-focus-ring.sc-qds-select{visibility:visible}";
|
|
10932
10945
|
var QdsSelectStyle0 = selectCss;
|
|
10933
10946
|
|
|
10934
10947
|
const throwError = () => {
|
|
@@ -11128,12 +11141,12 @@ class Select {
|
|
|
11128
11141
|
this.selectedIndex = this.select.selectedIndex;
|
|
11129
11142
|
}
|
|
11130
11143
|
render() {
|
|
11131
|
-
return (hAsync("div", { key: '
|
|
11144
|
+
return (hAsync("div", { key: '785922c3e555015809198864a21d73f294ce262d', class: {
|
|
11132
11145
|
'qds-container': true,
|
|
11133
11146
|
'qds-multiple': this.multiple ?? false,
|
|
11134
|
-
}, "data-size": this.computedSize }, hAsync("select", { key: '
|
|
11147
|
+
}, "data-size": this.computedSize }, hAsync("select", { key: '9338d5d68b76e81ad44c145660f9295cf91149d0', "aria-invalid": this.element.matches(':invalid').toString(), autoComplete: this.autoComplete,
|
|
11135
11148
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
11136
|
-
autoFocus: this.autoFocus, class: "qds-select", "data-size": this.computedSize, disabled: this.computedDisabled, multiple: this.multiple, name: this.name, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, ref: this.ref, required: this.required, ...this.inheritedAttributes }, hAsync("slot", { key: '
|
|
11149
|
+
autoFocus: this.autoFocus, class: "qds-select", "data-size": this.computedSize, disabled: this.computedDisabled, multiple: this.multiple, name: this.name, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, ref: this.ref, required: this.required, ...this.inheritedAttributes }, hAsync("slot", { key: '48164f56c3cb0bf5d7cbaea9d819baffaa28018e' })), this.multiple !== true && (hAsync("qds-icon", { class: "qds-icon", "data-size": this.computedSize, library: "core", name: "dropdown" })), hAsync("div", { key: 'f2c1634f00719303ce7e54f9f7901c1d0f7277ad', class: "qds-focus-ring" })));
|
|
11137
11150
|
}
|
|
11138
11151
|
defineGetter(p, get) {
|
|
11139
11152
|
Object.defineProperty(this.element, p, { enumerable: true, get });
|
|
@@ -11254,7 +11267,7 @@ class StandaloneLink {
|
|
|
11254
11267
|
};
|
|
11255
11268
|
}
|
|
11256
11269
|
render() {
|
|
11257
|
-
return (hAsync("a", { key: '
|
|
11270
|
+
return (hAsync("a", { key: 'f13594720d495caef56116db11e99666f274bfbf', "aria-disabled": this.disabled.toString(), class: "qds-standalone-link", "data-importance": this.computedImportance, "data-size": this.computedSize, download: this.download, href: this.href, hrefLang: this.hreflang, onBlur: this.onBlur, onFocus: this.onFocus, referrerPolicy: this.referrerPolicy, rel: this.rel, target: this.target, ...this.inheritedAttributes, tabIndex: this.disabled ? -1 : this.computedTabIndex }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { class: "qds-icon", "data-size": this.computedSize, library: this.iconLibrary, name: this.iconName })), hAsync("div", { key: '38edc8d9bbce9b5b5268b13385f4300885ce9287' }, hAsync("slot", { key: 'af07e90ba70786f6145132eecf3dda44b2c47973' })), hAsync("qds-icon", { key: 'dcce83d739b36e680d0c481988022ca57c3c2c03', class: "qds-icon qds-external", library: "core", name: "external-link" }), this.importance === 'emphasized' && (hAsync("qds-icon", { class: "qds-icon qds-chevron", library: "core", name: "next" }))));
|
|
11258
11271
|
}
|
|
11259
11272
|
static get delegatesFocus() { return true; }
|
|
11260
11273
|
get element() { return getElement(this); }
|
|
@@ -11350,13 +11363,13 @@ class Switch {
|
|
|
11350
11363
|
render() {
|
|
11351
11364
|
return (
|
|
11352
11365
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
11353
|
-
hAsync("label", { key: '
|
|
11366
|
+
hAsync("label", { key: 'a4d64938ddb71916ae33269fe282475ed904473c', "aria-disabled": this.computedDisabled.toString(), class: {
|
|
11354
11367
|
'qds-inline': this.inline,
|
|
11355
11368
|
'qds-label': true,
|
|
11356
11369
|
}, "data-size": this.computedSize }, this.textUnchecked !== undefined && this.textUnchecked !== '' && (hAsync("qds-label", { class: "qds-unchecked-text", size: this.size, text: this.textUnchecked })), this.iconUncheckedName !== undefined &&
|
|
11357
|
-
this.iconUncheckedName !== '' && (hAsync("qds-icon", { class: "qds-icon", "data-size": this.computedSize, library: this.iconUncheckedLibrary, name: this.iconUncheckedName })), hAsync("input", { key: '
|
|
11370
|
+
this.iconUncheckedName !== '' && (hAsync("qds-icon", { class: "qds-icon", "data-size": this.computedSize, library: this.iconUncheckedLibrary, name: this.iconUncheckedName })), hAsync("input", { key: '50d37d9fbdf7b78b07ca5575d8a49e329c869624',
|
|
11358
11371
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
11359
|
-
autoFocus: this.autoFocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, form: this.form, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, type: "checkbox", value: this.value ?? undefined, ...this.inheritedAttributes }), hAsync("div", { key: '
|
|
11372
|
+
autoFocus: this.autoFocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, form: this.form, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, type: "checkbox", value: this.value ?? undefined, ...this.inheritedAttributes }), hAsync("div", { key: '91a4ead355ee418d347791ea6faffa622d13f52e', class: "qds-track", "data-size": this.computedSize }, hAsync("div", { key: 'a0e41941aa3b102f7599bf6775f9b2dfb99b006e', class: "qds-knob", "data-size": this.computedSize })), this.iconCheckedName !== undefined && this.iconCheckedName !== '' && (hAsync("qds-icon", { class: "qds-icon", "data-size": this.computedSize, library: this.iconCheckedLibrary, name: this.iconCheckedName })), this.textChecked !== undefined && this.textChecked !== '' && (hAsync("qds-label", { size: this.size, text: this.textChecked }))));
|
|
11360
11373
|
}
|
|
11361
11374
|
get element() { return getElement(this); }
|
|
11362
11375
|
static get style() { return QdsSwitchStyle0; }
|
|
@@ -11404,7 +11417,7 @@ class Table {
|
|
|
11404
11417
|
this.inheritedAttributes = inheritAriaAttributes(this.element);
|
|
11405
11418
|
}
|
|
11406
11419
|
render() {
|
|
11407
|
-
return (hAsync("table", { key: '
|
|
11420
|
+
return (hAsync("table", { key: 'd62a61d5222bbe0a2388b4c70ac78dbd9276ad1b', class: "qds-table", ...this.inheritedAttributes }, hAsync("slot", { key: 'f9f230fe08a3ee5603ab0cde6d30dffdcf28183e' })));
|
|
11408
11421
|
}
|
|
11409
11422
|
get element() { return getElement(this); }
|
|
11410
11423
|
static get style() { return QdsTableStyle0; }
|
|
@@ -11437,7 +11450,7 @@ class TableBody {
|
|
|
11437
11450
|
this.inheritedAttributes = inheritAriaAttributes(this.element);
|
|
11438
11451
|
}
|
|
11439
11452
|
render() {
|
|
11440
|
-
return (hAsync("tbody", { key: '
|
|
11453
|
+
return (hAsync("tbody", { key: '41b3e864c385ffcd3b294a36dcde5ce78c65dae7', class: "qds-table-body", ...this.inheritedAttributes }, hAsync("slot", { key: 'bd110976292d4e36ea3b256b8f0dd291201f5f8f' })));
|
|
11441
11454
|
}
|
|
11442
11455
|
get element() { return getElement(this); }
|
|
11443
11456
|
static get style() { return QdsTableBodyStyle0; }
|
|
@@ -11471,7 +11484,7 @@ class TableCell {
|
|
|
11471
11484
|
this.inheritedAttributes = inheritAriaAttributes(this.element);
|
|
11472
11485
|
}
|
|
11473
11486
|
render() {
|
|
11474
|
-
return (hAsync("td", { key: '
|
|
11487
|
+
return (hAsync("td", { key: '6040a3347055aa8ade729aeb8e4717d3e569e744', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, ...this.inheritedAttributes }, hAsync("slot", { key: '9f715087f957dba7ec810eadd3147ac8a531f1a0' })));
|
|
11475
11488
|
}
|
|
11476
11489
|
get element() { return getElement(this); }
|
|
11477
11490
|
static get style() { return QdsTableCellStyle0; }
|
|
@@ -11507,7 +11520,7 @@ class TableHead {
|
|
|
11507
11520
|
this.inheritedAttributes = inheritAriaAttributes(this.element);
|
|
11508
11521
|
}
|
|
11509
11522
|
render() {
|
|
11510
|
-
return (hAsync("thead", { key: '
|
|
11523
|
+
return (hAsync("thead", { key: '88107b5dfc49da9c1986f9a0d120cb06c4b66731', class: "qds-table-head", ...this.inheritedAttributes }, hAsync("slot", { key: 'ad45a5a9889702c2e5cd0921b64a74225846c595' })));
|
|
11511
11524
|
}
|
|
11512
11525
|
get element() { return getElement(this); }
|
|
11513
11526
|
static get style() { return QdsTableHeadStyle0; }
|
|
@@ -11544,7 +11557,7 @@ class TableHeadCell {
|
|
|
11544
11557
|
this.inheritedAttributes = inheritAriaAttributes(this.element);
|
|
11545
11558
|
}
|
|
11546
11559
|
render() {
|
|
11547
|
-
return (hAsync("th", { key: '
|
|
11560
|
+
return (hAsync("th", { key: '443eafdb04e649feeb82e53c769195124a6dc98e', class: "qds-table-head-cell", abbr: this.abbr, colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope, ...this.inheritedAttributes }, hAsync("slot", { key: '7eaab134c2d00f4dd22e045ffeac8e8df8a62953' })));
|
|
11548
11561
|
}
|
|
11549
11562
|
get element() { return getElement(this); }
|
|
11550
11563
|
static get style() { return QdsTableHeadCellStyle0; }
|
|
@@ -11582,7 +11595,7 @@ class TableRow {
|
|
|
11582
11595
|
this.inheritedAttributes = inheritAriaAttributes(this.element);
|
|
11583
11596
|
}
|
|
11584
11597
|
render() {
|
|
11585
|
-
return (hAsync("tr", { key: '
|
|
11598
|
+
return (hAsync("tr", { key: 'a38446043aa6cc79e46311593ddebebe0de08dc3', class: "qds-table-row", ...this.inheritedAttributes }, hAsync("slot", { key: '6a813819e3ea4e172b7ffaf243c365e8045f5065' })));
|
|
11586
11599
|
}
|
|
11587
11600
|
get element() { return getElement(this); }
|
|
11588
11601
|
static get style() { return QdsTableRowStyle0; }
|
|
@@ -11793,9 +11806,9 @@ class TextArea {
|
|
|
11793
11806
|
this.selectionEnd = this.textarea.selectionEnd;
|
|
11794
11807
|
}
|
|
11795
11808
|
render() {
|
|
11796
|
-
return (hAsync("textarea", { key: '
|
|
11809
|
+
return (hAsync("textarea", { key: '4a327f9c61562610a3b2bc3c30fa4a8f9388831f', "aria-invalid": this.element.matches(':invalid').toString(), autoCapitalize: this.autoCapitalize, autoComplete: this.autoComplete,
|
|
11797
11810
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
11798
|
-
autoFocus: this.autoFocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: this.ref, rows: this.rows, spellcheck: this.spellCheck, wrap: this.wrap, ...this.inheritedAttributes }, hAsync("slot", { key: '
|
|
11811
|
+
autoFocus: this.autoFocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: this.ref, rows: this.rows, spellcheck: this.spellCheck, wrap: this.wrap, ...this.inheritedAttributes }, hAsync("slot", { key: '5a9743f735ea6b80c598f435611c63665dd98fc9' })));
|
|
11799
11812
|
}
|
|
11800
11813
|
defineGetter(p, get) {
|
|
11801
11814
|
Object.defineProperty(this.element, p, { enumerable: true, get });
|
|
@@ -11882,12 +11895,12 @@ class Title {
|
|
|
11882
11895
|
render() {
|
|
11883
11896
|
const layer = `qds-${this.layer}`;
|
|
11884
11897
|
const level = `qds-${this.level ?? 'root'}`;
|
|
11885
|
-
return (hAsync("hgroup", { key: '
|
|
11898
|
+
return (hAsync("hgroup", { key: 'a52c3931d4e8b7a1f6b9dae2909456f1fc8c3bfb', class: {
|
|
11886
11899
|
[layer]: true,
|
|
11887
11900
|
[level]: true,
|
|
11888
11901
|
'qds-titles': true,
|
|
11889
11902
|
'qds-has-icon': this.iconName !== undefined && this.iconName !== '',
|
|
11890
|
-
}, ...this.inheritedAttributes }, hAsync(this.tag, { key: '
|
|
11903
|
+
}, ...this.inheritedAttributes }, hAsync(this.tag, { key: 'f3f8f4b80070361739e7c0606f8563fe453ed162', class: "qds-title" }, hAsync("slot", { key: '5772557e6e0b982d408309aff12a725c1ec2a71d' })), this.hasSubtitle && hAsync("p", { class: "qds-subtitle" }, this.subtitle), this.hasKicker && hAsync("p", { class: "qds-kicker" }, this.kicker), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
|
|
11891
11904
|
}
|
|
11892
11905
|
get element() { return getElement(this); }
|
|
11893
11906
|
static get style() { return QdsTitleStyle0; }
|
|
@@ -12114,14 +12127,14 @@ class Tooltip {
|
|
|
12114
12127
|
this.disconnectReferenceElement();
|
|
12115
12128
|
}
|
|
12116
12129
|
render() {
|
|
12117
|
-
return (hAsync(Host, { key: '
|
|
12130
|
+
return (hAsync(Host, { key: 'a404b6b930dc2d2096f38494dd04462dbeef0604', "data-side": this.side, onFocusout: this.boundFocusout, onMouseDown: this.boundTooltipMouseDown, onMouseLeave: this.boundMouseLeave, role: this.element.role ?? 'tooltip', style: {
|
|
12118
12131
|
position: this.hostPosition,
|
|
12119
12132
|
transform: this.hostTransform,
|
|
12120
|
-
} }, hAsync("slot", { key: '
|
|
12133
|
+
} }, hAsync("slot", { key: 'cc0f4702e3870a1de8cee52ba9441993616d594d' }), hAsync("svg", { key: 'd842a47e290ae21a1f157d029bcf144d61ddd38d', "aria-hidden": true, "data-side": this.side, class: "qds-arrow-container", ref: this.arrowContainerRef, viewBox: this.aViewbox, style: {
|
|
12121
12134
|
left: this.aX,
|
|
12122
12135
|
top: this.aY,
|
|
12123
12136
|
display: this.aDisplay,
|
|
12124
|
-
} }, hAsync("path", { key: '
|
|
12137
|
+
} }, hAsync("path", { key: '1c91e0f1b15ad2e45a145d102797201a65412c31', class: "qds-arrow", d: this.aShape }))));
|
|
12125
12138
|
}
|
|
12126
12139
|
async handleFocus() {
|
|
12127
12140
|
if (!this.disabled)
|
package/package.json
CHANGED
package/styles/core.css
CHANGED
|
@@ -77,7 +77,11 @@
|
|
|
77
77
|
padding-inline-start: var(--qds-list-item-standard-padding-indent-step);
|
|
78
78
|
}
|
|
79
79
|
|
|
80
|
-
:is(
|
|
80
|
+
:is(
|
|
81
|
+
[class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
|
|
82
|
+
[class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
|
|
83
|
+
)
|
|
84
|
+
:is(li, p, span).qds-subdued {
|
|
81
85
|
color: var(--qds-theme-text-subdued);
|
|
82
86
|
font: var(--qds-text-subdued);
|
|
83
87
|
}
|
|
@@ -130,6 +134,10 @@
|
|
|
130
134
|
}
|
|
131
135
|
|
|
132
136
|
:is(
|
|
137
|
+
[class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
|
|
138
|
+
[class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
|
|
139
|
+
)
|
|
140
|
+
:is(
|
|
133
141
|
.qds-accessory,
|
|
134
142
|
.qds-main-subsection,
|
|
135
143
|
.qds-main,
|
|
@@ -143,7 +151,11 @@
|
|
|
143
151
|
background-color: transparent;
|
|
144
152
|
}
|
|
145
153
|
|
|
146
|
-
:is(
|
|
154
|
+
:is(
|
|
155
|
+
[class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
|
|
156
|
+
[class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
|
|
157
|
+
)
|
|
158
|
+
:is(.qds-panel, .qds-navigation, .qds-popup, .qds-accessory).qds-subdued {
|
|
147
159
|
box-shadow: none;
|
|
148
160
|
}
|
|
149
161
|
|
|
@@ -441,3 +453,50 @@
|
|
|
441
453
|
background-color: var(--qds-theme-interactive-background-selected);
|
|
442
454
|
text-decoration: none;
|
|
443
455
|
}
|
|
456
|
+
|
|
457
|
+
.qds-control-group-inline {
|
|
458
|
+
display: flex;
|
|
459
|
+
}
|
|
460
|
+
|
|
461
|
+
.qds-control-group-inline > :first-child:not(:only-child) {
|
|
462
|
+
--qds-control-border-radius-top-right: 0px;
|
|
463
|
+
--qds-control-border-radius-bottom-right: 0px;
|
|
464
|
+
--qds-control-border-width-inline-end: 0px;
|
|
465
|
+
}
|
|
466
|
+
|
|
467
|
+
.qds-control-group-inline > :not(:first-child, :last-child) {
|
|
468
|
+
--qds-control-border-radius-top-left: 0px;
|
|
469
|
+
--qds-control-border-radius-top-right: 0px;
|
|
470
|
+
--qds-control-border-radius-bottom-right: 0px;
|
|
471
|
+
--qds-control-border-radius-bottom-left: 0px;
|
|
472
|
+
--qds-control-border-width-inline-end: 0px;
|
|
473
|
+
}
|
|
474
|
+
|
|
475
|
+
.qds-control-group-inline > :last-child:not(:only-child) {
|
|
476
|
+
--qds-control-border-radius-top-left: 0px;
|
|
477
|
+
--qds-control-border-radius-bottom-left: 0px;
|
|
478
|
+
}
|
|
479
|
+
|
|
480
|
+
.qds-control-group-block {
|
|
481
|
+
display: flex;
|
|
482
|
+
flex-direction: column;
|
|
483
|
+
}
|
|
484
|
+
|
|
485
|
+
.qds-control-group-block > :first-child:not(:only-child) {
|
|
486
|
+
--qds-control-border-radius-bottom-left: 0px;
|
|
487
|
+
--qds-control-border-radius-bottom-right: 0px;
|
|
488
|
+
--qds-control-border-width-block-end: 0px;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
.qds-control-group-block > :not(:first-child, :last-child) {
|
|
492
|
+
--qds-control-border-radius-top-left: 0px;
|
|
493
|
+
--qds-control-border-radius-top-right: 0px;
|
|
494
|
+
--qds-control-border-radius-bottom-right: 0px;
|
|
495
|
+
--qds-control-border-radius-bottom-left: 0px;
|
|
496
|
+
--qds-control-border-width-block-end: 0px;
|
|
497
|
+
}
|
|
498
|
+
|
|
499
|
+
.qds-control-group-block > :last-child:not(:only-child) {
|
|
500
|
+
--qds-control-border-radius-top-left: 0px;
|
|
501
|
+
--qds-control-border-radius-top-right: 0px;
|
|
502
|
+
}
|