@oicl/openbridge-webcomponents 0.0.8 → 0.0.10

Sign up to get free protection for your applications and to get access to all the features.
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": {