@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
|
@@ -11,6 +11,10 @@
|
|
|
11
11
|
* @event auroSelect-valueSet - Notifies that the component has a new value set.
|
|
12
12
|
* @event input - Notifies every time the value prop of the element is changed. The updated `value` and `optionSelected` will be delivered in `detail` object.
|
|
13
13
|
* @event auroFormElement-validated - Notifies that the `validity` and `errorMessage` values have changed.
|
|
14
|
+
*
|
|
15
|
+
* @csspart dropdownTrigger - Apply CSS to the trigger content container.
|
|
16
|
+
* @csspart dropdownChevron - Apply CSS to the collapsed/expanded state icon container.
|
|
17
|
+
* @csspart dropdownSize - Apply size styles to the dropdown bib. (height, width, maxHeight, maxWidth only)
|
|
14
18
|
* @csspart helpText - Apply CSS to the help text.
|
|
15
19
|
*/
|
|
16
20
|
export class AuroSelect extends AuroElement {
|
|
@@ -4156,7 +4156,7 @@ var styleSnowflakeCss = css`:host{display:block}.wrapper{display:flex;flex:1;fle
|
|
|
4156
4156
|
|
|
4157
4157
|
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)}`;
|
|
4158
4158
|
|
|
4159
|
-
var styleCss$6 = css
|
|
4159
|
+
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}`;
|
|
4160
4160
|
|
|
4161
4161
|
var tokensCss$4 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
4162
4162
|
|
|
@@ -4236,6 +4236,8 @@ let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
|
|
|
4236
4236
|
|
|
4237
4237
|
/**
|
|
4238
4238
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
4239
|
+
*
|
|
4240
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
4239
4241
|
*/
|
|
4240
4242
|
let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
4241
4243
|
|
|
@@ -4351,7 +4353,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
4351
4353
|
// function that renders the HTML and CSS into the scope of the component
|
|
4352
4354
|
render() {
|
|
4353
4355
|
return html$1`
|
|
4354
|
-
<div class="helptext-wrapper
|
|
4356
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
4355
4357
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
4356
4358
|
</div>
|
|
4357
4359
|
`;
|
|
@@ -4465,6 +4467,7 @@ let AuroElement$2 = class AuroElement extends LitElement {
|
|
|
4465
4467
|
* @slot trigger - Defines the content of the trigger.
|
|
4466
4468
|
* @csspart trigger - The trigger content container.
|
|
4467
4469
|
* @csspart chevron - The collapsed/expanded state icon container.
|
|
4470
|
+
* @csspart size - The size of the dropdown bib. (height, width, maxHeight, maxWidth only)
|
|
4468
4471
|
* @csspart helpText - The helpText content container.
|
|
4469
4472
|
* @event auroDropdown-triggerClick - Notifies that the trigger has been clicked.
|
|
4470
4473
|
* @event auroDropdown-toggled - Notifies that the visibility of the dropdown bib has changed.
|
|
@@ -7319,7 +7322,7 @@ var bibTemplateVersion = '1.0.0';
|
|
|
7319
7322
|
|
|
7320
7323
|
var colorCss = 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)}`;
|
|
7321
7324
|
|
|
7322
|
-
var styleCss$1 = css
|
|
7325
|
+
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}`;
|
|
7323
7326
|
|
|
7324
7327
|
var tokensCss = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
7325
7328
|
|
|
@@ -7399,6 +7402,8 @@ class AuroLibraryRuntimeUtils {
|
|
|
7399
7402
|
|
|
7400
7403
|
/**
|
|
7401
7404
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
7405
|
+
*
|
|
7406
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
7402
7407
|
*/
|
|
7403
7408
|
class AuroHelpText extends LitElement {
|
|
7404
7409
|
|
|
@@ -7514,7 +7519,7 @@ class AuroHelpText extends LitElement {
|
|
|
7514
7519
|
// function that renders the HTML and CSS into the scope of the component
|
|
7515
7520
|
render() {
|
|
7516
7521
|
return html$1`
|
|
7517
|
-
<div class="helptext-wrapper
|
|
7522
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
7518
7523
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
7519
7524
|
</div>
|
|
7520
7525
|
`;
|
|
@@ -7543,6 +7548,10 @@ var styleCss = css`.util_displayInline{display:inline}.util_displayInlineBlock{d
|
|
|
7543
7548
|
* @event auroSelect-valueSet - Notifies that the component has a new value set.
|
|
7544
7549
|
* @event input - Notifies every time the value prop of the element is changed. The updated `value` and `optionSelected` will be delivered in `detail` object.
|
|
7545
7550
|
* @event auroFormElement-validated - Notifies that the `validity` and `errorMessage` values have changed.
|
|
7551
|
+
*
|
|
7552
|
+
* @csspart dropdownTrigger - Apply CSS to the trigger content container.
|
|
7553
|
+
* @csspart dropdownChevron - Apply CSS to the collapsed/expanded state icon container.
|
|
7554
|
+
* @csspart dropdownSize - Apply size styles to the dropdown bib. (height, width, maxHeight, maxWidth only)
|
|
7546
7555
|
* @csspart helpText - Apply CSS to the help text.
|
|
7547
7556
|
*/
|
|
7548
7557
|
|
|
@@ -4156,7 +4156,7 @@ var styleSnowflakeCss = css`:host{display:block}.wrapper{display:flex;flex:1;fle
|
|
|
4156
4156
|
|
|
4157
4157
|
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)}`;
|
|
4158
4158
|
|
|
4159
|
-
var styleCss$6 = css
|
|
4159
|
+
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}`;
|
|
4160
4160
|
|
|
4161
4161
|
var tokensCss$4 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
4162
4162
|
|
|
@@ -4236,6 +4236,8 @@ let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
|
|
|
4236
4236
|
|
|
4237
4237
|
/**
|
|
4238
4238
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
4239
|
+
*
|
|
4240
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
4239
4241
|
*/
|
|
4240
4242
|
let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
4241
4243
|
|
|
@@ -4351,7 +4353,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
4351
4353
|
// function that renders the HTML and CSS into the scope of the component
|
|
4352
4354
|
render() {
|
|
4353
4355
|
return html$1`
|
|
4354
|
-
<div class="helptext-wrapper
|
|
4356
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
4355
4357
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
4356
4358
|
</div>
|
|
4357
4359
|
`;
|
|
@@ -4465,6 +4467,7 @@ let AuroElement$2 = class AuroElement extends LitElement {
|
|
|
4465
4467
|
* @slot trigger - Defines the content of the trigger.
|
|
4466
4468
|
* @csspart trigger - The trigger content container.
|
|
4467
4469
|
* @csspart chevron - The collapsed/expanded state icon container.
|
|
4470
|
+
* @csspart size - The size of the dropdown bib. (height, width, maxHeight, maxWidth only)
|
|
4468
4471
|
* @csspart helpText - The helpText content container.
|
|
4469
4472
|
* @event auroDropdown-triggerClick - Notifies that the trigger has been clicked.
|
|
4470
4473
|
* @event auroDropdown-toggled - Notifies that the visibility of the dropdown bib has changed.
|
|
@@ -7319,7 +7322,7 @@ var bibTemplateVersion = '1.0.0';
|
|
|
7319
7322
|
|
|
7320
7323
|
var colorCss = 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)}`;
|
|
7321
7324
|
|
|
7322
|
-
var styleCss$1 = css
|
|
7325
|
+
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}`;
|
|
7323
7326
|
|
|
7324
7327
|
var tokensCss = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
7325
7328
|
|
|
@@ -7399,6 +7402,8 @@ class AuroLibraryRuntimeUtils {
|
|
|
7399
7402
|
|
|
7400
7403
|
/**
|
|
7401
7404
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
7405
|
+
*
|
|
7406
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
7402
7407
|
*/
|
|
7403
7408
|
class AuroHelpText extends LitElement {
|
|
7404
7409
|
|
|
@@ -7514,7 +7519,7 @@ class AuroHelpText extends LitElement {
|
|
|
7514
7519
|
// function that renders the HTML and CSS into the scope of the component
|
|
7515
7520
|
render() {
|
|
7516
7521
|
return html$1`
|
|
7517
|
-
<div class="helptext-wrapper
|
|
7522
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
7518
7523
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
7519
7524
|
</div>
|
|
7520
7525
|
`;
|
|
@@ -7543,6 +7548,10 @@ var styleCss = css`.util_displayInline{display:inline}.util_displayInlineBlock{d
|
|
|
7543
7548
|
* @event auroSelect-valueSet - Notifies that the component has a new value set.
|
|
7544
7549
|
* @event input - Notifies every time the value prop of the element is changed. The updated `value` and `optionSelected` will be delivered in `detail` object.
|
|
7545
7550
|
* @event auroFormElement-validated - Notifies that the `validity` and `errorMessage` values have changed.
|
|
7551
|
+
*
|
|
7552
|
+
* @csspart dropdownTrigger - Apply CSS to the trigger content container.
|
|
7553
|
+
* @csspart dropdownChevron - Apply CSS to the collapsed/expanded state icon container.
|
|
7554
|
+
* @csspart dropdownSize - Apply size styles to the dropdown bib. (height, width, maxHeight, maxWidth only)
|
|
7546
7555
|
* @csspart helpText - Apply CSS to the help text.
|
|
7547
7556
|
*/
|
|
7548
7557
|
|
package/package.json
CHANGED