@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
|
@@ -17585,7 +17585,7 @@ var styleSnowflakeCss = i$2`:host{display:block}.wrapper{display:flex;flex:1;fle
|
|
|
17585
17585
|
|
|
17586
17586
|
var colorCss$5 = i$2`: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)}`;
|
|
17587
17587
|
|
|
17588
|
-
var styleCss$6 = i$2
|
|
17588
|
+
var styleCss$6 = i$2`: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}`;
|
|
17589
17589
|
|
|
17590
17590
|
var tokensCss$6 = i$2`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
17591
17591
|
|
|
@@ -17665,6 +17665,8 @@ let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
|
|
|
17665
17665
|
|
|
17666
17666
|
/**
|
|
17667
17667
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
17668
|
+
*
|
|
17669
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
17668
17670
|
*/
|
|
17669
17671
|
let AuroHelpText$2 = class AuroHelpText extends i {
|
|
17670
17672
|
|
|
@@ -17780,7 +17782,7 @@ let AuroHelpText$2 = class AuroHelpText extends i {
|
|
|
17780
17782
|
// function that renders the HTML and CSS into the scope of the component
|
|
17781
17783
|
render() {
|
|
17782
17784
|
return x`
|
|
17783
|
-
<div class="helptext-wrapper
|
|
17785
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
17784
17786
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
17785
17787
|
</div>
|
|
17786
17788
|
`;
|
|
@@ -17894,6 +17896,7 @@ let AuroElement$4 = class AuroElement extends i {
|
|
|
17894
17896
|
* @slot trigger - Defines the content of the trigger.
|
|
17895
17897
|
* @csspart trigger - The trigger content container.
|
|
17896
17898
|
* @csspart chevron - The collapsed/expanded state icon container.
|
|
17899
|
+
* @csspart size - The size of the dropdown bib. (height, width, maxHeight, maxWidth only)
|
|
17897
17900
|
* @csspart helpText - The helpText content container.
|
|
17898
17901
|
* @event auroDropdown-triggerClick - Notifies that the trigger has been clicked.
|
|
17899
17902
|
* @event auroDropdown-toggled - Notifies that the visibility of the dropdown bib has changed.
|
|
@@ -26344,7 +26347,7 @@ var buttonVersion = '11.0.0';
|
|
|
26344
26347
|
|
|
26345
26348
|
var colorCss$4 = i$2`: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)}`;
|
|
26346
26349
|
|
|
26347
|
-
var styleCss$5 = i$2
|
|
26350
|
+
var styleCss$5 = i$2`: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}`;
|
|
26348
26351
|
|
|
26349
26352
|
var tokensCss$5 = i$2`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
26350
26353
|
|
|
@@ -26424,6 +26427,8 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
|
|
|
26424
26427
|
|
|
26425
26428
|
/**
|
|
26426
26429
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
26430
|
+
*
|
|
26431
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
26427
26432
|
*/
|
|
26428
26433
|
let AuroHelpText$1 = class AuroHelpText extends i {
|
|
26429
26434
|
|
|
@@ -26539,7 +26544,7 @@ let AuroHelpText$1 = class AuroHelpText extends i {
|
|
|
26539
26544
|
// function that renders the HTML and CSS into the scope of the component
|
|
26540
26545
|
render() {
|
|
26541
26546
|
return x`
|
|
26542
|
-
<div class="helptext-wrapper
|
|
26547
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
26543
26548
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
26544
26549
|
</div>
|
|
26545
26550
|
`;
|
|
@@ -27057,7 +27062,7 @@ var inputVersion = '4.2.0';
|
|
|
27057
27062
|
|
|
27058
27063
|
var colorCss$1 = i$2`: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)}`;
|
|
27059
27064
|
|
|
27060
|
-
var styleCss$1 = i$2
|
|
27065
|
+
var styleCss$1 = i$2`: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}`;
|
|
27061
27066
|
|
|
27062
27067
|
var tokensCss$1 = i$2`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
27063
27068
|
|
|
@@ -27137,6 +27142,8 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
|
|
|
27137
27142
|
|
|
27138
27143
|
/**
|
|
27139
27144
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
27145
|
+
*
|
|
27146
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
27140
27147
|
*/
|
|
27141
27148
|
class AuroHelpText extends i {
|
|
27142
27149
|
|
|
@@ -27252,7 +27259,7 @@ class AuroHelpText extends i {
|
|
|
27252
27259
|
// function that renders the HTML and CSS into the scope of the component
|
|
27253
27260
|
render() {
|
|
27254
27261
|
return x`
|
|
27255
|
-
<div class="helptext-wrapper
|
|
27262
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
27256
27263
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
27257
27264
|
</div>
|
|
27258
27265
|
`;
|
|
@@ -17326,7 +17326,7 @@ var styleSnowflakeCss = i$2`:host{display:block}.wrapper{display:flex;flex:1;fle
|
|
|
17326
17326
|
|
|
17327
17327
|
var colorCss$5 = i$2`: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)}`;
|
|
17328
17328
|
|
|
17329
|
-
var styleCss$6 = i$2
|
|
17329
|
+
var styleCss$6 = i$2`: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}`;
|
|
17330
17330
|
|
|
17331
17331
|
var tokensCss$6 = i$2`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
17332
17332
|
|
|
@@ -17406,6 +17406,8 @@ let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
|
|
|
17406
17406
|
|
|
17407
17407
|
/**
|
|
17408
17408
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
17409
|
+
*
|
|
17410
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
17409
17411
|
*/
|
|
17410
17412
|
let AuroHelpText$2 = class AuroHelpText extends i {
|
|
17411
17413
|
|
|
@@ -17521,7 +17523,7 @@ let AuroHelpText$2 = class AuroHelpText extends i {
|
|
|
17521
17523
|
// function that renders the HTML and CSS into the scope of the component
|
|
17522
17524
|
render() {
|
|
17523
17525
|
return x`
|
|
17524
|
-
<div class="helptext-wrapper
|
|
17526
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
17525
17527
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
17526
17528
|
</div>
|
|
17527
17529
|
`;
|
|
@@ -17635,6 +17637,7 @@ let AuroElement$4 = class AuroElement extends i {
|
|
|
17635
17637
|
* @slot trigger - Defines the content of the trigger.
|
|
17636
17638
|
* @csspart trigger - The trigger content container.
|
|
17637
17639
|
* @csspart chevron - The collapsed/expanded state icon container.
|
|
17640
|
+
* @csspart size - The size of the dropdown bib. (height, width, maxHeight, maxWidth only)
|
|
17638
17641
|
* @csspart helpText - The helpText content container.
|
|
17639
17642
|
* @event auroDropdown-triggerClick - Notifies that the trigger has been clicked.
|
|
17640
17643
|
* @event auroDropdown-toggled - Notifies that the visibility of the dropdown bib has changed.
|
|
@@ -26085,7 +26088,7 @@ var buttonVersion = '11.0.0';
|
|
|
26085
26088
|
|
|
26086
26089
|
var colorCss$4 = i$2`: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)}`;
|
|
26087
26090
|
|
|
26088
|
-
var styleCss$5 = i$2
|
|
26091
|
+
var styleCss$5 = i$2`: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}`;
|
|
26089
26092
|
|
|
26090
26093
|
var tokensCss$5 = i$2`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
26091
26094
|
|
|
@@ -26165,6 +26168,8 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
|
|
|
26165
26168
|
|
|
26166
26169
|
/**
|
|
26167
26170
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
26171
|
+
*
|
|
26172
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
26168
26173
|
*/
|
|
26169
26174
|
let AuroHelpText$1 = class AuroHelpText extends i {
|
|
26170
26175
|
|
|
@@ -26280,7 +26285,7 @@ let AuroHelpText$1 = class AuroHelpText extends i {
|
|
|
26280
26285
|
// function that renders the HTML and CSS into the scope of the component
|
|
26281
26286
|
render() {
|
|
26282
26287
|
return x`
|
|
26283
|
-
<div class="helptext-wrapper
|
|
26288
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
26284
26289
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
26285
26290
|
</div>
|
|
26286
26291
|
`;
|
|
@@ -26798,7 +26803,7 @@ var inputVersion = '4.2.0';
|
|
|
26798
26803
|
|
|
26799
26804
|
var colorCss$1 = i$2`: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)}`;
|
|
26800
26805
|
|
|
26801
|
-
var styleCss$1 = i$2
|
|
26806
|
+
var styleCss$1 = i$2`: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}`;
|
|
26802
26807
|
|
|
26803
26808
|
var tokensCss$1 = i$2`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
26804
26809
|
|
|
@@ -26878,6 +26883,8 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
|
|
|
26878
26883
|
|
|
26879
26884
|
/**
|
|
26880
26885
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
26886
|
+
*
|
|
26887
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
26881
26888
|
*/
|
|
26882
26889
|
class AuroHelpText extends i {
|
|
26883
26890
|
|
|
@@ -26993,7 +27000,7 @@ class AuroHelpText extends i {
|
|
|
26993
27000
|
// function that renders the HTML and CSS into the scope of the component
|
|
26994
27001
|
render() {
|
|
26995
27002
|
return x`
|
|
26996
|
-
<div class="helptext-wrapper
|
|
27003
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
26997
27004
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
26998
27005
|
</div>
|
|
26999
27006
|
`;
|
|
@@ -17275,7 +17275,7 @@ var styleSnowflakeCss = css`:host{display:block}.wrapper{display:flex;flex:1;fle
|
|
|
17275
17275
|
|
|
17276
17276
|
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)}`;
|
|
17277
17277
|
|
|
17278
|
-
var styleCss$6 = css
|
|
17278
|
+
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}`;
|
|
17279
17279
|
|
|
17280
17280
|
var tokensCss$6 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
17281
17281
|
|
|
@@ -17355,6 +17355,8 @@ let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
|
|
|
17355
17355
|
|
|
17356
17356
|
/**
|
|
17357
17357
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
17358
|
+
*
|
|
17359
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
17358
17360
|
*/
|
|
17359
17361
|
let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
17360
17362
|
|
|
@@ -17470,7 +17472,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
17470
17472
|
// function that renders the HTML and CSS into the scope of the component
|
|
17471
17473
|
render() {
|
|
17472
17474
|
return html`
|
|
17473
|
-
<div class="helptext-wrapper
|
|
17475
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
17474
17476
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
17475
17477
|
</div>
|
|
17476
17478
|
`;
|
|
@@ -17584,6 +17586,7 @@ let AuroElement$4 = class AuroElement extends LitElement {
|
|
|
17584
17586
|
* @slot trigger - Defines the content of the trigger.
|
|
17585
17587
|
* @csspart trigger - The trigger content container.
|
|
17586
17588
|
* @csspart chevron - The collapsed/expanded state icon container.
|
|
17589
|
+
* @csspart size - The size of the dropdown bib. (height, width, maxHeight, maxWidth only)
|
|
17587
17590
|
* @csspart helpText - The helpText content container.
|
|
17588
17591
|
* @event auroDropdown-triggerClick - Notifies that the trigger has been clicked.
|
|
17589
17592
|
* @event auroDropdown-toggled - Notifies that the visibility of the dropdown bib has changed.
|
|
@@ -26021,7 +26024,7 @@ var buttonVersion = '11.0.0';
|
|
|
26021
26024
|
|
|
26022
26025
|
var colorCss$4 = 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)}`;
|
|
26023
26026
|
|
|
26024
|
-
var styleCss$5 = css
|
|
26027
|
+
var styleCss$5 = 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}`;
|
|
26025
26028
|
|
|
26026
26029
|
var tokensCss$5 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
26027
26030
|
|
|
@@ -26101,6 +26104,8 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
|
|
|
26101
26104
|
|
|
26102
26105
|
/**
|
|
26103
26106
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
26107
|
+
*
|
|
26108
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
26104
26109
|
*/
|
|
26105
26110
|
let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
26106
26111
|
|
|
@@ -26216,7 +26221,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
26216
26221
|
// function that renders the HTML and CSS into the scope of the component
|
|
26217
26222
|
render() {
|
|
26218
26223
|
return html`
|
|
26219
|
-
<div class="helptext-wrapper
|
|
26224
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
26220
26225
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
26221
26226
|
</div>
|
|
26222
26227
|
`;
|
|
@@ -26734,7 +26739,7 @@ var inputVersion = '4.2.0';
|
|
|
26734
26739
|
|
|
26735
26740
|
var colorCss$1 = 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)}`;
|
|
26736
26741
|
|
|
26737
|
-
var styleCss$1 = css
|
|
26742
|
+
var styleCss$1 = 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}`;
|
|
26738
26743
|
|
|
26739
26744
|
var tokensCss$1 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
26740
26745
|
|
|
@@ -26814,6 +26819,8 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
|
|
|
26814
26819
|
|
|
26815
26820
|
/**
|
|
26816
26821
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
26822
|
+
*
|
|
26823
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
26817
26824
|
*/
|
|
26818
26825
|
class AuroHelpText extends LitElement {
|
|
26819
26826
|
|
|
@@ -26929,7 +26936,7 @@ class AuroHelpText extends LitElement {
|
|
|
26929
26936
|
// function that renders the HTML and CSS into the scope of the component
|
|
26930
26937
|
render() {
|
|
26931
26938
|
return html`
|
|
26932
|
-
<div class="helptext-wrapper
|
|
26939
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
26933
26940
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
26934
26941
|
</div>
|
|
26935
26942
|
`;
|