@sbb-esta/lyne-elements-dev 4.8.0-dev.1773828081 → 4.8.0-dev.1773833618

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.
package/README.md CHANGED
@@ -3,7 +3,7 @@
3
3
  > Lyne Components are the building blocks of the Lyne Design System
4
4
  > and are based on standard compliant Web Components
5
5
  > created using [Lit](https://lit.dev/) and
6
- > browsable through [Storybook](https://lyne-storybook.app.sbb.ch/)
6
+ > browsable through [Docs App](https://lyne-elements.app.sbb.ch/)
7
7
 
8
8
  ## 🎯 Our aim
9
9
 
@@ -17,7 +17,7 @@ Lyne Design Tokens and Lyne Components are available for developers and designer
17
17
  ## 📚 Documentation
18
18
 
19
19
  - General docs: [digital.sbb.ch](https://digital.sbb.ch)
20
- - Component docs: [Storybook](https://lyne-storybook.app.sbb.ch)
20
+ - [Component docs](https://lyne-elements.app.sbb.ch)
21
21
  - [Getting started guide](./docs/GETTING_STARTED.md)
22
22
 
23
23
  ## 🔗 Packages
@@ -120017,218 +120017,6 @@
120017
120017
  }
120018
120018
  ]
120019
120019
  },
120020
- {
120021
- "kind": "javascript-module",
120022
- "path": "sidebar/sidebar-container/sidebar-container.component.js",
120023
- "declarations": [
120024
- {
120025
- "kind": "class",
120026
- "description": "This is the parent component to one or two `<sbb-sidebar>`s that validates the state internally\nand coordinates the backdrop and content styling.",
120027
- "name": "SbbSidebarContainerElement",
120028
- "slots": [
120029
- {
120030
- "description": "Use the unnamed slot to add `sbb-sidebar` and `sbb-sidebar-content` elements.",
120031
- "name": ""
120032
- }
120033
- ],
120034
- "members": [
120035
- {
120036
- "kind": "field",
120037
- "name": "elementName",
120038
- "type": {
120039
- "text": "string"
120040
- },
120041
- "privacy": "public",
120042
- "static": true,
120043
- "readonly": true,
120044
- "default": "'sbb-sidebar-container'",
120045
- "inheritedFrom": {
120046
- "name": "SbbElement",
120047
- "module": "core/base-elements/element.js"
120048
- }
120049
- },
120050
- {
120051
- "kind": "field",
120052
- "name": "sidebars",
120053
- "type": {
120054
- "text": "SbbSidebarElement[]"
120055
- },
120056
- "privacy": "public",
120057
- "description": "The sidebar children.",
120058
- "readonly": true
120059
- },
120060
- {
120061
- "kind": "field",
120062
- "name": "start",
120063
- "type": {
120064
- "text": "SbbSidebarElement | null"
120065
- },
120066
- "privacy": "public",
120067
- "description": "The sidebar child with the `start` position.",
120068
- "readonly": true
120069
- },
120070
- {
120071
- "kind": "field",
120072
- "name": "end",
120073
- "type": {
120074
- "text": "SbbSidebarElement | null"
120075
- },
120076
- "privacy": "public",
120077
- "description": "The sidebar child with the `end` position.",
120078
- "readonly": true
120079
- },
120080
- {
120081
- "kind": "field",
120082
- "name": "_forcedClosedSidebars",
120083
- "privacy": "private",
120084
- "default": "new WeakSet<SbbSidebarElement>()"
120085
- },
120086
- {
120087
- "kind": "method",
120088
- "name": "_handleWidthChange",
120089
- "privacy": "private",
120090
- "return": {
120091
- "type": {
120092
- "text": "void"
120093
- }
120094
- }
120095
- },
120096
- {
120097
- "kind": "method",
120098
- "name": "_calculateSpaceState",
120099
- "privacy": "private",
120100
- "return": {
120101
- "type": {
120102
- "text": "Promise<void>"
120103
- }
120104
- },
120105
- "description": "Closes and opens sidebars depending on available width\nof the container and its parent container."
120106
- },
120107
- {
120108
- "kind": "field",
120109
- "name": "_hydrationRequired",
120110
- "type": {
120111
- "text": "boolean"
120112
- },
120113
- "privacy": "private",
120114
- "default": "!!this.shadowRoot",
120115
- "inheritedFrom": {
120116
- "name": "SbbElement",
120117
- "module": "core/base-elements/element.js"
120118
- }
120119
- },
120120
- {
120121
- "kind": "field",
120122
- "name": "_hydrationComplete",
120123
- "privacy": "private",
120124
- "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
120125
- "inheritedFrom": {
120126
- "name": "SbbElement",
120127
- "module": "core/base-elements/element.js"
120128
- }
120129
- },
120130
- {
120131
- "kind": "field",
120132
- "name": "_resolveHydration",
120133
- "type": {
120134
- "text": "(hydrationRequired: boolean) => void"
120135
- },
120136
- "privacy": "private",
120137
- "inheritedFrom": {
120138
- "name": "SbbElement",
120139
- "module": "core/base-elements/element.js"
120140
- }
120141
- },
120142
- {
120143
- "kind": "field",
120144
- "name": "hydrationRequired",
120145
- "type": {
120146
- "text": "boolean"
120147
- },
120148
- "privacy": "protected",
120149
- "description": "Returns whether hydration is required and not completed.",
120150
- "readonly": true,
120151
- "inheritedFrom": {
120152
- "name": "SbbElement",
120153
- "module": "core/base-elements/element.js"
120154
- },
120155
- "default": "!!this.shadowRoot"
120156
- },
120157
- {
120158
- "kind": "method",
120159
- "name": "toggleState",
120160
- "privacy": "protected",
120161
- "return": {
120162
- "type": {
120163
- "text": "void"
120164
- }
120165
- },
120166
- "parameters": [
120167
- {
120168
- "name": "value",
120169
- "type": {
120170
- "text": "string"
120171
- }
120172
- },
120173
- {
120174
- "name": "force",
120175
- "optional": true,
120176
- "type": {
120177
- "text": "boolean"
120178
- }
120179
- }
120180
- ],
120181
- "inheritedFrom": {
120182
- "name": "SbbElement",
120183
- "module": "core/base-elements/element.js"
120184
- }
120185
- },
120186
- {
120187
- "kind": "field",
120188
- "name": "['_$sbbElement$']",
120189
- "type": {
120190
- "text": "boolean"
120191
- },
120192
- "privacy": "public",
120193
- "static": true,
120194
- "default": "true",
120195
- "inheritedFrom": {
120196
- "name": "SbbElement",
120197
- "module": "core/base-elements/element.js"
120198
- }
120199
- },
120200
- {
120201
- "kind": "field",
120202
- "name": "_controllers",
120203
- "type": {
120204
- "text": "Set<SbbReactiveController> | undefined"
120205
- },
120206
- "privacy": "private",
120207
- "inheritedFrom": {
120208
- "name": "SbbElement",
120209
- "module": "core/base-elements/element.js"
120210
- }
120211
- }
120212
- ],
120213
- "superclass": {
120214
- "name": "SbbElement",
120215
- "module": "core/base-elements.js"
120216
- },
120217
- "tagName": "sbb-sidebar-container",
120218
- "customElement": true
120219
- }
120220
- ],
120221
- "exports": [
120222
- {
120223
- "kind": "js",
120224
- "name": "SbbSidebarContainerElement",
120225
- "declaration": {
120226
- "name": "SbbSidebarContainerElement",
120227
- "module": "sidebar/sidebar-container/sidebar-container.component.js"
120228
- }
120229
- }
120230
- ]
120231
- },
120232
120020
  {
120233
120021
  "kind": "javascript-module",
120234
120022
  "path": "sidebar/sidebar-close-button/sidebar-close-button.component.js",
@@ -121249,6 +121037,218 @@
121249
121037
  }
121250
121038
  ]
121251
121039
  },
121040
+ {
121041
+ "kind": "javascript-module",
121042
+ "path": "sidebar/sidebar-container/sidebar-container.component.js",
121043
+ "declarations": [
121044
+ {
121045
+ "kind": "class",
121046
+ "description": "This is the parent component to one or two `<sbb-sidebar>`s that validates the state internally\nand coordinates the backdrop and content styling.",
121047
+ "name": "SbbSidebarContainerElement",
121048
+ "slots": [
121049
+ {
121050
+ "description": "Use the unnamed slot to add `sbb-sidebar` and `sbb-sidebar-content` elements.",
121051
+ "name": ""
121052
+ }
121053
+ ],
121054
+ "members": [
121055
+ {
121056
+ "kind": "field",
121057
+ "name": "elementName",
121058
+ "type": {
121059
+ "text": "string"
121060
+ },
121061
+ "privacy": "public",
121062
+ "static": true,
121063
+ "readonly": true,
121064
+ "default": "'sbb-sidebar-container'",
121065
+ "inheritedFrom": {
121066
+ "name": "SbbElement",
121067
+ "module": "core/base-elements/element.js"
121068
+ }
121069
+ },
121070
+ {
121071
+ "kind": "field",
121072
+ "name": "sidebars",
121073
+ "type": {
121074
+ "text": "SbbSidebarElement[]"
121075
+ },
121076
+ "privacy": "public",
121077
+ "description": "The sidebar children.",
121078
+ "readonly": true
121079
+ },
121080
+ {
121081
+ "kind": "field",
121082
+ "name": "start",
121083
+ "type": {
121084
+ "text": "SbbSidebarElement | null"
121085
+ },
121086
+ "privacy": "public",
121087
+ "description": "The sidebar child with the `start` position.",
121088
+ "readonly": true
121089
+ },
121090
+ {
121091
+ "kind": "field",
121092
+ "name": "end",
121093
+ "type": {
121094
+ "text": "SbbSidebarElement | null"
121095
+ },
121096
+ "privacy": "public",
121097
+ "description": "The sidebar child with the `end` position.",
121098
+ "readonly": true
121099
+ },
121100
+ {
121101
+ "kind": "field",
121102
+ "name": "_forcedClosedSidebars",
121103
+ "privacy": "private",
121104
+ "default": "new WeakSet<SbbSidebarElement>()"
121105
+ },
121106
+ {
121107
+ "kind": "method",
121108
+ "name": "_handleWidthChange",
121109
+ "privacy": "private",
121110
+ "return": {
121111
+ "type": {
121112
+ "text": "void"
121113
+ }
121114
+ }
121115
+ },
121116
+ {
121117
+ "kind": "method",
121118
+ "name": "_calculateSpaceState",
121119
+ "privacy": "private",
121120
+ "return": {
121121
+ "type": {
121122
+ "text": "Promise<void>"
121123
+ }
121124
+ },
121125
+ "description": "Closes and opens sidebars depending on available width\nof the container and its parent container."
121126
+ },
121127
+ {
121128
+ "kind": "field",
121129
+ "name": "_hydrationRequired",
121130
+ "type": {
121131
+ "text": "boolean"
121132
+ },
121133
+ "privacy": "private",
121134
+ "default": "!!this.shadowRoot",
121135
+ "inheritedFrom": {
121136
+ "name": "SbbElement",
121137
+ "module": "core/base-elements/element.js"
121138
+ }
121139
+ },
121140
+ {
121141
+ "kind": "field",
121142
+ "name": "_hydrationComplete",
121143
+ "privacy": "private",
121144
+ "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
121145
+ "inheritedFrom": {
121146
+ "name": "SbbElement",
121147
+ "module": "core/base-elements/element.js"
121148
+ }
121149
+ },
121150
+ {
121151
+ "kind": "field",
121152
+ "name": "_resolveHydration",
121153
+ "type": {
121154
+ "text": "(hydrationRequired: boolean) => void"
121155
+ },
121156
+ "privacy": "private",
121157
+ "inheritedFrom": {
121158
+ "name": "SbbElement",
121159
+ "module": "core/base-elements/element.js"
121160
+ }
121161
+ },
121162
+ {
121163
+ "kind": "field",
121164
+ "name": "hydrationRequired",
121165
+ "type": {
121166
+ "text": "boolean"
121167
+ },
121168
+ "privacy": "protected",
121169
+ "description": "Returns whether hydration is required and not completed.",
121170
+ "readonly": true,
121171
+ "inheritedFrom": {
121172
+ "name": "SbbElement",
121173
+ "module": "core/base-elements/element.js"
121174
+ },
121175
+ "default": "!!this.shadowRoot"
121176
+ },
121177
+ {
121178
+ "kind": "method",
121179
+ "name": "toggleState",
121180
+ "privacy": "protected",
121181
+ "return": {
121182
+ "type": {
121183
+ "text": "void"
121184
+ }
121185
+ },
121186
+ "parameters": [
121187
+ {
121188
+ "name": "value",
121189
+ "type": {
121190
+ "text": "string"
121191
+ }
121192
+ },
121193
+ {
121194
+ "name": "force",
121195
+ "optional": true,
121196
+ "type": {
121197
+ "text": "boolean"
121198
+ }
121199
+ }
121200
+ ],
121201
+ "inheritedFrom": {
121202
+ "name": "SbbElement",
121203
+ "module": "core/base-elements/element.js"
121204
+ }
121205
+ },
121206
+ {
121207
+ "kind": "field",
121208
+ "name": "['_$sbbElement$']",
121209
+ "type": {
121210
+ "text": "boolean"
121211
+ },
121212
+ "privacy": "public",
121213
+ "static": true,
121214
+ "default": "true",
121215
+ "inheritedFrom": {
121216
+ "name": "SbbElement",
121217
+ "module": "core/base-elements/element.js"
121218
+ }
121219
+ },
121220
+ {
121221
+ "kind": "field",
121222
+ "name": "_controllers",
121223
+ "type": {
121224
+ "text": "Set<SbbReactiveController> | undefined"
121225
+ },
121226
+ "privacy": "private",
121227
+ "inheritedFrom": {
121228
+ "name": "SbbElement",
121229
+ "module": "core/base-elements/element.js"
121230
+ }
121231
+ }
121232
+ ],
121233
+ "superclass": {
121234
+ "name": "SbbElement",
121235
+ "module": "core/base-elements.js"
121236
+ },
121237
+ "tagName": "sbb-sidebar-container",
121238
+ "customElement": true
121239
+ }
121240
+ ],
121241
+ "exports": [
121242
+ {
121243
+ "kind": "js",
121244
+ "name": "SbbSidebarContainerElement",
121245
+ "declaration": {
121246
+ "name": "SbbSidebarContainerElement",
121247
+ "module": "sidebar/sidebar-container/sidebar-container.component.js"
121248
+ }
121249
+ }
121250
+ ]
121251
+ },
121252
121252
  {
121253
121253
  "kind": "javascript-module",
121254
121254
  "path": "sidebar/sidebar-content/sidebar-content.component.js",
package/index.d.ts CHANGED
@@ -14,7 +14,6 @@ import { SbbChipElement, SbbChipGroupElement } from "./chip.js";
14
14
  import { SbbChipLabelElement } from "./chip-label.js";
15
15
  import { SbbClockElement } from "./clock.js";
16
16
  import { SbbContainerElement, SbbStickyBarElement } from "./container.js";
17
- import { SbbElement } from "./core.js";
18
17
  import { SbbDateInputElement } from "./date-input.js";
19
18
  import { SbbDatepickerElement, SbbDatepickerNextDayElement, SbbDatepickerPreviousDayElement, SbbDatepickerToggleElement } from "./datepicker.js";
20
19
  import { SbbDialogActionsElement, SbbDialogCloseButtonElement, SbbDialogContentElement, SbbDialogElement, SbbDialogTitleElement } from "./dialog.js";
@@ -126,7 +125,6 @@ declare global {
126
125
  var SbbDialogElement: SbbDialogElement;
127
126
  var SbbDialogTitleElement: SbbDialogTitleElement;
128
127
  var SbbDividerElement: SbbDividerElement;
129
- var SbbElement: SbbElement;
130
128
  var SbbErrorElement: SbbErrorElement;
131
129
  var SbbExpansionPanelContentElement: SbbExpansionPanelContentElement;
132
130
  var SbbExpansionPanelElement: SbbExpansionPanelElement;
package/index.js CHANGED
@@ -14,7 +14,6 @@ import { SbbChipElement, SbbChipGroupElement } from "./chip.js";
14
14
  import { SbbChipLabelElement } from "./chip-label.js";
15
15
  import { SbbClockElement } from "./clock.js";
16
16
  import { SbbContainerElement, SbbStickyBarElement } from "./container.js";
17
- import { SbbElement } from "./core.js";
18
17
  import { SbbDateInputElement } from "./date-input.js";
19
18
  import { SbbDatepickerElement, SbbDatepickerNextDayElement, SbbDatepickerPreviousDayElement, SbbDatepickerToggleElement } from "./datepicker.js";
20
19
  import { SbbDialogActionsElement, SbbDialogCloseButtonElement, SbbDialogContentElement, SbbDialogElement, SbbDialogTitleElement } from "./dialog.js";
@@ -126,7 +125,6 @@ globalThis.SbbDialogContentElement = SbbDialogContentElement;
126
125
  globalThis.SbbDialogElement = SbbDialogElement;
127
126
  globalThis.SbbDialogTitleElement = SbbDialogTitleElement;
128
127
  globalThis.SbbDividerElement = SbbDividerElement;
129
- globalThis.SbbElement = SbbElement;
130
128
  globalThis.SbbErrorElement = SbbErrorElement;
131
129
  globalThis.SbbExpansionPanelContentElement = SbbExpansionPanelContentElement;
132
130
  globalThis.SbbExpansionPanelElement = SbbExpansionPanelElement;
package/package.json CHANGED
@@ -1,13 +1,12 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements-dev",
3
- "version": "4.8.0-dev.1773828081",
3
+ "version": "4.8.0-dev.1773833618",
4
4
  "description": "Lyne Design System",
5
5
  "keywords": [
6
6
  "design system",
7
7
  "web components",
8
8
  "lit",
9
- "storybook",
10
- "https://github.com/sbb-design-systems/lyne-components/commit/ae9579ec62630942a9f2736c3219730f0751bc5b"
9
+ "https://github.com/sbb-design-systems/lyne-components/commit/11e211a76adf08110b930b0276c3be317fafb069"
11
10
  ],
12
11
  "type": "module",
13
12
  "exports": {