@sbb-esta/lyne-elements-dev 5.0.0-next.3-dev.1780955536 → 5.0.0-next.3-dev.1780991368

package/development/option/option-styles.js

@@ -1,2 +1,2 @@
-import { t as optionPanelStyles } from "../option-styles-CTdAvJu3.js";
+import { t as optionPanelStyles } from "../option-styles-CJMae7_-.js";
 export { optionPanelStyles };

package/development/option-styles-CJMae7_-.js

@@ -0,0 +1,8 @@
+import { unsafeCSS } from "lit";
+//#endregion
+//#region src/elements/option/option-styles.ts
+var optionPanelStyles = unsafeCSS(":host {\n  --sbb-options-panel-position-x: 0;\n  --sbb-options-panel-position-y: 0;\n  --sbb-options-pointer-events: all;\n  --_sbb-options-panel-max-height: min(\n    var(--sbb-options-panel-max-height-calculated),\n    var(--sbb-options-panel-max-height, 100000em)\n  );\n  --sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);\n  --sbb-options-panel-animation-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-4x)\n  );\n  --sbb-focus-outline-color: var(--sbb-focus-outline-color-default);\n  --sbb-focus-outline-color: light-dark(\n    var(--sbb-focus-outline-color-default),\n    var(--sbb-focus-outline-color-dark)\n  );\n  --sbb-options-panel-internal-z-index: var(\n    --sbb-select-z-index,\n    var(--sbb-overlay-default-z-index)\n  );\n  font-weight: normal;\n}\n\n:host([negative]) {\n  --sbb-options-panel-box-shadow: var(--sbb-box-shadow-level-9-hard-negative);\n  --sbb-options-panel-background-color: var(--sbb-background-color-2-negative);\n  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);\n}\n\n:host(:not(:is(:state(state-opening),[state--state-opening]), :is(:state(state-opened),[state--state-opened]), :is(:state(state-closing),[state--state-closing]))),\n:host(:is(:state(state-closed),[state--state-closed])) {\n  --sbb-options-panel-visibility: hidden;\n  --sbb-options-pointer-events: none;\n}\n\n:host(:is(:state(state-opening),[state--state-opening])) {\n  --sbb-options-panel-animation-name: open;\n}\n\n:host(:is(:state(state-closing),[state--state-closing])) {\n  --sbb-options-panel-animation-name: close;\n}\n\n:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])) {\n  --sbb-options-panel-animation-translate: var(--sbb-spacing-fixed-2x);\n}\n\n:host(:is(:state(options-panel-position-above),[state--options-panel-position-above])) {\n  --sbb-options-panel-animation-translate: calc(-1 * var(--sbb-spacing-fixed-2x));\n  --sbb-options-panel-margin-block-start: calc(-1 * var(--sbb-spacing-fixed-2x));\n}\n\n:host([preserve-icon-space]) {\n  --sbb-option-icon-container-display: block;\n}\n\n::slotted(sbb-divider) {\n  margin-block: var(--sbb-options-panel-divider-margin-block);\n}\n\n.sbb-option-panel__overlay-container {\n  position: fixed;\n  pointer-events: none;\n  inset: 0;\n  z-index: var(--sbb-options-panel-internal-z-index);\n}\n.sbb-option-panel__overlay-container::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: var(--sbb-options-panel-origin-position-y);\n  left: var(--sbb-options-panel-origin-position-x);\n  width: var(--sbb-options-panel-width);\n  height: var(--sbb-options-panel-origin-height);\n  background-color: transparent;\n  border-radius: var(--sbb-options-panel-border-radius);\n  transition: box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);\n}\n:host(:is(:is(:state(state-opened),[state--state-opened]), :is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])) .sbb-option-panel__overlay-container::after {\n  box-shadow: var(--sbb-options-panel-box-shadow);\n}\n\n.sbb-option-panel__overlay {\n  display: block;\n  position: absolute;\n  visibility: var(--sbb-options-panel-visibility, visible);\n  border: none;\n  border-radius: var(--sbb-options-panel-border-radius);\n  top: var(--sbb-options-panel-position-y);\n  left: var(--sbb-options-panel-position-x);\n  width: var(--sbb-options-panel-width, fit-content);\n  transition: box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);\n  box-shadow: var(--sbb-options-panel-box-shadow);\n  background-color: var(--sbb-options-panel-background-color);\n  margin-block-start: var(--sbb-options-panel-margin-block-start);\n  padding-block: var(--sbb-options-panel-padding-block);\n  padding-inline: 0;\n  max-height: var(--_sbb-options-panel-max-height);\n  min-height: var(--sbb-options-panel-min-height);\n  pointer-events: var(--sbb-options-pointer-events);\n  overflow: hidden auto;\n  animation-name: var(--sbb-options-panel-animation-name);\n  animation-duration: var(--sbb-options-panel-animation-duration);\n  animation-timing-function: var(--sbb-options-panel-animation-timing-function);\n}\n@media (forced-colors: active) {\n  .sbb-option-panel__overlay {\n    border: var(--sbb-border-width-1x) solid CanvasText;\n  }\n}\n\n@keyframes open {\n  from {\n    translate: 0 var(--sbb-options-panel-animation-translate);\n    opacity: 0;\n  }\n  to {\n    translate: 0;\n    opacity: 1;\n  }\n}\n@keyframes close {\n  from {\n    translate: 0;\n    opacity: 1;\n  }\n  to {\n    translate: 0 var(--sbb-options-panel-animation-translate);\n    opacity: 0;\n  }\n}");
+//#endregion
+export { optionPanelStyles as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLXN0eWxlcy1DSk1hZTdfLS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvb3B0aW9uL29wdGlvbi1wYW5lbC1jb21tb24uc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvb3B0aW9uL29wdGlvbi1zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi1vcHRpb25zLXBhbmVsLXBvc2l0aW9uLXg6IDA7XG4gIC0tc2JiLW9wdGlvbnMtcGFuZWwtcG9zaXRpb24teTogMDtcbiAgLS1zYmItb3B0aW9ucy1wb2ludGVyLWV2ZW50czogYWxsO1xuXG4gIC8vIEluIG9yZGVyIHRvIGhhdmUgYSB2YWxpZCB2YWx1ZSwgd2UgbmVlZCBhIGJpZyBpbnRlZ2VyIHRvIG5vdCBmYWxsIGludG8gdGhlIG1pbmltdW1cbiAgLS1fc2JiLW9wdGlvbnMtcGFuZWwtbWF4LWhlaWdodDogbWluKFxuICAgIHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLW1heC1oZWlnaHQtY2FsY3VsYXRlZCksXG4gICAgdmFyKC0tc2JiLW9wdGlvbnMtcGFuZWwtbWF4LWhlaWdodCwgMTAwMDAwZW0pXG4gICk7XG4gIC0tc2JiLW9wdGlvbnMtcGFuZWwtbWluLWhlaWdodDogdmFyKC0tc2JiLW9wdGlvbnMtcGFuZWwtb3JpZ2luLWhlaWdodCk7XG4gIC0tc2JiLW9wdGlvbnMtcGFuZWwtYW5pbWF0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi00eClcbiAgKTtcblxuICAvLyBBcyB0aGUgb3ZlcmxheXMgaGF2ZSBhbHdheXMgYSB3aGl0ZSBiYWNrZ3JvdW5kLCB3ZSBoYXZlIHRvIGZpeCB0aGUgZm9jdXMgb3V0bGluZSBjb2xvclxuICAvLyB0byBkZWZhdWx0IGNvbG9yIGZvciBjYXNlcyB3aGVyZSB0aGUgb3ZlcmxheXMgYXJlIHVzZWQgaW4gYSBuZWdhdGl2ZSBjb250ZXh0LlxuICAtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yOiBsaWdodC1kYXJrKFxuICAgIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yLWRlZmF1bHQpLFxuICAgIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yLWRhcmspXG4gICk7XG4gIC0tc2JiLW9wdGlvbnMtcGFuZWwtaW50ZXJuYWwtei1pbmRleDogdmFyKFxuICAgIC0tc2JiLXNlbGVjdC16LWluZGV4LFxuICAgIHZhcigtLXNiYi1vdmVybGF5LWRlZmF1bHQtei1pbmRleClcbiAgKTtcblxuICBmb250LXdlaWdodDogbm9ybWFsO1xufVxuXG46aG9zdChbbmVnYXRpdmVdKSB7XG4gIC0tc2JiLW9wdGlvbnMtcGFuZWwtYm94LXNoYWRvdzogdmFyKC0tc2JiLWJveC1zaGFkb3ctbGV2ZWwtOS1oYXJkLW5lZ2F0aXZlKTtcbiAgLS1zYmItb3B0aW9ucy1wYW5lbC1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci0yLW5lZ2F0aXZlKTtcblxuICAvLyBBcyB0aGUgb3ZlcmxheXMgaGF2ZSBhbHdheXMgYSB3aGl0ZSBiYWNrZ3JvdW5kLCB3ZSBoYXZlIHRvIGZpeCB0aGUgZm9jdXMgb3V0bGluZSBjb2xvclxuICAvLyB0byBkZWZhdWx0IGNvbG9yIGZvciBjYXNlcyB3aGVyZSB0aGUgb3ZlcmxheXMgYXJlIHVzZWQgaW4gYSBuZWdhdGl2ZSBjb250ZXh0LlxuICAtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yOiB2YXIoLS1zYmItZm9jdXMtb3V0bGluZS1jb2xvci1kYXJrKTtcbn1cblxuOmhvc3QoOm5vdCg6c3RhdGUoc3RhdGUtb3BlbmluZyksIDpzdGF0ZShzdGF0ZS1vcGVuZWQpLCA6c3RhdGUoc3RhdGUtY2xvc2luZykpKSxcbjpob3N0KDpzdGF0ZShzdGF0ZS1jbG9zZWQpKSB7XG4gIC0tc2JiLW9wdGlvbnMtcGFuZWwtdmlzaWJpbGl0eTogaGlkZGVuO1xuICAtLXNiYi1vcHRpb25zLXBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG46aG9zdCg6c3RhdGUoc3RhdGUtb3BlbmluZykpIHtcbiAgLS1zYmItb3B0aW9ucy1wYW5lbC1hbmltYXRpb24tbmFtZTogb3Blbjtcbn1cblxuOmhvc3QoOnN0YXRlKHN0YXRlLWNsb3NpbmcpKSB7XG4gIC0tc2JiLW9wdGlvbnMtcGFuZWwtYW5pbWF0aW9uLW5hbWU6IGNsb3NlO1xufVxuXG46aG9zdCg6c3RhdGUob3B0aW9ucy1wYW5lbC1wb3NpdGlvbi1iZWxvdykpIHtcbiAgLS1zYmItb3B0aW9ucy1wYW5lbC1hbmltYXRpb24tdHJhbnNsYXRlOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0yeCk7XG59XG5cbjpob3N0KDpzdGF0ZShvcHRpb25zLXBhbmVsLXBvc2l0aW9uLWFib3ZlKSkge1xuICAtLXNiYi1vcHRpb25zLXBhbmVsLWFuaW1hdGlvbi10cmFuc2xhdGU6IGNhbGMoLTEgKiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0yeCkpO1xuICAtLXNiYi1vcHRpb25zLXBhbmVsLW1hcmdpbi1ibG9jay1zdGFydDogY2FsYygtMSAqIHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTJ4KSk7XG59XG5cbjpob3N0KFtwcmVzZXJ2ZS1pY29uLXNwYWNlXSkge1xuICAtLXNiYi1vcHRpb24taWNvbi1jb250YWluZXItZGlzcGxheTogYmxvY2s7XG59XG5cbjo6c2xvdHRlZChzYmItZGl2aWRlcikge1xuICBtYXJnaW4tYmxvY2s6IHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLWRpdmlkZXItbWFyZ2luLWJsb2NrKTtcbn1cblxuLnNiYi1vcHRpb24tcGFuZWxfX292ZXJsYXktY29udGFpbmVyIHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgaW5zZXQ6IDA7XG4gIHotaW5kZXg6IHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLWludGVybmFsLXotaW5kZXgpO1xuXG4gIC8vIE5lZWRlZCB0byBhZGQgdGhlIGJveC1zaGFkb3cgb24gdGhlIG9yaWdpbiBlbGVtZW50IChvbmx5IGlmIGJvcmRlcmxlc3MpXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1vcmlnaW4tcG9zaXRpb24teSk7XG4gICAgbGVmdDogdmFyKC0tc2JiLW9wdGlvbnMtcGFuZWwtb3JpZ2luLXBvc2l0aW9uLXgpO1xuICAgIHdpZHRoOiB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC13aWR0aCk7XG4gICAgaGVpZ2h0OiB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1vcmlnaW4taGVpZ2h0KTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1ib3JkZXItcmFkaXVzKTtcbiAgICB0cmFuc2l0aW9uOiBib3gtc2hhZG93IHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLWFuaW1hdGlvbi1kdXJhdGlvbilcbiAgICAgIHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLWFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb24pO1xuXG4gICAgOmhvc3QoOmlzKDpzdGF0ZShzdGF0ZS1vcGVuZWQpLCA6c3RhdGUoc3RhdGUtb3BlbmluZykpOnN0YXRlKG9wdGlvbi1wYW5lbC1vcmlnaW4tYm9yZGVybGVzcykpXG4gICAgICAmIHtcbiAgICAgIGJveC1zaGFkb3c6IHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLWJveC1zaGFkb3cpO1xuICAgIH1cbiAgfVxufVxuXG4uc2JiLW9wdGlvbi1wYW5lbF9fb3ZlcmxheSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHZpc2liaWxpdHk6IHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLXZpc2liaWxpdHksIHZpc2libGUpO1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLWJvcmRlci1yYWRpdXMpO1xuICB0b3A6IHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLXBvc2l0aW9uLXkpO1xuICBsZWZ0OiB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1wb3NpdGlvbi14KTtcbiAgd2lkdGg6IHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLXdpZHRoLCBmaXQtY29udGVudCk7XG4gIHRyYW5zaXRpb246IGJveC1zaGFkb3cgdmFyKC0tc2JiLW9wdGlvbnMtcGFuZWwtYW5pbWF0aW9uLWR1cmF0aW9uKVxuICAgIHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLWFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb24pO1xuICBib3gtc2hhZG93OiB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1ib3gtc2hhZG93KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLW9wdGlvbnMtcGFuZWwtYmFja2dyb3VuZC1jb2xvcik7XG4gIG1hcmdpbi1ibG9jay1zdGFydDogdmFyKC0tc2JiLW9wdGlvbnMtcGFuZWwtbWFyZ2luLWJsb2NrLXN0YXJ0KTtcbiAgcGFkZGluZy1ibG9jazogdmFyKC0tc2JiLW9wdGlvbnMtcGFuZWwtcGFkZGluZy1ibG9jayk7XG4gIHBhZGRpbmctaW5saW5lOiAwO1xuICBtYXgtaGVpZ2h0OiB2YXIoLS1fc2JiLW9wdGlvbnMtcGFuZWwtbWF4LWhlaWdodCk7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLW1pbi1oZWlnaHQpO1xuICBwb2ludGVyLWV2ZW50czogdmFyKC0tc2JiLW9wdGlvbnMtcG9pbnRlci1ldmVudHMpO1xuICBvdmVyZmxvdzogaGlkZGVuIGF1dG87XG4gIGFuaW1hdGlvbjoge1xuICAgIG5hbWU6IHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLWFuaW1hdGlvbi1uYW1lKTtcbiAgICBkdXJhdGlvbjogdmFyKC0tc2JiLW9wdGlvbnMtcGFuZWwtYW5pbWF0aW9uLWR1cmF0aW9uKTtcbiAgICB0aW1pbmctZnVuY3Rpb246IHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLWFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb24pO1xuICB9XG5cbiAgQG1lZGlhIChmb3JjZWQtY29sb3JzOiBhY3RpdmUpIHtcbiAgICBib3JkZXI6IHZhcigtLXNiYi1ib3JkZXItd2lkdGgtMXgpIHNvbGlkIENhbnZhc1RleHQ7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBvcGVuIHtcbiAgZnJvbSB7XG4gICAgdHJhbnNsYXRlOiAwIHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLWFuaW1hdGlvbi10cmFuc2xhdGUpO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cblxuICB0byB7XG4gICAgdHJhbnNsYXRlOiAwO1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBjbG9zZSB7XG4gIGZyb20ge1xuICAgIHRyYW5zbGF0ZTogMDtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5cbiAgdG8ge1xuICAgIHRyYW5zbGF0ZTogMCB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1hbmltYXRpb24tdHJhbnNsYXRlKTtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG59XG4iLCJpbXBvcnQgeyB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgb3B0aW9uUGFuZWxTdHJpbmcgZnJvbSAnLi9vcHRpb24tcGFuZWwtY29tbW9uLnNjc3M/aW5saW5lJztcblxuZXhwb3J0IGNvbnN0IG9wdGlvblBhbmVsU3R5bGVzID0gdW5zYWZlQ1NTKG9wdGlvblBhbmVsU3RyaW5nKTtcbiJdLCJtYXBwaW5ncyI6Ijs7O0FDSUEsSUFBYSxvQkFBb0IsVUFBVSx5c0pBQWlCIn0=

package/development/option.js

@@ -1,7 +1,7 @@
 import { t as SbbOptgroupBaseElement } from "./optgroup-base-element--G8myprb.js";
 import { SbbOptGroupElement } from "./option/optgroup/optgroup.component.js";
 import { t as SbbOptionHintElement } from "./option-hint.component-DyCue4gx.js";
-import { t as optionPanelStyles } from "./option-styles-CTdAvJu3.js";
+import { t as optionPanelStyles } from "./option-styles-CJMae7_-.js";
 import { SbbOptionBaseElement } from "./option/option/option-base-element.js";
 import { t as SbbOptionElement } from "./option.component-BSHq97Of.js";
 import "./option.pure.js";

package/development/option.pure.js

@@ -1,7 +1,7 @@
 import { t as SbbOptgroupBaseElement } from "./optgroup-base-element--G8myprb.js";
 import { SbbOptGroupElement } from "./option/optgroup/optgroup.component.js";
 import { t as SbbOptionHintElement } from "./option-hint.component-DyCue4gx.js";
-import { t as optionPanelStyles } from "./option-styles-CTdAvJu3.js";
+import { t as optionPanelStyles } from "./option-styles-CJMae7_-.js";
 import { SbbOptionBaseElement } from "./option/option/option-base-element.js";
 import { t as SbbOptionElement } from "./option.component-BSHq97Of.js";
 export { SbbOptGroupElement, SbbOptgroupBaseElement, SbbOptionBaseElement, SbbOptionElement, SbbOptionHintElement, optionPanelStyles };

package/option/option-styles.js

@@ -1,2 +1,2 @@
-import { t as e } from "../option-styles-czjdmUjA.js";
+import { t as e } from "../option-styles-BmvwR7PD.js";
 export { e as optionPanelStyles };

package/option-styles-BmvwR7PD.js

@@ -0,0 +1,6 @@
+import { unsafeCSS as e } from "lit";
+//#endregion
+//#region src/elements/option/option-styles.ts
+var t = e(":host{--sbb-options-panel-position-x: 0;--sbb-options-panel-position-y: 0;--sbb-options-pointer-events: all;--_sbb-options-panel-max-height: min( var(--sbb-options-panel-max-height-calculated), var(--sbb-options-panel-max-height, 100000em) );--sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);--sbb-options-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );--sbb-options-panel-internal-z-index: var( --sbb-select-z-index, var(--sbb-overlay-default-z-index) );font-weight:400}:host([negative]){--sbb-options-panel-box-shadow: var(--sbb-box-shadow-level-9-hard-negative);--sbb-options-panel-background-color: var(--sbb-background-color-2-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:not(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))),:host(:is(:state(state-closed),[state--state-closed])){--sbb-options-panel-visibility: hidden;--sbb-options-pointer-events: none}:host(:is(:state(state-opening),[state--state-opening])){--sbb-options-panel-animation-name: open}:host(:is(:state(state-closing),[state--state-closing])){--sbb-options-panel-animation-name: close}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])){--sbb-options-panel-animation-translate: var(--sbb-spacing-fixed-2x)}:host(:is(:state(options-panel-position-above),[state--options-panel-position-above])){--sbb-options-panel-animation-translate: calc(-1 * var(--sbb-spacing-fixed-2x));--sbb-options-panel-margin-block-start: calc(-1 * var(--sbb-spacing-fixed-2x))}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}::slotted(sbb-divider){margin-block:var(--sbb-options-panel-divider-margin-block)}.sbb-option-panel__overlay-container{position:fixed;pointer-events:none;inset:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-option-panel__overlay-container:after{content:\"\";display:block;position:absolute;top:var(--sbb-options-panel-origin-position-y);left:var(--sbb-options-panel-origin-position-x);width:var(--sbb-options-panel-width);height:var(--sbb-options-panel-origin-height);background-color:transparent;border-radius:var(--sbb-options-panel-border-radius);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])) .sbb-option-panel__overlay-container:after{box-shadow:var(--sbb-options-panel-box-shadow)}.sbb-option-panel__overlay{display:block;position:absolute;visibility:var(--sbb-options-panel-visibility, visible);border:none;border-radius:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-position-y);left:var(--sbb-options-panel-position-x);width:var(--sbb-options-panel-width, fit-content);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);box-shadow:var(--sbb-options-panel-box-shadow);background-color:var(--sbb-options-panel-background-color);margin-block-start:var(--sbb-options-panel-margin-block-start);padding-block:var(--sbb-options-panel-padding-block);padding-inline:0;max-height:var(--_sbb-options-panel-max-height);min-height:var(--sbb-options-panel-min-height);pointer-events:var(--sbb-options-pointer-events);overflow:hidden auto;animation-name:var(--sbb-options-panel-animation-name);animation-duration:var(--sbb-options-panel-animation-duration);animation-timing-function:var(--sbb-options-panel-animation-timing-function)}@media(forced-colors:active){.sbb-option-panel__overlay{border:var(--sbb-border-width-1x) solid CanvasText}}@keyframes open{0%{translate:0 var(--sbb-options-panel-animation-translate);opacity:0}to{translate:0;opacity:1}}@keyframes close{0%{translate:0;opacity:1}to{translate:0 var(--sbb-options-panel-animation-translate);opacity:0}}");
+//#endregion
+export { t };

package/option.js

@@ -1,7 +1,7 @@
 import { t as e } from "./optgroup-base-element-BbxwRc0x.js";
 import { SbbOptGroupElement as t } from "./option/optgroup/optgroup.component.js";
 import { t as n } from "./option-hint.component-CUf2d2d5.js";
-import { t as r } from "./option-styles-czjdmUjA.js";
+import { t as r } from "./option-styles-BmvwR7PD.js";
 import { SbbOptionBaseElement as i } from "./option/option/option-base-element.js";
 import { t as a } from "./option.component-9AlEwsE3.js";
 import "./option.pure.js";

package/option.pure.js

@@ -1,7 +1,7 @@
 import { t as e } from "./optgroup-base-element-BbxwRc0x.js";
 import { SbbOptGroupElement as t } from "./option/optgroup/optgroup.component.js";
 import { t as n } from "./option-hint.component-CUf2d2d5.js";
-import { t as r } from "./option-styles-czjdmUjA.js";
+import { t as r } from "./option-styles-BmvwR7PD.js";
 import { SbbOptionBaseElement as i } from "./option/option/option-base-element.js";
 import { t as a } from "./option.component-9AlEwsE3.js";
 export { t as SbbOptGroupElement, e as SbbOptgroupBaseElement, i as SbbOptionBaseElement, a as SbbOptionElement, n as SbbOptionHintElement, r as optionPanelStyles };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@sbb-esta/lyne-elements-dev",
-  "version": "5.0.0-next.3-dev.1780955536",
+  "version": "5.0.0-next.3-dev.1780991368",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
-    "https://github.com/sbb-design-systems/lyne-components/commit/772087cec0e4d938a88699beb127e58370077401"
+    "https://github.com/sbb-design-systems/lyne-components/commit/4b58265c8c66a1eddb9dcd03dcd9e1ecd499d8ae"
   ],
   "type": "module",
   "exports": {

package/development/option-styles-CTdAvJu3.js

@@ -1,8 +0,0 @@
-import { unsafeCSS } from "lit";
-//#endregion
-//#region src/elements/option/option-styles.ts
-var optionPanelStyles = unsafeCSS(":host {\n  --sbb-options-panel-position-x: 0;\n  --sbb-options-panel-position-y: 0;\n  --sbb-options-pointer-events: all;\n  --_sbb-options-panel-max-height: min(\n    var(--sbb-options-panel-max-height-calculated),\n    var(--sbb-options-panel-max-height, 100000em)\n  );\n  --sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);\n  --sbb-options-panel-options-border-radius: 0 0 var(--sbb-options-panel-border-radius)\n    var(--sbb-options-panel-border-radius);\n  --sbb-options-panel-animation-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-4x)\n  );\n  --sbb-focus-outline-color: var(--sbb-focus-outline-color-default);\n  --sbb-focus-outline-color: light-dark(\n    var(--sbb-focus-outline-color-default),\n    var(--sbb-focus-outline-color-dark)\n  );\n  --sbb-options-panel-internal-z-index: var(\n    --sbb-select-z-index,\n    var(--sbb-overlay-default-z-index)\n  );\n  font-weight: normal;\n}\n\n:host([negative]) {\n  --sbb-options-panel-box-shadow: var(--sbb-box-shadow-level-9-hard-negative);\n  --sbb-options-panel-background-color: var(--sbb-background-color-2-negative);\n  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);\n}\n\n:host(:not(:is(:state(state-opening),[state--state-opening]), :is(:state(state-opened),[state--state-opened]), :is(:state(state-closing),[state--state-closing]))),\n:host(:is(:state(state-closed),[state--state-closed])) {\n  --sbb-options-panel-visibility: hidden;\n  --sbb-options-pointer-events: none;\n}\n\n:host(:is(:state(state-opening),[state--state-opening])) {\n  --sbb-options-panel-animation-name: open;\n}\n\n:host(:is(:state(state-closing),[state--state-closing])) {\n  --sbb-options-panel-animation-name: close;\n}\n\n:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])) {\n  --sbb-options-panel-animation-translate: var(--sbb-spacing-fixed-2x);\n}\n\n:host(:is(:state(options-panel-position-above),[state--options-panel-position-above])) {\n  --sbb-options-panel-options-border-radius: var(--sbb-options-panel-border-radius)\n    var(--sbb-options-panel-border-radius) 0 0;\n  --sbb-options-panel-animation-translate: calc(-1 * var(--sbb-spacing-fixed-2x));\n  --sbb-options-panel-margin-block-start: calc(-1 * var(--sbb-spacing-fixed-2x));\n}\n\n:host([preserve-icon-space]) {\n  --sbb-option-icon-container-display: block;\n}\n\n::slotted(sbb-divider) {\n  margin-block: var(--sbb-options-panel-divider-margin-block);\n}\n\n.sbb-option-panel__overlay-container {\n  position: fixed;\n  pointer-events: none;\n  inset: 0;\n  z-index: var(--sbb-options-panel-internal-z-index);\n}\n.sbb-option-panel__overlay-container::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: var(--sbb-options-panel-origin-position-y);\n  left: var(--sbb-options-panel-origin-position-x);\n  width: var(--sbb-options-panel-width);\n  height: var(--sbb-options-panel-origin-height);\n  background-color: transparent;\n  border-radius: var(--sbb-options-panel-border-radius);\n  transition: box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);\n}\n:host(:is(:is(:state(state-opened),[state--state-opened]), :is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])) .sbb-option-panel__overlay-container::after {\n  box-shadow: var(--sbb-options-panel-box-shadow);\n}\n\n.sbb-option-panel__overlay {\n  display: block;\n  position: absolute;\n  visibility: var(--sbb-options-panel-visibility, visible);\n  border: none;\n  border-radius: var(--sbb-options-panel-border-radius);\n  top: var(--sbb-options-panel-position-y);\n  left: var(--sbb-options-panel-position-x);\n  width: var(--sbb-options-panel-width, fit-content);\n  transition: box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);\n  box-shadow: var(--sbb-options-panel-box-shadow);\n  background-color: var(--sbb-options-panel-background-color);\n  margin-block-start: var(--sbb-options-panel-margin-block-start);\n  padding-block: var(--sbb-options-panel-padding-block);\n  padding-inline: 0;\n  max-height: var(--_sbb-options-panel-max-height);\n  min-height: var(--sbb-options-panel-min-height);\n  pointer-events: var(--sbb-options-pointer-events);\n  overflow: hidden auto;\n  animation-name: var(--sbb-options-panel-animation-name);\n  animation-duration: var(--sbb-options-panel-animation-duration);\n  animation-timing-function: var(--sbb-options-panel-animation-timing-function);\n}\n@media (forced-colors: active) {\n  .sbb-option-panel__overlay {\n    border: var(--sbb-border-width-1x) solid CanvasText;\n  }\n}\n\n@keyframes open {\n  from {\n    translate: 0 var(--sbb-options-panel-animation-translate);\n    opacity: 0;\n  }\n  to {\n    translate: 0;\n    opacity: 1;\n  }\n}\n@keyframes close {\n  from {\n    translate: 0;\n    opacity: 1;\n  }\n  to {\n    translate: 0 var(--sbb-options-panel-animation-translate);\n    opacity: 0;\n  }\n}");
-//#endregion
-export { optionPanelStyles as t };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLXN0eWxlcy1DVGRBdkp1My5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvb3B0aW9uL29wdGlvbi1wYW5lbC1jb21tb24uc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvb3B0aW9uL29wdGlvbi1zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi1vcHRpb25zLXBhbmVsLXBvc2l0aW9uLXg6IDA7XG4gIC0tc2JiLW9wdGlvbnMtcGFuZWwtcG9zaXRpb24teTogMDtcbiAgLS1zYmItb3B0aW9ucy1wb2ludGVyLWV2ZW50czogYWxsO1xuXG4gIC8vIEluIG9yZGVyIHRvIGhhdmUgYSB2YWxpZCB2YWx1ZSwgd2UgbmVlZCBhIGJpZyBpbnRlZ2VyIHRvIG5vdCBmYWxsIGludG8gdGhlIG1pbmltdW1cbiAgLS1fc2JiLW9wdGlvbnMtcGFuZWwtbWF4LWhlaWdodDogbWluKFxuICAgIHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLW1heC1oZWlnaHQtY2FsY3VsYXRlZCksXG4gICAgdmFyKC0tc2JiLW9wdGlvbnMtcGFuZWwtbWF4LWhlaWdodCwgMTAwMDAwZW0pXG4gICk7XG4gIC0tc2JiLW9wdGlvbnMtcGFuZWwtbWluLWhlaWdodDogdmFyKC0tc2JiLW9wdGlvbnMtcGFuZWwtb3JpZ2luLWhlaWdodCk7XG4gIC0tc2JiLW9wdGlvbnMtcGFuZWwtb3B0aW9ucy1ib3JkZXItcmFkaXVzOiAwIDAgdmFyKC0tc2JiLW9wdGlvbnMtcGFuZWwtYm9yZGVyLXJhZGl1cylcbiAgICB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1ib3JkZXItcmFkaXVzKTtcbiAgLS1zYmItb3B0aW9ucy1wYW5lbC1hbmltYXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTR4KVxuICApO1xuXG4gIC8vIEFzIHRoZSBvdmVybGF5cyBoYXZlIGFsd2F5cyBhIHdoaXRlIGJhY2tncm91bmQsIHdlIGhhdmUgdG8gZml4IHRoZSBmb2N1cyBvdXRsaW5lIGNvbG9yXG4gIC8vIHRvIGRlZmF1bHQgY29sb3IgZm9yIGNhc2VzIHdoZXJlIHRoZSBvdmVybGF5cyBhcmUgdXNlZCBpbiBhIG5lZ2F0aXZlIGNvbnRleHQuXG4gIC0tc2JiLWZvY3VzLW91dGxpbmUtY29sb3I6IGxpZ2h0LWRhcmsoXG4gICAgdmFyKC0tc2JiLWZvY3VzLW91dGxpbmUtY29sb3ItZGVmYXVsdCksXG4gICAgdmFyKC0tc2JiLWZvY3VzLW91dGxpbmUtY29sb3ItZGFyaylcbiAgKTtcbiAgLS1zYmItb3B0aW9ucy1wYW5lbC1pbnRlcm5hbC16LWluZGV4OiB2YXIoXG4gICAgLS1zYmItc2VsZWN0LXotaW5kZXgsXG4gICAgdmFyKC0tc2JiLW92ZXJsYXktZGVmYXVsdC16LWluZGV4KVxuICApO1xuXG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG59XG5cbjpob3N0KFtuZWdhdGl2ZV0pIHtcbiAgLS1zYmItb3B0aW9ucy1wYW5lbC1ib3gtc2hhZG93OiB2YXIoLS1zYmItYm94LXNoYWRvdy1sZXZlbC05LWhhcmQtbmVnYXRpdmUpO1xuICAtLXNiYi1vcHRpb25zLXBhbmVsLWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTItbmVnYXRpdmUpO1xuXG4gIC8vIEFzIHRoZSBvdmVybGF5cyBoYXZlIGFsd2F5cyBhIHdoaXRlIGJhY2tncm91bmQsIHdlIGhhdmUgdG8gZml4IHRoZSBmb2N1cyBvdXRsaW5lIGNvbG9yXG4gIC8vIHRvIGRlZmF1bHQgY29sb3IgZm9yIGNhc2VzIHdoZXJlIHRoZSBvdmVybGF5cyBhcmUgdXNlZCBpbiBhIG5lZ2F0aXZlIGNvbnRleHQuXG4gIC0tc2JiLWZvY3VzLW91dGxpbmUtY29sb3I6IHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yLWRhcmspO1xufVxuXG46aG9zdCg6bm90KDpzdGF0ZShzdGF0ZS1vcGVuaW5nKSwgOnN0YXRlKHN0YXRlLW9wZW5lZCksIDpzdGF0ZShzdGF0ZS1jbG9zaW5nKSkpLFxuOmhvc3QoOnN0YXRlKHN0YXRlLWNsb3NlZCkpIHtcbiAgLS1zYmItb3B0aW9ucy1wYW5lbC12aXNpYmlsaXR5OiBoaWRkZW47XG4gIC0tc2JiLW9wdGlvbnMtcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbjpob3N0KDpzdGF0ZShzdGF0ZS1vcGVuaW5nKSkge1xuICAtLXNiYi1vcHRpb25zLXBhbmVsLWFuaW1hdGlvbi1uYW1lOiBvcGVuO1xufVxuXG46aG9zdCg6c3RhdGUoc3RhdGUtY2xvc2luZykpIHtcbiAgLS1zYmItb3B0aW9ucy1wYW5lbC1hbmltYXRpb24tbmFtZTogY2xvc2U7XG59XG5cbjpob3N0KDpzdGF0ZShvcHRpb25zLXBhbmVsLXBvc2l0aW9uLWJlbG93KSkge1xuICAtLXNiYi1vcHRpb25zLXBhbmVsLWFuaW1hdGlvbi10cmFuc2xhdGU6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTJ4KTtcbn1cblxuOmhvc3QoOnN0YXRlKG9wdGlvbnMtcGFuZWwtcG9zaXRpb24tYWJvdmUpKSB7XG4gIC0tc2JiLW9wdGlvbnMtcGFuZWwtb3B0aW9ucy1ib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1ib3JkZXItcmFkaXVzKVxuICAgIHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLWJvcmRlci1yYWRpdXMpIDAgMDtcbiAgLS1zYmItb3B0aW9ucy1wYW5lbC1hbmltYXRpb24tdHJhbnNsYXRlOiBjYWxjKC0xICogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMngpKTtcbiAgLS1zYmItb3B0aW9ucy1wYW5lbC1tYXJnaW4tYmxvY2stc3RhcnQ6IGNhbGMoLTEgKiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0yeCkpO1xufVxuXG46aG9zdChbcHJlc2VydmUtaWNvbi1zcGFjZV0pIHtcbiAgLS1zYmItb3B0aW9uLWljb24tY29udGFpbmVyLWRpc3BsYXk6IGJsb2NrO1xufVxuXG46OnNsb3R0ZWQoc2JiLWRpdmlkZXIpIHtcbiAgbWFyZ2luLWJsb2NrOiB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1kaXZpZGVyLW1hcmdpbi1ibG9jayk7XG59XG5cbi5zYmItb3B0aW9uLXBhbmVsX19vdmVybGF5LWNvbnRhaW5lciB7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIGluc2V0OiAwO1xuICB6LWluZGV4OiB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1pbnRlcm5hbC16LWluZGV4KTtcblxuICAvLyBOZWVkZWQgdG8gYWRkIHRoZSBib3gtc2hhZG93IG9uIHRoZSBvcmlnaW4gZWxlbWVudCAob25seSBpZiBib3JkZXJsZXNzKVxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogdmFyKC0tc2JiLW9wdGlvbnMtcGFuZWwtb3JpZ2luLXBvc2l0aW9uLXkpO1xuICAgIGxlZnQ6IHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLW9yaWdpbi1wb3NpdGlvbi14KTtcbiAgICB3aWR0aDogdmFyKC0tc2JiLW9wdGlvbnMtcGFuZWwtd2lkdGgpO1xuICAgIGhlaWdodDogdmFyKC0tc2JiLW9wdGlvbnMtcGFuZWwtb3JpZ2luLWhlaWdodCk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLW9wdGlvbnMtcGFuZWwtYm9yZGVyLXJhZGl1cyk7XG4gICAgdHJhbnNpdGlvbjogYm94LXNoYWRvdyB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1hbmltYXRpb24tZHVyYXRpb24pXG4gICAgICB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1hbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uKTtcblxuICAgIDpob3N0KDppcyg6c3RhdGUoc3RhdGUtb3BlbmVkKSwgOnN0YXRlKHN0YXRlLW9wZW5pbmcpKTpzdGF0ZShvcHRpb24tcGFuZWwtb3JpZ2luLWJvcmRlcmxlc3MpKVxuICAgICAgJiB7XG4gICAgICBib3gtc2hhZG93OiB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1ib3gtc2hhZG93KTtcbiAgICB9XG4gIH1cbn1cblxuLnNiYi1vcHRpb24tcGFuZWxfX292ZXJsYXkge1xuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB2aXNpYmlsaXR5OiB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC12aXNpYmlsaXR5LCB2aXNpYmxlKTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1ib3JkZXItcmFkaXVzKTtcbiAgdG9wOiB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1wb3NpdGlvbi15KTtcbiAgbGVmdDogdmFyKC0tc2JiLW9wdGlvbnMtcGFuZWwtcG9zaXRpb24teCk7XG4gIHdpZHRoOiB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC13aWR0aCwgZml0LWNvbnRlbnQpO1xuICB0cmFuc2l0aW9uOiBib3gtc2hhZG93IHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLWFuaW1hdGlvbi1kdXJhdGlvbilcbiAgICB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1hbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uKTtcbiAgYm94LXNoYWRvdzogdmFyKC0tc2JiLW9wdGlvbnMtcGFuZWwtYm94LXNoYWRvdyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLWJhY2tncm91bmQtY29sb3IpO1xuICBtYXJnaW4tYmxvY2stc3RhcnQ6IHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLW1hcmdpbi1ibG9jay1zdGFydCk7XG4gIHBhZGRpbmctYmxvY2s6IHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLXBhZGRpbmctYmxvY2spO1xuICBwYWRkaW5nLWlubGluZTogMDtcbiAgbWF4LWhlaWdodDogdmFyKC0tX3NiYi1vcHRpb25zLXBhbmVsLW1heC1oZWlnaHQpO1xuICBtaW4taGVpZ2h0OiB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1taW4taGVpZ2h0KTtcbiAgcG9pbnRlci1ldmVudHM6IHZhcigtLXNiYi1vcHRpb25zLXBvaW50ZXItZXZlbnRzKTtcbiAgb3ZlcmZsb3c6IGhpZGRlbiBhdXRvO1xuICBhbmltYXRpb246IHtcbiAgICBuYW1lOiB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1hbmltYXRpb24tbmFtZSk7XG4gICAgZHVyYXRpb246IHZhcigtLXNiYi1vcHRpb25zLXBhbmVsLWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1hbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uKTtcbiAgfVxuXG4gIEBtZWRpYSAoZm9yY2VkLWNvbG9yczogYWN0aXZlKSB7XG4gICAgYm9yZGVyOiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KSBzb2xpZCBDYW52YXNUZXh0O1xuICB9XG59XG5cbkBrZXlmcmFtZXMgb3BlbiB7XG4gIGZyb20ge1xuICAgIHRyYW5zbGF0ZTogMCB2YXIoLS1zYmItb3B0aW9ucy1wYW5lbC1hbmltYXRpb24tdHJhbnNsYXRlKTtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5cbiAgdG8ge1xuICAgIHRyYW5zbGF0ZTogMDtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgY2xvc2Uge1xuICBmcm9tIHtcbiAgICB0cmFuc2xhdGU6IDA7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gIHRvIHtcbiAgICB0cmFuc2xhdGU6IDAgdmFyKC0tc2JiLW9wdGlvbnMtcGFuZWwtYW5pbWF0aW9uLXRyYW5zbGF0ZSk7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxufVxuIiwiaW1wb3J0IHsgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IG9wdGlvblBhbmVsU3RyaW5nIGZyb20gJy4vb3B0aW9uLXBhbmVsLWNvbW1vbi5zY3NzP2lubGluZSc7XG5cbmV4cG9ydCBjb25zdCBvcHRpb25QYW5lbFN0eWxlcyA9IHVuc2FmZUNTUyhvcHRpb25QYW5lbFN0cmluZyk7XG4iXSwibWFwcGluZ3MiOiI7OztBQ0lBLElBQWEsb0JBQW9CLFVBQVUscTlKQUFpQiJ9

package/option-styles-czjdmUjA.js

@@ -1,6 +0,0 @@
-import { unsafeCSS as e } from "lit";
-//#endregion
-//#region src/elements/option/option-styles.ts
-var t = e(":host{--sbb-options-panel-position-x: 0;--sbb-options-panel-position-y: 0;--sbb-options-pointer-events: all;--_sbb-options-panel-max-height: min( var(--sbb-options-panel-max-height-calculated), var(--sbb-options-panel-max-height, 100000em) );--sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);--sbb-options-panel-options-border-radius: 0 0 var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius);--sbb-options-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );--sbb-options-panel-internal-z-index: var( --sbb-select-z-index, var(--sbb-overlay-default-z-index) );font-weight:400}:host([negative]){--sbb-options-panel-box-shadow: var(--sbb-box-shadow-level-9-hard-negative);--sbb-options-panel-background-color: var(--sbb-background-color-2-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:not(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))),:host(:is(:state(state-closed),[state--state-closed])){--sbb-options-panel-visibility: hidden;--sbb-options-pointer-events: none}:host(:is(:state(state-opening),[state--state-opening])){--sbb-options-panel-animation-name: open}:host(:is(:state(state-closing),[state--state-closing])){--sbb-options-panel-animation-name: close}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])){--sbb-options-panel-animation-translate: var(--sbb-spacing-fixed-2x)}:host(:is(:state(options-panel-position-above),[state--options-panel-position-above])){--sbb-options-panel-options-border-radius: var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius) 0 0;--sbb-options-panel-animation-translate: calc(-1 * var(--sbb-spacing-fixed-2x));--sbb-options-panel-margin-block-start: calc(-1 * var(--sbb-spacing-fixed-2x))}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}::slotted(sbb-divider){margin-block:var(--sbb-options-panel-divider-margin-block)}.sbb-option-panel__overlay-container{position:fixed;pointer-events:none;inset:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-option-panel__overlay-container:after{content:\"\";display:block;position:absolute;top:var(--sbb-options-panel-origin-position-y);left:var(--sbb-options-panel-origin-position-x);width:var(--sbb-options-panel-width);height:var(--sbb-options-panel-origin-height);background-color:transparent;border-radius:var(--sbb-options-panel-border-radius);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])) .sbb-option-panel__overlay-container:after{box-shadow:var(--sbb-options-panel-box-shadow)}.sbb-option-panel__overlay{display:block;position:absolute;visibility:var(--sbb-options-panel-visibility, visible);border:none;border-radius:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-position-y);left:var(--sbb-options-panel-position-x);width:var(--sbb-options-panel-width, fit-content);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);box-shadow:var(--sbb-options-panel-box-shadow);background-color:var(--sbb-options-panel-background-color);margin-block-start:var(--sbb-options-panel-margin-block-start);padding-block:var(--sbb-options-panel-padding-block);padding-inline:0;max-height:var(--_sbb-options-panel-max-height);min-height:var(--sbb-options-panel-min-height);pointer-events:var(--sbb-options-pointer-events);overflow:hidden auto;animation-name:var(--sbb-options-panel-animation-name);animation-duration:var(--sbb-options-panel-animation-duration);animation-timing-function:var(--sbb-options-panel-animation-timing-function)}@media(forced-colors:active){.sbb-option-panel__overlay{border:var(--sbb-border-width-1x) solid CanvasText}}@keyframes open{0%{translate:0 var(--sbb-options-panel-animation-translate);opacity:0}to{translate:0;opacity:1}}@keyframes close{0%{translate:0;opacity:1}to{translate:0 var(--sbb-options-panel-animation-translate);opacity:0}}");
-//#endregion
-export { t };