@limetech/lime-elements 36.2.0-next.1 → 36.2.0-next.3

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.
@@ -338,9 +338,10 @@ const SelectValue = (props) => {
338
338
  };
339
339
  const labelClassList = {
340
340
  'mdc-floating-label': true,
341
- 'mdc-floating-label--float-above': (!props.hasEmptyText && props.hasValue) ||
341
+ 'mdc-floating-label--float-above': !props.hasEmptyText ||
342
342
  props.isOpen ||
343
- props.readonly,
343
+ props.readonly ||
344
+ props.hasValue,
344
345
  'mdc-floating-label--active': props.isOpen,
345
346
  };
346
347
  return (index.h("button", { class: anchorClassList, onClick: props.open, onKeyPress: props.onTriggerPress, "aria-haspopup": "listbox", "aria-expanded": props.isOpen, "aria-controls": props.id, "aria-labelledby": "s-label s-selected-text", "aria-required": props.required, disabled: props.disabled || props.readonly },
@@ -5350,9 +5350,6 @@ a.mdc-list-item {
5350
5350
  z-index: 1;
5351
5351
  background-color: rgb(var(--contrast-100));
5352
5352
  }
5353
- :host(.has-interactive-items) .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--disabled):hover:before {
5354
- background-color: rgb(var(--contrast-100));
5355
- }
5356
5353
 
5357
5354
  :host {
5358
5355
  --line-height-of-secondary-text: 1.2rem;
@@ -5356,9 +5356,6 @@ a.mdc-list-item {
5356
5356
  z-index: 1;
5357
5357
  background-color: rgb(var(--contrast-100));
5358
5358
  }
5359
- :host(.has-interactive-items) .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--disabled):hover:before {
5360
- background-color: rgb(var(--contrast-100));
5361
- }
5362
5359
 
5363
5360
  :host {
5364
5361
  --line-height-of-secondary-text: 1.2rem;
@@ -585,7 +585,7 @@ export class Picker {
585
585
  "optional": false,
586
586
  "docs": {
587
587
  "tags": [],
588
- "text": "A search function that takes a search-string as an argument,\nand returns a promise that will eventually be resolved with\nan array of `ListItem`:s."
588
+ "text": "A search function that takes a search-string as an argument,\nand returns a promise that will eventually be resolved with\nan array of `ListItem`:s.\n\nSee the docs for the type `Searcher` for type information on\nthe searcher function itself."
589
589
  }
590
590
  },
591
591
  "multiple": {
@@ -36,9 +36,10 @@ const SelectValue = (props) => {
36
36
  };
37
37
  const labelClassList = {
38
38
  'mdc-floating-label': true,
39
- 'mdc-floating-label--float-above': (!props.hasEmptyText && props.hasValue) ||
39
+ 'mdc-floating-label--float-above': !props.hasEmptyText ||
40
40
  props.isOpen ||
41
- props.readonly,
41
+ props.readonly ||
42
+ props.hasValue,
42
43
  'mdc-floating-label--active': props.isOpen,
43
44
  };
44
45
  return (h("button", { class: anchorClassList, onClick: props.open, onKeyPress: props.onTriggerPress, "aria-haspopup": "listbox", "aria-expanded": props.isOpen, "aria-controls": props.id, "aria-labelledby": "s-label s-selected-text", "aria-required": props.required, disabled: props.disabled || props.readonly }, h("span", { id: "s-label", class: labelClassList }, props.label), h("span", { class: "mdc-select__selected-text-container limel-select__selected-option" }, getSelectedIcon(props.value), h("span", { id: "s-selected-text", class: "mdc-select__selected-text limel-select__selected-option__text" }, getSelectedText(props.value, props.readonly))), h(ShowIcon, Object.assign({}, props, { isValid: props.isValid })), h("span", { class: "mdc-select__dropdown-icon" }, h("svg", { class: "mdc-select__dropdown-icon-graphic", viewBox: "7 10 10 5", focusable: "false" }, h("polygon", { stroke: "none", "fill-rule": "evenodd", points: "7 10 12 15 17 10" })))));