@aurodesignsystem-dev/auro-formkit 0.0.0-pr757.2 → 0.0.0-pr776.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.
Files changed (50) hide show
  1. package/components/bibtemplate/dist/index.js +1 -1
  2. package/components/bibtemplate/dist/registered.js +1 -1
  3. package/components/checkbox/demo/api.min.js +9 -9
  4. package/components/checkbox/demo/index.min.js +9 -9
  5. package/components/checkbox/dist/index.js +9 -9
  6. package/components/checkbox/dist/registered.js +9 -9
  7. package/components/combobox/demo/api.min.js +79 -96
  8. package/components/combobox/demo/index.min.js +79 -96
  9. package/components/combobox/dist/index.js +42 -84
  10. package/components/combobox/dist/registered.js +42 -84
  11. package/components/counter/demo/api.min.js +34 -76
  12. package/components/counter/demo/index.min.js +34 -76
  13. package/components/counter/dist/index.js +34 -76
  14. package/components/counter/dist/registered.js +34 -76
  15. package/components/datepicker/demo/api.min.js +63 -90
  16. package/components/datepicker/demo/index.min.js +63 -90
  17. package/components/datepicker/dist/auro-datepicker.d.ts +6 -0
  18. package/components/datepicker/dist/index.js +63 -90
  19. package/components/datepicker/dist/registered.js +63 -90
  20. package/components/dropdown/demo/api.md +60 -266
  21. package/components/dropdown/demo/api.min.js +25 -67
  22. package/components/dropdown/demo/index.md +45 -363
  23. package/components/dropdown/demo/index.min.js +25 -67
  24. package/components/dropdown/dist/auro-dropdown.d.ts +21 -71
  25. package/components/dropdown/dist/index.js +25 -67
  26. package/components/dropdown/dist/registered.js +25 -67
  27. package/components/helptext/dist/index.js +1 -1
  28. package/components/helptext/dist/registered.js +1 -1
  29. package/components/input/demo/api.min.js +10 -10
  30. package/components/input/demo/index.min.js +10 -10
  31. package/components/input/dist/index.js +10 -10
  32. package/components/input/dist/registered.js +10 -10
  33. package/components/menu/demo/api.md +1 -1
  34. package/components/menu/demo/api.min.js +37 -12
  35. package/components/menu/demo/index.min.js +37 -12
  36. package/components/menu/dist/auro-menu.d.ts +13 -2
  37. package/components/menu/dist/index.js +37 -12
  38. package/components/menu/dist/registered.js +37 -12
  39. package/components/radio/demo/api.min.js +10 -10
  40. package/components/radio/demo/index.min.js +10 -10
  41. package/components/radio/dist/auro-radio.d.ts +1 -1
  42. package/components/radio/dist/index.js +10 -10
  43. package/components/radio/dist/registered.js +10 -10
  44. package/components/select/demo/api.md +2 -2
  45. package/components/select/demo/api.min.js +100 -170
  46. package/components/select/demo/index.min.js +100 -170
  47. package/components/select/dist/auro-select.d.ts +13 -3
  48. package/components/select/dist/index.js +63 -158
  49. package/components/select/dist/registered.js +63 -158
  50. package/package.json +3 -2
@@ -2075,19 +2075,19 @@ class AuroFormValidation {
2075
2075
  {
2076
2076
  check: (e) => e.value?.length > 0 && e.value?.length < e.minLength,
2077
2077
  validity: 'tooShort',
2078
- message: e => e.setCustomValidityTooShort || e.setCustomValidity || ''
2078
+ message: e => e.getAttribute('setCustomValidityTooShort') || e.setCustomValidity || ''
2079
2079
  },
2080
2080
  {
2081
2081
  check: (e) => e.value?.length > e.maxLength,
2082
2082
  validity: 'tooLong',
2083
- message: e => e.setCustomValidityTooLong || e.setCustomValidity || ''
2083
+ message: e => e.getAttribute('setCustomValidityTooLong') || e.setCustomValidity || ''
2084
2084
  }
2085
2085
  ],
2086
2086
  pattern: [
2087
2087
  {
2088
2088
  check: (e) => e.pattern && !new RegExp(`^${e.pattern}$`, 'u').test(e.value),
2089
2089
  validity: 'patternMismatch',
2090
- message: e => e.setCustomValidityPatternMismatch || e.setCustomValidity || ''
2090
+ message: e => e.getAttribute('setCustomValidityPatternMismatch') || e.setCustomValidity || ''
2091
2091
  }
2092
2092
  ]
2093
2093
  },
@@ -2282,10 +2282,10 @@ class AuroFormValidation {
2282
2282
  if (!hasValue && elem.required && elem.touched) {
2283
2283
  elem.validity = 'valueMissing';
2284
2284
  elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
2285
- } else if (this.runtimeUtils.elementMatch(elem, 'auro-input')) {
2285
+ } else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
2286
2286
  this.validateType(elem);
2287
2287
  this.validateElementAttributes(elem);
2288
- } else if (this.runtimeUtils.elementMatch(elem, 'auro-counter') || this.runtimeUtils.elementMatch(elem, 'auro-counter-group')) {
2288
+ } else if (hasValue && (this.runtimeUtils.elementMatch(elem, 'auro-counter') || this.runtimeUtils.elementMatch(elem, 'auro-counter-group'))) {
2289
2289
  this.validateElementAttributes(elem);
2290
2290
  }
2291
2291
  }
@@ -2409,7 +2409,7 @@ var styleCss$8 = css`.counter{display:flex;align-items:center;justify-content:sp
2409
2409
 
2410
2410
  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)}`;
2411
2411
 
2412
- var styleCss$7 = css`.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}`;
2412
+ 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}`;
2413
2413
 
2414
2414
  var tokensCss$4 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
2415
2415
 
@@ -3011,7 +3011,7 @@ class AuroCounter extends LitElement {
3011
3011
  }
3012
3012
  }
3013
3013
 
3014
- var counterGroupStyles = css`:host(:not([layout=classic])) .triggerContent{padding:0 8px 0 24px}:host([layout=snowflake]) [auro-dropdown] .mainContent{align-items:center}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}.mainContent{display:flex;width:100%;flex-direction:column;align-items:flex-start;justify-content:center}label{font-size:var(--ds-text-body-size-default, 1rem);line-height:20px}label.filled{font-size:var(--ds-text-body-size-xs, 0.75rem)}.accents ::slotted([slot=typeIcon]){margin-right:8px}.accents ::slotted(*):not(.util_displayHidden){display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}slot[name=valueText]{font-size:var(--ds-text-body-size-default, 1rem);overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.counters{display:flex;flex-direction:column;gap:var(--ds-size-300, 1.5rem)}.counters ::slotted(auro-counter:not(:first-of-type)){padding-top:var(--ds-size-300, 1.5rem);border-top-width:1px;border-top-style:solid}[auro-helptext] [part=helpText]{display:flex;flex-direction:column;gap:var(--ds-size-50, 0.25rem)}[auro-helptext] [part=helpText]>p{line-height:1;margin-block:0}`;
3014
+ var counterGroupStyles = css`:host(:not([layout=classic])) .triggerContent{padding:0 var(--ds-size-50, 0.25rem) 0 var(--ds-size-150, 0.75rem)}:host([layout=snowflake]) [auro-dropdown] .mainContent{align-items:center}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}.mainContent{display:flex;width:100%;flex-direction:column;align-items:flex-start;justify-content:center}label{font-size:var(--ds-text-body-size-default, 1rem);line-height:20px}label.filled{font-size:var(--ds-text-body-size-xs, 0.75rem)}.accents ::slotted([slot=typeIcon]){margin-right:8px}.accents ::slotted(*):not(.util_displayHidden){display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}slot[name=valueText]{font-size:var(--ds-text-body-size-default, 1rem);overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.counters{display:flex;flex-direction:column;gap:var(--ds-size-300, 1.5rem)}.counters ::slotted(auro-counter:not(:first-of-type)){padding-top:var(--ds-size-300, 1.5rem);border-top-width:1px;border-top-style:solid}[auro-helptext] [part=helpText]{display:flex;flex-direction:column}[auro-helptext] [part=helpText]>p{margin-block:0}`;
3015
3015
 
3016
3016
  var shapeSizeCss$1 = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.shape-classic-sm,.shape-classic-xs{min-height:58px;max-height:58px;border-style:solid;border-width:1px;border-radius:var(--ds-border-radius, 0.375rem)}.shape-classic-xl.simple,.shape-classic-lg.simple,.shape-classic-md.simple,.shape-classic-sm.simple,.shape-classic-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset;box-shadow:none}.shape-classic-xl.thin,.shape-classic-lg.thin,.shape-classic-md.thin,.shape-classic-sm.thin,.shape-classic-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-classic-xl.parentBorder,.shape-classic-lg.parentBorder,.shape-classic-md.parentBorder,.shape-classic-sm.parentBorder,.shape-classic-xs.parentBorder{border:0;box-shadow:unset;min-height:56px;max-height:56px}.shape-snowflake-xl,.shape-snowflake-lg,.shape-snowflake-md,.shape-snowflake-sm,.shape-snowflake-xs{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:30px}.shape-snowflake-xl.simple,.shape-snowflake-lg.simple,.shape-snowflake-md.simple,.shape-snowflake-sm.simple,.shape-snowflake-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset;box-shadow:none}.shape-snowflake-xl.thin,.shape-snowflake-lg.thin,.shape-snowflake-md.thin,.shape-snowflake-sm.thin,.shape-snowflake-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-snowflake-xl.parentBorder,.shape-snowflake-lg.parentBorder,.shape-snowflake-md.parentBorder,.shape-snowflake-sm.parentBorder,.shape-snowflake-xs.parentBorder{border:0;box-shadow:unset;min-height:56px;max-height:56px}.shape-box-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-box-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-rounded-lg{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:6px}.shape-rounded-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-rounded-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-pill-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-left-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-left-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-left-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-right-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-right-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-right-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-left-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-left-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-left-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-right-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-right-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-right-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}`;
3017
3017
 
@@ -6152,7 +6152,7 @@ var dropdownVersion$1 = '3.0.0';
6152
6152
 
6153
6153
  var shapeSizeCss = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.shape-classic-sm,.shape-classic-xs{min-height:58px;max-height:58px;border-style:solid;border-width:1px;border-radius:var(--ds-border-radius, 0.375rem)}.shape-classic-xl.simple,.shape-classic-lg.simple,.shape-classic-md.simple,.shape-classic-sm.simple,.shape-classic-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset;box-shadow:none}.shape-classic-xl.thin,.shape-classic-lg.thin,.shape-classic-md.thin,.shape-classic-sm.thin,.shape-classic-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-classic-xl.parentBorder,.shape-classic-lg.parentBorder,.shape-classic-md.parentBorder,.shape-classic-sm.parentBorder,.shape-classic-xs.parentBorder{border:0;box-shadow:unset;min-height:56px;max-height:56px}.shape-snowflake-xl,.shape-snowflake-lg,.shape-snowflake-md,.shape-snowflake-sm,.shape-snowflake-xs{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:30px}.shape-snowflake-xl.simple,.shape-snowflake-lg.simple,.shape-snowflake-md.simple,.shape-snowflake-sm.simple,.shape-snowflake-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset;box-shadow:none}.shape-snowflake-xl.thin,.shape-snowflake-lg.thin,.shape-snowflake-md.thin,.shape-snowflake-sm.thin,.shape-snowflake-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-snowflake-xl.parentBorder,.shape-snowflake-lg.parentBorder,.shape-snowflake-md.parentBorder,.shape-snowflake-sm.parentBorder,.shape-snowflake-xs.parentBorder{border:0;box-shadow:unset;min-height:56px;max-height:56px}.shape-box-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-box-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-rounded-lg{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:6px}.shape-rounded-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-rounded-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-pill-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-left-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-left-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-left-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-right-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-right-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-right-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-left-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-left-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-left-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-right-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-right-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-right-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}`;
6154
6154
 
6155
- var colorCss$1$1 = css`:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
6155
+ var colorCss$1$1 = css`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
6156
6156
 
6157
6157
  var classicColorCss = css``;
6158
6158
 
@@ -6164,7 +6164,7 @@ var styleSnowflakeCss = css`:host{display:block}.wrapper{display:flex;flex:1;fle
6164
6164
 
6165
6165
  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)}`;
6166
6166
 
6167
- var styleCss$6 = css`.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}`;
6167
+ 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}`;
6168
6168
 
6169
6169
  var tokensCss$3 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
6170
6170
 
@@ -6469,10 +6469,8 @@ let AuroElement$3 = class AuroElement extends LitElement {
6469
6469
  // See LICENSE in the project root for license information.
6470
6470
 
6471
6471
 
6472
- /**
6473
- * @attr { Boolean } disableEventShow - If declared, the dropdown will only show by calling the API .show() public method.
6472
+ /*
6474
6473
  * @slot - Default slot for the popover content.
6475
- * @slot label - Defines the content of the label.
6476
6474
  * @slot helpText - Defines the content of the helpText.
6477
6475
  * @slot trigger - Defines the content of the trigger.
6478
6476
  * @csspart trigger - The trigger content container.
@@ -6491,18 +6489,22 @@ class AuroDropdown extends AuroElement$3 {
6491
6489
  this.matchWidth = false;
6492
6490
  this.noHideOnThisFocusLoss = false;
6493
6491
 
6494
- this.errorMessage = ''; // TODO - check with Doug if there is still more to do here
6492
+ this.errorMessage = undefined; // TODO - check with Doug if there is still more to do here
6495
6493
 
6496
6494
  // Layout Config
6497
- this.layout = 'classic';
6498
- this.shape = 'classic';
6499
- this.size = 'xl';
6495
+ this.layout = undefined;
6496
+ this.shape = undefined;
6497
+ this.size = undefined;
6500
6498
 
6501
6499
  this.parentBorder = false;
6502
6500
 
6503
6501
  this.privateDefaults();
6504
6502
  }
6505
6503
 
6504
+ /**
6505
+ * @private
6506
+ * @returns {object} Class definition for the wrapper element.
6507
+ */
6506
6508
  get commonWrapperClasses() {
6507
6509
  return {
6508
6510
  'trigger': true,
@@ -6522,12 +6524,8 @@ class AuroDropdown extends AuroElement$3 {
6522
6524
  this.disabled = false;
6523
6525
  this.disableFocusTrap = false;
6524
6526
  this.error = false;
6525
- this.inset = false;
6526
- this.rounded = false;
6527
6527
  this.tabIndex = 0;
6528
6528
  this.noToggle = false;
6529
- this.a11yAutocomplete = 'none';
6530
- this.labeled = true;
6531
6529
  this.a11yRole = 'button';
6532
6530
  this.onDark = false;
6533
6531
  this.showTriggerBorders = true;
@@ -6649,26 +6647,27 @@ class AuroDropdown extends AuroElement$3 {
6649
6647
  },
6650
6648
 
6651
6649
  /**
6652
- * If declared, applies a border around the trigger slot.
6650
+ * If declared, the dropdown will only show by calling the API .show() public method.
6651
+ * @default false
6653
6652
  */
6654
- simple: {
6653
+ disableEventShow: {
6655
6654
  type: Boolean,
6656
6655
  reflect: true
6657
6656
  },
6658
6657
 
6659
6658
  /**
6660
- * If declared, the dropdown displays a chevron on the right.
6661
- * @attr {Boolean} chevron
6659
+ * If declared, applies a border around the trigger slot.
6662
6660
  */
6663
- chevron: {
6661
+ simple: {
6664
6662
  type: Boolean,
6665
6663
  reflect: true
6666
6664
  },
6667
6665
 
6668
6666
  /**
6669
- * If declared, the dropdown will be styled with the common theme.
6667
+ * If declared, the dropdown displays a chevron on the right.
6668
+ * @attr {Boolean} chevron
6670
6669
  */
6671
- common: {
6670
+ chevron: {
6672
6671
  type: Boolean,
6673
6672
  reflect: true
6674
6673
  },
@@ -6682,7 +6681,7 @@ class AuroDropdown extends AuroElement$3 {
6682
6681
  },
6683
6682
 
6684
6683
  /**
6685
- * If declare, the focus trap inside of bib will be turned off.
6684
+ * If declared, the focus trap inside of bib will be turned off.
6686
6685
  */
6687
6686
  disableFocusTrap: {
6688
6687
  type: Boolean,
@@ -6729,22 +6728,6 @@ class AuroDropdown extends AuroElement$3 {
6729
6728
  reflect: true
6730
6729
  },
6731
6730
 
6732
- /**
6733
- * Makes the trigger to be full width of its parent container.
6734
- */
6735
- fluid: {
6736
- type: Boolean,
6737
- reflect: true
6738
- },
6739
-
6740
- /**
6741
- * If declared, will apply padding around trigger slot content.
6742
- */
6743
- inset: {
6744
- type: Boolean,
6745
- reflect: true
6746
- },
6747
-
6748
6731
  /**
6749
6732
  * If true, the dropdown bib is displayed.
6750
6733
  */
@@ -6788,15 +6771,6 @@ class AuroDropdown extends AuroElement$3 {
6788
6771
  reflect: true
6789
6772
  },
6790
6773
 
6791
- /**
6792
- * Defines if there is a label preset.
6793
- * @private
6794
- */
6795
- labeled: {
6796
- type: Boolean,
6797
- reflect: true
6798
- },
6799
-
6800
6774
  /**
6801
6775
  * Defines if the trigger should size based on the parent element providing the border UI.
6802
6776
  * @private
@@ -6857,6 +6831,9 @@ class AuroDropdown extends AuroElement$3 {
6857
6831
  reflect: true
6858
6832
  },
6859
6833
 
6834
+ /**
6835
+ * If declared, and a function is set, that function will execute when the slot content is updated.
6836
+ */
6860
6837
  onSlotChange: {
6861
6838
  type: Function,
6862
6839
  reflect: false
@@ -6871,14 +6848,6 @@ class AuroDropdown extends AuroElement$3 {
6871
6848
  reflect: true
6872
6849
  },
6873
6850
 
6874
- /**
6875
- * If declared, will apply border-radius to trigger and default slots.
6876
- */
6877
- rounded: {
6878
- type: Boolean,
6879
- reflect: true
6880
- },
6881
-
6882
6851
  /**
6883
6852
  * @private
6884
6853
  */
@@ -6893,22 +6862,14 @@ class AuroDropdown extends AuroElement$3 {
6893
6862
  type: String || undefined,
6894
6863
  attribute: false,
6895
6864
  reflect: false
6896
- },
6897
-
6898
- /**
6899
- * The value for the aria-autocomplete attribute of the trigger element.
6900
- */
6901
- a11yAutocomplete: {
6902
- type: String,
6903
- attribute: false,
6904
6865
  }
6905
6866
  };
6906
6867
  }
6907
6868
 
6908
6869
  static get styles() {
6909
6870
  return [
6910
- colorCss$1$1,
6911
6871
  tokensCss$1$1,
6872
+ colorCss$1$1,
6912
6873
 
6913
6874
  // default layout
6914
6875
  classicColorCss,
@@ -7348,10 +7309,7 @@ class AuroDropdown extends AuroElement$3 {
7348
7309
  id="bib"
7349
7310
  shape="${this.shape}"
7350
7311
  ?data-show="${this.isPopoverVisible}"
7351
- ?isfullscreen="${this.isBibFullscreen}"
7352
- ?common="${this.common}"
7353
- ?rounded="${this.common || this.rounded}"
7354
- ?inset="${this.common || this.inset}">
7312
+ ?isfullscreen="${this.isBibFullscreen}">
7355
7313
  <div class="slotContent">
7356
7314
  <slot @slotchange="${this.handleDefaultSlot}"></slot>
7357
7315
  </div>
@@ -9332,7 +9290,7 @@ class AuroBibtemplate extends LitElement {
9332
9290
  <div id="bibTemplate" part="bibtemplate">
9333
9291
  ${this.isFullscreen ? html$1`
9334
9292
  <div id="headerContainer">
9335
- <${this.buttonTag} id="closeButton" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
9293
+ <${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
9336
9294
  <${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
9337
9295
  </${this.buttonTag}>
9338
9296
  <${this.headerTag} display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
@@ -10132,7 +10090,7 @@ class AuroCounterGroup extends AuroElement {
10132
10090
  return html$1`
10133
10091
  <${this.dropdownTag}
10134
10092
  noHideOnThisFocusLoss
10135
- chevron common fluid
10093
+ chevron
10136
10094
  part="dropdown"
10137
10095
  ?autoPlacement="${this.autoPlacement}"
10138
10096
  ?error="${this.validity !== undefined && this.validity !== 'valid'}"
@@ -2075,19 +2075,19 @@ class AuroFormValidation {
2075
2075
  {
2076
2076
  check: (e) => e.value?.length > 0 && e.value?.length < e.minLength,
2077
2077
  validity: 'tooShort',
2078
- message: e => e.setCustomValidityTooShort || e.setCustomValidity || ''
2078
+ message: e => e.getAttribute('setCustomValidityTooShort') || e.setCustomValidity || ''
2079
2079
  },
2080
2080
  {
2081
2081
  check: (e) => e.value?.length > e.maxLength,
2082
2082
  validity: 'tooLong',
2083
- message: e => e.setCustomValidityTooLong || e.setCustomValidity || ''
2083
+ message: e => e.getAttribute('setCustomValidityTooLong') || e.setCustomValidity || ''
2084
2084
  }
2085
2085
  ],
2086
2086
  pattern: [
2087
2087
  {
2088
2088
  check: (e) => e.pattern && !new RegExp(`^${e.pattern}$`, 'u').test(e.value),
2089
2089
  validity: 'patternMismatch',
2090
- message: e => e.setCustomValidityPatternMismatch || e.setCustomValidity || ''
2090
+ message: e => e.getAttribute('setCustomValidityPatternMismatch') || e.setCustomValidity || ''
2091
2091
  }
2092
2092
  ]
2093
2093
  },
@@ -2282,10 +2282,10 @@ class AuroFormValidation {
2282
2282
  if (!hasValue && elem.required && elem.touched) {
2283
2283
  elem.validity = 'valueMissing';
2284
2284
  elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
2285
- } else if (this.runtimeUtils.elementMatch(elem, 'auro-input')) {
2285
+ } else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
2286
2286
  this.validateType(elem);
2287
2287
  this.validateElementAttributes(elem);
2288
- } else if (this.runtimeUtils.elementMatch(elem, 'auro-counter') || this.runtimeUtils.elementMatch(elem, 'auro-counter-group')) {
2288
+ } else if (hasValue && (this.runtimeUtils.elementMatch(elem, 'auro-counter') || this.runtimeUtils.elementMatch(elem, 'auro-counter-group'))) {
2289
2289
  this.validateElementAttributes(elem);
2290
2290
  }
2291
2291
  }
@@ -2409,7 +2409,7 @@ var styleCss$8 = css`.counter{display:flex;align-items:center;justify-content:sp
2409
2409
 
2410
2410
  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)}`;
2411
2411
 
2412
- var styleCss$7 = css`.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}`;
2412
+ 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}`;
2413
2413
 
2414
2414
  var tokensCss$4 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
2415
2415
 
@@ -3011,7 +3011,7 @@ class AuroCounter extends LitElement {
3011
3011
  }
3012
3012
  }
3013
3013
 
3014
- var counterGroupStyles = css`:host(:not([layout=classic])) .triggerContent{padding:0 8px 0 24px}:host([layout=snowflake]) [auro-dropdown] .mainContent{align-items:center}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}.mainContent{display:flex;width:100%;flex-direction:column;align-items:flex-start;justify-content:center}label{font-size:var(--ds-text-body-size-default, 1rem);line-height:20px}label.filled{font-size:var(--ds-text-body-size-xs, 0.75rem)}.accents ::slotted([slot=typeIcon]){margin-right:8px}.accents ::slotted(*):not(.util_displayHidden){display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}slot[name=valueText]{font-size:var(--ds-text-body-size-default, 1rem);overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.counters{display:flex;flex-direction:column;gap:var(--ds-size-300, 1.5rem)}.counters ::slotted(auro-counter:not(:first-of-type)){padding-top:var(--ds-size-300, 1.5rem);border-top-width:1px;border-top-style:solid}[auro-helptext] [part=helpText]{display:flex;flex-direction:column;gap:var(--ds-size-50, 0.25rem)}[auro-helptext] [part=helpText]>p{line-height:1;margin-block:0}`;
3014
+ var counterGroupStyles = css`:host(:not([layout=classic])) .triggerContent{padding:0 var(--ds-size-50, 0.25rem) 0 var(--ds-size-150, 0.75rem)}:host([layout=snowflake]) [auro-dropdown] .mainContent{align-items:center}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}.mainContent{display:flex;width:100%;flex-direction:column;align-items:flex-start;justify-content:center}label{font-size:var(--ds-text-body-size-default, 1rem);line-height:20px}label.filled{font-size:var(--ds-text-body-size-xs, 0.75rem)}.accents ::slotted([slot=typeIcon]){margin-right:8px}.accents ::slotted(*):not(.util_displayHidden){display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}slot[name=valueText]{font-size:var(--ds-text-body-size-default, 1rem);overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.counters{display:flex;flex-direction:column;gap:var(--ds-size-300, 1.5rem)}.counters ::slotted(auro-counter:not(:first-of-type)){padding-top:var(--ds-size-300, 1.5rem);border-top-width:1px;border-top-style:solid}[auro-helptext] [part=helpText]{display:flex;flex-direction:column}[auro-helptext] [part=helpText]>p{margin-block:0}`;
3015
3015
 
3016
3016
  var shapeSizeCss$1 = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.shape-classic-sm,.shape-classic-xs{min-height:58px;max-height:58px;border-style:solid;border-width:1px;border-radius:var(--ds-border-radius, 0.375rem)}.shape-classic-xl.simple,.shape-classic-lg.simple,.shape-classic-md.simple,.shape-classic-sm.simple,.shape-classic-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset;box-shadow:none}.shape-classic-xl.thin,.shape-classic-lg.thin,.shape-classic-md.thin,.shape-classic-sm.thin,.shape-classic-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-classic-xl.parentBorder,.shape-classic-lg.parentBorder,.shape-classic-md.parentBorder,.shape-classic-sm.parentBorder,.shape-classic-xs.parentBorder{border:0;box-shadow:unset;min-height:56px;max-height:56px}.shape-snowflake-xl,.shape-snowflake-lg,.shape-snowflake-md,.shape-snowflake-sm,.shape-snowflake-xs{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:30px}.shape-snowflake-xl.simple,.shape-snowflake-lg.simple,.shape-snowflake-md.simple,.shape-snowflake-sm.simple,.shape-snowflake-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset;box-shadow:none}.shape-snowflake-xl.thin,.shape-snowflake-lg.thin,.shape-snowflake-md.thin,.shape-snowflake-sm.thin,.shape-snowflake-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-snowflake-xl.parentBorder,.shape-snowflake-lg.parentBorder,.shape-snowflake-md.parentBorder,.shape-snowflake-sm.parentBorder,.shape-snowflake-xs.parentBorder{border:0;box-shadow:unset;min-height:56px;max-height:56px}.shape-box-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-box-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-rounded-lg{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:6px}.shape-rounded-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-rounded-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-pill-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-left-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-left-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-left-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-right-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-right-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-right-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-left-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-left-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-left-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-right-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-right-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-right-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}`;
3017
3017
 
@@ -6152,7 +6152,7 @@ var dropdownVersion$1 = '3.0.0';
6152
6152
 
6153
6153
  var shapeSizeCss = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.shape-classic-sm,.shape-classic-xs{min-height:58px;max-height:58px;border-style:solid;border-width:1px;border-radius:var(--ds-border-radius, 0.375rem)}.shape-classic-xl.simple,.shape-classic-lg.simple,.shape-classic-md.simple,.shape-classic-sm.simple,.shape-classic-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset;box-shadow:none}.shape-classic-xl.thin,.shape-classic-lg.thin,.shape-classic-md.thin,.shape-classic-sm.thin,.shape-classic-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-classic-xl.parentBorder,.shape-classic-lg.parentBorder,.shape-classic-md.parentBorder,.shape-classic-sm.parentBorder,.shape-classic-xs.parentBorder{border:0;box-shadow:unset;min-height:56px;max-height:56px}.shape-snowflake-xl,.shape-snowflake-lg,.shape-snowflake-md,.shape-snowflake-sm,.shape-snowflake-xs{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:30px}.shape-snowflake-xl.simple,.shape-snowflake-lg.simple,.shape-snowflake-md.simple,.shape-snowflake-sm.simple,.shape-snowflake-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset;box-shadow:none}.shape-snowflake-xl.thin,.shape-snowflake-lg.thin,.shape-snowflake-md.thin,.shape-snowflake-sm.thin,.shape-snowflake-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-snowflake-xl.parentBorder,.shape-snowflake-lg.parentBorder,.shape-snowflake-md.parentBorder,.shape-snowflake-sm.parentBorder,.shape-snowflake-xs.parentBorder{border:0;box-shadow:unset;min-height:56px;max-height:56px}.shape-box-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-box-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-rounded-lg{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:6px}.shape-rounded-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-rounded-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-pill-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-left-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-left-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-left-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-right-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-right-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-right-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-left-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-left-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-left-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-right-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-right-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-right-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}`;
6154
6154
 
6155
- var colorCss$1$1 = css`:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
6155
+ var colorCss$1$1 = css`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
6156
6156
 
6157
6157
  var classicColorCss = css``;
6158
6158
 
@@ -6164,7 +6164,7 @@ var styleSnowflakeCss = css`:host{display:block}.wrapper{display:flex;flex:1;fle
6164
6164
 
6165
6165
  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)}`;
6166
6166
 
6167
- var styleCss$6 = css`.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}`;
6167
+ 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}`;
6168
6168
 
6169
6169
  var tokensCss$3 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texticon-muted, #676767)}`;
6170
6170
 
@@ -6469,10 +6469,8 @@ let AuroElement$3 = class AuroElement extends LitElement {
6469
6469
  // See LICENSE in the project root for license information.
6470
6470
 
6471
6471
 
6472
- /**
6473
- * @attr { Boolean } disableEventShow - If declared, the dropdown will only show by calling the API .show() public method.
6472
+ /*
6474
6473
  * @slot - Default slot for the popover content.
6475
- * @slot label - Defines the content of the label.
6476
6474
  * @slot helpText - Defines the content of the helpText.
6477
6475
  * @slot trigger - Defines the content of the trigger.
6478
6476
  * @csspart trigger - The trigger content container.
@@ -6491,18 +6489,22 @@ class AuroDropdown extends AuroElement$3 {
6491
6489
  this.matchWidth = false;
6492
6490
  this.noHideOnThisFocusLoss = false;
6493
6491
 
6494
- this.errorMessage = ''; // TODO - check with Doug if there is still more to do here
6492
+ this.errorMessage = undefined; // TODO - check with Doug if there is still more to do here
6495
6493
 
6496
6494
  // Layout Config
6497
- this.layout = 'classic';
6498
- this.shape = 'classic';
6499
- this.size = 'xl';
6495
+ this.layout = undefined;
6496
+ this.shape = undefined;
6497
+ this.size = undefined;
6500
6498
 
6501
6499
  this.parentBorder = false;
6502
6500
 
6503
6501
  this.privateDefaults();
6504
6502
  }
6505
6503
 
6504
+ /**
6505
+ * @private
6506
+ * @returns {object} Class definition for the wrapper element.
6507
+ */
6506
6508
  get commonWrapperClasses() {
6507
6509
  return {
6508
6510
  'trigger': true,
@@ -6522,12 +6524,8 @@ class AuroDropdown extends AuroElement$3 {
6522
6524
  this.disabled = false;
6523
6525
  this.disableFocusTrap = false;
6524
6526
  this.error = false;
6525
- this.inset = false;
6526
- this.rounded = false;
6527
6527
  this.tabIndex = 0;
6528
6528
  this.noToggle = false;
6529
- this.a11yAutocomplete = 'none';
6530
- this.labeled = true;
6531
6529
  this.a11yRole = 'button';
6532
6530
  this.onDark = false;
6533
6531
  this.showTriggerBorders = true;
@@ -6649,26 +6647,27 @@ class AuroDropdown extends AuroElement$3 {
6649
6647
  },
6650
6648
 
6651
6649
  /**
6652
- * If declared, applies a border around the trigger slot.
6650
+ * If declared, the dropdown will only show by calling the API .show() public method.
6651
+ * @default false
6653
6652
  */
6654
- simple: {
6653
+ disableEventShow: {
6655
6654
  type: Boolean,
6656
6655
  reflect: true
6657
6656
  },
6658
6657
 
6659
6658
  /**
6660
- * If declared, the dropdown displays a chevron on the right.
6661
- * @attr {Boolean} chevron
6659
+ * If declared, applies a border around the trigger slot.
6662
6660
  */
6663
- chevron: {
6661
+ simple: {
6664
6662
  type: Boolean,
6665
6663
  reflect: true
6666
6664
  },
6667
6665
 
6668
6666
  /**
6669
- * If declared, the dropdown will be styled with the common theme.
6667
+ * If declared, the dropdown displays a chevron on the right.
6668
+ * @attr {Boolean} chevron
6670
6669
  */
6671
- common: {
6670
+ chevron: {
6672
6671
  type: Boolean,
6673
6672
  reflect: true
6674
6673
  },
@@ -6682,7 +6681,7 @@ class AuroDropdown extends AuroElement$3 {
6682
6681
  },
6683
6682
 
6684
6683
  /**
6685
- * If declare, the focus trap inside of bib will be turned off.
6684
+ * If declared, the focus trap inside of bib will be turned off.
6686
6685
  */
6687
6686
  disableFocusTrap: {
6688
6687
  type: Boolean,
@@ -6729,22 +6728,6 @@ class AuroDropdown extends AuroElement$3 {
6729
6728
  reflect: true
6730
6729
  },
6731
6730
 
6732
- /**
6733
- * Makes the trigger to be full width of its parent container.
6734
- */
6735
- fluid: {
6736
- type: Boolean,
6737
- reflect: true
6738
- },
6739
-
6740
- /**
6741
- * If declared, will apply padding around trigger slot content.
6742
- */
6743
- inset: {
6744
- type: Boolean,
6745
- reflect: true
6746
- },
6747
-
6748
6731
  /**
6749
6732
  * If true, the dropdown bib is displayed.
6750
6733
  */
@@ -6788,15 +6771,6 @@ class AuroDropdown extends AuroElement$3 {
6788
6771
  reflect: true
6789
6772
  },
6790
6773
 
6791
- /**
6792
- * Defines if there is a label preset.
6793
- * @private
6794
- */
6795
- labeled: {
6796
- type: Boolean,
6797
- reflect: true
6798
- },
6799
-
6800
6774
  /**
6801
6775
  * Defines if the trigger should size based on the parent element providing the border UI.
6802
6776
  * @private
@@ -6857,6 +6831,9 @@ class AuroDropdown extends AuroElement$3 {
6857
6831
  reflect: true
6858
6832
  },
6859
6833
 
6834
+ /**
6835
+ * If declared, and a function is set, that function will execute when the slot content is updated.
6836
+ */
6860
6837
  onSlotChange: {
6861
6838
  type: Function,
6862
6839
  reflect: false
@@ -6871,14 +6848,6 @@ class AuroDropdown extends AuroElement$3 {
6871
6848
  reflect: true
6872
6849
  },
6873
6850
 
6874
- /**
6875
- * If declared, will apply border-radius to trigger and default slots.
6876
- */
6877
- rounded: {
6878
- type: Boolean,
6879
- reflect: true
6880
- },
6881
-
6882
6851
  /**
6883
6852
  * @private
6884
6853
  */
@@ -6893,22 +6862,14 @@ class AuroDropdown extends AuroElement$3 {
6893
6862
  type: String || undefined,
6894
6863
  attribute: false,
6895
6864
  reflect: false
6896
- },
6897
-
6898
- /**
6899
- * The value for the aria-autocomplete attribute of the trigger element.
6900
- */
6901
- a11yAutocomplete: {
6902
- type: String,
6903
- attribute: false,
6904
6865
  }
6905
6866
  };
6906
6867
  }
6907
6868
 
6908
6869
  static get styles() {
6909
6870
  return [
6910
- colorCss$1$1,
6911
6871
  tokensCss$1$1,
6872
+ colorCss$1$1,
6912
6873
 
6913
6874
  // default layout
6914
6875
  classicColorCss,
@@ -7348,10 +7309,7 @@ class AuroDropdown extends AuroElement$3 {
7348
7309
  id="bib"
7349
7310
  shape="${this.shape}"
7350
7311
  ?data-show="${this.isPopoverVisible}"
7351
- ?isfullscreen="${this.isBibFullscreen}"
7352
- ?common="${this.common}"
7353
- ?rounded="${this.common || this.rounded}"
7354
- ?inset="${this.common || this.inset}">
7312
+ ?isfullscreen="${this.isBibFullscreen}">
7355
7313
  <div class="slotContent">
7356
7314
  <slot @slotchange="${this.handleDefaultSlot}"></slot>
7357
7315
  </div>
@@ -9332,7 +9290,7 @@ class AuroBibtemplate extends LitElement {
9332
9290
  <div id="bibTemplate" part="bibtemplate">
9333
9291
  ${this.isFullscreen ? html$1`
9334
9292
  <div id="headerContainer">
9335
- <${this.buttonTag} id="closeButton" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
9293
+ <${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
9336
9294
  <${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
9337
9295
  </${this.buttonTag}>
9338
9296
  <${this.headerTag} display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
@@ -10132,7 +10090,7 @@ class AuroCounterGroup extends AuroElement {
10132
10090
  return html$1`
10133
10091
  <${this.dropdownTag}
10134
10092
  noHideOnThisFocusLoss
10135
- chevron common fluid
10093
+ chevron
10136
10094
  part="dropdown"
10137
10095
  ?autoPlacement="${this.autoPlacement}"
10138
10096
  ?error="${this.validity !== undefined && this.validity !== 'valid'}"