@skedulo/breeze-ui 0.8.6-preview-105.7 → 0.8.7

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.
@@ -72,97 +72,6 @@
72
72
  }
73
73
  ]
74
74
  },
75
- {
76
- "kind": "javascript-module",
77
- "path": "src/helpers/css-helpers.ts",
78
- "declarations": [
79
- {
80
- "kind": "function",
81
- "name": "getFocusStyles",
82
- "parameters": [
83
- {
84
- "name": "selector",
85
- "type": {
86
- "text": "string"
87
- },
88
- "description": "A CSS selector targeting an interactive element."
89
- },
90
- {
91
- "name": "extraRules",
92
- "default": "css``",
93
- "description": "Optional rules to append. Useful for overrides."
94
- }
95
- ],
96
- "description": "Returns a CSSResult applying focus outline styles to a given interactive\nelement. Reduces repetition throughout multiple components.\n\nTargets modern `:focus-visible` by default and includes a `:focus` fallback\nfor older browsers."
97
- },
98
- {
99
- "kind": "variable",
100
- "name": "invisibleButtonRules",
101
- "default": "css`\n background: none;\n border: 0;\n border-radius: var(--brz-border-radius-default);\n color: var(--brz-color-neutral-750);\n cursor: pointer;\n display: inline-flex;\n font: inherit;\n margin: 0;\n padding: 0;\n`",
102
- "description": "CSS rules to apply invisible styles to buttons. Use within a CSS declaration\nblock."
103
- },
104
- {
105
- "kind": "function",
106
- "name": "getInvisibleButtonStyles",
107
- "parameters": [
108
- {
109
- "name": "selector",
110
- "type": {
111
- "text": "string"
112
- },
113
- "description": "A CSS selector targeting a button"
114
- },
115
- {
116
- "name": "extraRules",
117
- "default": "css``",
118
- "description": "Optional rules to append. Useful for overrides."
119
- }
120
- ],
121
- "description": "Returns a CSSResult applying invisible styles to a button matching the given\nselector. Invisible buttons are a common pattern for icon-only close buttons.\n\nSince this applies to buttons, default focus styles are also automatically\nincluded for the selector. If you don't need them, or need to customise them,\nuse `invisibleButtonStyles` and `getFocusStyles()` separately instead."
122
- }
123
- ],
124
- "exports": [
125
- {
126
- "kind": "js",
127
- "name": "getFocusStyles",
128
- "declaration": {
129
- "name": "getFocusStyles",
130
- "module": "src/helpers/css-helpers.ts"
131
- }
132
- },
133
- {
134
- "kind": "js",
135
- "name": "invisibleButtonRules",
136
- "declaration": {
137
- "name": "invisibleButtonRules",
138
- "module": "src/helpers/css-helpers.ts"
139
- }
140
- },
141
- {
142
- "kind": "js",
143
- "name": "getInvisibleButtonStyles",
144
- "declaration": {
145
- "name": "getInvisibleButtonStyles",
146
- "module": "src/helpers/css-helpers.ts"
147
- }
148
- }
149
- ]
150
- },
151
- {
152
- "kind": "javascript-module",
153
- "path": "src/helpers/index.ts",
154
- "declarations": [],
155
- "exports": [
156
- {
157
- "kind": "js",
158
- "name": "*",
159
- "declaration": {
160
- "name": "*",
161
- "package": "./css-helpers"
162
- }
163
- }
164
- ]
165
- },
166
75
  {
167
76
  "kind": "javascript-module",
168
77
  "path": "src/animation/fade-in-out.ts",
@@ -266,6 +175,97 @@
266
175
  }
267
176
  ]
268
177
  },
178
+ {
179
+ "kind": "javascript-module",
180
+ "path": "src/helpers/css-helpers.ts",
181
+ "declarations": [
182
+ {
183
+ "kind": "function",
184
+ "name": "getFocusStyles",
185
+ "parameters": [
186
+ {
187
+ "name": "selector",
188
+ "type": {
189
+ "text": "string"
190
+ },
191
+ "description": "A CSS selector targeting an interactive element."
192
+ },
193
+ {
194
+ "name": "extraRules",
195
+ "default": "css``",
196
+ "description": "Optional rules to append. Useful for overrides."
197
+ }
198
+ ],
199
+ "description": "Returns a CSSResult applying focus outline styles to a given interactive\nelement. Reduces repetition throughout multiple components.\n\nTargets modern `:focus-visible` by default and includes a `:focus` fallback\nfor older browsers."
200
+ },
201
+ {
202
+ "kind": "variable",
203
+ "name": "invisibleButtonRules",
204
+ "default": "css`\n background: none;\n border: 0;\n border-radius: var(--brz-border-radius-default);\n color: var(--brz-color-neutral-750);\n cursor: pointer;\n display: inline-flex;\n font: inherit;\n margin: 0;\n padding: 0;\n`",
205
+ "description": "CSS rules to apply invisible styles to buttons. Use within a CSS declaration\nblock."
206
+ },
207
+ {
208
+ "kind": "function",
209
+ "name": "getInvisibleButtonStyles",
210
+ "parameters": [
211
+ {
212
+ "name": "selector",
213
+ "type": {
214
+ "text": "string"
215
+ },
216
+ "description": "A CSS selector targeting a button"
217
+ },
218
+ {
219
+ "name": "extraRules",
220
+ "default": "css``",
221
+ "description": "Optional rules to append. Useful for overrides."
222
+ }
223
+ ],
224
+ "description": "Returns a CSSResult applying invisible styles to a button matching the given\nselector. Invisible buttons are a common pattern for icon-only close buttons.\n\nSince this applies to buttons, default focus styles are also automatically\nincluded for the selector. If you don't need them, or need to customise them,\nuse `invisibleButtonStyles` and `getFocusStyles()` separately instead."
225
+ }
226
+ ],
227
+ "exports": [
228
+ {
229
+ "kind": "js",
230
+ "name": "getFocusStyles",
231
+ "declaration": {
232
+ "name": "getFocusStyles",
233
+ "module": "src/helpers/css-helpers.ts"
234
+ }
235
+ },
236
+ {
237
+ "kind": "js",
238
+ "name": "invisibleButtonRules",
239
+ "declaration": {
240
+ "name": "invisibleButtonRules",
241
+ "module": "src/helpers/css-helpers.ts"
242
+ }
243
+ },
244
+ {
245
+ "kind": "js",
246
+ "name": "getInvisibleButtonStyles",
247
+ "declaration": {
248
+ "name": "getInvisibleButtonStyles",
249
+ "module": "src/helpers/css-helpers.ts"
250
+ }
251
+ }
252
+ ]
253
+ },
254
+ {
255
+ "kind": "javascript-module",
256
+ "path": "src/helpers/index.ts",
257
+ "declarations": [],
258
+ "exports": [
259
+ {
260
+ "kind": "js",
261
+ "name": "*",
262
+ "declaration": {
263
+ "name": "*",
264
+ "package": "./css-helpers"
265
+ }
266
+ }
267
+ ]
268
+ },
269
269
  {
270
270
  "kind": "javascript-module",
271
271
  "path": "src/components/alert.ts",
@@ -19086,180 +19086,43 @@
19086
19086
  },
19087
19087
  {
19088
19088
  "kind": "javascript-module",
19089
- "path": "src/mixins/component-utils.ts",
19089
+ "path": "src/storybook/colors.stories.ts",
19090
19090
  "declarations": [
19091
19091
  {
19092
- "kind": "variable",
19093
- "name": "targetProperties",
19094
- "type": {
19095
- "text": "['m', 'p']"
19096
- },
19097
- "default": "['m', 'p']"
19098
- },
19099
- {
19100
- "kind": "variable",
19101
- "name": "targetAxes",
19102
- "type": {
19103
- "text": "['x', 'y']"
19104
- },
19105
- "default": "['x', 'y']"
19106
- },
19107
- {
19108
- "kind": "variable",
19109
- "name": "targetSides",
19110
- "type": {
19111
- "text": "['t', 'r', 'b', 'l']"
19112
- },
19113
- "default": "['t', 'r', 'b', 'l']"
19114
- },
19115
- {
19116
- "kind": "mixin",
19117
- "description": "",
19118
- "name": "WithUtils",
19092
+ "kind": "class",
19093
+ "description": "Story component to render a colour swatch.\nWill extract the hex code from a supplied color var and use it as the background.",
19094
+ "name": "ColorSwatch",
19119
19095
  "members": [
19120
19096
  {
19121
19097
  "kind": "field",
19122
- "name": "styles",
19098
+ "name": "colorVar",
19123
19099
  "type": {
19124
- "text": "array"
19100
+ "text": "string"
19125
19101
  },
19126
- "static": true,
19127
- "default": "[\n (Base as unknown as typeof LitElement).styles ?? [],\n ...spacingPropertyStyles,\n ]"
19102
+ "default": "''",
19103
+ "attribute": "colorVar"
19128
19104
  },
19129
19105
  {
19130
19106
  "kind": "field",
19131
- "name": "properties",
19107
+ "name": "lightText",
19132
19108
  "type": {
19133
- "text": "object"
19109
+ "text": "boolean"
19134
19110
  },
19135
- "static": true,
19136
- "default": "{\n ...((Base as unknown as typeof LitElement).properties ?? {}),\n ...spacingProperties,\n }"
19137
- },
19138
- {
19139
- "kind": "field",
19140
- "name": "",
19141
- "privacy": "public",
19142
- "attribute": ""
19111
+ "default": "false",
19112
+ "attribute": "light-text"
19143
19113
  }
19144
19114
  ],
19145
19115
  "attributes": [
19146
19116
  {
19147
- "name": "",
19148
- "fieldName": "",
19149
- "attribute": ""
19150
- }
19151
- ],
19152
- "parameters": [
19117
+ "name": "colorVar",
19118
+ "type": {
19119
+ "text": "string"
19120
+ },
19121
+ "default": "''",
19122
+ "fieldName": "colorVar"
19123
+ },
19153
19124
  {
19154
- "name": "Base",
19155
- "type": {
19156
- "text": "T"
19157
- }
19158
- }
19159
- ]
19160
- },
19161
- {
19162
- "kind": "variable",
19163
- "name": "LitElementWithUtils"
19164
- }
19165
- ],
19166
- "exports": [
19167
- {
19168
- "kind": "js",
19169
- "name": "targetProperties",
19170
- "declaration": {
19171
- "name": "targetProperties",
19172
- "module": "src/mixins/component-utils.ts"
19173
- }
19174
- },
19175
- {
19176
- "kind": "js",
19177
- "name": "targetAxes",
19178
- "declaration": {
19179
- "name": "targetAxes",
19180
- "module": "src/mixins/component-utils.ts"
19181
- }
19182
- },
19183
- {
19184
- "kind": "js",
19185
- "name": "targetSides",
19186
- "declaration": {
19187
- "name": "targetSides",
19188
- "module": "src/mixins/component-utils.ts"
19189
- }
19190
- },
19191
- {
19192
- "kind": "js",
19193
- "name": "WithUtils",
19194
- "declaration": {
19195
- "name": "WithUtils",
19196
- "module": "src/mixins/component-utils.ts"
19197
- }
19198
- },
19199
- {
19200
- "kind": "js",
19201
- "name": "LitElementWithUtils",
19202
- "declaration": {
19203
- "name": "LitElementWithUtils",
19204
- "module": "src/mixins/component-utils.ts"
19205
- }
19206
- }
19207
- ]
19208
- },
19209
- {
19210
- "kind": "javascript-module",
19211
- "path": "src/mixins/index.ts",
19212
- "declarations": [],
19213
- "exports": [
19214
- {
19215
- "kind": "js",
19216
- "name": "*",
19217
- "declaration": {
19218
- "name": "*",
19219
- "package": "./component-utils"
19220
- }
19221
- }
19222
- ]
19223
- },
19224
- {
19225
- "kind": "javascript-module",
19226
- "path": "src/storybook/colors.stories.ts",
19227
- "declarations": [
19228
- {
19229
- "kind": "class",
19230
- "description": "Story component to render a colour swatch.\nWill extract the hex code from a supplied color var and use it as the background.",
19231
- "name": "ColorSwatch",
19232
- "members": [
19233
- {
19234
- "kind": "field",
19235
- "name": "colorVar",
19236
- "type": {
19237
- "text": "string"
19238
- },
19239
- "default": "''",
19240
- "attribute": "colorVar"
19241
- },
19242
- {
19243
- "kind": "field",
19244
- "name": "lightText",
19245
- "type": {
19246
- "text": "boolean"
19247
- },
19248
- "default": "false",
19249
- "attribute": "light-text"
19250
- }
19251
- ],
19252
- "attributes": [
19253
- {
19254
- "name": "colorVar",
19255
- "type": {
19256
- "text": "string"
19257
- },
19258
- "default": "''",
19259
- "fieldName": "colorVar"
19260
- },
19261
- {
19262
- "name": "light-text",
19125
+ "name": "light-text",
19263
19126
  "type": {
19264
19127
  "text": "boolean"
19265
19128
  },
@@ -19404,109 +19267,137 @@
19404
19267
  },
19405
19268
  {
19406
19269
  "kind": "javascript-module",
19407
- "path": "src/surfaces/index.ts",
19408
- "declarations": [],
19409
- "exports": [
19270
+ "path": "src/mixins/component-utils.ts",
19271
+ "declarations": [
19410
19272
  {
19411
- "kind": "js",
19412
- "name": "*",
19413
- "declaration": {
19414
- "name": "*",
19415
- "package": "./card"
19416
- }
19273
+ "kind": "variable",
19274
+ "name": "targetProperties",
19275
+ "type": {
19276
+ "text": "['m', 'p']"
19277
+ },
19278
+ "default": "['m', 'p']"
19417
19279
  },
19418
19280
  {
19419
- "kind": "js",
19420
- "name": "*",
19421
- "declaration": {
19422
- "name": "*",
19423
- "package": "./paper"
19424
- }
19425
- }
19426
- ]
19427
- },
19428
- {
19429
- "kind": "javascript-module",
19430
- "path": "src/surfaces/paper.ts",
19431
- "declarations": [
19281
+ "kind": "variable",
19282
+ "name": "targetAxes",
19283
+ "type": {
19284
+ "text": "['x', 'y']"
19285
+ },
19286
+ "default": "['x', 'y']"
19287
+ },
19432
19288
  {
19433
19289
  "kind": "variable",
19434
- "name": "PAPER"
19290
+ "name": "targetSides",
19291
+ "type": {
19292
+ "text": "['t', 'r', 'b', 'l']"
19293
+ },
19294
+ "default": "['t', 'r', 'b', 'l']"
19435
19295
  },
19436
19296
  {
19437
- "kind": "class",
19438
- "description": "Paper component.",
19439
- "name": "Paper",
19297
+ "kind": "mixin",
19298
+ "description": "",
19299
+ "name": "WithUtils",
19440
19300
  "members": [
19441
19301
  {
19442
19302
  "kind": "field",
19443
- "name": "hasBorder",
19303
+ "name": "styles",
19444
19304
  "type": {
19445
- "text": "boolean"
19305
+ "text": "array"
19446
19306
  },
19447
- "default": "false",
19448
- "attribute": "has-border",
19449
- "reflects": true
19307
+ "static": true,
19308
+ "default": "[\n (Base as unknown as typeof LitElement).styles ?? [],\n ...spacingPropertyStyles,\n ]"
19450
19309
  },
19451
19310
  {
19452
19311
  "kind": "field",
19453
- "name": "level",
19312
+ "name": "properties",
19454
19313
  "type": {
19455
- "text": "number"
19314
+ "text": "object"
19456
19315
  },
19457
- "default": "1",
19458
- "attribute": "level",
19459
- "reflects": true
19316
+ "static": true,
19317
+ "default": "{\n ...((Base as unknown as typeof LitElement).properties ?? {}),\n ...spacingProperties,\n }"
19318
+ },
19319
+ {
19320
+ "kind": "field",
19321
+ "name": "",
19322
+ "privacy": "public",
19323
+ "attribute": ""
19460
19324
  }
19461
19325
  ],
19462
19326
  "attributes": [
19463
19327
  {
19464
- "name": "has-border",
19465
- "type": {
19466
- "text": "boolean"
19467
- },
19468
- "default": "false",
19469
- "fieldName": "hasBorder"
19470
- },
19328
+ "name": "",
19329
+ "fieldName": "",
19330
+ "attribute": ""
19331
+ }
19332
+ ],
19333
+ "parameters": [
19471
19334
  {
19472
- "name": "level",
19335
+ "name": "Base",
19473
19336
  "type": {
19474
- "text": "number"
19475
- },
19476
- "default": "1",
19477
- "fieldName": "level"
19337
+ "text": "T"
19338
+ }
19478
19339
  }
19479
- ],
19480
- "superclass": {
19481
- "name": "LitElement",
19482
- "package": "lit"
19483
- },
19484
- "tagName": "brz-paper",
19485
- "customElement": true
19340
+ ]
19341
+ },
19342
+ {
19343
+ "kind": "variable",
19344
+ "name": "LitElementWithUtils"
19486
19345
  }
19487
19346
  ],
19488
19347
  "exports": [
19489
19348
  {
19490
19349
  "kind": "js",
19491
- "name": "PAPER",
19350
+ "name": "targetProperties",
19492
19351
  "declaration": {
19493
- "name": "PAPER",
19494
- "module": "src/surfaces/paper.ts"
19352
+ "name": "targetProperties",
19353
+ "module": "src/mixins/component-utils.ts"
19495
19354
  }
19496
19355
  },
19497
19356
  {
19498
19357
  "kind": "js",
19499
- "name": "Paper",
19358
+ "name": "targetAxes",
19500
19359
  "declaration": {
19501
- "name": "Paper",
19502
- "module": "src/surfaces/paper.ts"
19360
+ "name": "targetAxes",
19361
+ "module": "src/mixins/component-utils.ts"
19503
19362
  }
19504
19363
  },
19505
19364
  {
19506
- "kind": "custom-element-definition",
19365
+ "kind": "js",
19366
+ "name": "targetSides",
19507
19367
  "declaration": {
19508
- "name": "Paper",
19509
- "module": "src/surfaces/paper.ts"
19368
+ "name": "targetSides",
19369
+ "module": "src/mixins/component-utils.ts"
19370
+ }
19371
+ },
19372
+ {
19373
+ "kind": "js",
19374
+ "name": "WithUtils",
19375
+ "declaration": {
19376
+ "name": "WithUtils",
19377
+ "module": "src/mixins/component-utils.ts"
19378
+ }
19379
+ },
19380
+ {
19381
+ "kind": "js",
19382
+ "name": "LitElementWithUtils",
19383
+ "declaration": {
19384
+ "name": "LitElementWithUtils",
19385
+ "module": "src/mixins/component-utils.ts"
19386
+ }
19387
+ }
19388
+ ]
19389
+ },
19390
+ {
19391
+ "kind": "javascript-module",
19392
+ "path": "src/mixins/index.ts",
19393
+ "declarations": [],
19394
+ "exports": [
19395
+ {
19396
+ "kind": "js",
19397
+ "name": "*",
19398
+ "declaration": {
19399
+ "name": "*",
19400
+ "package": "./component-utils"
19510
19401
  }
19511
19402
  }
19512
19403
  ]
@@ -19805,6 +19696,115 @@
19805
19696
  }
19806
19697
  ]
19807
19698
  },
19699
+ {
19700
+ "kind": "javascript-module",
19701
+ "path": "src/surfaces/index.ts",
19702
+ "declarations": [],
19703
+ "exports": [
19704
+ {
19705
+ "kind": "js",
19706
+ "name": "*",
19707
+ "declaration": {
19708
+ "name": "*",
19709
+ "package": "./card"
19710
+ }
19711
+ },
19712
+ {
19713
+ "kind": "js",
19714
+ "name": "*",
19715
+ "declaration": {
19716
+ "name": "*",
19717
+ "package": "./paper"
19718
+ }
19719
+ }
19720
+ ]
19721
+ },
19722
+ {
19723
+ "kind": "javascript-module",
19724
+ "path": "src/surfaces/paper.ts",
19725
+ "declarations": [
19726
+ {
19727
+ "kind": "variable",
19728
+ "name": "PAPER"
19729
+ },
19730
+ {
19731
+ "kind": "class",
19732
+ "description": "Paper component.",
19733
+ "name": "Paper",
19734
+ "members": [
19735
+ {
19736
+ "kind": "field",
19737
+ "name": "hasBorder",
19738
+ "type": {
19739
+ "text": "boolean"
19740
+ },
19741
+ "default": "false",
19742
+ "attribute": "has-border",
19743
+ "reflects": true
19744
+ },
19745
+ {
19746
+ "kind": "field",
19747
+ "name": "level",
19748
+ "type": {
19749
+ "text": "number"
19750
+ },
19751
+ "default": "1",
19752
+ "attribute": "level",
19753
+ "reflects": true
19754
+ }
19755
+ ],
19756
+ "attributes": [
19757
+ {
19758
+ "name": "has-border",
19759
+ "type": {
19760
+ "text": "boolean"
19761
+ },
19762
+ "default": "false",
19763
+ "fieldName": "hasBorder"
19764
+ },
19765
+ {
19766
+ "name": "level",
19767
+ "type": {
19768
+ "text": "number"
19769
+ },
19770
+ "default": "1",
19771
+ "fieldName": "level"
19772
+ }
19773
+ ],
19774
+ "superclass": {
19775
+ "name": "LitElement",
19776
+ "package": "lit"
19777
+ },
19778
+ "tagName": "brz-paper",
19779
+ "customElement": true
19780
+ }
19781
+ ],
19782
+ "exports": [
19783
+ {
19784
+ "kind": "js",
19785
+ "name": "PAPER",
19786
+ "declaration": {
19787
+ "name": "PAPER",
19788
+ "module": "src/surfaces/paper.ts"
19789
+ }
19790
+ },
19791
+ {
19792
+ "kind": "js",
19793
+ "name": "Paper",
19794
+ "declaration": {
19795
+ "name": "Paper",
19796
+ "module": "src/surfaces/paper.ts"
19797
+ }
19798
+ },
19799
+ {
19800
+ "kind": "custom-element-definition",
19801
+ "declaration": {
19802
+ "name": "Paper",
19803
+ "module": "src/surfaces/paper.ts"
19804
+ }
19805
+ }
19806
+ ]
19807
+ },
19808
19808
  {
19809
19809
  "kind": "javascript-module",
19810
19810
  "path": "src/utils/findParentWithType.ts",