@sbb-esta/lyne-elements 1.12.0 → 1.12.1

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 (129) hide show
  1. package/core/styles/core/functions.scss +1 -1
  2. package/core/styles/mixins/helpers.scss +1 -1
  3. package/core/styles/mixins/lists.scss +2 -3
  4. package/core/styles/mixins/scrollbar.scss +2 -2
  5. package/core/styles/mixins/table.scss +4 -6
  6. package/core/styles/normalize.scss +62 -131
  7. package/core.css +0 -5
  8. package/custom-elements.json +7 -1
  9. package/development/accordion.js +2 -9
  10. package/development/action-group.js +2 -9
  11. package/development/alert/alert-group.js +2 -9
  12. package/development/alert/alert.js +2 -9
  13. package/development/autocomplete-grid/autocomplete-grid-button.js +2 -9
  14. package/development/autocomplete-grid/autocomplete-grid-cell.js +2 -9
  15. package/development/autocomplete-grid/autocomplete-grid-option.js +2 -9
  16. package/development/autocomplete-grid/autocomplete-grid-row.js +2 -9
  17. package/development/autocomplete.js +2 -12
  18. package/development/breadcrumb/breadcrumb-group.js +2 -9
  19. package/development/breadcrumb/breadcrumb.js +2 -9
  20. package/development/button/common.js +2 -11
  21. package/development/button/mini-button-group.js +2 -9
  22. package/development/button/mini-button.js +2 -9
  23. package/development/calendar.js +2 -9
  24. package/development/card/card-badge.js +2 -9
  25. package/development/card/card.js +2 -9
  26. package/development/card/common.js +2 -9
  27. package/development/checkbox/checkbox-group.js +2 -9
  28. package/development/checkbox/checkbox.js +2 -9
  29. package/development/checkbox/common.js +1 -8
  30. package/development/chip.js +2 -9
  31. package/development/clock.js +2 -9
  32. package/development/container/container.js +1 -8
  33. package/development/container/sticky-bar.js +2 -9
  34. package/development/core/mixins.js +2 -9
  35. package/development/datepicker/datepicker-next-day.js +2 -9
  36. package/development/datepicker/datepicker-previous-day.js +2 -9
  37. package/development/datepicker/datepicker-toggle.js +2 -9
  38. package/development/datepicker/datepicker.js +2 -9
  39. package/development/dialog/dialog-actions.js +2 -9
  40. package/development/dialog/dialog-content.js +2 -11
  41. package/development/dialog/dialog-title.js +2 -9
  42. package/development/dialog/dialog.js +2 -9
  43. package/development/divider.js +2 -9
  44. package/development/expansion-panel/expansion-panel-content.js +2 -9
  45. package/development/expansion-panel/expansion-panel-header.js +2 -9
  46. package/development/expansion-panel/expansion-panel.js +2 -9
  47. package/development/file-selector.js +2 -9
  48. package/development/flip-card/flip-card-details.js +2 -9
  49. package/development/flip-card/flip-card-summary.js +2 -9
  50. package/development/flip-card/flip-card.js +2 -9
  51. package/development/footer.js +2 -9
  52. package/development/form-error.js +2 -9
  53. package/development/form-field/form-field-clear.js +2 -9
  54. package/development/form-field/form-field.js +1 -12
  55. package/development/header/common.js +2 -9
  56. package/development/header/header.js +2 -9
  57. package/development/icon.js +2 -9
  58. package/development/image/image.d.ts +1 -0
  59. package/development/image/image.d.ts.map +1 -1
  60. package/development/image.js +13 -13
  61. package/development/journey-header.js +2 -9
  62. package/development/lead-container.js +2 -9
  63. package/development/link/common.js +4 -25
  64. package/development/link-list/common.js +2 -9
  65. package/development/link-list/link-list-anchor.js +2 -9
  66. package/development/link-list/link-list.js +2 -9
  67. package/development/loading-indicator.js +2 -10
  68. package/development/logo.js +2 -9
  69. package/development/map-container.js +2 -11
  70. package/development/menu/common.js +2 -9
  71. package/development/menu/menu.js +2 -11
  72. package/development/message.js +2 -9
  73. package/development/navigation/common.js +2 -9
  74. package/development/navigation/navigation-list.js +2 -9
  75. package/development/navigation/navigation-marker.js +2 -9
  76. package/development/navigation/navigation-section.js +2 -11
  77. package/development/navigation/navigation.js +2 -11
  78. package/development/notification.js +2 -10
  79. package/development/option/optgroup.js +2 -9
  80. package/development/option/option.js +2 -9
  81. package/development/overlay.js +2 -11
  82. package/development/paginator.js +2 -9
  83. package/development/popover/popover-trigger.js +2 -9
  84. package/development/popover/popover.js +2 -9
  85. package/development/radio-button/common.js +2 -9
  86. package/development/radio-button/radio-button-group.js +4 -11
  87. package/development/radio-button/radio-button.js +2 -9
  88. package/development/screen-reader-only.js +2 -9
  89. package/development/select.js +2 -17
  90. package/development/selection-expansion-panel.js +2 -9
  91. package/development/signet.js +2 -9
  92. package/development/skiplink-list.js +2 -9
  93. package/development/slider.js +1 -8
  94. package/development/status.js +2 -9
  95. package/development/stepper/step-label.js +2 -9
  96. package/development/stepper/step.js +2 -9
  97. package/development/stepper/stepper.js +2 -9
  98. package/development/table/table-wrapper.js +2 -11
  99. package/development/tabs/tab-group.js +2 -9
  100. package/development/tabs/tab-label.js +2 -9
  101. package/development/tabs/tab.js +1 -8
  102. package/development/tag/tag-group.js +2 -9
  103. package/development/tag/tag.js +2 -9
  104. package/development/teaser-hero.js +2 -9
  105. package/development/teaser-product/common.js +2 -9
  106. package/development/teaser-product/teaser-product.js +2 -9
  107. package/development/teaser.js +12 -11
  108. package/development/time-input.js +2 -9
  109. package/development/timetable-occupancy-icon.js +2 -9
  110. package/development/timetable-occupancy.js +2 -9
  111. package/development/title.js +3 -17
  112. package/development/toast.js +2 -9
  113. package/development/toggle/toggle-option.js +2 -9
  114. package/development/toggle/toggle.js +2 -9
  115. package/development/toggle-check.js +1 -8
  116. package/development/train/train-blocked-passage.js +2 -9
  117. package/development/train/train-formation.js +2 -11
  118. package/development/train/train-wagon.js +2 -9
  119. package/development/train/train.js +2 -9
  120. package/development/visual-checkbox.js +2 -9
  121. package/image/image.d.ts +1 -0
  122. package/image/image.d.ts.map +1 -1
  123. package/image.js +7 -7
  124. package/lists.css +1 -8
  125. package/normalize.css +21 -113
  126. package/package.json +1 -1
  127. package/radio-button/radio-button-group.js +2 -1
  128. package/standard-theme.css +20 -130
  129. package/teaser.js +16 -16
package/teaser.js CHANGED
@@ -5,13 +5,13 @@ import { slotState as h } from "./core/decorators.js";
5
5
  import { css as p } from "lit";
6
6
  import "./chip.js";
7
7
  import "./title.js";
8
- const f = p`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--sbb-teaser-width: fit-content;--sbb-teaser-border-radius: var(--sbb-border-radius-4x);--sbb-teaser-brightness-hover: var(--sbb-hover-image-brightness);--sbb-teaser-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) )}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x);--sbb-teaser-width: 100%}.sbb-teaser{display:flex;text-decoration:none}.sbb-teaser:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-teaser:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}@media (forced-colors: active){.sbb-teaser{outline-offset:var(--sbb-focus-outline-offset);outline:CanvasText solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}.sbb-teaser:hover{outline-color:Highlight}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%}.sbb-teaser__text{overflow:hidden;max-width:100%}::slotted([slot=image]){will-change:transform;display:block;object-fit:cover;width:18.75rem;filter:brightness(var(--sbb-teaser-brightness, 1));transition:var(--sbb-teaser-animation-duration) var(--sbb-animation-easing);aspect-ratio:4/3}@media (any-hover: hover){.sbb-teaser:hover ::slotted([slot=image]){transform:scale(var(--sbb-teaser-scale-hover));--sbb-teaser-brightness: var(--sbb-teaser-brightness-hover)}}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:var(--sbb-teaser-animation-duration) var(--sbb-animation-easing)}@media (any-hover: hover){.sbb-teaser:hover .sbb-teaser__image-wrapper{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-hard-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-hard-1-color)}}.sbb-teaser__chip{display:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=chip],[chip-content])) .sbb-teaser__chip{display:none}.sbb-teaser__lead{margin:0}.sbb-teaser__description{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:inline-block;color:var(--sbb-teaser-description-color)}`;
9
- var m = Object.defineProperty, u = Object.getOwnPropertyDescriptor, t = (l, a, b, r) => {
10
- for (var e = r > 1 ? void 0 : r ? u(a, b) : a, i = l.length - 1, n; i >= 0; i--)
8
+ const f = p`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--sbb-teaser-width: fit-content;--sbb-teaser-border-radius: var(--sbb-border-radius-4x);--sbb-teaser-brightness-hover: var(--sbb-hover-image-brightness);--sbb-teaser-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) )}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x);--sbb-teaser-width: 100%}.sbb-teaser{display:flex;text-decoration:none}.sbb-teaser:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-teaser:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}@media (forced-colors: active){.sbb-teaser{outline-offset:var(--sbb-focus-outline-offset);outline:CanvasText solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}.sbb-teaser:hover{outline-color:Highlight}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%;width:100%}.sbb-teaser__text{overflow:hidden;max-width:100%}::slotted([slot=image]){width:18.75rem;will-change:transform;display:block;filter:brightness(var(--sbb-teaser-brightness, 1));transition:var(--sbb-teaser-animation-duration) var(--sbb-animation-easing)}@media (any-hover: hover){.sbb-teaser:hover ::slotted([slot=image]){transform:scale(var(--sbb-teaser-scale-hover));--sbb-teaser-brightness: var(--sbb-teaser-brightness-hover)}}::slotted(sbb-image[slot=image]){--sbb-image-aspect-ratio: 4 / 3}::slotted(img[slot=image]){aspect-ratio:4/3;object-fit:cover}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:var(--sbb-teaser-animation-duration) var(--sbb-animation-easing)}@media (any-hover: hover){.sbb-teaser:hover .sbb-teaser__image-wrapper{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-hard-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-hard-1-color)}}.sbb-teaser__chip{display:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}:host(:not([data-slot-names~=chip],[chip-content])) .sbb-teaser__chip{display:none}.sbb-teaser__lead{margin:0}.sbb-teaser__description{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:inline-block;color:var(--sbb-teaser-description-color)}`;
9
+ var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, s = (l, a, b, r) => {
10
+ for (var e = r > 1 ? void 0 : r ? g(a, b) : a, i = l.length - 1, n; i >= 0; i--)
11
11
  (n = l[i]) && (e = (r ? n(a, b, e) : n(e)) || e);
12
12
  return r && e && m(a, b, e), e;
13
13
  };
14
- let s = class extends c {
14
+ let t = class extends c {
15
15
  constructor() {
16
16
  super(...arguments), this.alignment = "after-centered", this.titleLevel = "5";
17
17
  }
@@ -36,23 +36,23 @@ let s = class extends c {
36
36
  `;
37
37
  }
38
38
  };
39
- s.styles = f;
40
- t([
39
+ t.styles = f;
40
+ s([
41
41
  o({ reflect: !0 })
42
- ], s.prototype, "alignment", 2);
43
- t([
42
+ ], t.prototype, "alignment", 2);
43
+ s([
44
44
  o({ attribute: "title-level" })
45
- ], s.prototype, "titleLevel", 2);
46
- t([
45
+ ], t.prototype, "titleLevel", 2);
46
+ s([
47
47
  o({ attribute: "title-content" })
48
- ], s.prototype, "titleContent", 2);
49
- t([
48
+ ], t.prototype, "titleContent", 2);
49
+ s([
50
50
  o({ attribute: "chip-content", reflect: !0 })
51
- ], s.prototype, "chipContent", 2);
52
- s = t([
51
+ ], t.prototype, "chipContent", 2);
52
+ t = s([
53
53
  d("sbb-teaser"),
54
54
  h()
55
- ], s);
55
+ ], t);
56
56
  export {
57
- s as SbbTeaserElement
57
+ t as SbbTeaserElement
58
58
  };