@oicl/openbridge-webcomponents 0.0.8 → 0.0.10

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 (86) hide show
  1. package/.release-it.json +12 -0
  2. package/.storybook/main.ts +17 -0
  3. package/.storybook/preview.ts +0 -1
  4. package/CHANGELOG.md +118 -41
  5. package/__snapshots__/application-topbar--inactive.png +0 -0
  6. package/__snapshots__/button-button--raised-disabled.png +0 -0
  7. package/__snapshots__/button-rich-button--with-graphic-info.png +0 -0
  8. package/__snapshots__/input-slider--no-icons.png +0 -0
  9. package/__snapshots__/input-slider--no-value.png +0 -0
  10. package/__snapshots__/line-corner-line--primary.png +0 -0
  11. package/__snapshots__/line-example--air.png +0 -0
  12. package/__snapshots__/line-example--connector.png +0 -0
  13. package/__snapshots__/line-example--electric.png +0 -0
  14. package/__snapshots__/line-example--fluid.png +0 -0
  15. package/__snapshots__/line-horizontal-line--primary.png +0 -0
  16. package/__snapshots__/line-vertical-line--complex.png +0 -0
  17. package/__snapshots__/line-vertical-line--primary.png +0 -0
  18. package/custom-elements.json +679 -297
  19. package/dist/automation/corner-line/corner-line.d.ts +22 -0
  20. package/dist/automation/corner-line/corner-line.d.ts.map +1 -0
  21. package/dist/automation/corner-line/corner-line.js +161 -0
  22. package/dist/automation/corner-line/corner-line.js.map +1 -0
  23. package/dist/automation/horizontal-line/horizontal-line.d.ts +15 -0
  24. package/dist/automation/horizontal-line/horizontal-line.d.ts.map +1 -0
  25. package/dist/automation/horizontal-line/horizontal-line.js +110 -0
  26. package/dist/automation/horizontal-line/horizontal-line.js.map +1 -0
  27. package/dist/automation/index.d.ts +20 -0
  28. package/dist/automation/index.d.ts.map +1 -0
  29. package/dist/automation/index.js +42 -0
  30. package/dist/automation/index.js.map +1 -0
  31. package/dist/automation/vertical-line/vertical-line.d.ts +15 -0
  32. package/dist/automation/vertical-line/vertical-line.d.ts.map +1 -0
  33. package/dist/automation/vertical-line/vertical-line.js +111 -0
  34. package/dist/automation/vertical-line/vertical-line.js.map +1 -0
  35. package/dist/components/brilliance-menu/brilliance-menu.d.ts.map +1 -1
  36. package/dist/components/brilliance-menu/brilliance-menu.js +2 -0
  37. package/dist/components/brilliance-menu/brilliance-menu.js.map +1 -1
  38. package/dist/components/button/button.css.js +2 -2
  39. package/dist/components/navigation-item/navigation-item.css.js +2 -1
  40. package/dist/components/navigation-item/navigation-item.css.js.map +1 -1
  41. package/dist/components/notification-button/notification-button.css.js +1 -1
  42. package/dist/components/rich-button/rich-button.css.js +20 -10
  43. package/dist/components/rich-button/rich-button.css.js.map +1 -1
  44. package/dist/components/rich-button/rich-button.d.ts +1 -0
  45. package/dist/components/rich-button/rich-button.d.ts.map +1 -1
  46. package/dist/components/rich-button/rich-button.js +5 -0
  47. package/dist/components/rich-button/rich-button.js.map +1 -1
  48. package/dist/components/slider/slider.css.js +20 -0
  49. package/dist/components/slider/slider.css.js.map +1 -1
  50. package/dist/components/slider/slider.d.ts +8 -0
  51. package/dist/components/slider/slider.d.ts.map +1 -1
  52. package/dist/components/slider/slider.js +44 -18
  53. package/dist/components/slider/slider.js.map +1 -1
  54. package/dist/components/top-bar/top-bar.css.js +5 -1
  55. package/dist/components/top-bar/top-bar.css.js.map +1 -1
  56. package/dist/components/top-bar/top-bar.d.ts.map +1 -1
  57. package/dist/components/top-bar/top-bar.js +8 -8
  58. package/dist/components/top-bar/top-bar.js.map +1 -1
  59. package/fix-generated.cjs +1 -0
  60. package/package.json +20 -26
  61. package/src/automation/corner-line/corner-line.stories.ts +31 -0
  62. package/src/automation/corner-line/corner-line.ts +167 -0
  63. package/src/automation/horizontal-line/horizontal-line.stories.ts +28 -0
  64. package/src/automation/horizontal-line/horizontal-line.ts +100 -0
  65. package/src/automation/index.ts +41 -0
  66. package/src/automation/line.stories.ts +142 -0
  67. package/src/automation/vertical-line/vertical-line.stories.ts +71 -0
  68. package/src/automation/vertical-line/vertical-line.ts +104 -0
  69. package/src/components/brilliance-menu/brilliance-menu.ts +2 -0
  70. package/src/components/rich-button/rich-button.css +15 -2
  71. package/src/components/rich-button/rich-button.stories.ts +36 -0
  72. package/src/components/rich-button/rich-button.ts +2 -0
  73. package/src/components/slider/slider.css +20 -0
  74. package/src/components/slider/slider.stories.ts +20 -1
  75. package/src/components/slider/slider.ts +43 -19
  76. package/src/components/top-bar/top-bar.css +4 -0
  77. package/src/components/top-bar/top-bar.ts +10 -8
  78. package/src/palettes/variables.css +64 -43
  79. package/.yarnrc.yml +0 -1
  80. package/script/svg-instruments/convert-svg.ts +0 -246
  81. package/script/svg-instruments/environment.d.ts +0 -7
  82. package/script/svg-instruments/exports.ts +0 -82
  83. package/script/svg-instruments/figma-types.ts +0 -804
  84. package/script/svg-instruments/figmaImport.ts +0 -79
  85. package/script/svg-instruments/main.ts +0 -109
  86. package/test.svg +0 -3
@@ -103,6 +103,64 @@
103
103
  "declarations": [],
104
104
  "exports": []
105
105
  },
106
+ {
107
+ "kind": "javascript-module",
108
+ "path": "src/automation/index.ts",
109
+ "declarations": [
110
+ {
111
+ "kind": "function",
112
+ "name": "lineColor",
113
+ "return": {
114
+ "type": {
115
+ "text": "{\n inner: string;\n outer: string;\n}"
116
+ }
117
+ },
118
+ "parameters": [
119
+ {
120
+ "name": "medium",
121
+ "type": {
122
+ "text": "LineMediumType"
123
+ }
124
+ }
125
+ ]
126
+ },
127
+ {
128
+ "kind": "function",
129
+ "name": "lineWidth",
130
+ "return": {
131
+ "type": {
132
+ "text": "number"
133
+ }
134
+ },
135
+ "parameters": [
136
+ {
137
+ "name": "lineType",
138
+ "type": {
139
+ "text": "LineTypeType"
140
+ }
141
+ }
142
+ ]
143
+ }
144
+ ],
145
+ "exports": [
146
+ {
147
+ "kind": "js",
148
+ "name": "lineColor",
149
+ "declaration": {
150
+ "name": "lineColor",
151
+ "module": "src/automation/index.ts"
152
+ }
153
+ },
154
+ {
155
+ "kind": "js",
156
+ "name": "lineWidth",
157
+ "declaration": {
158
+ "name": "lineWidth",
159
+ "module": "src/automation/index.ts"
160
+ }
161
+ }
162
+ ]
163
+ },
106
164
  {
107
165
  "kind": "javascript-module",
108
166
  "path": "src/icons/icon-01-add.ts",
@@ -37998,90 +38056,256 @@
37998
38056
  },
37999
38057
  {
38000
38058
  "kind": "javascript-module",
38001
- "path": "src/components/alert-icon/alert-icon.ts",
38059
+ "path": "src/automation/corner-line/corner-line.ts",
38002
38060
  "declarations": [
38003
38061
  {
38004
- "kind": "variable",
38005
- "name": "AlertIconNames",
38006
- "default": "Object.keys(mapping)"
38062
+ "kind": "class",
38063
+ "description": "",
38064
+ "name": "ObcCornerLine",
38065
+ "members": [
38066
+ {
38067
+ "kind": "field",
38068
+ "name": "medium",
38069
+ "type": {
38070
+ "text": "LineMediumType"
38071
+ },
38072
+ "attribute": "medium"
38073
+ },
38074
+ {
38075
+ "kind": "field",
38076
+ "name": "direction",
38077
+ "type": {
38078
+ "text": "CornerLineDirectionType"
38079
+ },
38080
+ "attribute": "direction"
38081
+ },
38082
+ {
38083
+ "kind": "field",
38084
+ "name": "lineType",
38085
+ "type": {
38086
+ "text": "LineTypeType"
38087
+ },
38088
+ "attribute": "line-type"
38089
+ }
38090
+ ],
38091
+ "attributes": [
38092
+ {
38093
+ "name": "medium",
38094
+ "type": {
38095
+ "text": "LineMediumType"
38096
+ },
38097
+ "fieldName": "medium"
38098
+ },
38099
+ {
38100
+ "name": "direction",
38101
+ "type": {
38102
+ "text": "CornerLineDirectionType"
38103
+ },
38104
+ "fieldName": "direction"
38105
+ },
38106
+ {
38107
+ "name": "line-type",
38108
+ "type": {
38109
+ "text": "LineTypeType"
38110
+ },
38111
+ "fieldName": "lineType"
38112
+ }
38113
+ ],
38114
+ "superclass": {
38115
+ "name": "LitElement",
38116
+ "package": "lit"
38117
+ },
38118
+ "tagName": "obc-corner-line",
38119
+ "customElement": true
38120
+ }
38121
+ ],
38122
+ "exports": [
38123
+ {
38124
+ "kind": "js",
38125
+ "name": "ObcCornerLine",
38126
+ "declaration": {
38127
+ "name": "ObcCornerLine",
38128
+ "module": "src/automation/corner-line/corner-line.ts"
38129
+ }
38007
38130
  },
38131
+ {
38132
+ "kind": "custom-element-definition",
38133
+ "name": "obc-corner-line",
38134
+ "declaration": {
38135
+ "name": "ObcCornerLine",
38136
+ "module": "src/automation/corner-line/corner-line.ts"
38137
+ }
38138
+ }
38139
+ ]
38140
+ },
38141
+ {
38142
+ "kind": "javascript-module",
38143
+ "path": "src/automation/horizontal-line/horizontal-line.ts",
38144
+ "declarations": [
38008
38145
  {
38009
38146
  "kind": "class",
38010
- "description": "Icon used for alerts and notification with blinking effect",
38011
- "name": "ObcAlertIcon",
38147
+ "description": "",
38148
+ "name": "ObcHorizontalLine",
38012
38149
  "members": [
38013
38150
  {
38014
38151
  "kind": "field",
38015
- "name": "blinkValue",
38152
+ "name": "medium",
38016
38153
  "type": {
38017
- "text": "boolean"
38154
+ "text": "LineMediumType"
38018
38155
  },
38019
- "default": "false",
38020
- "description": "This value should alternate between true and false to make the icon blink.",
38021
- "attribute": "blink-value"
38156
+ "attribute": "medium"
38022
38157
  },
38023
38158
  {
38024
38159
  "kind": "field",
38025
- "name": "name",
38160
+ "name": "lineType",
38026
38161
  "type": {
38027
- "text": "AlertIconName"
38162
+ "text": "LineTypeType"
38028
38163
  },
38029
- "default": "'alarm-unack'",
38030
- "description": "Name of the icon.",
38031
- "attribute": "name"
38164
+ "attribute": "line-type"
38165
+ },
38166
+ {
38167
+ "kind": "field",
38168
+ "name": "length",
38169
+ "type": {
38170
+ "text": "number"
38171
+ },
38172
+ "default": "1",
38173
+ "attribute": "length"
38032
38174
  }
38033
38175
  ],
38034
38176
  "attributes": [
38035
38177
  {
38036
- "name": "blink-value",
38178
+ "name": "medium",
38037
38179
  "type": {
38038
- "text": "boolean"
38180
+ "text": "LineMediumType"
38039
38181
  },
38040
- "default": "false",
38041
- "description": "This value should alternate between true and false to make the icon blink.",
38042
- "fieldName": "blinkValue"
38182
+ "fieldName": "medium"
38043
38183
  },
38044
38184
  {
38045
- "name": "name",
38185
+ "name": "line-type",
38046
38186
  "type": {
38047
- "text": "AlertIconName"
38187
+ "text": "LineTypeType"
38048
38188
  },
38049
- "default": "'alarm-unack'",
38050
- "description": "Name of the icon.",
38051
- "fieldName": "name"
38189
+ "fieldName": "lineType"
38190
+ },
38191
+ {
38192
+ "name": "length",
38193
+ "type": {
38194
+ "text": "number"
38195
+ },
38196
+ "default": "1",
38197
+ "fieldName": "length"
38052
38198
  }
38053
38199
  ],
38054
38200
  "superclass": {
38055
38201
  "name": "LitElement",
38056
38202
  "package": "lit"
38057
38203
  },
38058
- "tagName": "obc-alert-icon",
38204
+ "tagName": "obc-horizontal-line",
38059
38205
  "customElement": true
38060
38206
  }
38061
38207
  ],
38062
38208
  "exports": [
38063
38209
  {
38064
38210
  "kind": "js",
38065
- "name": "AlertIconNames",
38211
+ "name": "ObcHorizontalLine",
38066
38212
  "declaration": {
38067
- "name": "AlertIconNames",
38068
- "module": "src/components/alert-icon/alert-icon.ts"
38213
+ "name": "ObcHorizontalLine",
38214
+ "module": "src/automation/horizontal-line/horizontal-line.ts"
38069
38215
  }
38070
38216
  },
38217
+ {
38218
+ "kind": "custom-element-definition",
38219
+ "name": "obc-horizontal-line",
38220
+ "declaration": {
38221
+ "name": "ObcHorizontalLine",
38222
+ "module": "src/automation/horizontal-line/horizontal-line.ts"
38223
+ }
38224
+ }
38225
+ ]
38226
+ },
38227
+ {
38228
+ "kind": "javascript-module",
38229
+ "path": "src/automation/vertical-line/vertical-line.ts",
38230
+ "declarations": [
38231
+ {
38232
+ "kind": "class",
38233
+ "description": "",
38234
+ "name": "ObcVerticalLine",
38235
+ "members": [
38236
+ {
38237
+ "kind": "field",
38238
+ "name": "medium",
38239
+ "type": {
38240
+ "text": "LineMediumType"
38241
+ },
38242
+ "attribute": "medium"
38243
+ },
38244
+ {
38245
+ "kind": "field",
38246
+ "name": "lineType",
38247
+ "type": {
38248
+ "text": "LineTypeType"
38249
+ },
38250
+ "attribute": "line-type"
38251
+ },
38252
+ {
38253
+ "kind": "field",
38254
+ "name": "length",
38255
+ "type": {
38256
+ "text": "number"
38257
+ },
38258
+ "default": "1",
38259
+ "attribute": "length"
38260
+ }
38261
+ ],
38262
+ "attributes": [
38263
+ {
38264
+ "name": "medium",
38265
+ "type": {
38266
+ "text": "LineMediumType"
38267
+ },
38268
+ "fieldName": "medium"
38269
+ },
38270
+ {
38271
+ "name": "line-type",
38272
+ "type": {
38273
+ "text": "LineTypeType"
38274
+ },
38275
+ "fieldName": "lineType"
38276
+ },
38277
+ {
38278
+ "name": "length",
38279
+ "type": {
38280
+ "text": "number"
38281
+ },
38282
+ "default": "1",
38283
+ "fieldName": "length"
38284
+ }
38285
+ ],
38286
+ "superclass": {
38287
+ "name": "LitElement",
38288
+ "package": "lit"
38289
+ },
38290
+ "tagName": "obc-vertical-line",
38291
+ "customElement": true
38292
+ }
38293
+ ],
38294
+ "exports": [
38071
38295
  {
38072
38296
  "kind": "js",
38073
- "name": "ObcAlertIcon",
38297
+ "name": "ObcVerticalLine",
38074
38298
  "declaration": {
38075
- "name": "ObcAlertIcon",
38076
- "module": "src/components/alert-icon/alert-icon.ts"
38299
+ "name": "ObcVerticalLine",
38300
+ "module": "src/automation/vertical-line/vertical-line.ts"
38077
38301
  }
38078
38302
  },
38079
38303
  {
38080
38304
  "kind": "custom-element-definition",
38081
- "name": "obc-alert-icon",
38305
+ "name": "obc-vertical-line",
38082
38306
  "declaration": {
38083
- "name": "ObcAlertIcon",
38084
- "module": "src/components/alert-icon/alert-icon.ts"
38307
+ "name": "ObcVerticalLine",
38308
+ "module": "src/automation/vertical-line/vertical-line.ts"
38085
38309
  }
38086
38310
  }
38087
38311
  ]
@@ -38243,6 +38467,96 @@
38243
38467
  }
38244
38468
  ]
38245
38469
  },
38470
+ {
38471
+ "kind": "javascript-module",
38472
+ "path": "src/components/alert-icon/alert-icon.ts",
38473
+ "declarations": [
38474
+ {
38475
+ "kind": "variable",
38476
+ "name": "AlertIconNames",
38477
+ "default": "Object.keys(mapping)"
38478
+ },
38479
+ {
38480
+ "kind": "class",
38481
+ "description": "Icon used for alerts and notification with blinking effect",
38482
+ "name": "ObcAlertIcon",
38483
+ "members": [
38484
+ {
38485
+ "kind": "field",
38486
+ "name": "blinkValue",
38487
+ "type": {
38488
+ "text": "boolean"
38489
+ },
38490
+ "default": "false",
38491
+ "description": "This value should alternate between true and false to make the icon blink.",
38492
+ "attribute": "blink-value"
38493
+ },
38494
+ {
38495
+ "kind": "field",
38496
+ "name": "name",
38497
+ "type": {
38498
+ "text": "AlertIconName"
38499
+ },
38500
+ "default": "'alarm-unack'",
38501
+ "description": "Name of the icon.",
38502
+ "attribute": "name"
38503
+ }
38504
+ ],
38505
+ "attributes": [
38506
+ {
38507
+ "name": "blink-value",
38508
+ "type": {
38509
+ "text": "boolean"
38510
+ },
38511
+ "default": "false",
38512
+ "description": "This value should alternate between true and false to make the icon blink.",
38513
+ "fieldName": "blinkValue"
38514
+ },
38515
+ {
38516
+ "name": "name",
38517
+ "type": {
38518
+ "text": "AlertIconName"
38519
+ },
38520
+ "default": "'alarm-unack'",
38521
+ "description": "Name of the icon.",
38522
+ "fieldName": "name"
38523
+ }
38524
+ ],
38525
+ "superclass": {
38526
+ "name": "LitElement",
38527
+ "package": "lit"
38528
+ },
38529
+ "tagName": "obc-alert-icon",
38530
+ "customElement": true
38531
+ }
38532
+ ],
38533
+ "exports": [
38534
+ {
38535
+ "kind": "js",
38536
+ "name": "AlertIconNames",
38537
+ "declaration": {
38538
+ "name": "AlertIconNames",
38539
+ "module": "src/components/alert-icon/alert-icon.ts"
38540
+ }
38541
+ },
38542
+ {
38543
+ "kind": "js",
38544
+ "name": "ObcAlertIcon",
38545
+ "declaration": {
38546
+ "name": "ObcAlertIcon",
38547
+ "module": "src/components/alert-icon/alert-icon.ts"
38548
+ }
38549
+ },
38550
+ {
38551
+ "kind": "custom-element-definition",
38552
+ "name": "obc-alert-icon",
38553
+ "declaration": {
38554
+ "name": "ObcAlertIcon",
38555
+ "module": "src/components/alert-icon/alert-icon.ts"
38556
+ }
38557
+ }
38558
+ ]
38559
+ },
38246
38560
  {
38247
38561
  "kind": "javascript-module",
38248
38562
  "path": "src/components/alert-menu/alert-menu.ts",
@@ -38784,6 +39098,63 @@
38784
39098
  }
38785
39099
  ]
38786
39100
  },
39101
+ {
39102
+ "kind": "javascript-module",
39103
+ "path": "src/components/app-menu/app-menu.ts",
39104
+ "declarations": [
39105
+ {
39106
+ "kind": "class",
39107
+ "description": "",
39108
+ "name": "ObcAppMenu",
39109
+ "members": [
39110
+ {
39111
+ "kind": "method",
39112
+ "name": "onSearchInput",
39113
+ "parameters": [
39114
+ {
39115
+ "name": "e",
39116
+ "type": {
39117
+ "text": "Event"
39118
+ }
39119
+ }
39120
+ ]
39121
+ }
39122
+ ],
39123
+ "events": [
39124
+ {
39125
+ "name": "search",
39126
+ "type": {
39127
+ "text": "CustomEvent"
39128
+ }
39129
+ }
39130
+ ],
39131
+ "superclass": {
39132
+ "name": "LitElement",
39133
+ "package": "lit"
39134
+ },
39135
+ "tagName": "obc-app-menu",
39136
+ "customElement": true
39137
+ }
39138
+ ],
39139
+ "exports": [
39140
+ {
39141
+ "kind": "js",
39142
+ "name": "ObcAppMenu",
39143
+ "declaration": {
39144
+ "name": "ObcAppMenu",
39145
+ "module": "src/components/app-menu/app-menu.ts"
39146
+ }
39147
+ },
39148
+ {
39149
+ "kind": "custom-element-definition",
39150
+ "name": "obc-app-menu",
39151
+ "declaration": {
39152
+ "name": "ObcAppMenu",
39153
+ "module": "src/components/app-menu/app-menu.ts"
39154
+ }
39155
+ }
39156
+ ]
39157
+ },
38787
39158
  {
38788
39159
  "kind": "javascript-module",
38789
39160
  "path": "src/components/breadcrumb/breadcrumb.ts",
@@ -38828,21 +39199,73 @@
38828
39199
  },
38829
39200
  {
38830
39201
  "kind": "javascript-module",
38831
- "path": "src/components/app-menu/app-menu.ts",
39202
+ "path": "src/components/brilliance-menu/brilliance-menu.ts",
38832
39203
  "declarations": [
38833
39204
  {
38834
39205
  "kind": "class",
38835
39206
  "description": "",
38836
- "name": "ObcAppMenu",
39207
+ "name": "ObcBrillianceMenu",
38837
39208
  "members": [
39209
+ {
39210
+ "kind": "field",
39211
+ "name": "palette",
39212
+ "type": {
39213
+ "text": "String"
39214
+ },
39215
+ "default": "'day'",
39216
+ "description": "The palette to use. Possible values are 'night', 'dusk', 'day', 'bright'",
39217
+ "attribute": "palette"
39218
+ },
39219
+ {
39220
+ "kind": "field",
39221
+ "name": "brightness",
39222
+ "type": {
39223
+ "text": "Number"
39224
+ },
39225
+ "default": "50",
39226
+ "description": "The brightness value",
39227
+ "attribute": "brightness"
39228
+ },
39229
+ {
39230
+ "kind": "field",
39231
+ "name": "showAutoBrightness",
39232
+ "type": {
39233
+ "text": "Boolean"
39234
+ },
39235
+ "default": "false",
39236
+ "description": "Show the auto brightness toggle",
39237
+ "attribute": "show-auto-brightness"
39238
+ },
39239
+ {
39240
+ "kind": "field",
39241
+ "name": "showAutoPalette",
39242
+ "type": {
39243
+ "text": "Boolean"
39244
+ },
39245
+ "default": "false",
39246
+ "description": "Show the auto palette toggle",
39247
+ "attribute": "show-auto-palette"
39248
+ },
38838
39249
  {
38839
39250
  "kind": "method",
38840
- "name": "onSearchInput",
39251
+ "name": "onPaletteChanged",
38841
39252
  "parameters": [
38842
39253
  {
38843
- "name": "e",
39254
+ "name": "event",
38844
39255
  "type": {
38845
- "text": "Event"
39256
+ "text": "CustomEvent"
39257
+ }
39258
+ }
39259
+ ]
39260
+ },
39261
+ {
39262
+ "kind": "method",
39263
+ "name": "onBrightnessChanged",
39264
+ "parameters": [
39265
+ {
39266
+ "name": "event",
39267
+ "type": {
39268
+ "text": "CustomEvent"
38846
39269
  }
38847
39270
  }
38848
39271
  ]
@@ -38850,35 +39273,81 @@
38850
39273
  ],
38851
39274
  "events": [
38852
39275
  {
38853
- "name": "search",
39276
+ "name": "palette-changed",
38854
39277
  "type": {
38855
39278
  "text": "CustomEvent"
38856
- }
39279
+ },
39280
+ "description": "Fires when the palette is changed"
39281
+ },
39282
+ {
39283
+ "name": "brightness-changed",
39284
+ "type": {
39285
+ "text": "CustomEvent"
39286
+ },
39287
+ "description": "Fires when the brightness is changed"
39288
+ }
39289
+ ],
39290
+ "attributes": [
39291
+ {
39292
+ "name": "palette",
39293
+ "type": {
39294
+ "text": "String"
39295
+ },
39296
+ "default": "'day'",
39297
+ "description": "The palette to use. Possible values are 'night', 'dusk', 'day', 'bright'",
39298
+ "fieldName": "palette"
39299
+ },
39300
+ {
39301
+ "name": "brightness",
39302
+ "type": {
39303
+ "text": "Number"
39304
+ },
39305
+ "default": "50",
39306
+ "description": "The brightness value",
39307
+ "fieldName": "brightness"
39308
+ },
39309
+ {
39310
+ "name": "show-auto-brightness",
39311
+ "type": {
39312
+ "text": "Boolean"
39313
+ },
39314
+ "default": "false",
39315
+ "description": "Show the auto brightness toggle",
39316
+ "fieldName": "showAutoBrightness"
39317
+ },
39318
+ {
39319
+ "name": "show-auto-palette",
39320
+ "type": {
39321
+ "text": "Boolean"
39322
+ },
39323
+ "default": "false",
39324
+ "description": "Show the auto palette toggle",
39325
+ "fieldName": "showAutoPalette"
38857
39326
  }
38858
39327
  ],
38859
39328
  "superclass": {
38860
39329
  "name": "LitElement",
38861
39330
  "package": "lit"
38862
39331
  },
38863
- "tagName": "obc-app-menu",
39332
+ "tagName": "obc-brilliance-menu",
38864
39333
  "customElement": true
38865
39334
  }
38866
39335
  ],
38867
39336
  "exports": [
38868
39337
  {
38869
39338
  "kind": "js",
38870
- "name": "ObcAppMenu",
39339
+ "name": "ObcBrillianceMenu",
38871
39340
  "declaration": {
38872
- "name": "ObcAppMenu",
38873
- "module": "src/components/app-menu/app-menu.ts"
39341
+ "name": "ObcBrillianceMenu",
39342
+ "module": "src/components/brilliance-menu/brilliance-menu.ts"
38874
39343
  }
38875
39344
  },
38876
39345
  {
38877
39346
  "kind": "custom-element-definition",
38878
- "name": "obc-app-menu",
39347
+ "name": "obc-brilliance-menu",
38879
39348
  "declaration": {
38880
- "name": "ObcAppMenu",
38881
- "module": "src/components/app-menu/app-menu.ts"
39349
+ "name": "ObcBrillianceMenu",
39350
+ "module": "src/components/brilliance-menu/brilliance-menu.ts"
38882
39351
  }
38883
39352
  }
38884
39353
  ]
@@ -39073,155 +39542,107 @@
39073
39542
  },
39074
39543
  {
39075
39544
  "kind": "javascript-module",
39076
- "path": "src/components/brilliance-menu/brilliance-menu.ts",
39545
+ "path": "src/components/card-list-button/card-list-button.ts",
39077
39546
  "declarations": [
39078
39547
  {
39079
39548
  "kind": "class",
39080
39549
  "description": "",
39081
- "name": "ObcBrillianceMenu",
39550
+ "name": "ObcCardListButton",
39082
39551
  "members": [
39083
39552
  {
39084
39553
  "kind": "field",
39085
- "name": "palette",
39554
+ "name": "icon",
39086
39555
  "type": {
39087
- "text": "String"
39556
+ "text": "string"
39088
39557
  },
39089
- "default": "'day'",
39090
- "description": "The palette to use. Possible values are 'night', 'dusk', 'day', 'bright'",
39091
- "attribute": "palette"
39558
+ "default": "'01-placeholder'",
39559
+ "attribute": "icon"
39092
39560
  },
39093
39561
  {
39094
39562
  "kind": "field",
39095
- "name": "brightness",
39563
+ "name": "variant",
39096
39564
  "type": {
39097
- "text": "Number"
39565
+ "text": "string"
39098
39566
  },
39099
- "default": "50",
39100
- "description": "The brightness value",
39101
- "attribute": "brightness"
39567
+ "default": "'normal'",
39568
+ "attribute": "variant"
39102
39569
  },
39103
39570
  {
39104
39571
  "kind": "field",
39105
- "name": "showAutoBrightness",
39572
+ "name": "leadingIcon",
39106
39573
  "type": {
39107
- "text": "Boolean"
39574
+ "text": "NodeListOf<HTMLElement>"
39108
39575
  },
39109
- "default": "false",
39110
- "description": "Show the auto brightness toggle",
39111
- "attribute": "show-auto-brightness"
39576
+ "privacy": "private"
39112
39577
  },
39113
39578
  {
39114
39579
  "kind": "field",
39115
- "name": "showAutoPalette",
39580
+ "name": "trailingIcon",
39116
39581
  "type": {
39117
- "text": "Boolean"
39582
+ "text": "NodeListOf<HTMLElement>"
39118
39583
  },
39119
- "default": "false",
39120
- "description": "Show the auto palette toggle",
39121
- "attribute": "show-auto-palette"
39122
- },
39123
- {
39124
- "kind": "method",
39125
- "name": "onPaletteChanged",
39126
- "parameters": [
39127
- {
39128
- "name": "event",
39129
- "type": {
39130
- "text": "CustomEvent"
39131
- }
39132
- }
39133
- ]
39584
+ "privacy": "private"
39134
39585
  },
39135
39586
  {
39136
- "kind": "method",
39137
- "name": "onBrightnessChanged",
39138
- "parameters": [
39139
- {
39140
- "name": "event",
39141
- "type": {
39142
- "text": "CustomEvent"
39143
- }
39144
- }
39145
- ]
39146
- }
39147
- ],
39148
- "events": [
39149
- {
39150
- "name": "palette-changed",
39587
+ "kind": "field",
39588
+ "name": "hasIconLeading",
39151
39589
  "type": {
39152
- "text": "CustomEvent"
39590
+ "text": "boolean"
39153
39591
  },
39154
- "description": "Fires when the palette is changed"
39592
+ "privacy": "private",
39593
+ "default": "false"
39155
39594
  },
39156
39595
  {
39157
- "name": "brightness-changed",
39596
+ "kind": "field",
39597
+ "name": "hasIconTrailing",
39158
39598
  "type": {
39159
- "text": "CustomEvent"
39599
+ "text": "boolean"
39160
39600
  },
39161
- "description": "Fires when the brightness is changed"
39601
+ "privacy": "private",
39602
+ "default": "false"
39162
39603
  }
39163
39604
  ],
39164
39605
  "attributes": [
39165
39606
  {
39166
- "name": "palette",
39167
- "type": {
39168
- "text": "String"
39169
- },
39170
- "default": "'day'",
39171
- "description": "The palette to use. Possible values are 'night', 'dusk', 'day', 'bright'",
39172
- "fieldName": "palette"
39173
- },
39174
- {
39175
- "name": "brightness",
39176
- "type": {
39177
- "text": "Number"
39178
- },
39179
- "default": "50",
39180
- "description": "The brightness value",
39181
- "fieldName": "brightness"
39182
- },
39183
- {
39184
- "name": "show-auto-brightness",
39607
+ "name": "icon",
39185
39608
  "type": {
39186
- "text": "Boolean"
39609
+ "text": "string"
39187
39610
  },
39188
- "default": "false",
39189
- "description": "Show the auto brightness toggle",
39190
- "fieldName": "showAutoBrightness"
39611
+ "default": "'01-placeholder'",
39612
+ "fieldName": "icon"
39191
39613
  },
39192
39614
  {
39193
- "name": "show-auto-palette",
39615
+ "name": "variant",
39194
39616
  "type": {
39195
- "text": "Boolean"
39617
+ "text": "string"
39196
39618
  },
39197
- "default": "false",
39198
- "description": "Show the auto palette toggle",
39199
- "fieldName": "showAutoPalette"
39619
+ "default": "'normal'",
39620
+ "fieldName": "variant"
39200
39621
  }
39201
39622
  ],
39202
39623
  "superclass": {
39203
39624
  "name": "LitElement",
39204
39625
  "package": "lit"
39205
39626
  },
39206
- "tagName": "obc-brilliance-menu",
39627
+ "tagName": "obc-card-list-button",
39207
39628
  "customElement": true
39208
39629
  }
39209
39630
  ],
39210
39631
  "exports": [
39211
39632
  {
39212
39633
  "kind": "js",
39213
- "name": "ObcBrillianceMenu",
39634
+ "name": "ObcCardListButton",
39214
39635
  "declaration": {
39215
- "name": "ObcBrillianceMenu",
39216
- "module": "src/components/brilliance-menu/brilliance-menu.ts"
39636
+ "name": "ObcCardListButton",
39637
+ "module": "src/components/card-list-button/card-list-button.ts"
39217
39638
  }
39218
39639
  },
39219
39640
  {
39220
39641
  "kind": "custom-element-definition",
39221
- "name": "obc-brilliance-menu",
39642
+ "name": "obc-card-list-button",
39222
39643
  "declaration": {
39223
- "name": "ObcBrillianceMenu",
39224
- "module": "src/components/brilliance-menu/brilliance-menu.ts"
39644
+ "name": "ObcCardListButton",
39645
+ "module": "src/components/card-list-button/card-list-button.ts"
39225
39646
  }
39226
39647
  }
39227
39648
  ]
@@ -39316,113 +39737,6 @@
39316
39737
  }
39317
39738
  ]
39318
39739
  },
39319
- {
39320
- "kind": "javascript-module",
39321
- "path": "src/components/card-list-button/card-list-button.ts",
39322
- "declarations": [
39323
- {
39324
- "kind": "class",
39325
- "description": "",
39326
- "name": "ObcCardListButton",
39327
- "members": [
39328
- {
39329
- "kind": "field",
39330
- "name": "icon",
39331
- "type": {
39332
- "text": "string"
39333
- },
39334
- "default": "'01-placeholder'",
39335
- "attribute": "icon"
39336
- },
39337
- {
39338
- "kind": "field",
39339
- "name": "variant",
39340
- "type": {
39341
- "text": "string"
39342
- },
39343
- "default": "'normal'",
39344
- "attribute": "variant"
39345
- },
39346
- {
39347
- "kind": "field",
39348
- "name": "leadingIcon",
39349
- "type": {
39350
- "text": "NodeListOf<HTMLElement>"
39351
- },
39352
- "privacy": "private"
39353
- },
39354
- {
39355
- "kind": "field",
39356
- "name": "trailingIcon",
39357
- "type": {
39358
- "text": "NodeListOf<HTMLElement>"
39359
- },
39360
- "privacy": "private"
39361
- },
39362
- {
39363
- "kind": "field",
39364
- "name": "hasIconLeading",
39365
- "type": {
39366
- "text": "boolean"
39367
- },
39368
- "privacy": "private",
39369
- "default": "false"
39370
- },
39371
- {
39372
- "kind": "field",
39373
- "name": "hasIconTrailing",
39374
- "type": {
39375
- "text": "boolean"
39376
- },
39377
- "privacy": "private",
39378
- "default": "false"
39379
- }
39380
- ],
39381
- "attributes": [
39382
- {
39383
- "name": "icon",
39384
- "type": {
39385
- "text": "string"
39386
- },
39387
- "default": "'01-placeholder'",
39388
- "fieldName": "icon"
39389
- },
39390
- {
39391
- "name": "variant",
39392
- "type": {
39393
- "text": "string"
39394
- },
39395
- "default": "'normal'",
39396
- "fieldName": "variant"
39397
- }
39398
- ],
39399
- "superclass": {
39400
- "name": "LitElement",
39401
- "package": "lit"
39402
- },
39403
- "tagName": "obc-card-list-button",
39404
- "customElement": true
39405
- }
39406
- ],
39407
- "exports": [
39408
- {
39409
- "kind": "js",
39410
- "name": "ObcCardListButton",
39411
- "declaration": {
39412
- "name": "ObcCardListButton",
39413
- "module": "src/components/card-list-button/card-list-button.ts"
39414
- }
39415
- },
39416
- {
39417
- "kind": "custom-element-definition",
39418
- "name": "obc-card-list-button",
39419
- "declaration": {
39420
- "name": "ObcCardListButton",
39421
- "module": "src/components/card-list-button/card-list-button.ts"
39422
- }
39423
- }
39424
- ]
39425
- },
39426
39740
  {
39427
39741
  "kind": "javascript-module",
39428
39742
  "path": "src/components/context-menu/context-menu.ts",
@@ -40055,129 +40369,129 @@
40055
40369
  },
40056
40370
  {
40057
40371
  "kind": "javascript-module",
40058
- "path": "src/components/notification-message/notification-message.ts",
40372
+ "path": "src/components/notification-message-item/notification-message-item.ts",
40059
40373
  "declarations": [
40060
40374
  {
40061
40375
  "kind": "class",
40062
40376
  "description": "",
40063
- "name": "ObcNotificationMessage",
40377
+ "name": "ObcNotificationMessageItem",
40064
40378
  "members": [
40065
40379
  {
40066
40380
  "kind": "field",
40067
- "name": "large",
40068
- "type": {
40069
- "text": "boolean"
40070
- },
40071
- "default": "false",
40072
- "attribute": "large"
40073
- },
40074
- {
40075
- "kind": "field",
40076
- "name": "empty",
40381
+ "name": "time",
40077
40382
  "type": {
40078
- "text": "boolean"
40383
+ "text": "string"
40079
40384
  },
40080
- "default": "false",
40081
- "attribute": "empty"
40385
+ "default": "'2021-01-01T11:11:11.111Z'",
40386
+ "attribute": "time"
40082
40387
  }
40083
40388
  ],
40084
40389
  "attributes": [
40085
40390
  {
40086
- "name": "large",
40087
- "type": {
40088
- "text": "boolean"
40089
- },
40090
- "default": "false",
40091
- "fieldName": "large"
40092
- },
40093
- {
40094
- "name": "empty",
40391
+ "name": "time",
40095
40392
  "type": {
40096
- "text": "boolean"
40393
+ "text": "string"
40097
40394
  },
40098
- "default": "false",
40099
- "fieldName": "empty"
40395
+ "default": "'2021-01-01T11:11:11.111Z'",
40396
+ "fieldName": "time"
40100
40397
  }
40101
40398
  ],
40102
40399
  "superclass": {
40103
40400
  "name": "LitElement",
40104
40401
  "package": "lit"
40105
40402
  },
40106
- "tagName": "obc-notification-message",
40403
+ "tagName": "obc-notification-message-item",
40107
40404
  "customElement": true
40108
40405
  }
40109
40406
  ],
40110
40407
  "exports": [
40111
40408
  {
40112
40409
  "kind": "js",
40113
- "name": "ObcNotificationMessage",
40410
+ "name": "ObcNotificationMessageItem",
40114
40411
  "declaration": {
40115
- "name": "ObcNotificationMessage",
40116
- "module": "src/components/notification-message/notification-message.ts"
40412
+ "name": "ObcNotificationMessageItem",
40413
+ "module": "src/components/notification-message-item/notification-message-item.ts"
40117
40414
  }
40118
40415
  },
40119
40416
  {
40120
40417
  "kind": "custom-element-definition",
40121
- "name": "obc-notification-message",
40418
+ "name": "obc-notification-message-item",
40122
40419
  "declaration": {
40123
- "name": "ObcNotificationMessage",
40124
- "module": "src/components/notification-message/notification-message.ts"
40420
+ "name": "ObcNotificationMessageItem",
40421
+ "module": "src/components/notification-message-item/notification-message-item.ts"
40125
40422
  }
40126
40423
  }
40127
40424
  ]
40128
40425
  },
40129
40426
  {
40130
40427
  "kind": "javascript-module",
40131
- "path": "src/components/notification-message-item/notification-message-item.ts",
40428
+ "path": "src/components/notification-message/notification-message.ts",
40132
40429
  "declarations": [
40133
40430
  {
40134
40431
  "kind": "class",
40135
40432
  "description": "",
40136
- "name": "ObcNotificationMessageItem",
40433
+ "name": "ObcNotificationMessage",
40137
40434
  "members": [
40138
40435
  {
40139
40436
  "kind": "field",
40140
- "name": "time",
40437
+ "name": "large",
40141
40438
  "type": {
40142
- "text": "string"
40439
+ "text": "boolean"
40143
40440
  },
40144
- "default": "'2021-01-01T11:11:11.111Z'",
40145
- "attribute": "time"
40441
+ "default": "false",
40442
+ "attribute": "large"
40443
+ },
40444
+ {
40445
+ "kind": "field",
40446
+ "name": "empty",
40447
+ "type": {
40448
+ "text": "boolean"
40449
+ },
40450
+ "default": "false",
40451
+ "attribute": "empty"
40146
40452
  }
40147
40453
  ],
40148
40454
  "attributes": [
40149
40455
  {
40150
- "name": "time",
40456
+ "name": "large",
40151
40457
  "type": {
40152
- "text": "string"
40458
+ "text": "boolean"
40153
40459
  },
40154
- "default": "'2021-01-01T11:11:11.111Z'",
40155
- "fieldName": "time"
40460
+ "default": "false",
40461
+ "fieldName": "large"
40462
+ },
40463
+ {
40464
+ "name": "empty",
40465
+ "type": {
40466
+ "text": "boolean"
40467
+ },
40468
+ "default": "false",
40469
+ "fieldName": "empty"
40156
40470
  }
40157
40471
  ],
40158
40472
  "superclass": {
40159
40473
  "name": "LitElement",
40160
40474
  "package": "lit"
40161
40475
  },
40162
- "tagName": "obc-notification-message-item",
40476
+ "tagName": "obc-notification-message",
40163
40477
  "customElement": true
40164
40478
  }
40165
40479
  ],
40166
40480
  "exports": [
40167
40481
  {
40168
40482
  "kind": "js",
40169
- "name": "ObcNotificationMessageItem",
40483
+ "name": "ObcNotificationMessage",
40170
40484
  "declaration": {
40171
- "name": "ObcNotificationMessageItem",
40172
- "module": "src/components/notification-message-item/notification-message-item.ts"
40485
+ "name": "ObcNotificationMessage",
40486
+ "module": "src/components/notification-message/notification-message.ts"
40173
40487
  }
40174
40488
  },
40175
40489
  {
40176
40490
  "kind": "custom-element-definition",
40177
- "name": "obc-notification-message-item",
40491
+ "name": "obc-notification-message",
40178
40492
  "declaration": {
40179
- "name": "ObcNotificationMessageItem",
40180
- "module": "src/components/notification-message-item/notification-message-item.ts"
40493
+ "name": "ObcNotificationMessage",
40494
+ "module": "src/components/notification-message/notification-message.ts"
40181
40495
  }
40182
40496
  }
40183
40497
  ]
@@ -40207,6 +40521,15 @@
40207
40521
  },
40208
40522
  "attribute": "size"
40209
40523
  },
40524
+ {
40525
+ "kind": "field",
40526
+ "name": "info",
40527
+ "type": {
40528
+ "text": "boolean"
40529
+ },
40530
+ "default": "false",
40531
+ "attribute": "info"
40532
+ },
40210
40533
  {
40211
40534
  "kind": "field",
40212
40535
  "name": "hasLeadingIcon",
@@ -40277,6 +40600,14 @@
40277
40600
  },
40278
40601
  "fieldName": "size"
40279
40602
  },
40603
+ {
40604
+ "name": "info",
40605
+ "type": {
40606
+ "text": "boolean"
40607
+ },
40608
+ "default": "false",
40609
+ "fieldName": "info"
40610
+ },
40280
40611
  {
40281
40612
  "name": "has-leading-icon",
40282
40613
  "type": {
@@ -40457,6 +40788,33 @@
40457
40788
  "description": "The step value when clicking the increase or decrease buttons",
40458
40789
  "attribute": "step-click"
40459
40790
  },
40791
+ {
40792
+ "kind": "field",
40793
+ "name": "variant",
40794
+ "type": {
40795
+ "text": "ObcSliderVariantType"
40796
+ },
40797
+ "default": "'no-value'",
40798
+ "attribute": "variant"
40799
+ },
40800
+ {
40801
+ "kind": "field",
40802
+ "name": "hasLeftIcon",
40803
+ "type": {
40804
+ "text": "boolean"
40805
+ },
40806
+ "default": "false",
40807
+ "attribute": "has-left-icon"
40808
+ },
40809
+ {
40810
+ "kind": "field",
40811
+ "name": "hasRightIcon",
40812
+ "type": {
40813
+ "text": "boolean"
40814
+ },
40815
+ "default": "false",
40816
+ "attribute": "has-right-icon"
40817
+ },
40460
40818
  {
40461
40819
  "kind": "method",
40462
40820
  "name": "onInput",
@@ -40535,6 +40893,30 @@
40535
40893
  "default": "10",
40536
40894
  "description": "The step value when clicking the increase or decrease buttons",
40537
40895
  "fieldName": "stepClick"
40896
+ },
40897
+ {
40898
+ "name": "variant",
40899
+ "type": {
40900
+ "text": "ObcSliderVariantType"
40901
+ },
40902
+ "default": "'no-value'",
40903
+ "fieldName": "variant"
40904
+ },
40905
+ {
40906
+ "name": "has-left-icon",
40907
+ "type": {
40908
+ "text": "boolean"
40909
+ },
40910
+ "default": "false",
40911
+ "fieldName": "hasLeftIcon"
40912
+ },
40913
+ {
40914
+ "name": "has-right-icon",
40915
+ "type": {
40916
+ "text": "boolean"
40917
+ },
40918
+ "default": "false",
40919
+ "fieldName": "hasRightIcon"
40538
40920
  }
40539
40921
  ],
40540
40922
  "superclass": {