@aurodesignsystem-dev/auro-formkit 0.0.0-pr794.0 → 0.0.0-pr798.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/api.min.js +4 -2
- package/components/checkbox/demo/index.min.js +4 -2
- package/components/checkbox/dist/index.js +4 -2
- package/components/checkbox/dist/registered.js +4 -2
- package/components/combobox/demo/api.min.js +21 -28
- package/components/combobox/demo/index.min.js +21 -28
- package/components/combobox/dist/index.js +13 -6
- package/components/combobox/dist/registered.js +13 -6
- package/components/counter/demo/api.min.js +10 -5
- package/components/counter/demo/index.md +4 -4
- package/components/counter/demo/index.min.js +10 -5
- package/components/counter/dist/index.js +10 -5
- package/components/counter/dist/registered.js +10 -5
- package/components/datepicker/demo/api.min.js +13 -6
- package/components/datepicker/demo/index.min.js +13 -6
- package/components/datepicker/dist/index.js +13 -6
- package/components/datepicker/dist/registered.js +13 -6
- package/components/dropdown/demo/api.md +7 -6
- package/components/dropdown/demo/api.min.js +5 -2
- package/components/dropdown/demo/index.min.js +5 -2
- package/components/dropdown/dist/index.js +5 -2
- package/components/dropdown/dist/registered.js +5 -2
- package/components/helptext/dist/auro-helptext.d.ts +2 -0
- package/components/helptext/dist/index.js +4 -2
- package/components/helptext/dist/registered.js +4 -2
- package/components/input/demo/api.min.js +4 -2
- package/components/input/demo/index.min.js +4 -2
- package/components/input/dist/index.js +4 -2
- package/components/input/dist/registered.js +4 -2
- package/components/menu/demo/api.html +15 -0
- package/components/menu/demo/api.md +12 -12
- package/components/menu/demo/api.min.js +8 -22
- package/components/menu/demo/index.min.js +8 -22
- package/components/menu/dist/auro-menu.d.ts +2 -2
- package/components/menu/dist/auro-menuoption.d.ts +2 -2
- package/components/menu/dist/index.js +8 -22
- package/components/menu/dist/registered.js +8 -22
- package/components/radio/demo/api.min.js +4 -2
- package/components/radio/demo/index.min.js +4 -2
- package/components/radio/dist/index.js +4 -2
- package/components/radio/dist/registered.js +4 -2
- package/components/select/demo/api.md +6 -3
- package/components/select/demo/api.min.js +21 -26
- package/components/select/demo/index.min.js +21 -26
- package/components/select/dist/auro-select.d.ts +4 -0
- package/components/select/dist/index.js +13 -4
- package/components/select/dist/registered.js +13 -4
- package/package.json +1 -1
|
@@ -2467,7 +2467,7 @@ var styleCss$8 = i$5`.counter{display:flex;align-items:center;justify-content:sp
|
|
|
2467
2467
|
|
|
2468
2468
|
var colorCss$6 = i$5`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
2469
2469
|
|
|
2470
|
-
var styleCss$7 = i$5
|
|
2470
|
+
var styleCss$7 = i$5`:host{position:relative;display:block}.helptext-wrapper{display:none;font-size:12px;font-weight:450;letter-spacing:0;line-height:16px}:host([large]) .helptext-wrapper{font-size:16px;font-weight:450;letter-spacing:0;line-height:24px}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
2471
2471
|
|
|
2472
2472
|
var tokensCss$4 = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
2473
2473
|
|
|
@@ -2547,6 +2547,8 @@ let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
|
|
|
2547
2547
|
|
|
2548
2548
|
/**
|
|
2549
2549
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
2550
|
+
*
|
|
2551
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
2550
2552
|
*/
|
|
2551
2553
|
let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
2552
2554
|
|
|
@@ -2662,7 +2664,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
2662
2664
|
// function that renders the HTML and CSS into the scope of the component
|
|
2663
2665
|
render() {
|
|
2664
2666
|
return x`
|
|
2665
|
-
<div class="helptext-wrapper
|
|
2667
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
2666
2668
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
2667
2669
|
</div>
|
|
2668
2670
|
`;
|
|
@@ -3000,7 +3002,7 @@ class AuroCounter extends i$2 {
|
|
|
3000
3002
|
? u`
|
|
3001
3003
|
<${this.helpTextTag} ?onDark="${this.onDark}">
|
|
3002
3004
|
<p id="${this.uniqueId}" part="helpText">
|
|
3003
|
-
<slot name="
|
|
3005
|
+
<slot name="helptext"></slot>
|
|
3004
3006
|
</p>
|
|
3005
3007
|
</${this.helpTextTag}>
|
|
3006
3008
|
`
|
|
@@ -6227,7 +6229,7 @@ var styleSnowflakeCss = i$5`:host{display:block}.wrapper{display:flex;flex:1;fle
|
|
|
6227
6229
|
|
|
6228
6230
|
var colorCss$5 = i$5`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
6229
6231
|
|
|
6230
|
-
var styleCss$6 = i$5
|
|
6232
|
+
var styleCss$6 = i$5`:host{position:relative;display:block}.helptext-wrapper{display:none;font-size:12px;font-weight:450;letter-spacing:0;line-height:16px}:host([large]) .helptext-wrapper{font-size:16px;font-weight:450;letter-spacing:0;line-height:24px}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
6231
6233
|
|
|
6232
6234
|
var tokensCss$3 = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
6233
6235
|
|
|
@@ -6307,6 +6309,8 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
|
|
|
6307
6309
|
|
|
6308
6310
|
/**
|
|
6309
6311
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
6312
|
+
*
|
|
6313
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
6310
6314
|
*/
|
|
6311
6315
|
class AuroHelpText extends i$2 {
|
|
6312
6316
|
|
|
@@ -6422,7 +6426,7 @@ class AuroHelpText extends i$2 {
|
|
|
6422
6426
|
// function that renders the HTML and CSS into the scope of the component
|
|
6423
6427
|
render() {
|
|
6424
6428
|
return x`
|
|
6425
|
-
<div class="helptext-wrapper
|
|
6429
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
6426
6430
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
6427
6431
|
</div>
|
|
6428
6432
|
`;
|
|
@@ -6536,6 +6540,7 @@ let AuroElement$3 = class AuroElement extends i$2 {
|
|
|
6536
6540
|
* @slot trigger - Defines the content of the trigger.
|
|
6537
6541
|
* @csspart trigger - The trigger content container.
|
|
6538
6542
|
* @csspart chevron - The collapsed/expanded state icon container.
|
|
6543
|
+
* @csspart size - The size of the dropdown bib. (height, width, maxHeight, maxWidth only)
|
|
6539
6544
|
* @csspart helpText - The helpText content container.
|
|
6540
6545
|
* @event auroDropdown-triggerClick - Notifies that the trigger has been clicked.
|
|
6541
6546
|
* @event auroDropdown-toggled - Notifies that the visibility of the dropdown bib has changed.
|
|
@@ -106,7 +106,7 @@ Help text is supported with counters, and can be added by targetting the `helpte
|
|
|
106
106
|
<!-- The below content is automatically added from ./../apiExamples/counter-helptext.html -->
|
|
107
107
|
<auro-counter>
|
|
108
108
|
Adults
|
|
109
|
-
<span slot="
|
|
109
|
+
<span slot="helptext">This is help text for the counter</span>
|
|
110
110
|
</auro-counter>
|
|
111
111
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
112
112
|
</div>
|
|
@@ -115,7 +115,7 @@ Help text is supported with counters, and can be added by targetting the `helpte
|
|
|
115
115
|
<!-- The below content is automatically added from ./../apiExamples/ondark-counter-helptext.html -->
|
|
116
116
|
<auro-counter ondark>
|
|
117
117
|
Adults
|
|
118
|
-
<span slot="
|
|
118
|
+
<span slot="helptext">This is help text for the counter</span>
|
|
119
119
|
</auro-counter>
|
|
120
120
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
121
121
|
</div>
|
|
@@ -127,7 +127,7 @@ Help text is supported with counters, and can be added by targetting the `helpte
|
|
|
127
127
|
```html
|
|
128
128
|
<auro-counter>
|
|
129
129
|
Adults
|
|
130
|
-
<span slot="
|
|
130
|
+
<span slot="helptext">This is help text for the counter</span>
|
|
131
131
|
</auro-counter>
|
|
132
132
|
```
|
|
133
133
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
@@ -135,7 +135,7 @@ Help text is supported with counters, and can be added by targetting the `helpte
|
|
|
135
135
|
<!-- The below content is automatically added from ./../apiExamples/ondark-counter-helptext.html -->
|
|
136
136
|
<auro-counter ondark>
|
|
137
137
|
Adults
|
|
138
|
-
<span slot="
|
|
138
|
+
<span slot="helptext">This is help text for the counter</span>
|
|
139
139
|
</auro-counter>
|
|
140
140
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
141
141
|
</auro-accordion>
|
|
@@ -2467,7 +2467,7 @@ var styleCss$8 = i$5`.counter{display:flex;align-items:center;justify-content:sp
|
|
|
2467
2467
|
|
|
2468
2468
|
var colorCss$6 = i$5`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
2469
2469
|
|
|
2470
|
-
var styleCss$7 = i$5
|
|
2470
|
+
var styleCss$7 = i$5`:host{position:relative;display:block}.helptext-wrapper{display:none;font-size:12px;font-weight:450;letter-spacing:0;line-height:16px}:host([large]) .helptext-wrapper{font-size:16px;font-weight:450;letter-spacing:0;line-height:24px}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
2471
2471
|
|
|
2472
2472
|
var tokensCss$4 = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
2473
2473
|
|
|
@@ -2547,6 +2547,8 @@ let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
|
|
|
2547
2547
|
|
|
2548
2548
|
/**
|
|
2549
2549
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
2550
|
+
*
|
|
2551
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
2550
2552
|
*/
|
|
2551
2553
|
let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
2552
2554
|
|
|
@@ -2662,7 +2664,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
2662
2664
|
// function that renders the HTML and CSS into the scope of the component
|
|
2663
2665
|
render() {
|
|
2664
2666
|
return x`
|
|
2665
|
-
<div class="helptext-wrapper
|
|
2667
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
2666
2668
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
2667
2669
|
</div>
|
|
2668
2670
|
`;
|
|
@@ -3000,7 +3002,7 @@ class AuroCounter extends i$2 {
|
|
|
3000
3002
|
? u`
|
|
3001
3003
|
<${this.helpTextTag} ?onDark="${this.onDark}">
|
|
3002
3004
|
<p id="${this.uniqueId}" part="helpText">
|
|
3003
|
-
<slot name="
|
|
3005
|
+
<slot name="helptext"></slot>
|
|
3004
3006
|
</p>
|
|
3005
3007
|
</${this.helpTextTag}>
|
|
3006
3008
|
`
|
|
@@ -6227,7 +6229,7 @@ var styleSnowflakeCss = i$5`:host{display:block}.wrapper{display:flex;flex:1;fle
|
|
|
6227
6229
|
|
|
6228
6230
|
var colorCss$5 = i$5`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
6229
6231
|
|
|
6230
|
-
var styleCss$6 = i$5
|
|
6232
|
+
var styleCss$6 = i$5`:host{position:relative;display:block}.helptext-wrapper{display:none;font-size:12px;font-weight:450;letter-spacing:0;line-height:16px}:host([large]) .helptext-wrapper{font-size:16px;font-weight:450;letter-spacing:0;line-height:24px}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
6231
6233
|
|
|
6232
6234
|
var tokensCss$3 = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
6233
6235
|
|
|
@@ -6307,6 +6309,8 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
|
|
|
6307
6309
|
|
|
6308
6310
|
/**
|
|
6309
6311
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
6312
|
+
*
|
|
6313
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
6310
6314
|
*/
|
|
6311
6315
|
class AuroHelpText extends i$2 {
|
|
6312
6316
|
|
|
@@ -6422,7 +6426,7 @@ class AuroHelpText extends i$2 {
|
|
|
6422
6426
|
// function that renders the HTML and CSS into the scope of the component
|
|
6423
6427
|
render() {
|
|
6424
6428
|
return x`
|
|
6425
|
-
<div class="helptext-wrapper
|
|
6429
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
6426
6430
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
6427
6431
|
</div>
|
|
6428
6432
|
`;
|
|
@@ -6536,6 +6540,7 @@ let AuroElement$3 = class AuroElement extends i$2 {
|
|
|
6536
6540
|
* @slot trigger - Defines the content of the trigger.
|
|
6537
6541
|
* @csspart trigger - The trigger content container.
|
|
6538
6542
|
* @csspart chevron - The collapsed/expanded state icon container.
|
|
6543
|
+
* @csspart size - The size of the dropdown bib. (height, width, maxHeight, maxWidth only)
|
|
6539
6544
|
* @csspart helpText - The helpText content container.
|
|
6540
6545
|
* @event auroDropdown-triggerClick - Notifies that the trigger has been clicked.
|
|
6541
6546
|
* @event auroDropdown-toggled - Notifies that the visibility of the dropdown bib has changed.
|
|
@@ -2420,7 +2420,7 @@ var styleCss$8 = css`.counter{display:flex;align-items:center;justify-content:sp
|
|
|
2420
2420
|
|
|
2421
2421
|
var colorCss$6 = css`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
2422
2422
|
|
|
2423
|
-
var styleCss$7 = css
|
|
2423
|
+
var styleCss$7 = css`:host{position:relative;display:block}.helptext-wrapper{display:none;font-size:12px;font-weight:450;letter-spacing:0;line-height:16px}:host([large]) .helptext-wrapper{font-size:16px;font-weight:450;letter-spacing:0;line-height:24px}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
2424
2424
|
|
|
2425
2425
|
var tokensCss$4 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
2426
2426
|
|
|
@@ -2500,6 +2500,8 @@ let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
|
|
|
2500
2500
|
|
|
2501
2501
|
/**
|
|
2502
2502
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
2503
|
+
*
|
|
2504
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
2503
2505
|
*/
|
|
2504
2506
|
let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
2505
2507
|
|
|
@@ -2615,7 +2617,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
2615
2617
|
// function that renders the HTML and CSS into the scope of the component
|
|
2616
2618
|
render() {
|
|
2617
2619
|
return html`
|
|
2618
|
-
<div class="helptext-wrapper
|
|
2620
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
2619
2621
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
2620
2622
|
</div>
|
|
2621
2623
|
`;
|
|
@@ -2953,7 +2955,7 @@ class AuroCounter extends LitElement {
|
|
|
2953
2955
|
? html$1`
|
|
2954
2956
|
<${this.helpTextTag} ?onDark="${this.onDark}">
|
|
2955
2957
|
<p id="${this.uniqueId}" part="helpText">
|
|
2956
|
-
<slot name="
|
|
2958
|
+
<slot name="helptext"></slot>
|
|
2957
2959
|
</p>
|
|
2958
2960
|
</${this.helpTextTag}>
|
|
2959
2961
|
`
|
|
@@ -6180,7 +6182,7 @@ var styleSnowflakeCss = css`:host{display:block}.wrapper{display:flex;flex:1;fle
|
|
|
6180
6182
|
|
|
6181
6183
|
var colorCss$5 = css`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
6182
6184
|
|
|
6183
|
-
var styleCss$6 = css
|
|
6185
|
+
var styleCss$6 = css`:host{position:relative;display:block}.helptext-wrapper{display:none;font-size:12px;font-weight:450;letter-spacing:0;line-height:16px}:host([large]) .helptext-wrapper{font-size:16px;font-weight:450;letter-spacing:0;line-height:24px}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
6184
6186
|
|
|
6185
6187
|
var tokensCss$3 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
6186
6188
|
|
|
@@ -6260,6 +6262,8 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
|
|
|
6260
6262
|
|
|
6261
6263
|
/**
|
|
6262
6264
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
6265
|
+
*
|
|
6266
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
6263
6267
|
*/
|
|
6264
6268
|
class AuroHelpText extends LitElement {
|
|
6265
6269
|
|
|
@@ -6375,7 +6379,7 @@ class AuroHelpText extends LitElement {
|
|
|
6375
6379
|
// function that renders the HTML and CSS into the scope of the component
|
|
6376
6380
|
render() {
|
|
6377
6381
|
return html`
|
|
6378
|
-
<div class="helptext-wrapper
|
|
6382
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
6379
6383
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
6380
6384
|
</div>
|
|
6381
6385
|
`;
|
|
@@ -6489,6 +6493,7 @@ let AuroElement$3 = class AuroElement extends LitElement {
|
|
|
6489
6493
|
* @slot trigger - Defines the content of the trigger.
|
|
6490
6494
|
* @csspart trigger - The trigger content container.
|
|
6491
6495
|
* @csspart chevron - The collapsed/expanded state icon container.
|
|
6496
|
+
* @csspart size - The size of the dropdown bib. (height, width, maxHeight, maxWidth only)
|
|
6492
6497
|
* @csspart helpText - The helpText content container.
|
|
6493
6498
|
* @event auroDropdown-triggerClick - Notifies that the trigger has been clicked.
|
|
6494
6499
|
* @event auroDropdown-toggled - Notifies that the visibility of the dropdown bib has changed.
|
|
@@ -2420,7 +2420,7 @@ var styleCss$8 = css`.counter{display:flex;align-items:center;justify-content:sp
|
|
|
2420
2420
|
|
|
2421
2421
|
var colorCss$6 = css`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
2422
2422
|
|
|
2423
|
-
var styleCss$7 = css
|
|
2423
|
+
var styleCss$7 = css`:host{position:relative;display:block}.helptext-wrapper{display:none;font-size:12px;font-weight:450;letter-spacing:0;line-height:16px}:host([large]) .helptext-wrapper{font-size:16px;font-weight:450;letter-spacing:0;line-height:24px}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
2424
2424
|
|
|
2425
2425
|
var tokensCss$4 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
2426
2426
|
|
|
@@ -2500,6 +2500,8 @@ let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
|
|
|
2500
2500
|
|
|
2501
2501
|
/**
|
|
2502
2502
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
2503
|
+
*
|
|
2504
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
2503
2505
|
*/
|
|
2504
2506
|
let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
2505
2507
|
|
|
@@ -2615,7 +2617,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
2615
2617
|
// function that renders the HTML and CSS into the scope of the component
|
|
2616
2618
|
render() {
|
|
2617
2619
|
return html`
|
|
2618
|
-
<div class="helptext-wrapper
|
|
2620
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
2619
2621
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
2620
2622
|
</div>
|
|
2621
2623
|
`;
|
|
@@ -2953,7 +2955,7 @@ class AuroCounter extends LitElement {
|
|
|
2953
2955
|
? html$1`
|
|
2954
2956
|
<${this.helpTextTag} ?onDark="${this.onDark}">
|
|
2955
2957
|
<p id="${this.uniqueId}" part="helpText">
|
|
2956
|
-
<slot name="
|
|
2958
|
+
<slot name="helptext"></slot>
|
|
2957
2959
|
</p>
|
|
2958
2960
|
</${this.helpTextTag}>
|
|
2959
2961
|
`
|
|
@@ -6180,7 +6182,7 @@ var styleSnowflakeCss = css`:host{display:block}.wrapper{display:flex;flex:1;fle
|
|
|
6180
6182
|
|
|
6181
6183
|
var colorCss$5 = css`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
6182
6184
|
|
|
6183
|
-
var styleCss$6 = css
|
|
6185
|
+
var styleCss$6 = css`:host{position:relative;display:block}.helptext-wrapper{display:none;font-size:12px;font-weight:450;letter-spacing:0;line-height:16px}:host([large]) .helptext-wrapper{font-size:16px;font-weight:450;letter-spacing:0;line-height:24px}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
6184
6186
|
|
|
6185
6187
|
var tokensCss$3 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
6186
6188
|
|
|
@@ -6260,6 +6262,8 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
|
|
|
6260
6262
|
|
|
6261
6263
|
/**
|
|
6262
6264
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
6265
|
+
*
|
|
6266
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
6263
6267
|
*/
|
|
6264
6268
|
class AuroHelpText extends LitElement {
|
|
6265
6269
|
|
|
@@ -6375,7 +6379,7 @@ class AuroHelpText extends LitElement {
|
|
|
6375
6379
|
// function that renders the HTML and CSS into the scope of the component
|
|
6376
6380
|
render() {
|
|
6377
6381
|
return html`
|
|
6378
|
-
<div class="helptext-wrapper
|
|
6382
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
6379
6383
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
6380
6384
|
</div>
|
|
6381
6385
|
`;
|
|
@@ -6489,6 +6493,7 @@ let AuroElement$3 = class AuroElement extends LitElement {
|
|
|
6489
6493
|
* @slot trigger - Defines the content of the trigger.
|
|
6490
6494
|
* @csspart trigger - The trigger content container.
|
|
6491
6495
|
* @csspart chevron - The collapsed/expanded state icon container.
|
|
6496
|
+
* @csspart size - The size of the dropdown bib. (height, width, maxHeight, maxWidth only)
|
|
6492
6497
|
* @csspart helpText - The helpText content container.
|
|
6493
6498
|
* @event auroDropdown-triggerClick - Notifies that the trigger has been clicked.
|
|
6494
6499
|
* @event auroDropdown-toggled - Notifies that the visibility of the dropdown bib has changed.
|