dap-design-system 0.53.5 → 0.53.7
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/components/card/card-title.component.d.ts +0 -1
- package/dist/{components-BulnFsbi.js → components-SiYY2QW1.js} +34 -22
- package/dist/components-SiYY2QW1.js.map +1 -0
- package/dist/components.js +1 -1
- package/dist/components.native.css +4 -5
- package/dist/components.native.css.map +1 -1
- package/dist/dds.js +1 -1
- package/dist/manifest/types/vue/index.d.ts +283 -283
- package/dist/manifest/vscode.html-custom-data.json +210 -210
- package/dist/manifest/web-types.json +284 -284
- package/dist/react/dap-ds-card-title/index.d.ts +0 -1
- package/dist/react/index.d.ts +13 -13
- package/dist/react-types.ts +14 -14
- package/dist/react.js +273 -273
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
- package/dist/components-BulnFsbi.js.map +0 -1
|
@@ -19,7 +19,6 @@ declare const DapDSCardTitle_base: typeof DdsElement & {
|
|
|
19
19
|
* @csspart base - The main card title container.
|
|
20
20
|
*
|
|
21
21
|
* @cssproperty --dds-card-title-color - The text color of the card title. (default: var(--dds-color-text-primary))
|
|
22
|
-
* @cssproperty --dds-card-title-font-family - The font family of the card title. (default: var(--dds-font-family-base))
|
|
23
22
|
* @cssproperty --dds-card-title-font-weight - The font weight of the card title. (default: var(--dds-font-weight-bold))
|
|
24
23
|
* @cssproperty --dds-card-title-line-height - The line height of the card title. (default: var(--dds-font-line-height-large))
|
|
25
24
|
* @cssproperty --dds-card-title-margin-bottom - The bottom margin of the card title. (default: var(--dds-spacing-100))
|
|
@@ -4502,13 +4502,13 @@ let Ot = class extends de {
|
|
|
4502
4502
|
super.disconnectedCallback(), this.clearLoadingTimeout();
|
|
4503
4503
|
}
|
|
4504
4504
|
render() {
|
|
4505
|
-
var t;
|
|
4505
|
+
var t, e;
|
|
4506
4506
|
return b`
|
|
4507
4507
|
<${ft(this.href ? "a" : "button")}
|
|
4508
4508
|
part="base"
|
|
4509
4509
|
.disabled=${this.disabled}
|
|
4510
4510
|
aria-disabled=${this.disabled}
|
|
4511
|
-
aria-label=${f(this.ariaLabel)}
|
|
4511
|
+
aria-label=${f((t = this.ariaLabel) != null ? t : void 0)}
|
|
4512
4512
|
aria-hidden=${f(this.ariaHidden)}
|
|
4513
4513
|
aria-expanded=${f(this.getAriaExpanded())}
|
|
4514
4514
|
aria-controls=${f(this.ariaControls)}
|
|
@@ -4537,11 +4537,16 @@ let Ot = class extends de {
|
|
|
4537
4537
|
@click=${this.handleClick}
|
|
4538
4538
|
@keydown=${this.handleKeyDown}>
|
|
4539
4539
|
<div part="high-contrast" class="button__highcontrast"></div>
|
|
4540
|
-
${this.loading ? this._getLoadingSpinner() : b` <span
|
|
4540
|
+
${this.loading ? this._getLoadingSpinner() : b` <span
|
|
4541
|
+
part="content"
|
|
4542
|
+
class="button__text"
|
|
4543
|
+
part="content"
|
|
4544
|
+
class="button__text"
|
|
4545
|
+
aria-hidden="true">
|
|
4541
4546
|
<slot></slot>
|
|
4542
4547
|
</span>`}
|
|
4543
4548
|
${this.target === "_blank" ? b`<span class="sr-only">
|
|
4544
|
-
${(
|
|
4549
|
+
${(e = this.targetBlankText) != null ? e : q("opensInNewTab")}</span
|
|
4545
4550
|
>` : z}
|
|
4546
4551
|
</${ft(this.href ? "a" : "button")}>
|
|
4547
4552
|
`;
|
|
@@ -4556,7 +4561,6 @@ let Ot = class extends de {
|
|
|
4556
4561
|
size=${this.getLoadingIconSize(this.effectiveSize)}
|
|
4557
4562
|
aria-label=${q("loading")}></dap-ds-icon-loading-spinner>
|
|
4558
4563
|
</span>
|
|
4559
|
-
<span class="sr-only"> ${q("loading")} - <slot></slot> </span>
|
|
4560
4564
|
`;
|
|
4561
4565
|
}
|
|
4562
4566
|
};
|
|
@@ -5327,7 +5331,7 @@ ii([
|
|
|
5327
5331
|
Jt = ii([
|
|
5328
5332
|
L("dap-ds-callout")
|
|
5329
5333
|
], Jt);
|
|
5330
|
-
const dh = ":host{position:relative;--dds-card-padding: var(--dds-spacing-400);--dds-card-border-radius: var(--dds-radius-large);--dds-card-border-width: var(--dds-border-width-base);--dds-card-border-color: var(--dds-border-neutral-divider);--dds-card-background: var(--dds-background-neutral-base);--dds-card-hover-border-color: var(--dds-border-brand-base);--dds-card-active-border-color: var(--dds-border-brand-medium);--dds-card-shadow: none;--dds-card-hover-shadow: none;--dds-card-transition-duration: var(--dds-transition-medium);--dds-card-transition-timing: var(--dds-easing-ease-in-out)}.card__highcontrast{position:absolute;width:100%;height:100%;border-radius:var(--dds-radius-large);outline:var(--dds-border-width-base) solid var(--dds-border-neutral-transparent);outline-offset:-1px;background-color:transparent;pointer-events:none}.card__highcontrast--hover:hover{border-width:var(--dds-border-width-large)}.card__highcontrast--hover:active{border-width:var(--dds-border-width-xlarge)}.card__highcontrast--noborder{display:none}button.card{padding:0;color:inherit;font-family:inherit;text-align:unset}.card{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:flex;position:relative;flex-direction:column;overflow:hidden;transition:all var(--dds-card-transition-duration) var(--dds-card-transition-timing);border-width:var(--dds-border-width
|
|
5334
|
+
const dh = ":host{position:relative;--dds-card-padding: var(--dds-spacing-400);--dds-card-border-radius: var(--dds-radius-large);--dds-card-border-width: var(--dds-border-width-base);--dds-card-border-color: var(--dds-border-neutral-divider);--dds-card-background: var(--dds-background-neutral-base);--dds-card-hover-border-color: var(--dds-border-brand-base);--dds-card-active-border-color: var(--dds-border-brand-medium);--dds-card-shadow: none;--dds-card-hover-shadow: none;--dds-card-transition-duration: var(--dds-transition-medium);--dds-card-transition-timing: var(--dds-easing-ease-in-out)}.card__highcontrast{position:absolute;width:100%;height:100%;border-radius:var(--dds-radius-large);outline:var(--dds-border-width-base) solid var(--dds-border-neutral-transparent);outline-offset:-1px;background-color:transparent;pointer-events:none}.card__highcontrast--hover:hover{border-width:var(--dds-border-width-large)}.card__highcontrast--hover:active{border-width:var(--dds-border-width-xlarge)}.card__highcontrast--noborder{display:none}button.card{padding:0;color:inherit;font-family:inherit;text-align:unset}.card{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:flex;position:relative;flex-direction:column;overflow:hidden;transition:all var(--dds-card-transition-duration) var(--dds-card-transition-timing);border-width:var(--dds-card-border-width);border-style:solid;border-radius:var(--dds-card-border-radius);border-color:var(--dds-card-border-color);background:var(--dds-card-background);background-clip:padding-box;box-shadow:var(--dds-card-shadow)}.card--disabled{pointer-events:none}.card--no-border{border-color:transparent}.card--no-padding{padding:0}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--dds-card-hover-border-color);box-shadow:var(--dds-card-hover-shadow)}.card--interactive:active{border-color:var(--dds-card-active-border-color)}.card--interactive:focus-visible{outline-style:solid}a:link,a:visited,a:hover,a:active{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}";
|
|
5331
5335
|
var lh = Object.defineProperty, ch = Object.getOwnPropertyDescriptor, Ne = (t, e, i, r) => {
|
|
5332
5336
|
for (var o = r > 1 ? void 0 : r ? ch(e, i) : e, a = t.length - 1, s; a >= 0; a--)
|
|
5333
5337
|
(s = t[a]) && (o = (r ? s(e, i, o) : s(o)) || o);
|
|
@@ -5544,7 +5548,7 @@ An([
|
|
|
5544
5548
|
ko = An([
|
|
5545
5549
|
L("dap-ds-card-subtitle")
|
|
5546
5550
|
], ko);
|
|
5547
|
-
const kh = ":host{--dds-card-title-color: var(--dds-text-neutral-strong);--dds-card-title-font-
|
|
5551
|
+
const kh = ":host{--dds-card-title-color: var(--dds-text-neutral-strong);--dds-card-title-font-weight: var(--dds-font-weight-bold);--dds-card-title-line-height: var(--dds-font-line-height-large);--dds-card-title-margin-bottom: var(--dds-spacing-100);--dds-card-title-sm-padding-x: var(--dds-spacing-400);--dds-card-title-sm-padding-bottom: var(--dds-spacing-100);--dds-card-title-sm-spacing-top: var(--dds-spacing-400);--dds-card-title-sm-spacing-bottom: var(--dds-spacing-400);--dds-card-title-md-padding-x: var(--dds-spacing-400);--dds-card-title-md-padding-bottom: var(--dds-spacing-100);--dds-card-title-md-spacing-top: var(--dds-spacing-400);--dds-card-title-md-spacing-bottom: var(--dds-spacing-400);--dds-card-title-lg-padding-x: var(--dds-spacing-600);--dds-card-title-lg-padding-bottom: var(--dds-spacing-100);--dds-card-title-lg-spacing-top: var(--dds-spacing-600);--dds-card-title-lg-spacing-bottom: var(--dds-spacing-600);margin-bottom:var(--dds-card-title-margin-bottom);font-weight:var(--dds-card-title-font-weight);line-height:var(--dds-card-title-line-height)}.card-title{display:block;margin:0;color:var(--dds-card-title-color)}.card-title--sm{padding:0 var(--dds-card-title-sm-padding-x) var(--dds-card-title-sm-padding-bottom);font-size:var(--dds-font-sm)}.card-title--sm.dds-card-title-spacing--top,.card-title--sm.card-title-spacing--top{margin-top:var(--dds-card-title-sm-spacing-top)}.card-title--sm.dds-card-title-spacing--bottom,.card-title--sm.card-title-spacing--bottom{margin-bottom:var(--dds-card-title-sm-spacing-bottom)}.card-title--sm.dds-card-title-spacing--both,.card-title--sm.card-title-spacing--both{margin-top:var(--dds-card-title-sm-spacing-top);margin-bottom:var(--dds-card-title-sm-spacing-bottom)}.card-title--md{padding:0 var(--dds-card-title-md-padding-x) var(--dds-card-title-md-padding-bottom);font-size:var(--dds-font-xl)}.card-title--md.dds-card-title-spacing--top,.card-title--md.card-title-spacing--top{margin-top:var(--dds-card-title-md-spacing-top)}.card-title--md.dds-card-title-spacing--bottom,.card-title--md.card-title-spacing--bottom{margin-bottom:var(--dds-card-title-md-spacing-bottom)}.card-title--md.dds-card-title-spacing--both,.card-title--md.card-title-spacing--both{margin-top:var(--dds-card-title-md-spacing-top);margin-bottom:var(--dds-card-title-md-spacing-bottom)}.card-title--lg{padding:0 var(--dds-card-title-lg-padding-x) var(--dds-card-title-lg-padding-bottom);font-size:var(--dds-font-xl)}.card-title--lg.dds-card-title-spacing--top,.card-title--lg.card-title-spacing--top{margin-top:var(--dds-card-title-lg-spacing-top)}.card-title--lg.dds-card-title-spacing--bottom,.card-title--lg.card-title-spacing--bottom{margin-bottom:var(--dds-card-title-lg-spacing-bottom)}.card-title--lg.dds-card-title-spacing--both,.card-title--lg.card-title-spacing--both{margin-top:var(--dds-card-title-lg-spacing-top);margin-bottom:var(--dds-card-title-lg-spacing-bottom)}.card-title--no-padding{padding-right:0;padding-left:0}";
|
|
5548
5552
|
var $h = Object.defineProperty, Sh = Object.getOwnPropertyDescriptor, Wa = (t, e, i, r) => {
|
|
5549
5553
|
for (var o = r > 1 ? void 0 : r ? Sh(e, i) : e, a = t.length - 1, s; a >= 0; a--)
|
|
5550
5554
|
(s = t[a]) && (o = (r ? s(e, i, o) : s(o)) || o);
|
|
@@ -5767,6 +5771,7 @@ let Ht = class extends Ya {
|
|
|
5767
5771
|
t.preventDefault(), this.invalid || (this.invalid = !0);
|
|
5768
5772
|
}
|
|
5769
5773
|
render() {
|
|
5774
|
+
var t;
|
|
5770
5775
|
return b`
|
|
5771
5776
|
<div part="base">
|
|
5772
5777
|
<label
|
|
@@ -5800,7 +5805,10 @@ let Ht = class extends Ya {
|
|
|
5800
5805
|
.checked=${this.checked}
|
|
5801
5806
|
.disabled=${this.disabled}
|
|
5802
5807
|
.required=${this.required}
|
|
5803
|
-
aria-label=${f(this.ariaLabel)
|
|
5808
|
+
aria-label=${f((t = this.ariaLabel) != null ? t : void 0)}
|
|
5809
|
+
aria-labelledby=${f(
|
|
5810
|
+
!this.ariaLabel && this.label ? this.labelId : void 0
|
|
5811
|
+
)}
|
|
5804
5812
|
aria-describedby=${f(this.getAriaDescribedBy())}
|
|
5805
5813
|
aria-checked=${this.getAriaChecked()}
|
|
5806
5814
|
.aria-invalid=${this.invalid ? "true" : null}
|
|
@@ -5853,7 +5861,6 @@ let Ht = class extends Ya {
|
|
|
5853
5861
|
.readonly=${this.readonly}
|
|
5854
5862
|
label=${f(this.label)}
|
|
5855
5863
|
subtle
|
|
5856
|
-
aria-hidden="true"
|
|
5857
5864
|
renderAs="span">
|
|
5858
5865
|
</dap-ds-form-label>`}
|
|
5859
5866
|
${this.description && b`
|
|
@@ -17171,6 +17178,7 @@ let jt = class extends Ya {
|
|
|
17171
17178
|
}
|
|
17172
17179
|
}
|
|
17173
17180
|
render() {
|
|
17181
|
+
var t;
|
|
17174
17182
|
return b`
|
|
17175
17183
|
<div part="base">
|
|
17176
17184
|
<label
|
|
@@ -17205,7 +17213,10 @@ let jt = class extends Ya {
|
|
|
17205
17213
|
.required=${this.required}
|
|
17206
17214
|
?readonly=${this.readonly}
|
|
17207
17215
|
tabindex=${this.checked || this.focusable ? "0" : "-1"}
|
|
17208
|
-
aria-label=${f(this.ariaLabel)
|
|
17216
|
+
aria-label=${f((t = this.ariaLabel) != null ? t : void 0)}
|
|
17217
|
+
aria-labelledby=${f(
|
|
17218
|
+
!this.ariaLabel && this.label ? this.labelId : void 0
|
|
17219
|
+
)}
|
|
17209
17220
|
aria-describedby=${f(this.getAriaDescribedBy())}
|
|
17210
17221
|
aria-checked=${this.checked ? "true" : "false"}
|
|
17211
17222
|
.aria-invalid=${this.invalid ? "true" : null}
|
|
@@ -17258,7 +17269,6 @@ let jt = class extends Ya {
|
|
|
17258
17269
|
.readonly=${this.readonly}
|
|
17259
17270
|
label=${f(this.label)}
|
|
17260
17271
|
subtle
|
|
17261
|
-
aria-hidden="true"
|
|
17262
17272
|
renderAs="span">
|
|
17263
17273
|
</dap-ds-form-label>`}
|
|
17264
17274
|
${this.description && b`
|
|
@@ -19016,6 +19026,7 @@ let ge = class extends Ya {
|
|
|
19016
19026
|
this.readonly || t.code !== "Space" && t.code === "Enter" && (t.preventDefault(), this.handleClick());
|
|
19017
19027
|
}
|
|
19018
19028
|
render() {
|
|
19029
|
+
var t;
|
|
19019
19030
|
return b`
|
|
19020
19031
|
<div part="base">
|
|
19021
19032
|
<label
|
|
@@ -19045,8 +19056,10 @@ let ge = class extends Ya {
|
|
|
19045
19056
|
.required=${this.required}
|
|
19046
19057
|
.disabled=${this.disabled}
|
|
19047
19058
|
.readonly=${this.readonly}
|
|
19048
|
-
aria-label=${f(this.ariaLabel)
|
|
19049
|
-
aria-labelledby=${f(
|
|
19059
|
+
aria-label=${f((t = this.ariaLabel) != null ? t : void 0)}
|
|
19060
|
+
aria-labelledby=${f(
|
|
19061
|
+
!this.ariaLabel && this.label ? this.labelId : void 0
|
|
19062
|
+
)}
|
|
19050
19063
|
aria-describedby=${f(this.getAriaDescribedBy())}
|
|
19051
19064
|
aria-checked=${this.checked ? "true" : "false"}
|
|
19052
19065
|
.aria-invalid=${this.invalid ? "true" : null}
|
|
@@ -19110,7 +19123,6 @@ let ge = class extends Ya {
|
|
|
19110
19123
|
.disabled=${this.disabled || this.readonly}
|
|
19111
19124
|
.readonly=${this.readonly}
|
|
19112
19125
|
label=${f(this.label)}
|
|
19113
|
-
aria-hidden="true"
|
|
19114
19126
|
renderAs="span">
|
|
19115
19127
|
</dap-ds-form-label>`}
|
|
19116
19128
|
${this.description && b`
|
|
@@ -21042,7 +21054,7 @@ export {
|
|
|
21042
21054
|
Ai as A,
|
|
21043
21055
|
Ar as B,
|
|
21044
21056
|
La as C,
|
|
21045
|
-
|
|
21057
|
+
Zi as D,
|
|
21046
21058
|
Co as E,
|
|
21047
21059
|
W as F,
|
|
21048
21060
|
it as G,
|
|
@@ -21066,7 +21078,7 @@ export {
|
|
|
21066
21078
|
Er as Y,
|
|
21067
21079
|
te as Z,
|
|
21068
21080
|
Bt as _,
|
|
21069
|
-
|
|
21081
|
+
Nt as a,
|
|
21070
21082
|
zt as a0,
|
|
21071
21083
|
Oo as a1,
|
|
21072
21084
|
Oa as a2,
|
|
@@ -21111,11 +21123,11 @@ export {
|
|
|
21111
21123
|
Le as ax,
|
|
21112
21124
|
Ao as ay,
|
|
21113
21125
|
ei as az,
|
|
21114
|
-
|
|
21115
|
-
|
|
21116
|
-
|
|
21117
|
-
|
|
21118
|
-
|
|
21126
|
+
Ji as b,
|
|
21127
|
+
Te as c,
|
|
21128
|
+
Ve as d,
|
|
21129
|
+
Ir as e,
|
|
21130
|
+
js as f,
|
|
21119
21131
|
hi as g,
|
|
21120
21132
|
Xe as h,
|
|
21121
21133
|
Ot as i,
|
|
@@ -21137,4 +21149,4 @@ export {
|
|
|
21137
21149
|
Xt as y,
|
|
21138
21150
|
vi as z
|
|
21139
21151
|
};
|
|
21140
|
-
//# sourceMappingURL=components-
|
|
21152
|
+
//# sourceMappingURL=components-SiYY2QW1.js.map
|