scu-web-components 0.0.54 → 0.0.55

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 (3) hide show
  1. package/dist/custom-elements.json +461 -461
  2. package/package.json +1 -1
  3. package/scripts/themes.mjs +6 -2
package/dist/custom-elements.json CHANGED
@@ -4,22 +4,34 @@
4
4
  "modules": [
5
5
  {
6
6
  "kind": "javascript-module",
7
- "path": "src/scw-alert/ScwAlert.ts",
7
+ "path": "src/scw-button/ScwButton.ts",
8
8
  "declarations": [
9
9
  {
10
10
  "kind": "class",
11
- "description": "ScwAlert a first LitElement web component",
12
- "name": "ScwAlert",
11
+ "description": "ScwButton",
12
+ "name": "ScwButton",
13
+ "slots": [
14
+ {
15
+ "description": "(OPTIONAL) anchor (for SEO) will determine the label, href, and target.",
16
+ "name": "default",
17
+ "default": "\"<a href target />\""
18
+ },
19
+ {
20
+ "description": "(OPTIONAL) random content (paired with design=\"plain\") will wrap that content with a link.",
21
+ "name": "default",
22
+ "default": "\"<... />\""
23
+ }
24
+ ],
13
25
  "members": [
14
26
  {
15
27
  "kind": "field",
16
- "name": "description",
28
+ "name": "submitType",
17
29
  "type": {
18
- "text": "string"
30
+ "text": "ScwFormComponentSubmitTypes"
19
31
  },
20
- "default": "''",
21
- "description": "Secondary message",
22
- "attribute": "description"
32
+ "description": "<ScwFormComponent> the usage in a form (& scw-form a query target)",
33
+ "attribute": "submit-type",
34
+ "reflects": true
23
35
  },
24
36
  {
25
37
  "kind": "field",
@@ -37,271 +49,249 @@
37
49
  },
38
50
  {
39
51
  "kind": "field",
40
- "name": "ariaLabel",
52
+ "name": "href",
41
53
  "type": {
42
- "text": "string"
54
+ "text": "string | undefined"
43
55
  },
44
- "default": "''",
45
- "description": "(ScwComponent) Main text within component",
46
- "attribute": "aria-label",
56
+ "description": "(ScwLinkBase)",
57
+ "attribute": "href",
47
58
  "reflects": true,
59
+ "default": "'javascript:'",
48
60
  "inheritedFrom": {
49
- "name": "ScwComponent",
50
- "module": "src/scw-component/ScwComponent.ts"
61
+ "name": "ScwLinkBase",
62
+ "module": "src/scw-link-base/ScwLinkBase.ts"
51
63
  }
52
64
  },
53
65
  {
54
66
  "kind": "field",
55
- "name": "ariaDisabled",
67
+ "name": "icon",
68
+ "description": "icon getter",
69
+ "parameters": [
70
+ {
71
+ "name": "icon",
72
+ "type": {
73
+ "text": "string | undefined"
74
+ }
75
+ }
76
+ ],
77
+ "attribute": "icon",
78
+ "reflects": true,
79
+ "inheritedFrom": {
80
+ "name": "ScwLink",
81
+ "module": "src/scw-link/ScwLink.ts"
82
+ }
83
+ },
84
+ {
85
+ "kind": "field",
86
+ "name": "_icon",
56
87
  "type": {
57
- "text": "string"
88
+ "text": "string | undefined"
58
89
  },
59
- "default": "'false'",
60
- "description": "(ScwComponent) Disables the component however it disables",
61
- "attribute": "aria-disabled",
90
+ "privacy": "private",
62
91
  "inheritedFrom": {
63
- "name": "ScwComponent",
64
- "module": "src/scw-component/ScwComponent.ts"
92
+ "name": "ScwLink",
93
+ "module": "src/scw-link/ScwLink.ts"
65
94
  }
66
95
  },
67
96
  {
68
97
  "kind": "field",
69
- "name": "isLink",
98
+ "name": "iconSide",
70
99
  "type": {
71
- "text": "boolean"
100
+ "text": "string"
72
101
  },
73
- "default": "false",
74
- "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
75
- "attribute": "is-link",
102
+ "description": "(ScwLink) Determines which side the icon should show up on",
103
+ "attribute": "icon-side",
76
104
  "reflects": true,
77
105
  "inheritedFrom": {
78
- "name": "ScwComponent",
79
- "module": "src/scw-component/ScwComponent.ts"
106
+ "name": "ScwLink",
107
+ "module": "src/scw-link/ScwLink.ts"
80
108
  }
81
109
  },
82
110
  {
83
111
  "kind": "field",
84
- "name": "_lightDomMutationObserver",
112
+ "name": "design",
85
113
  "type": {
86
- "text": "LightDomMutationObserver | undefined"
114
+ "text": "string"
87
115
  },
88
- "description": "(ScwComponent) Light Dom Mutation Observer",
116
+ "description": "(ScwLink) The design style of the link.",
117
+ "attribute": "design",
118
+ "reflects": true,
89
119
  "inheritedFrom": {
90
- "name": "ScwComponent",
91
- "module": "src/scw-component/ScwComponent.ts"
120
+ "name": "ScwLink",
121
+ "module": "src/scw-link/ScwLink.ts"
92
122
  }
93
123
  },
94
124
  {
95
125
  "kind": "field",
96
- "name": "dynamic",
126
+ "name": "_svgInfo",
97
127
  "type": {
98
- "text": "boolean"
128
+ "text": "string"
99
129
  },
100
- "default": "false",
101
- "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
102
- "attribute": "dynamic",
130
+ "default": "''",
103
131
  "inheritedFrom": {
104
- "name": "ScwComponent",
105
- "module": "src/scw-component/ScwComponent.ts"
132
+ "name": "ScwLink",
133
+ "module": "src/scw-link/ScwLink.ts"
106
134
  }
107
135
  },
108
136
  {
109
137
  "kind": "method",
110
- "name": "domMutated",
111
- "description": "parseLightDom is a hook for classes extending this one to add\nother parsers and validations",
138
+ "name": "refreshIcon",
139
+ "description": "refreshIcon",
112
140
  "inheritedFrom": {
113
- "name": "ScwComponent",
114
- "module": "src/scw-component/ScwComponent.ts"
141
+ "name": "ScwLink",
142
+ "module": "src/scw-link/ScwLink.ts"
115
143
  }
116
144
  },
117
145
  {
118
146
  "kind": "method",
119
- "name": "warn",
120
- "parameters": [
121
- {
122
- "name": "message",
123
- "type": {
124
- "text": "string"
125
- },
126
- "description": "describing warning"
147
+ "name": "validDesigns",
148
+ "return": {
149
+ "type": {
150
+ "text": "object"
127
151
  }
128
- ],
129
- "description": "handles warnings...things wrong with formatting, ADA, etc...",
152
+ },
153
+ "description": "Way to extend valid design types...",
130
154
  "inheritedFrom": {
131
- "name": "ScwComponent",
132
- "module": "src/scw-component/ScwComponent.ts"
155
+ "name": "ScwLink",
156
+ "module": "src/scw-link/ScwLink.ts"
133
157
  }
134
158
  },
135
159
  {
136
160
  "kind": "method",
137
- "name": "clearWarnings",
138
- "description": "clearWarnings",
161
+ "name": "doShowIcon",
162
+ "return": {
163
+ "type": {
164
+ "text": "boolean"
165
+ }
166
+ },
167
+ "description": "Way to extend valid design icon types...",
139
168
  "inheritedFrom": {
140
- "name": "ScwComponent",
141
- "module": "src/scw-component/ScwComponent.ts"
169
+ "name": "ScwLink",
170
+ "module": "src/scw-link/ScwLink.ts"
142
171
  }
143
172
  },
144
173
  {
145
- "kind": "field",
146
- "name": "_lastWarning",
147
- "type": {
148
- "text": "string | undefined"
174
+ "kind": "method",
175
+ "name": "renderContent",
176
+ "return": {
177
+ "type": {
178
+ "text": "object"
179
+ }
149
180
  },
150
- "description": "retain the last warning sent...good for testing.",
181
+ "description": "renderContent",
151
182
  "inheritedFrom": {
152
- "name": "ScwComponent",
153
- "module": "src/scw-component/ScwComponent.ts"
183
+ "name": "ScwLink",
184
+ "module": "src/scw-link/ScwLink.ts"
154
185
  }
155
- }
156
- ],
157
- "attributes": [
158
- {
159
- "name": "description",
160
- "type": {
161
- "text": "string"
162
- },
163
- "default": "''",
164
- "description": "Secondary message",
165
- "fieldName": "description"
166
186
  },
167
187
  {
168
- "name": "aria-label",
169
- "type": {
170
- "text": "string"
188
+ "kind": "method",
189
+ "name": "findStyle",
190
+ "description": "find the style per design",
191
+ "return": {
192
+ "type": {
193
+ "text": "object"
194
+ }
171
195
  },
172
- "default": "''",
173
- "description": "(ScwComponent) Main text within component",
174
- "fieldName": "ariaLabel",
175
196
  "inheritedFrom": {
176
- "name": "ScwComponent",
177
- "module": "src/scw-component/ScwComponent.ts"
197
+ "name": "ScwLink",
198
+ "module": "src/scw-link/ScwLink.ts"
178
199
  }
179
200
  },
180
201
  {
181
- "name": "aria-disabled",
202
+ "kind": "field",
203
+ "name": "target",
182
204
  "type": {
183
- "text": "string"
205
+ "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
184
206
  },
185
- "default": "'false'",
186
- "description": "(ScwComponent) Disables the component however it disables",
187
- "fieldName": "ariaDisabled",
207
+ "description": "(ScwLinkBase)",
208
+ "attribute": "target",
209
+ "reflects": true,
188
210
  "inheritedFrom": {
189
- "name": "ScwComponent",
190
- "module": "src/scw-component/ScwComponent.ts"
211
+ "name": "ScwLinkBase",
212
+ "module": "src/scw-link-base/ScwLinkBase.ts"
191
213
  }
192
214
  },
193
215
  {
194
- "name": "is-link",
216
+ "kind": "field",
217
+ "name": "linkAnchor",
195
218
  "type": {
196
- "text": "boolean"
219
+ "text": "HTMLAnchorElement | undefined"
197
220
  },
198
- "default": "false",
199
- "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
200
- "fieldName": "isLink",
201
221
  "inheritedFrom": {
202
- "name": "ScwComponent",
203
- "module": "src/scw-component/ScwComponent.ts"
222
+ "name": "ScwLinkBase",
223
+ "module": "src/scw-link-base/ScwLinkBase.ts"
204
224
  }
205
225
  },
206
226
  {
207
- "name": "dynamic",
208
- "type": {
209
- "text": "boolean"
210
- },
211
- "default": "false",
212
- "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
213
- "fieldName": "dynamic",
227
+ "kind": "method",
228
+ "name": "cancelEvent",
229
+ "parameters": [
230
+ {
231
+ "name": "evt",
232
+ "type": {
233
+ "text": "Event"
234
+ }
235
+ }
236
+ ],
237
+ "description": "cancel event",
214
238
  "inheritedFrom": {
215
- "name": "ScwComponent",
216
- "module": "src/scw-component/ScwComponent.ts"
239
+ "name": "ScwLinkBase",
240
+ "module": "src/scw-link-base/ScwLinkBase.ts"
217
241
  }
218
242
  },
219
243
  {
220
- "name": "element",
221
- "type": {
222
- "text": "string"
244
+ "kind": "method",
245
+ "name": "focus",
246
+ "return": {
247
+ "type": {
248
+ "text": "void"
249
+ }
223
250
  },
224
- "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
225
- "fieldName": "element",
251
+ "description": "focus",
226
252
  "inheritedFrom": {
227
- "name": "ScwComponent",
228
- "module": "src/scw-component/ScwComponent.ts"
253
+ "name": "ScwLinkBase",
254
+ "module": "src/scw-link-base/ScwLinkBase.ts"
229
255
  }
230
- }
231
- ],
232
- "superclass": {
233
- "name": "ScwComponent",
234
- "package": "scw-component/ScwComponent"
235
- },
236
- "tagName": "scw-alert",
237
- "customElement": true
238
- }
239
- ],
240
- "exports": [
241
- {
242
- "kind": "js",
243
- "name": "default",
244
- "declaration": {
245
- "name": "ScwAlert",
246
- "module": "src/scw-alert/ScwAlert.ts"
247
- }
248
- }
249
- ]
250
- },
251
- {
252
- "kind": "javascript-module",
253
- "path": "src/scw-alert/scw-alert.ts",
254
- "declarations": [],
255
- "exports": [
256
- {
257
- "kind": "custom-element-definition",
258
- "name": "scw-alert",
259
- "declaration": {
260
- "name": "ScwAlert",
261
- "module": "/src/scw-alert/ScwAlert.js"
262
- }
263
- }
264
- ]
265
- },
266
- {
267
- "kind": "javascript-module",
268
- "path": "src/scw-button/ScwButton.ts",
269
- "declarations": [
270
- {
271
- "kind": "class",
272
- "description": "ScwButton",
273
- "name": "ScwButton",
274
- "slots": [
275
- {
276
- "description": "(OPTIONAL) anchor (for SEO) will determine the label, href, and target.",
277
- "name": "default",
278
- "default": "\"<a href target />\""
279
256
  },
280
257
  {
281
- "description": "(OPTIONAL) random content (paired with design=\"plain\") will wrap that content with a link.",
282
- "name": "default",
283
- "default": "\"<... />\""
284
- }
285
- ],
286
- "members": [
287
- {
288
- "kind": "field",
289
- "name": "submitType",
290
- "type": {
291
- "text": "ScwFormComponentSubmitTypes"
258
+ "kind": "method",
259
+ "name": "renderLink",
260
+ "return": {
261
+ "type": {
262
+ "text": "object"
263
+ }
292
264
  },
293
- "description": "<ScwFormComponent> the usage in a form (& scw-form a query target)",
294
- "attribute": "submit-type",
295
- "reflects": true
265
+ "parameters": [
266
+ {
267
+ "name": "children",
268
+ "type": {
269
+ "text": "object"
270
+ }
271
+ },
272
+ {
273
+ "name": "styles",
274
+ "optional": true,
275
+ "type": {
276
+ "text": "string"
277
+ }
278
+ }
279
+ ],
280
+ "description": "renderLink",
281
+ "inheritedFrom": {
282
+ "name": "ScwLinkBase",
283
+ "module": "src/scw-link-base/ScwLinkBase.ts"
284
+ }
296
285
  },
297
286
  {
298
287
  "kind": "field",
299
- "name": "element",
288
+ "name": "isLink",
300
289
  "type": {
301
- "text": "string"
290
+ "text": "boolean"
302
291
  },
303
- "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
304
- "attribute": "element",
292
+ "default": "true",
293
+ "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
294
+ "attribute": "is-link",
305
295
  "reflects": true,
306
296
  "inheritedFrom": {
307
297
  "name": "ScwComponent",
@@ -310,249 +300,308 @@
310
300
  },
311
301
  {
312
302
  "kind": "field",
313
- "name": "href",
303
+ "name": "ariaLabel",
314
304
  "type": {
315
- "text": "string | undefined"
305
+ "text": "string"
316
306
  },
317
- "description": "(ScwLinkBase)",
318
- "attribute": "href",
307
+ "default": "''",
308
+ "description": "(ScwComponent) Main text within component",
309
+ "attribute": "aria-label",
319
310
  "reflects": true,
320
- "default": "'javascript:'",
321
311
  "inheritedFrom": {
322
- "name": "ScwLinkBase",
323
- "module": "src/scw-link-base/ScwLinkBase.ts"
312
+ "name": "ScwComponent",
313
+ "module": "src/scw-component/ScwComponent.ts"
324
314
  }
325
315
  },
326
316
  {
327
317
  "kind": "field",
328
- "name": "icon",
329
- "description": "icon getter",
330
- "parameters": [
331
- {
332
- "name": "icon",
333
- "type": {
334
- "text": "string | undefined"
335
- }
336
- }
337
- ],
338
- "attribute": "icon",
339
- "reflects": true,
318
+ "name": "ariaDisabled",
319
+ "type": {
320
+ "text": "string"
321
+ },
322
+ "default": "'false'",
323
+ "description": "(ScwComponent) Disables the component however it disables",
324
+ "attribute": "aria-disabled",
340
325
  "inheritedFrom": {
341
- "name": "ScwLink",
342
- "module": "src/scw-link/ScwLink.ts"
326
+ "name": "ScwComponent",
327
+ "module": "src/scw-component/ScwComponent.ts"
343
328
  }
344
329
  },
345
330
  {
346
331
  "kind": "field",
347
- "name": "_icon",
332
+ "name": "_lightDomMutationObserver",
348
333
  "type": {
349
- "text": "string | undefined"
334
+ "text": "LightDomMutationObserver | undefined"
350
335
  },
351
- "privacy": "private",
336
+ "description": "(ScwComponent) Light Dom Mutation Observer",
352
337
  "inheritedFrom": {
353
- "name": "ScwLink",
354
- "module": "src/scw-link/ScwLink.ts"
338
+ "name": "ScwComponent",
339
+ "module": "src/scw-component/ScwComponent.ts"
355
340
  }
356
341
  },
357
342
  {
358
343
  "kind": "field",
359
- "name": "iconSide",
344
+ "name": "dynamic",
360
345
  "type": {
361
- "text": "string"
346
+ "text": "boolean"
362
347
  },
363
- "description": "(ScwLink) Determines which side the icon should show up on",
364
- "attribute": "icon-side",
365
- "reflects": true,
348
+ "default": "false",
349
+ "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
350
+ "attribute": "dynamic",
366
351
  "inheritedFrom": {
367
- "name": "ScwLink",
368
- "module": "src/scw-link/ScwLink.ts"
352
+ "name": "ScwComponent",
353
+ "module": "src/scw-component/ScwComponent.ts"
369
354
  }
370
355
  },
371
356
  {
372
- "kind": "field",
373
- "name": "design",
374
- "type": {
375
- "text": "string"
376
- },
377
- "description": "(ScwLink) The design style of the link.",
378
- "attribute": "design",
379
- "reflects": true,
357
+ "kind": "method",
358
+ "name": "domMutated",
359
+ "description": "parseLightDom is a hook for classes extending this one to add\nother parsers and validations",
380
360
  "inheritedFrom": {
381
- "name": "ScwLink",
382
- "module": "src/scw-link/ScwLink.ts"
361
+ "name": "ScwComponent",
362
+ "module": "src/scw-component/ScwComponent.ts"
383
363
  }
384
364
  },
385
365
  {
386
- "kind": "field",
387
- "name": "_svgInfo",
388
- "type": {
389
- "text": "string"
390
- },
391
- "default": "''",
366
+ "kind": "method",
367
+ "name": "warn",
368
+ "parameters": [
369
+ {
370
+ "name": "message",
371
+ "type": {
372
+ "text": "string"
373
+ },
374
+ "description": "describing warning"
375
+ }
376
+ ],
377
+ "description": "handles warnings...things wrong with formatting, ADA, etc...",
392
378
  "inheritedFrom": {
393
- "name": "ScwLink",
394
- "module": "src/scw-link/ScwLink.ts"
379
+ "name": "ScwComponent",
380
+ "module": "src/scw-component/ScwComponent.ts"
395
381
  }
396
382
  },
397
383
  {
398
384
  "kind": "method",
399
- "name": "refreshIcon",
400
- "description": "refreshIcon",
385
+ "name": "clearWarnings",
386
+ "description": "clearWarnings",
401
387
  "inheritedFrom": {
402
- "name": "ScwLink",
403
- "module": "src/scw-link/ScwLink.ts"
388
+ "name": "ScwComponent",
389
+ "module": "src/scw-component/ScwComponent.ts"
404
390
  }
405
391
  },
406
392
  {
407
- "kind": "method",
408
- "name": "validDesigns",
409
- "return": {
410
- "type": {
411
- "text": "object"
412
- }
393
+ "kind": "field",
394
+ "name": "_lastWarning",
395
+ "type": {
396
+ "text": "string | undefined"
413
397
  },
414
- "description": "Way to extend valid design types...",
398
+ "description": "retain the last warning sent...good for testing.",
415
399
  "inheritedFrom": {
416
- "name": "ScwLink",
417
- "module": "src/scw-link/ScwLink.ts"
400
+ "name": "ScwComponent",
401
+ "module": "src/scw-component/ScwComponent.ts"
418
402
  }
403
+ }
404
+ ],
405
+ "attributes": [
406
+ {
407
+ "name": "submit-type",
408
+ "type": {
409
+ "text": "ScwFormComponentSubmitTypes"
410
+ },
411
+ "description": "<ScwFormComponent> the usage in a form (& scw-form a query target)",
412
+ "fieldName": "submitType"
419
413
  },
420
414
  {
421
- "kind": "method",
422
- "name": "doShowIcon",
423
- "return": {
424
- "type": {
425
- "text": "boolean"
415
+ "name": "icon",
416
+ "description": "icon getter",
417
+ "parameters": [
418
+ {
419
+ "name": "icon",
420
+ "type": {
421
+ "text": "string | undefined"
422
+ }
426
423
  }
427
- },
428
- "description": "Way to extend valid design icon types...",
424
+ ],
425
+ "fieldName": "icon",
429
426
  "inheritedFrom": {
430
427
  "name": "ScwLink",
431
428
  "module": "src/scw-link/ScwLink.ts"
432
429
  }
433
430
  },
434
431
  {
435
- "kind": "method",
436
- "name": "renderContent",
437
- "return": {
438
- "type": {
439
- "text": "object"
440
- }
432
+ "name": "icon-side",
433
+ "type": {
434
+ "text": "string"
441
435
  },
442
- "description": "renderContent",
436
+ "description": "(ScwLink) Determines which side the icon should show up on",
437
+ "fieldName": "iconSide",
443
438
  "inheritedFrom": {
444
439
  "name": "ScwLink",
445
440
  "module": "src/scw-link/ScwLink.ts"
446
441
  }
447
442
  },
448
443
  {
449
- "kind": "method",
450
- "name": "findStyle",
451
- "description": "find the style per design",
452
- "return": {
453
- "type": {
454
- "text": "object"
455
- }
444
+ "name": "design",
445
+ "type": {
446
+ "text": "string"
456
447
  },
448
+ "description": "(ScwLink) The design style of the link.",
449
+ "fieldName": "design",
457
450
  "inheritedFrom": {
458
451
  "name": "ScwLink",
459
452
  "module": "src/scw-link/ScwLink.ts"
460
453
  }
461
454
  },
462
455
  {
463
- "kind": "field",
464
- "name": "target",
456
+ "name": "href",
465
457
  "type": {
466
- "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
458
+ "text": "string | undefined"
467
459
  },
468
460
  "description": "(ScwLinkBase)",
469
- "attribute": "target",
470
- "reflects": true,
461
+ "fieldName": "href",
471
462
  "inheritedFrom": {
472
463
  "name": "ScwLinkBase",
473
464
  "module": "src/scw-link-base/ScwLinkBase.ts"
474
465
  }
475
466
  },
476
467
  {
477
- "kind": "field",
478
- "name": "linkAnchor",
468
+ "name": "target",
479
469
  "type": {
480
- "text": "HTMLAnchorElement | undefined"
470
+ "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
481
471
  },
472
+ "description": "(ScwLinkBase)",
473
+ "fieldName": "target",
482
474
  "inheritedFrom": {
483
475
  "name": "ScwLinkBase",
484
476
  "module": "src/scw-link-base/ScwLinkBase.ts"
485
477
  }
486
478
  },
487
479
  {
488
- "kind": "method",
489
- "name": "cancelEvent",
490
- "parameters": [
491
- {
492
- "name": "evt",
493
- "type": {
494
- "text": "Event"
495
- }
496
- }
497
- ],
498
- "description": "cancel event",
480
+ "name": "aria-label",
481
+ "type": {
482
+ "text": "string"
483
+ },
484
+ "default": "''",
485
+ "description": "(ScwComponent) Main text within component",
486
+ "fieldName": "ariaLabel",
499
487
  "inheritedFrom": {
500
- "name": "ScwLinkBase",
501
- "module": "src/scw-link-base/ScwLinkBase.ts"
488
+ "name": "ScwComponent",
489
+ "module": "src/scw-component/ScwComponent.ts"
502
490
  }
503
491
  },
504
492
  {
505
- "kind": "method",
506
- "name": "focus",
507
- "return": {
508
- "type": {
509
- "text": "void"
510
- }
493
+ "name": "aria-disabled",
494
+ "type": {
495
+ "text": "string"
511
496
  },
512
- "description": "focus",
497
+ "default": "'false'",
498
+ "description": "(ScwComponent) Disables the component however it disables",
499
+ "fieldName": "ariaDisabled",
513
500
  "inheritedFrom": {
514
- "name": "ScwLinkBase",
515
- "module": "src/scw-link-base/ScwLinkBase.ts"
501
+ "name": "ScwComponent",
502
+ "module": "src/scw-component/ScwComponent.ts"
516
503
  }
517
504
  },
518
505
  {
519
- "kind": "method",
520
- "name": "renderLink",
521
- "return": {
522
- "type": {
523
- "text": "object"
524
- }
506
+ "name": "is-link",
507
+ "type": {
508
+ "text": "boolean"
509
+ },
510
+ "default": "false",
511
+ "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
512
+ "fieldName": "isLink",
513
+ "inheritedFrom": {
514
+ "name": "ScwComponent",
515
+ "module": "src/scw-component/ScwComponent.ts"
516
+ }
517
+ },
518
+ {
519
+ "name": "dynamic",
520
+ "type": {
521
+ "text": "boolean"
522
+ },
523
+ "default": "false",
524
+ "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
525
+ "fieldName": "dynamic",
526
+ "inheritedFrom": {
527
+ "name": "ScwComponent",
528
+ "module": "src/scw-component/ScwComponent.ts"
529
+ }
530
+ },
531
+ {
532
+ "name": "element",
533
+ "type": {
534
+ "text": "string"
535
+ },
536
+ "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
537
+ "fieldName": "element",
538
+ "inheritedFrom": {
539
+ "name": "ScwComponent",
540
+ "module": "src/scw-component/ScwComponent.ts"
541
+ }
542
+ }
543
+ ],
544
+ "superclass": {
545
+ "name": "ScwLink",
546
+ "module": "/src/scw-link/ScwLink"
547
+ },
548
+ "tagName": "scw-button",
549
+ "customElement": true
550
+ }
551
+ ],
552
+ "exports": [
553
+ {
554
+ "kind": "js",
555
+ "name": "default",
556
+ "declaration": {
557
+ "name": "ScwButton",
558
+ "module": "src/scw-button/ScwButton.ts"
559
+ }
560
+ }
561
+ ]
562
+ },
563
+ {
564
+ "kind": "javascript-module",
565
+ "path": "src/scw-button/scw-button.ts",
566
+ "declarations": [],
567
+ "exports": [
568
+ {
569
+ "kind": "custom-element-definition",
570
+ "name": "scw-button",
571
+ "declaration": {
572
+ "name": "ScwButton",
573
+ "module": "/src/scw-button/ScwButton.js"
574
+ }
575
+ }
576
+ ]
577
+ },
578
+ {
579
+ "kind": "javascript-module",
580
+ "path": "src/scw-alert/ScwAlert.ts",
581
+ "declarations": [
582
+ {
583
+ "kind": "class",
584
+ "description": "ScwAlert a first LitElement web component",
585
+ "name": "ScwAlert",
586
+ "members": [
587
+ {
588
+ "kind": "field",
589
+ "name": "description",
590
+ "type": {
591
+ "text": "string"
525
592
  },
526
- "parameters": [
527
- {
528
- "name": "children",
529
- "type": {
530
- "text": "object"
531
- }
532
- },
533
- {
534
- "name": "styles",
535
- "optional": true,
536
- "type": {
537
- "text": "string"
538
- }
539
- }
540
- ],
541
- "description": "renderLink",
542
- "inheritedFrom": {
543
- "name": "ScwLinkBase",
544
- "module": "src/scw-link-base/ScwLinkBase.ts"
545
- }
593
+ "default": "''",
594
+ "description": "Secondary message",
595
+ "attribute": "description"
546
596
  },
547
597
  {
548
598
  "kind": "field",
549
- "name": "isLink",
599
+ "name": "element",
550
600
  "type": {
551
- "text": "boolean"
601
+ "text": "string"
552
602
  },
553
- "default": "true",
554
- "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
555
- "attribute": "is-link",
603
+ "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
604
+ "attribute": "element",
556
605
  "reflects": true,
557
606
  "inheritedFrom": {
558
607
  "name": "ScwComponent",
@@ -588,6 +637,21 @@
588
637
  "module": "src/scw-component/ScwComponent.ts"
589
638
  }
590
639
  },
640
+ {
641
+ "kind": "field",
642
+ "name": "isLink",
643
+ "type": {
644
+ "text": "boolean"
645
+ },
646
+ "default": "false",
647
+ "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
648
+ "attribute": "is-link",
649
+ "reflects": true,
650
+ "inheritedFrom": {
651
+ "name": "ScwComponent",
652
+ "module": "src/scw-component/ScwComponent.ts"
653
+ }
654
+ },
591
655
  {
592
656
  "kind": "field",
593
657
  "name": "_lightDomMutationObserver",
@@ -665,77 +729,13 @@
665
729
  ],
666
730
  "attributes": [
667
731
  {
668
- "name": "submit-type",
669
- "type": {
670
- "text": "ScwFormComponentSubmitTypes"
671
- },
672
- "description": "<ScwFormComponent> the usage in a form (& scw-form a query target)",
673
- "fieldName": "submitType"
674
- },
675
- {
676
- "name": "icon",
677
- "description": "icon getter",
678
- "parameters": [
679
- {
680
- "name": "icon",
681
- "type": {
682
- "text": "string | undefined"
683
- }
684
- }
685
- ],
686
- "fieldName": "icon",
687
- "inheritedFrom": {
688
- "name": "ScwLink",
689
- "module": "src/scw-link/ScwLink.ts"
690
- }
691
- },
692
- {
693
- "name": "icon-side",
694
- "type": {
695
- "text": "string"
696
- },
697
- "description": "(ScwLink) Determines which side the icon should show up on",
698
- "fieldName": "iconSide",
699
- "inheritedFrom": {
700
- "name": "ScwLink",
701
- "module": "src/scw-link/ScwLink.ts"
702
- }
703
- },
704
- {
705
- "name": "design",
732
+ "name": "description",
706
733
  "type": {
707
734
  "text": "string"
708
735
  },
709
- "description": "(ScwLink) The design style of the link.",
710
- "fieldName": "design",
711
- "inheritedFrom": {
712
- "name": "ScwLink",
713
- "module": "src/scw-link/ScwLink.ts"
714
- }
715
- },
716
- {
717
- "name": "href",
718
- "type": {
719
- "text": "string | undefined"
720
- },
721
- "description": "(ScwLinkBase)",
722
- "fieldName": "href",
723
- "inheritedFrom": {
724
- "name": "ScwLinkBase",
725
- "module": "src/scw-link-base/ScwLinkBase.ts"
726
- }
727
- },
728
- {
729
- "name": "target",
730
- "type": {
731
- "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
732
- },
733
- "description": "(ScwLinkBase)",
734
- "fieldName": "target",
735
- "inheritedFrom": {
736
- "name": "ScwLinkBase",
737
- "module": "src/scw-link-base/ScwLinkBase.ts"
738
- }
736
+ "default": "''",
737
+ "description": "Secondary message",
738
+ "fieldName": "description"
739
739
  },
740
740
  {
741
741
  "name": "aria-label",
@@ -803,10 +803,10 @@
803
803
  }
804
804
  ],
805
805
  "superclass": {
806
- "name": "ScwLink",
807
- "module": "/src/scw-link/ScwLink"
806
+ "name": "ScwComponent",
807
+ "package": "scw-component/ScwComponent"
808
808
  },
809
- "tagName": "scw-button",
809
+ "tagName": "scw-alert",
810
810
  "customElement": true
811
811
  }
812
812
  ],
@@ -815,23 +815,23 @@
815
815
  "kind": "js",
816
816
  "name": "default",
817
817
  "declaration": {
818
- "name": "ScwButton",
819
- "module": "src/scw-button/ScwButton.ts"
818
+ "name": "ScwAlert",
819
+ "module": "src/scw-alert/ScwAlert.ts"
820
820
  }
821
821
  }
822
822
  ]
823
823
  },
824
824
  {
825
825
  "kind": "javascript-module",
826
- "path": "src/scw-button/scw-button.ts",
826
+ "path": "src/scw-alert/scw-alert.ts",
827
827
  "declarations": [],
828
828
  "exports": [
829
829
  {
830
830
  "kind": "custom-element-definition",
831
- "name": "scw-button",
831
+ "name": "scw-alert",
832
832
  "declaration": {
833
- "name": "ScwButton",
834
- "module": "/src/scw-button/ScwButton.js"
833
+ "name": "ScwAlert",
834
+ "module": "/src/scw-alert/ScwAlert.js"
835
835
  }
836
836
  }
837
837
  ]
@@ -15493,60 +15493,6 @@
15493
15493
  "declarations": [],
15494
15494
  "exports": []
15495
15495
  },
15496
- {
15497
- "kind": "javascript-module",
15498
- "path": "src/utils/events/event.ts",
15499
- "declarations": [
15500
- {
15501
- "kind": "function",
15502
- "name": "emit",
15503
- "parameters": [
15504
- {
15505
- "name": "name",
15506
- "type": {
15507
- "text": "string"
15508
- }
15509
- },
15510
- {
15511
- "name": "target",
15512
- "type": {
15513
- "text": "HTMLElement"
15514
- }
15515
- },
15516
- {
15517
- "name": "detail",
15518
- "default": "{}",
15519
- "type": {
15520
- "text": "object"
15521
- }
15522
- },
15523
- {
15524
- "name": "options",
15525
- "optional": true,
15526
- "type": {
15527
- "text": "CustomEventInit"
15528
- }
15529
- }
15530
- ],
15531
- "description": "Emits a custom event with web component friendly defaults.",
15532
- "return": {
15533
- "type": {
15534
- "text": "object"
15535
- }
15536
- }
15537
- }
15538
- ],
15539
- "exports": [
15540
- {
15541
- "kind": "js",
15542
- "name": "emit",
15543
- "declaration": {
15544
- "name": "emit",
15545
- "module": "src/utils/events/event.ts"
15546
- }
15547
- }
15548
- ]
15549
- },
15550
15496
  {
15551
15497
  "kind": "javascript-module",
15552
15498
  "path": "src/utils/observers/intersectionObserverSingleton.ts",
@@ -15859,6 +15805,60 @@
15859
15805
  "path": "src/utils/themes/enums.ts",
15860
15806
  "declarations": [],
15861
15807
  "exports": []
15808
+ },
15809
+ {
15810
+ "kind": "javascript-module",
15811
+ "path": "src/utils/events/event.ts",
15812
+ "declarations": [
15813
+ {
15814
+ "kind": "function",
15815
+ "name": "emit",
15816
+ "parameters": [
15817
+ {
15818
+ "name": "name",
15819
+ "type": {
15820
+ "text": "string"
15821
+ }
15822
+ },
15823
+ {
15824
+ "name": "target",
15825
+ "type": {
15826
+ "text": "HTMLElement"
15827
+ }
15828
+ },
15829
+ {
15830
+ "name": "detail",
15831
+ "default": "{}",
15832
+ "type": {
15833
+ "text": "object"
15834
+ }
15835
+ },
15836
+ {
15837
+ "name": "options",
15838
+ "optional": true,
15839
+ "type": {
15840
+ "text": "CustomEventInit"
15841
+ }
15842
+ }
15843
+ ],
15844
+ "description": "Emits a custom event with web component friendly defaults.",
15845
+ "return": {
15846
+ "type": {
15847
+ "text": "object"
15848
+ }
15849
+ }
15850
+ }
15851
+ ],
15852
+ "exports": [
15853
+ {
15854
+ "kind": "js",
15855
+ "name": "emit",
15856
+ "declaration": {
15857
+ "name": "emit",
15858
+ "module": "src/utils/events/event.ts"
15859
+ }
15860
+ }
15861
+ ]
15862
15862
  }
15863
15863
  ]
15864
15864
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "scu-web-components",
3
- "version": "0.0.54",
3
+ "version": "0.0.55",
4
4
  "description": "Summit Credit Union Design System components for use on member facing apps and websites",
5
5
  "author": "srouse",
6
6
  "license": "MIT",
package/scripts/themes.mjs CHANGED
@@ -33,7 +33,7 @@ export default async function themes(outputFile) {
33
33
  --scw-theme-color-inv: var( --scw-color-grey-10 );
34
34
  --scw-theme-color-hover: var( --scw-color-${pattern.name}-${stepHover} );
35
35
  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
36
- --scw-theme-color-light: var( --scw-color-grey-095 );
36
+ --scw-theme-color-light: var( --scw-color-${pattern.name}-095 );
37
37
  --scw-theme-body-color: var( --scw-color-grey-02 );
38
38
  --scw-theme-border-color: var( --scw-color-grey-09 );
39
39
  --scw-theme-icon-color: var( --scw-color-${pattern.name}-${step} );
@@ -41,7 +41,11 @@ export default async function themes(outputFile) {
41
41
  --scw-theme-icon-color-tiertiary: var( --scw-color-${pattern.name}-${step3} );
42
42
  }
43
43
  .scw-theme-${pattern.name}-dark,
44
- [scw-theme-${pattern.name}-dark] {
44
+ [scw-theme-${pattern.name}-dark],
45
+ .scw-theme-${pattern.name} .scw-theme-inherit-dark,
46
+ .scw-theme-${pattern.name} [scw-theme-inherit-dark],
47
+ [scw-theme-${pattern.name}] scw-theme-inherit-dark,
48
+ [scw-theme-${pattern.name}] [scw-theme-inherit-dark], {
45
49
  --scw-theme-color: var( --scw-color-grey-10 );
46
50
  --scw-theme-color-inv: var( --scw-color-${pattern.name}-${step} );
47
51
  --scw-theme-color-hover: var( --scw-color-grey-10 );