@sbb-esta/lyne-elements 1.0.0 → 1.2.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 (234) hide show
  1. package/accordion/accordion.d.ts +1 -1
  2. package/accordion/accordion.d.ts.map +1 -1
  3. package/alert/alert/alert.d.ts +1 -1
  4. package/alert/alert/alert.d.ts.map +1 -1
  5. package/button/common/button-common.d.ts.map +1 -1
  6. package/button/mini-button.js +5 -5
  7. package/calendar/calendar.d.ts +3 -1
  8. package/calendar/calendar.d.ts.map +1 -1
  9. package/calendar.js +62 -52
  10. package/card/common/card-action-common.d.ts.map +1 -1
  11. package/checkbox/common/checkbox-common.d.ts.map +1 -1
  12. package/clock/clock.d.ts +19 -13
  13. package/clock/clock.d.ts.map +1 -1
  14. package/clock.js +93 -87
  15. package/core/decorators/host-attributes.d.ts.map +1 -1
  16. package/core/eventing/throttle.d.ts.map +1 -1
  17. package/core/i18n/i18n.d.ts +1 -3
  18. package/core/i18n/i18n.d.ts.map +1 -1
  19. package/core/i18n.js +91 -127
  20. package/core/mixins/disabled-mixin.d.ts.map +1 -1
  21. package/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
  22. package/core/mixins/form-associated-mixin.d.ts.map +1 -1
  23. package/core/mixins/hydration-mixin.d.ts +2 -8
  24. package/core/mixins/hydration-mixin.d.ts.map +1 -1
  25. package/core/mixins/named-slot-list-mixin.d.ts.map +1 -1
  26. package/core/mixins/negative-mixin.d.ts.map +1 -1
  27. package/core/mixins/panel-mixin.d.ts.map +1 -1
  28. package/core/mixins/required-mixin.d.ts.map +1 -1
  29. package/core/mixins/update-scheduler-mixin.d.ts.map +1 -1
  30. package/core/mixins.js +133 -148
  31. package/core/observers/intersection-observer.d.ts +1 -1
  32. package/core/styles/_index.scss +1 -0
  33. package/core/styles/mixins/buttons.scss +1 -1
  34. package/core/styles/mixins/table.scss +148 -0
  35. package/core/styles/standard-theme.scss +1 -0
  36. package/core/styles/table.scss +56 -0
  37. package/core/testing/private.d.ts +0 -1
  38. package/core/testing/private.d.ts.map +1 -1
  39. package/core/testing/wait-for-render.d.ts +1 -1
  40. package/core/testing/wait-for-render.d.ts.map +1 -1
  41. package/core/testing.js +40 -37
  42. package/custom-elements.json +498 -997
  43. package/datepicker/datepicker-next-day.js +5 -5
  44. package/datepicker/datepicker-previous-day.js +1 -1
  45. package/datepicker/datepicker-toggle.js +7 -7
  46. package/development/accordion/accordion.d.ts +1 -1
  47. package/development/accordion/accordion.d.ts.map +1 -1
  48. package/development/accordion.js +7 -1
  49. package/development/action-group.js +7 -1
  50. package/development/alert/alert/alert.d.ts +1 -1
  51. package/development/alert/alert/alert.d.ts.map +1 -1
  52. package/development/alert/alert-group.js +7 -1
  53. package/development/alert/alert.js +7 -1
  54. package/development/autocomplete.js +7 -1
  55. package/development/breadcrumb/breadcrumb-group.js +7 -1
  56. package/development/breadcrumb/breadcrumb.js +7 -1
  57. package/development/button/common/button-common.d.ts.map +1 -1
  58. package/development/button/common.js +7 -1
  59. package/development/button/mini-button.js +8 -2
  60. package/development/calendar/calendar.d.ts +3 -1
  61. package/development/calendar/calendar.d.ts.map +1 -1
  62. package/development/calendar.js +18 -2
  63. package/development/card/card-badge.js +7 -1
  64. package/development/card/card.js +7 -1
  65. package/development/card/common/card-action-common.d.ts.map +1 -1
  66. package/development/card/common.js +7 -1
  67. package/development/checkbox/checkbox-group.js +7 -1
  68. package/development/checkbox/checkbox.js +7 -1
  69. package/development/checkbox/common/checkbox-common.d.ts.map +1 -1
  70. package/development/checkbox/common.js +7 -1
  71. package/development/chip.js +7 -1
  72. package/development/clock/clock.d.ts +19 -13
  73. package/development/clock/clock.d.ts.map +1 -1
  74. package/development/clock.js +103 -94
  75. package/development/container/container.js +7 -1
  76. package/development/container/sticky-bar.js +7 -1
  77. package/development/core/decorators/host-attributes.d.ts.map +1 -1
  78. package/development/core/eventing/throttle.d.ts.map +1 -1
  79. package/development/core/i18n/i18n.d.ts +1 -3
  80. package/development/core/i18n/i18n.d.ts.map +1 -1
  81. package/development/core/i18n.js +5 -43
  82. package/development/core/mixins/disabled-mixin.d.ts.map +1 -1
  83. package/development/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
  84. package/development/core/mixins/form-associated-mixin.d.ts.map +1 -1
  85. package/development/core/mixins/hydration-mixin.d.ts +2 -8
  86. package/development/core/mixins/hydration-mixin.d.ts.map +1 -1
  87. package/development/core/mixins/named-slot-list-mixin.d.ts.map +1 -1
  88. package/development/core/mixins/negative-mixin.d.ts.map +1 -1
  89. package/development/core/mixins/panel-mixin.d.ts.map +1 -1
  90. package/development/core/mixins/required-mixin.d.ts.map +1 -1
  91. package/development/core/mixins/update-scheduler-mixin.d.ts.map +1 -1
  92. package/development/core/mixins.js +39 -50
  93. package/development/core/observers/intersection-observer.d.ts +1 -1
  94. package/development/core/testing/private.d.ts +0 -1
  95. package/development/core/testing/private.d.ts.map +1 -1
  96. package/development/core/testing/wait-for-render.d.ts +1 -1
  97. package/development/core/testing/wait-for-render.d.ts.map +1 -1
  98. package/development/core/testing.js +6 -2
  99. package/development/datepicker/datepicker-next-day.js +8 -2
  100. package/development/datepicker/datepicker-previous-day.js +8 -2
  101. package/development/datepicker/datepicker-toggle.js +7 -2
  102. package/development/datepicker/datepicker.js +7 -1
  103. package/development/dialog/dialog-actions.js +7 -1
  104. package/development/dialog/dialog-content.js +7 -1
  105. package/development/dialog/dialog-title.js +7 -1
  106. package/development/dialog/dialog.js +7 -1
  107. package/development/divider.js +7 -1
  108. package/development/expansion-panel/expansion-panel-content.js +7 -1
  109. package/development/expansion-panel/expansion-panel-header.js +7 -1
  110. package/development/expansion-panel/expansion-panel.js +7 -1
  111. package/development/file-selector.js +7 -1
  112. package/development/footer.js +7 -1
  113. package/development/form-error.js +7 -1
  114. package/development/form-field/form-field-clear.js +8 -2
  115. package/development/form-field/form-field.js +7 -1
  116. package/development/header/common/header-action-common.d.ts.map +1 -1
  117. package/development/header/common.js +7 -1
  118. package/development/header/header.js +7 -1
  119. package/development/icon/icon-name-mixin.d.ts.map +1 -1
  120. package/development/icon/icon-request.d.ts.map +1 -1
  121. package/development/icon.js +14 -13
  122. package/development/image.js +7 -1
  123. package/development/journey-header.js +7 -1
  124. package/development/lead-container.js +7 -1
  125. package/development/link/common/block-link-common.d.ts.map +1 -1
  126. package/development/link/common/inline-link-common.d.ts.map +1 -1
  127. package/development/link/common/link-common.d.ts.map +1 -1
  128. package/development/link/common.js +19 -1
  129. package/development/link-list.js +7 -1
  130. package/development/loading-indicator.js +7 -1
  131. package/development/logo.js +7 -1
  132. package/development/map-container.js +7 -1
  133. package/development/menu/common/menu-action-common.d.ts.map +1 -1
  134. package/development/menu/common.js +7 -1
  135. package/development/menu/menu.js +7 -1
  136. package/development/message.js +7 -1
  137. package/development/navigation/common/navigation-action-common.d.ts.map +1 -1
  138. package/development/navigation/common.js +7 -1
  139. package/development/navigation/navigation-list.js +7 -1
  140. package/development/navigation/navigation-marker.js +7 -1
  141. package/development/navigation/navigation-section.js +7 -1
  142. package/development/navigation/navigation.js +7 -1
  143. package/development/notification.js +8 -1
  144. package/development/option/optgroup/optgroup.d.ts +2 -0
  145. package/development/option/optgroup/optgroup.d.ts.map +1 -1
  146. package/development/option/optgroup.js +21 -4
  147. package/development/option/option/option.d.ts +6 -5
  148. package/development/option/option/option.d.ts.map +1 -1
  149. package/development/option/option.js +53 -29
  150. package/development/overlay.js +7 -1
  151. package/development/popover/popover-trigger.js +8 -2
  152. package/development/popover/popover.js +7 -1
  153. package/development/radio-button/common/radio-button-common.d.ts.map +1 -1
  154. package/development/radio-button/common.js +7 -1
  155. package/development/radio-button/radio-button-group.js +7 -1
  156. package/development/radio-button/radio-button.js +7 -1
  157. package/development/screen-reader-only.js +7 -1
  158. package/development/select.js +7 -1
  159. package/development/selection-expansion-panel.js +7 -1
  160. package/development/signet.js +7 -1
  161. package/development/skiplink-list.js +7 -1
  162. package/development/slider.js +7 -1
  163. package/development/status.js +7 -1
  164. package/development/stepper/step-label.js +7 -1
  165. package/development/stepper/step.js +7 -1
  166. package/development/stepper/stepper.js +7 -1
  167. package/development/table/table-wrapper/table-wrapper.d.ts +24 -0
  168. package/development/table/table-wrapper/table-wrapper.d.ts.map +1 -0
  169. package/development/table/table-wrapper.d.ts +2 -0
  170. package/development/table/table-wrapper.d.ts.map +1 -0
  171. package/development/table/table-wrapper.js +130 -0
  172. package/development/table.d.ts +2 -0
  173. package/development/table.d.ts.map +1 -0
  174. package/development/table.js +2 -0
  175. package/development/tabs/tab-group/tab-group.d.ts +4 -7
  176. package/development/tabs/tab-group/tab-group.d.ts.map +1 -1
  177. package/development/tabs/tab-group.js +69 -73
  178. package/development/tabs/tab-label.js +7 -1
  179. package/development/tabs/tab.js +7 -1
  180. package/development/tag/tag-group.js +7 -1
  181. package/development/tag/tag.js +7 -1
  182. package/development/teaser.js +7 -1
  183. package/development/time-input.js +7 -1
  184. package/development/timetable-occupancy-icon.js +7 -1
  185. package/development/timetable-occupancy.js +7 -1
  186. package/development/title.js +13 -1
  187. package/development/toast.js +7 -1
  188. package/development/toggle/toggle-option.js +7 -1
  189. package/development/toggle/toggle.js +7 -1
  190. package/development/toggle-check/toggle-check.d.ts +2 -2
  191. package/development/toggle-check/toggle-check.d.ts.map +1 -1
  192. package/development/toggle-check.js +7 -1
  193. package/development/train/train-blocked-passage.js +7 -1
  194. package/development/train/train-formation.js +7 -1
  195. package/development/train/train-wagon.js +7 -1
  196. package/development/train/train.js +7 -1
  197. package/development/visual-checkbox.js +9 -3
  198. package/form-field/form-field-clear.js +1 -1
  199. package/header/common/header-action-common.d.ts.map +1 -1
  200. package/icon/icon-name-mixin.d.ts.map +1 -1
  201. package/icon/icon-request.d.ts.map +1 -1
  202. package/icon.js +86 -86
  203. package/index.d.ts +2 -0
  204. package/index.js +2 -0
  205. package/link/common/block-link-common.d.ts.map +1 -1
  206. package/link/common/inline-link-common.d.ts.map +1 -1
  207. package/link/common/link-common.d.ts.map +1 -1
  208. package/menu/common/menu-action-common.d.ts.map +1 -1
  209. package/navigation/common/navigation-action-common.d.ts.map +1 -1
  210. package/notification.js +1 -1
  211. package/option/optgroup/optgroup.d.ts +2 -0
  212. package/option/optgroup/optgroup.d.ts.map +1 -1
  213. package/option/optgroup.js +24 -21
  214. package/option/option/option.d.ts +6 -5
  215. package/option/option/option.d.ts.map +1 -1
  216. package/option/option.js +72 -69
  217. package/package.json +11 -1
  218. package/popover/popover-trigger.js +1 -1
  219. package/radio-button/common/radio-button-common.d.ts.map +1 -1
  220. package/standard-theme.css +196 -0
  221. package/table/table-wrapper/table-wrapper.d.ts +24 -0
  222. package/table/table-wrapper/table-wrapper.d.ts.map +1 -0
  223. package/table/table-wrapper.d.ts +2 -0
  224. package/table/table-wrapper.d.ts.map +1 -0
  225. package/table/table-wrapper.js +39 -0
  226. package/table.d.ts +2 -0
  227. package/table.d.ts.map +1 -0
  228. package/table.js +1 -0
  229. package/tabs/tab-group/tab-group.d.ts +4 -7
  230. package/tabs/tab-group/tab-group.d.ts.map +1 -1
  231. package/tabs/tab-group.js +80 -81
  232. package/toggle-check/toggle-check.d.ts +2 -2
  233. package/toggle-check/toggle-check.d.ts.map +1 -1
  234. package/visual-checkbox.js +4 -4
package/visual-checkbox.js CHANGED
@@ -1,13 +1,13 @@
1
- import { css as v, LitElement as h, html as t, nothing as d } from "lit";
1
+ import { css as d, LitElement as v, html as t, nothing as h } from "lit";
2
2
  import { property as n, customElement as u } from "lit/decorators.js";
3
3
  import { SbbDisabledMixin as k, SbbNegativeMixin as x } from "./core/mixins.js";
4
- const m = v`*,:before,:after{box-sizing:border-box}:host{--sbb-visual-checkbox-dimension: var(--sbb-size-icon-ui-small);--sbb-visual-checkbox-background-color: var(--sbb-color-white);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-border-style: solid;--sbb-visual-checkbox-border-width: var(--sbb-border-width-1x);--sbb-visual-checkbox-selection-color: var(--sbb-color-red);--sbb-visual-checkbox-cursor: pointer;display:block}@media (forced-colors: active){:host{--sbb-visual-checkbox-selection-color: Canvas;--sbb-visual-checkbox-border-width: 0}}:host([negative]){--sbb-visual-checkbox-background-color: var(--sbb-color-midnight);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-selection-color: var(--sbb-color-red)}@media (forced-colors: active){:host([negative]){--sbb-visual-checkbox-selection-color: Canvas}}:host([disabled]){--sbb-visual-checkbox-background-color: var(--sbb-color-milk);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-border-style: dashed;--sbb-visual-checkbox-selection-color: var(--sbb-color-charcoal);--sbb-visual-checkbox-cursor: default}@media (forced-colors: active){:host([disabled]){--sbb-visual-checkbox-selection-color: Canvas}}:host([disabled][negative]){--sbb-visual-checkbox-background-color: var(--sbb-color-charcoal);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-selection-color: var(--sbb-color-white)}@media (forced-colors: active){:host([disabled][negative]){--sbb-visual-checkbox-selection-color: Canvas}}@media (forced-colors: active){:host([indeterminate]){--sbb-visual-checkbox-selection-color: ButtonBorder}}@media (forced-colors: active){:host([indeterminate][disabled]){--sbb-visual-checkbox-selection-color: GrayText}}.sbb-visual-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension);border-radius:var(--sbb-border-radius-2x);border:var(--sbb-visual-checkbox-border-width) var(--sbb-visual-checkbox-border-style) var(--sbb-visual-checkbox-border-color);background-color:var(--sbb-visual-checkbox-background-color);cursor:var(--sbb-visual-checkbox-cursor)}@media (forced-colors: active){.sbb-visual-checkbox{outline:var(--sbb-border-width-2x) solid ButtonBorder;outline-offset:calc(-1 * var(--sbb-border-width-2x))}:host([checked]) .sbb-visual-checkbox{background-color:HighLight;outline:none}:host([disabled]) .sbb-visual-checkbox{outline-color:GrayText}:host([checked][disabled]) .sbb-visual-checkbox{background-color:GrayText}}.sbb-visual-checkbox__icon{display:inline-flex;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension)}.sbb-visual-checkbox__icon svg{margin:auto}.sbb-visual-checkbox__icon path{stroke:var(--sbb-visual-checkbox-selection-color)}`;
4
+ const m = d`*,:before,:after{box-sizing:border-box}:host{--sbb-visual-checkbox-dimension: var(--sbb-size-icon-ui-small);--sbb-visual-checkbox-background-color: var(--sbb-color-white);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-border-style: solid;--sbb-visual-checkbox-border-width: var(--sbb-border-width-1x);--sbb-visual-checkbox-selection-color: var(--sbb-color-red);--sbb-visual-checkbox-cursor: pointer;display:block}@media (forced-colors: active){:host{--sbb-visual-checkbox-selection-color: Canvas;--sbb-visual-checkbox-border-width: 0}}:host([negative]){--sbb-visual-checkbox-background-color: var(--sbb-color-midnight);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-selection-color: var(--sbb-color-red)}@media (forced-colors: active){:host([negative]){--sbb-visual-checkbox-selection-color: Canvas}}:host([disabled]){--sbb-visual-checkbox-background-color: var(--sbb-color-milk);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-border-style: dashed;--sbb-visual-checkbox-selection-color: var(--sbb-color-charcoal);--sbb-visual-checkbox-cursor: default}@media (forced-colors: active){:host([disabled]){--sbb-visual-checkbox-selection-color: Canvas}}:host([disabled][negative]){--sbb-visual-checkbox-background-color: var(--sbb-color-charcoal);--sbb-visual-checkbox-border-color: var(--sbb-color-smoke);--sbb-visual-checkbox-selection-color: var(--sbb-color-white)}@media (forced-colors: active){:host([disabled][negative]){--sbb-visual-checkbox-selection-color: Canvas}}@media (forced-colors: active){:host([indeterminate]){--sbb-visual-checkbox-selection-color: ButtonBorder}}@media (forced-colors: active){:host([indeterminate][disabled]){--sbb-visual-checkbox-selection-color: GrayText}}.sbb-visual-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension);border-radius:var(--sbb-border-radius-2x);border:var(--sbb-visual-checkbox-border-width) var(--sbb-visual-checkbox-border-style) var(--sbb-visual-checkbox-border-color);background-color:var(--sbb-visual-checkbox-background-color);cursor:var(--sbb-visual-checkbox-cursor)}@media (forced-colors: active){.sbb-visual-checkbox{outline:var(--sbb-border-width-2x) solid ButtonBorder;outline-offset:calc(-1 * var(--sbb-border-width-2x))}:host([checked]:not([indeterminate])) .sbb-visual-checkbox{background-color:HighLight;outline:none}:host([disabled]) .sbb-visual-checkbox{outline-color:GrayText}:host([checked][disabled]:not([indeterminate])) .sbb-visual-checkbox{background-color:GrayText}}.sbb-visual-checkbox__icon{display:inline-flex;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension)}.sbb-visual-checkbox__icon svg{margin:auto}.sbb-visual-checkbox__icon path{stroke:var(--sbb-visual-checkbox-selection-color)}`;
5
5
  var p = Object.defineProperty, g = Object.getOwnPropertyDescriptor, a = (l, s, c, b) => {
6
6
  for (var o = b > 1 ? void 0 : b ? g(s, c) : s, r = l.length - 1, i; r >= 0; r--)
7
7
  (i = l[r]) && (o = (b ? i(s, c, o) : i(o)) || o);
8
8
  return b && o && p(s, c, o), o;
9
9
  };
10
- let e = class extends k(x(h)) {
10
+ let e = class extends k(x(v)) {
11
11
  constructor() {
12
12
  super(...arguments), this.checked = !1, this.indeterminate = !1;
13
13
  }
@@ -28,7 +28,7 @@ let e = class extends k(x(h)) {
28
28
  stroke-linecap="round"
29
29
  stroke-linejoin="round"
30
30
  />
31
- </svg>` : d}
31
+ </svg>` : h}
32
32
  </span>
33
33
  </span>
34
34
  `;