@aurodesignsystem-dev/auro-formkit 0.0.0-pr794.1 → 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/bibtemplate/dist/buttonVersion.d.ts +1 -1
- package/components/bibtemplate/dist/index.js +22 -72
- package/components/bibtemplate/dist/registered.js +22 -72
- package/components/checkbox/demo/api.md +1 -2
- package/components/checkbox/demo/api.min.js +4 -9
- package/components/checkbox/demo/index.min.js +4 -9
- package/components/checkbox/dist/index.js +4 -9
- package/components/checkbox/dist/registered.js +4 -9
- package/components/combobox/demo/api.md +0 -2
- package/components/combobox/demo/api.min.js +70 -182
- package/components/combobox/demo/index.min.js +70 -182
- package/components/combobox/dist/auro-combobox.d.ts +4 -2
- package/components/combobox/dist/index.js +62 -160
- package/components/combobox/dist/registered.js +62 -160
- package/components/counter/demo/api.md +0 -2
- package/components/counter/demo/api.min.js +52 -174
- package/components/counter/demo/index.md +4 -4
- package/components/counter/demo/index.min.js +52 -174
- package/components/counter/dist/auro-counter-group.d.ts +0 -10
- package/components/counter/dist/index.js +52 -174
- package/components/counter/dist/registered.js +52 -174
- package/components/datepicker/README.md +1 -1
- package/components/datepicker/demo/api.md +19 -41
- package/components/datepicker/demo/api.min.js +166 -462
- package/components/datepicker/demo/index.md +4 -4
- package/components/datepicker/demo/index.min.js +166 -462
- package/components/datepicker/demo/readme.md +1 -1
- package/components/datepicker/dist/auro-datepicker.d.ts +12 -60
- package/components/datepicker/dist/index.js +166 -462
- package/components/datepicker/dist/registered.js +166 -462
- package/components/dropdown/demo/api.md +8 -7
- package/components/dropdown/demo/api.min.js +5 -9
- package/components/dropdown/demo/index.min.js +5 -9
- package/components/dropdown/dist/index.js +5 -9
- package/components/dropdown/dist/registered.js +5 -9
- 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 +28 -76
- package/components/input/demo/index.min.js +28 -76
- package/components/input/dist/index.js +28 -76
- package/components/input/dist/registered.js +28 -76
- 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.md +1 -32
- package/components/radio/demo/api.min.js +6 -4
- package/components/radio/demo/index.min.js +6 -4
- package/components/radio/dist/index.js +6 -4
- package/components/radio/dist/registered.js +6 -4
- package/components/select/demo/api.md +70 -49
- package/components/select/demo/api.min.js +54 -126
- package/components/select/demo/index.md +137 -1057
- package/components/select/demo/index.min.js +54 -126
- package/components/select/dist/auro-select.d.ts +9 -10
- package/components/select/dist/index.js +46 -104
- package/components/select/dist/registered.js +46 -104
- package/package.json +1 -1
- package/components/datepicker/dist/styles/classic/style-css.d.ts +0 -2
- /package/components/datepicker/dist/styles/{classic → default}/color-css.d.ts +0 -0
|
@@ -239,13 +239,6 @@ class AuroCheckbox extends LitElement {
|
|
|
239
239
|
handleInput(event) {
|
|
240
240
|
this.checked = event.target.checked;
|
|
241
241
|
|
|
242
|
-
this.dispatchEvent(new CustomEvent('input', {
|
|
243
|
-
bubbles: true,
|
|
244
|
-
cancelable: false,
|
|
245
|
-
composed: true,
|
|
246
|
-
}));
|
|
247
|
-
|
|
248
|
-
// Old event we need to deprecate
|
|
249
242
|
this.dispatchEvent(new CustomEvent('auroCheckbox-input', {
|
|
250
243
|
bubbles: true,
|
|
251
244
|
cancelable: false,
|
|
@@ -1193,7 +1186,7 @@ var colorCss$1 = css`:host{color:var(--ds-auro-checkbox-group-text-color)}:host(
|
|
|
1193
1186
|
|
|
1194
1187
|
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)}`;
|
|
1195
1188
|
|
|
1196
|
-
var styleCss = css
|
|
1189
|
+
var styleCss = 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}`;
|
|
1197
1190
|
|
|
1198
1191
|
var tokensCss = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
1199
1192
|
|
|
@@ -1273,6 +1266,8 @@ class AuroLibraryRuntimeUtils {
|
|
|
1273
1266
|
|
|
1274
1267
|
/**
|
|
1275
1268
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
1269
|
+
*
|
|
1270
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
1276
1271
|
*/
|
|
1277
1272
|
class AuroHelpText extends LitElement {
|
|
1278
1273
|
|
|
@@ -1388,7 +1383,7 @@ class AuroHelpText extends LitElement {
|
|
|
1388
1383
|
// function that renders the HTML and CSS into the scope of the component
|
|
1389
1384
|
render() {
|
|
1390
1385
|
return html`
|
|
1391
|
-
<div class="helptext-wrapper
|
|
1386
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
1392
1387
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
1393
1388
|
</div>
|
|
1394
1389
|
`;
|
|
@@ -239,13 +239,6 @@ class AuroCheckbox extends LitElement {
|
|
|
239
239
|
handleInput(event) {
|
|
240
240
|
this.checked = event.target.checked;
|
|
241
241
|
|
|
242
|
-
this.dispatchEvent(new CustomEvent('input', {
|
|
243
|
-
bubbles: true,
|
|
244
|
-
cancelable: false,
|
|
245
|
-
composed: true,
|
|
246
|
-
}));
|
|
247
|
-
|
|
248
|
-
// Old event we need to deprecate
|
|
249
242
|
this.dispatchEvent(new CustomEvent('auroCheckbox-input', {
|
|
250
243
|
bubbles: true,
|
|
251
244
|
cancelable: false,
|
|
@@ -1193,7 +1186,7 @@ var colorCss$1 = css`:host{color:var(--ds-auro-checkbox-group-text-color)}:host(
|
|
|
1193
1186
|
|
|
1194
1187
|
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)}`;
|
|
1195
1188
|
|
|
1196
|
-
var styleCss = css
|
|
1189
|
+
var styleCss = 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}`;
|
|
1197
1190
|
|
|
1198
1191
|
var tokensCss = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
|
|
1199
1192
|
|
|
@@ -1273,6 +1266,8 @@ class AuroLibraryRuntimeUtils {
|
|
|
1273
1266
|
|
|
1274
1267
|
/**
|
|
1275
1268
|
* Displays help text or error messages within form elements - Internal Use Only.
|
|
1269
|
+
*
|
|
1270
|
+
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
1276
1271
|
*/
|
|
1277
1272
|
class AuroHelpText extends LitElement {
|
|
1278
1273
|
|
|
@@ -1388,7 +1383,7 @@ class AuroHelpText extends LitElement {
|
|
|
1388
1383
|
// function that renders the HTML and CSS into the scope of the component
|
|
1389
1384
|
render() {
|
|
1390
1385
|
return html`
|
|
1391
|
-
<div class="helptext-wrapper
|
|
1386
|
+
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
1392
1387
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
1393
1388
|
</div>
|
|
1394
1389
|
`;
|
|
@@ -41,10 +41,8 @@
|
|
|
41
41
|
|------------|----------------------------------------|--------------------------------------------------|
|
|
42
42
|
| [clear](#clear) | `(): void` | Clears the current value of the combobox. |
|
|
43
43
|
| [focus](#focus) | `(): void` | Focuses the combobox trigger input. |
|
|
44
|
-
| [hideBib](#hideBib) | `(): void` | Hides the dropdown bib if its open. |
|
|
45
44
|
| [isValid](#isValid) | `(): boolean` | Checks if the element is valid. |
|
|
46
45
|
| [reset](#reset) | `(): void` | Resets component to initial state. |
|
|
47
|
-
| [showBib](#showBib) | `(): void` | Shows the dropdown bib if there are options to show. |
|
|
48
46
|
| [validate](#validate) | `(force?: boolean \| undefined): void` | Validates value.<br /><br />**force**: Whether to force validation. |
|
|
49
47
|
|
|
50
48
|
## Events
|