@skedulo/breeze-ui 1.4.0 → 1.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +200 -200
- package/dist/lib/cjs/breeze-ui.js +138 -138
- package/dist/lib/es/breeze-ui.js +2357 -2360
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -176,6 +176,97 @@
|
|
|
176
176
|
}
|
|
177
177
|
]
|
|
178
178
|
},
|
|
179
|
+
{
|
|
180
|
+
"kind": "javascript-module",
|
|
181
|
+
"path": "src/helpers/css-helpers.ts",
|
|
182
|
+
"declarations": [
|
|
183
|
+
{
|
|
184
|
+
"kind": "function",
|
|
185
|
+
"name": "getFocusStyles",
|
|
186
|
+
"parameters": [
|
|
187
|
+
{
|
|
188
|
+
"name": "selector",
|
|
189
|
+
"type": {
|
|
190
|
+
"text": "string"
|
|
191
|
+
},
|
|
192
|
+
"description": "A CSS selector targeting an interactive element."
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
"name": "extraRules",
|
|
196
|
+
"default": "css``",
|
|
197
|
+
"description": "Optional rules to append. Useful for overrides."
|
|
198
|
+
}
|
|
199
|
+
],
|
|
200
|
+
"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."
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
"kind": "variable",
|
|
204
|
+
"name": "invisibleButtonRules",
|
|
205
|
+
"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`",
|
|
206
|
+
"description": "CSS rules to apply invisible styles to buttons. Use within a CSS declaration\nblock."
|
|
207
|
+
},
|
|
208
|
+
{
|
|
209
|
+
"kind": "function",
|
|
210
|
+
"name": "getInvisibleButtonStyles",
|
|
211
|
+
"parameters": [
|
|
212
|
+
{
|
|
213
|
+
"name": "selector",
|
|
214
|
+
"type": {
|
|
215
|
+
"text": "string"
|
|
216
|
+
},
|
|
217
|
+
"description": "A CSS selector targeting a button"
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
"name": "extraRules",
|
|
221
|
+
"default": "css``",
|
|
222
|
+
"description": "Optional rules to append. Useful for overrides."
|
|
223
|
+
}
|
|
224
|
+
],
|
|
225
|
+
"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."
|
|
226
|
+
}
|
|
227
|
+
],
|
|
228
|
+
"exports": [
|
|
229
|
+
{
|
|
230
|
+
"kind": "js",
|
|
231
|
+
"name": "getFocusStyles",
|
|
232
|
+
"declaration": {
|
|
233
|
+
"name": "getFocusStyles",
|
|
234
|
+
"module": "src/helpers/css-helpers.ts"
|
|
235
|
+
}
|
|
236
|
+
},
|
|
237
|
+
{
|
|
238
|
+
"kind": "js",
|
|
239
|
+
"name": "invisibleButtonRules",
|
|
240
|
+
"declaration": {
|
|
241
|
+
"name": "invisibleButtonRules",
|
|
242
|
+
"module": "src/helpers/css-helpers.ts"
|
|
243
|
+
}
|
|
244
|
+
},
|
|
245
|
+
{
|
|
246
|
+
"kind": "js",
|
|
247
|
+
"name": "getInvisibleButtonStyles",
|
|
248
|
+
"declaration": {
|
|
249
|
+
"name": "getInvisibleButtonStyles",
|
|
250
|
+
"module": "src/helpers/css-helpers.ts"
|
|
251
|
+
}
|
|
252
|
+
}
|
|
253
|
+
]
|
|
254
|
+
},
|
|
255
|
+
{
|
|
256
|
+
"kind": "javascript-module",
|
|
257
|
+
"path": "src/helpers/index.ts",
|
|
258
|
+
"declarations": [],
|
|
259
|
+
"exports": [
|
|
260
|
+
{
|
|
261
|
+
"kind": "js",
|
|
262
|
+
"name": "*",
|
|
263
|
+
"declaration": {
|
|
264
|
+
"name": "*",
|
|
265
|
+
"package": "./css-helpers"
|
|
266
|
+
}
|
|
267
|
+
}
|
|
268
|
+
]
|
|
269
|
+
},
|
|
179
270
|
{
|
|
180
271
|
"kind": "javascript-module",
|
|
181
272
|
"path": "src/components/alert.ts",
|
|
@@ -19519,97 +19610,6 @@
|
|
|
19519
19610
|
}
|
|
19520
19611
|
]
|
|
19521
19612
|
},
|
|
19522
|
-
{
|
|
19523
|
-
"kind": "javascript-module",
|
|
19524
|
-
"path": "src/helpers/css-helpers.ts",
|
|
19525
|
-
"declarations": [
|
|
19526
|
-
{
|
|
19527
|
-
"kind": "function",
|
|
19528
|
-
"name": "getFocusStyles",
|
|
19529
|
-
"parameters": [
|
|
19530
|
-
{
|
|
19531
|
-
"name": "selector",
|
|
19532
|
-
"type": {
|
|
19533
|
-
"text": "string"
|
|
19534
|
-
},
|
|
19535
|
-
"description": "A CSS selector targeting an interactive element."
|
|
19536
|
-
},
|
|
19537
|
-
{
|
|
19538
|
-
"name": "extraRules",
|
|
19539
|
-
"default": "css``",
|
|
19540
|
-
"description": "Optional rules to append. Useful for overrides."
|
|
19541
|
-
}
|
|
19542
|
-
],
|
|
19543
|
-
"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."
|
|
19544
|
-
},
|
|
19545
|
-
{
|
|
19546
|
-
"kind": "variable",
|
|
19547
|
-
"name": "invisibleButtonRules",
|
|
19548
|
-
"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`",
|
|
19549
|
-
"description": "CSS rules to apply invisible styles to buttons. Use within a CSS declaration\nblock."
|
|
19550
|
-
},
|
|
19551
|
-
{
|
|
19552
|
-
"kind": "function",
|
|
19553
|
-
"name": "getInvisibleButtonStyles",
|
|
19554
|
-
"parameters": [
|
|
19555
|
-
{
|
|
19556
|
-
"name": "selector",
|
|
19557
|
-
"type": {
|
|
19558
|
-
"text": "string"
|
|
19559
|
-
},
|
|
19560
|
-
"description": "A CSS selector targeting a button"
|
|
19561
|
-
},
|
|
19562
|
-
{
|
|
19563
|
-
"name": "extraRules",
|
|
19564
|
-
"default": "css``",
|
|
19565
|
-
"description": "Optional rules to append. Useful for overrides."
|
|
19566
|
-
}
|
|
19567
|
-
],
|
|
19568
|
-
"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."
|
|
19569
|
-
}
|
|
19570
|
-
],
|
|
19571
|
-
"exports": [
|
|
19572
|
-
{
|
|
19573
|
-
"kind": "js",
|
|
19574
|
-
"name": "getFocusStyles",
|
|
19575
|
-
"declaration": {
|
|
19576
|
-
"name": "getFocusStyles",
|
|
19577
|
-
"module": "src/helpers/css-helpers.ts"
|
|
19578
|
-
}
|
|
19579
|
-
},
|
|
19580
|
-
{
|
|
19581
|
-
"kind": "js",
|
|
19582
|
-
"name": "invisibleButtonRules",
|
|
19583
|
-
"declaration": {
|
|
19584
|
-
"name": "invisibleButtonRules",
|
|
19585
|
-
"module": "src/helpers/css-helpers.ts"
|
|
19586
|
-
}
|
|
19587
|
-
},
|
|
19588
|
-
{
|
|
19589
|
-
"kind": "js",
|
|
19590
|
-
"name": "getInvisibleButtonStyles",
|
|
19591
|
-
"declaration": {
|
|
19592
|
-
"name": "getInvisibleButtonStyles",
|
|
19593
|
-
"module": "src/helpers/css-helpers.ts"
|
|
19594
|
-
}
|
|
19595
|
-
}
|
|
19596
|
-
]
|
|
19597
|
-
},
|
|
19598
|
-
{
|
|
19599
|
-
"kind": "javascript-module",
|
|
19600
|
-
"path": "src/helpers/index.ts",
|
|
19601
|
-
"declarations": [],
|
|
19602
|
-
"exports": [
|
|
19603
|
-
{
|
|
19604
|
-
"kind": "js",
|
|
19605
|
-
"name": "*",
|
|
19606
|
-
"declaration": {
|
|
19607
|
-
"name": "*",
|
|
19608
|
-
"package": "./css-helpers"
|
|
19609
|
-
}
|
|
19610
|
-
}
|
|
19611
|
-
]
|
|
19612
|
-
},
|
|
19613
19613
|
{
|
|
19614
19614
|
"kind": "javascript-module",
|
|
19615
19615
|
"path": "src/mixins/component-utils.ts",
|
|
@@ -19868,6 +19868,115 @@
|
|
|
19868
19868
|
}
|
|
19869
19869
|
]
|
|
19870
19870
|
},
|
|
19871
|
+
{
|
|
19872
|
+
"kind": "javascript-module",
|
|
19873
|
+
"path": "src/surfaces/index.ts",
|
|
19874
|
+
"declarations": [],
|
|
19875
|
+
"exports": [
|
|
19876
|
+
{
|
|
19877
|
+
"kind": "js",
|
|
19878
|
+
"name": "*",
|
|
19879
|
+
"declaration": {
|
|
19880
|
+
"name": "*",
|
|
19881
|
+
"package": "./card"
|
|
19882
|
+
}
|
|
19883
|
+
},
|
|
19884
|
+
{
|
|
19885
|
+
"kind": "js",
|
|
19886
|
+
"name": "*",
|
|
19887
|
+
"declaration": {
|
|
19888
|
+
"name": "*",
|
|
19889
|
+
"package": "./paper"
|
|
19890
|
+
}
|
|
19891
|
+
}
|
|
19892
|
+
]
|
|
19893
|
+
},
|
|
19894
|
+
{
|
|
19895
|
+
"kind": "javascript-module",
|
|
19896
|
+
"path": "src/surfaces/paper.ts",
|
|
19897
|
+
"declarations": [
|
|
19898
|
+
{
|
|
19899
|
+
"kind": "variable",
|
|
19900
|
+
"name": "PAPER"
|
|
19901
|
+
},
|
|
19902
|
+
{
|
|
19903
|
+
"kind": "class",
|
|
19904
|
+
"description": "Paper component.",
|
|
19905
|
+
"name": "Paper",
|
|
19906
|
+
"members": [
|
|
19907
|
+
{
|
|
19908
|
+
"kind": "field",
|
|
19909
|
+
"name": "hasBorder",
|
|
19910
|
+
"type": {
|
|
19911
|
+
"text": "boolean"
|
|
19912
|
+
},
|
|
19913
|
+
"default": "false",
|
|
19914
|
+
"attribute": "has-border",
|
|
19915
|
+
"reflects": true
|
|
19916
|
+
},
|
|
19917
|
+
{
|
|
19918
|
+
"kind": "field",
|
|
19919
|
+
"name": "level",
|
|
19920
|
+
"type": {
|
|
19921
|
+
"text": "number"
|
|
19922
|
+
},
|
|
19923
|
+
"default": "1",
|
|
19924
|
+
"attribute": "level",
|
|
19925
|
+
"reflects": true
|
|
19926
|
+
}
|
|
19927
|
+
],
|
|
19928
|
+
"attributes": [
|
|
19929
|
+
{
|
|
19930
|
+
"name": "has-border",
|
|
19931
|
+
"type": {
|
|
19932
|
+
"text": "boolean"
|
|
19933
|
+
},
|
|
19934
|
+
"default": "false",
|
|
19935
|
+
"fieldName": "hasBorder"
|
|
19936
|
+
},
|
|
19937
|
+
{
|
|
19938
|
+
"name": "level",
|
|
19939
|
+
"type": {
|
|
19940
|
+
"text": "number"
|
|
19941
|
+
},
|
|
19942
|
+
"default": "1",
|
|
19943
|
+
"fieldName": "level"
|
|
19944
|
+
}
|
|
19945
|
+
],
|
|
19946
|
+
"superclass": {
|
|
19947
|
+
"name": "LitElement",
|
|
19948
|
+
"package": "lit"
|
|
19949
|
+
},
|
|
19950
|
+
"tagName": "brz-paper",
|
|
19951
|
+
"customElement": true
|
|
19952
|
+
}
|
|
19953
|
+
],
|
|
19954
|
+
"exports": [
|
|
19955
|
+
{
|
|
19956
|
+
"kind": "js",
|
|
19957
|
+
"name": "PAPER",
|
|
19958
|
+
"declaration": {
|
|
19959
|
+
"name": "PAPER",
|
|
19960
|
+
"module": "src/surfaces/paper.ts"
|
|
19961
|
+
}
|
|
19962
|
+
},
|
|
19963
|
+
{
|
|
19964
|
+
"kind": "js",
|
|
19965
|
+
"name": "Paper",
|
|
19966
|
+
"declaration": {
|
|
19967
|
+
"name": "Paper",
|
|
19968
|
+
"module": "src/surfaces/paper.ts"
|
|
19969
|
+
}
|
|
19970
|
+
},
|
|
19971
|
+
{
|
|
19972
|
+
"kind": "custom-element-definition",
|
|
19973
|
+
"declaration": {
|
|
19974
|
+
"name": "Paper",
|
|
19975
|
+
"module": "src/surfaces/paper.ts"
|
|
19976
|
+
}
|
|
19977
|
+
}
|
|
19978
|
+
]
|
|
19979
|
+
},
|
|
19871
19980
|
{
|
|
19872
19981
|
"kind": "javascript-module",
|
|
19873
19982
|
"path": "src/styles/borders.ts",
|
|
@@ -20162,115 +20271,6 @@
|
|
|
20162
20271
|
}
|
|
20163
20272
|
]
|
|
20164
20273
|
},
|
|
20165
|
-
{
|
|
20166
|
-
"kind": "javascript-module",
|
|
20167
|
-
"path": "src/surfaces/index.ts",
|
|
20168
|
-
"declarations": [],
|
|
20169
|
-
"exports": [
|
|
20170
|
-
{
|
|
20171
|
-
"kind": "js",
|
|
20172
|
-
"name": "*",
|
|
20173
|
-
"declaration": {
|
|
20174
|
-
"name": "*",
|
|
20175
|
-
"package": "./card"
|
|
20176
|
-
}
|
|
20177
|
-
},
|
|
20178
|
-
{
|
|
20179
|
-
"kind": "js",
|
|
20180
|
-
"name": "*",
|
|
20181
|
-
"declaration": {
|
|
20182
|
-
"name": "*",
|
|
20183
|
-
"package": "./paper"
|
|
20184
|
-
}
|
|
20185
|
-
}
|
|
20186
|
-
]
|
|
20187
|
-
},
|
|
20188
|
-
{
|
|
20189
|
-
"kind": "javascript-module",
|
|
20190
|
-
"path": "src/surfaces/paper.ts",
|
|
20191
|
-
"declarations": [
|
|
20192
|
-
{
|
|
20193
|
-
"kind": "variable",
|
|
20194
|
-
"name": "PAPER"
|
|
20195
|
-
},
|
|
20196
|
-
{
|
|
20197
|
-
"kind": "class",
|
|
20198
|
-
"description": "Paper component.",
|
|
20199
|
-
"name": "Paper",
|
|
20200
|
-
"members": [
|
|
20201
|
-
{
|
|
20202
|
-
"kind": "field",
|
|
20203
|
-
"name": "hasBorder",
|
|
20204
|
-
"type": {
|
|
20205
|
-
"text": "boolean"
|
|
20206
|
-
},
|
|
20207
|
-
"default": "false",
|
|
20208
|
-
"attribute": "has-border",
|
|
20209
|
-
"reflects": true
|
|
20210
|
-
},
|
|
20211
|
-
{
|
|
20212
|
-
"kind": "field",
|
|
20213
|
-
"name": "level",
|
|
20214
|
-
"type": {
|
|
20215
|
-
"text": "number"
|
|
20216
|
-
},
|
|
20217
|
-
"default": "1",
|
|
20218
|
-
"attribute": "level",
|
|
20219
|
-
"reflects": true
|
|
20220
|
-
}
|
|
20221
|
-
],
|
|
20222
|
-
"attributes": [
|
|
20223
|
-
{
|
|
20224
|
-
"name": "has-border",
|
|
20225
|
-
"type": {
|
|
20226
|
-
"text": "boolean"
|
|
20227
|
-
},
|
|
20228
|
-
"default": "false",
|
|
20229
|
-
"fieldName": "hasBorder"
|
|
20230
|
-
},
|
|
20231
|
-
{
|
|
20232
|
-
"name": "level",
|
|
20233
|
-
"type": {
|
|
20234
|
-
"text": "number"
|
|
20235
|
-
},
|
|
20236
|
-
"default": "1",
|
|
20237
|
-
"fieldName": "level"
|
|
20238
|
-
}
|
|
20239
|
-
],
|
|
20240
|
-
"superclass": {
|
|
20241
|
-
"name": "LitElement",
|
|
20242
|
-
"package": "lit"
|
|
20243
|
-
},
|
|
20244
|
-
"tagName": "brz-paper",
|
|
20245
|
-
"customElement": true
|
|
20246
|
-
}
|
|
20247
|
-
],
|
|
20248
|
-
"exports": [
|
|
20249
|
-
{
|
|
20250
|
-
"kind": "js",
|
|
20251
|
-
"name": "PAPER",
|
|
20252
|
-
"declaration": {
|
|
20253
|
-
"name": "PAPER",
|
|
20254
|
-
"module": "src/surfaces/paper.ts"
|
|
20255
|
-
}
|
|
20256
|
-
},
|
|
20257
|
-
{
|
|
20258
|
-
"kind": "js",
|
|
20259
|
-
"name": "Paper",
|
|
20260
|
-
"declaration": {
|
|
20261
|
-
"name": "Paper",
|
|
20262
|
-
"module": "src/surfaces/paper.ts"
|
|
20263
|
-
}
|
|
20264
|
-
},
|
|
20265
|
-
{
|
|
20266
|
-
"kind": "custom-element-definition",
|
|
20267
|
-
"declaration": {
|
|
20268
|
-
"name": "Paper",
|
|
20269
|
-
"module": "src/surfaces/paper.ts"
|
|
20270
|
-
}
|
|
20271
|
-
}
|
|
20272
|
-
]
|
|
20273
|
-
},
|
|
20274
20274
|
{
|
|
20275
20275
|
"kind": "javascript-module",
|
|
20276
20276
|
"path": "src/utils/findParentWithType.ts",
|