scu-web-components 0.0.54 → 0.0.56

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.
Binary file
@@ -5,36 +5,48 @@
5
5
  "tagName": "scw-alert",
6
6
  "category": "interactive"
7
7
  },
8
- {
9
- "name": "ScwButton",
10
- "fileName": "ScwButton.json",
11
- "tagName": "scw-button",
12
- "category": "interactive"
13
- },
14
8
  {
15
9
  "name": "ScwCard",
16
10
  "fileName": "ScwCard.json",
17
11
  "tagName": "scw-card",
18
12
  "category": "interactive"
19
13
  },
20
- {
21
- "name": "ScwComponent",
22
- "fileName": "ScwComponent.json",
23
- "tagName": "scw-component",
24
- "category": "base"
25
- },
26
14
  {
27
15
  "name": "ScwCenterComponent",
28
16
  "fileName": "ScwCenterComponent.json",
29
17
  "tagName": "scw-center-component",
30
18
  "category": "layouts"
31
19
  },
20
+ {
21
+ "name": "ScwComponent",
22
+ "fileName": "ScwComponent.json",
23
+ "tagName": "scw-component",
24
+ "category": "base"
25
+ },
32
26
  {
33
27
  "name": "ScwElementComponent",
34
28
  "fileName": "ScwElementComponent.json",
35
29
  "tagName": "scw-element-component",
36
30
  "category": "layouts"
37
31
  },
32
+ {
33
+ "name": "ScwFlexHComponent",
34
+ "fileName": "ScwFlexHComponent.json",
35
+ "tagName": "scw-flex-h-component",
36
+ "category": "layouts"
37
+ },
38
+ {
39
+ "name": "ScwButton",
40
+ "fileName": "ScwButton.json",
41
+ "tagName": "scw-button",
42
+ "category": "interactive"
43
+ },
44
+ {
45
+ "name": "ScwForm",
46
+ "fileName": "ScwForm.json",
47
+ "tagName": "scw-form",
48
+ "category": "form"
49
+ },
38
50
  {
39
51
  "name": "ScwFlexVComponent",
40
52
  "fileName": "ScwFlexVComponent.json",
@@ -47,12 +59,6 @@
47
59
  "tagName": "scw-float-component",
48
60
  "category": "layouts"
49
61
  },
50
- {
51
- "name": "ScwForm",
52
- "fileName": "ScwForm.json",
53
- "tagName": "scw-form",
54
- "category": "form"
55
- },
56
62
  {
57
63
  "name": "ScwFormComponent",
58
64
  "fileName": "ScwFormComponent.json",
@@ -65,42 +71,36 @@
65
71
  "tagName": "scw-image",
66
72
  "category": "interactive"
67
73
  },
68
- {
69
- "name": "ScwInputField",
70
- "fileName": "ScwInputField.json",
71
- "tagName": "scw-input-field",
72
- "category": "form"
73
- },
74
- {
75
- "name": "ScwFlexHComponent",
76
- "fileName": "ScwFlexHComponent.json",
77
- "tagName": "scw-flex-h-component",
78
- "category": "layouts"
79
- },
80
74
  {
81
75
  "name": "ScwInput",
82
76
  "fileName": "ScwInput.json",
83
77
  "tagName": "scw-input",
84
78
  "category": "form"
85
79
  },
80
+ {
81
+ "name": "ScwInputField",
82
+ "fileName": "ScwInputField.json",
83
+ "tagName": "scw-input-field",
84
+ "category": "form"
85
+ },
86
86
  {
87
87
  "name": "ScwLayoutComponent",
88
88
  "fileName": "ScwLayoutComponent.json",
89
89
  "tagName": "scw-layout-component",
90
90
  "category": "layouts"
91
91
  },
92
- {
93
- "name": "ScwLinkBase",
94
- "fileName": "ScwLinkBase.json",
95
- "tagName": "scw-link-base",
96
- "category": "interactive"
97
- },
98
92
  {
99
93
  "name": "ScwInputLayout",
100
94
  "fileName": "ScwInputLayout.json",
101
95
  "tagName": "scw-input-layout",
102
96
  "category": "form"
103
97
  },
98
+ {
99
+ "name": "ScwLinkBase",
100
+ "fileName": "ScwLinkBase.json",
101
+ "tagName": "scw-link-base",
102
+ "category": "interactive"
103
+ },
104
104
  {
105
105
  "name": "ScwMenu",
106
106
  "fileName": "ScwMenu.json",
@@ -137,6 +137,12 @@
137
137
  "tagName": "scw-rich-text",
138
138
  "category": "content"
139
139
  },
140
+ {
141
+ "name": "ScwStackComponent",
142
+ "fileName": "ScwStackComponent.json",
143
+ "tagName": "scw-stack-component",
144
+ "category": "layouts"
145
+ },
140
146
  {
141
147
  "name": "ScwSingleInputLayout",
142
148
  "fileName": "ScwSingleInputLayout.json",
@@ -149,12 +155,6 @@
149
155
  "tagName": "scw-test",
150
156
  "category": "interactive"
151
157
  },
152
- {
153
- "name": "ScwStackComponent",
154
- "fileName": "ScwStackComponent.json",
155
- "tagName": "scw-stack-component",
156
- "category": "layouts"
157
- },
158
158
  {
159
159
  "name": "ScwStepper",
160
160
  "fileName": "ScwStepper.json",
@@ -167,12 +167,6 @@
167
167
  "tagName": "scw-validate",
168
168
  "category": "form"
169
169
  },
170
- {
171
- "name": "ScwValidation",
172
- "fileName": "ScwValidation.json",
173
- "tagName": "scw-validation",
174
- "category": "form"
175
- },
176
170
  {
177
171
  "name": "ScwTextarea",
178
172
  "fileName": "ScwTextarea.json",
@@ -180,10 +174,10 @@
180
174
  "category": "form"
181
175
  },
182
176
  {
183
- "name": "ScwHeading",
184
- "fileName": "ScwHeading.json",
185
- "tagName": "scw-heading",
186
- "category": "interactive"
177
+ "name": "ScwValidation",
178
+ "fileName": "ScwValidation.json",
179
+ "tagName": "scw-validation",
180
+ "category": "form"
187
181
  },
188
182
  {
189
183
  "name": "ScwIcon",
@@ -191,6 +185,12 @@
191
185
  "tagName": "scw-icon",
192
186
  "category": "interactive"
193
187
  },
188
+ {
189
+ "name": "ScwHeading",
190
+ "fileName": "ScwHeading.json",
191
+ "tagName": "scw-heading",
192
+ "category": "interactive"
193
+ },
194
194
  {
195
195
  "name": "ScwLink",
196
196
  "fileName": "ScwLink.json",
@@ -1,16 +1,16 @@
1
1
  {
2
2
  "title": "Summit Credit Union Web Design System (SCW)",
3
- "version": "0.0.54",
3
+ "version": "0.0.55",
4
4
  "navigation": [
5
5
  {
6
6
  "id": "tokens",
7
7
  "title": "Component SASS",
8
- "url": "../tokens/tokens.html?0.0.54"
8
+ "url": "../tokens/tokens.html?0.0.55"
9
9
  },
10
10
  {
11
11
  "id": "css",
12
12
  "title": "CSS",
13
- "url": "../tokens/css.html?clipboardType=classes&0.0.54"
13
+ "url": "../tokens/css.html?clipboardType=classes&0.0.55"
14
14
  }
15
15
  ],
16
16
  "moduleEmbed": "const scw = await import('../scw.js'); scw.defineComponents();",
@@ -5,7 +5,7 @@
5
5
  --scw-theme-color-inv: var( --scw-color-grey-10 );
6
6
  --scw-theme-color-hover: var( --scw-color-primary-04 );
7
7
  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
8
- --scw-theme-color-light: var( --scw-color-grey-095 );
8
+ --scw-theme-color-light: var( --scw-color-primary-095 );
9
9
  --scw-theme-body-color: var( --scw-color-grey-02 );
10
10
  --scw-theme-border-color: var( --scw-color-grey-09 );
11
11
  --scw-theme-icon-color: var( --scw-color-primary-05 );
@@ -13,7 +13,11 @@
13
13
  --scw-theme-icon-color-tiertiary: var( --scw-color-primary-08 );
14
14
  }
15
15
  .scw-theme-primary-dark,
16
- [scw-theme-primary-dark] {
16
+ [scw-theme-primary-dark],
17
+ .scw-theme-primary .scw-theme-inherit-dark,
18
+ .scw-theme-primary [scw-theme-inherit-dark],
19
+ [scw-theme-primary] scw-theme-inherit-dark,
20
+ [scw-theme-primary] [scw-theme-inherit-dark], {
17
21
  --scw-theme-color: var( --scw-color-grey-10 );
18
22
  --scw-theme-color-inv: var( --scw-color-primary-05 );
19
23
  --scw-theme-color-hover: var( --scw-color-grey-10 );
@@ -41,7 +45,11 @@
41
45
  --scw-theme-icon-color-tiertiary: var( --scw-color-grey-05 );
42
46
  }
43
47
  .scw-theme-grey-dark,
44
- [scw-theme-grey-dark] {
48
+ [scw-theme-grey-dark],
49
+ .scw-theme-grey .scw-theme-inherit-dark,
50
+ .scw-theme-grey [scw-theme-inherit-dark],
51
+ [scw-theme-grey] scw-theme-inherit-dark,
52
+ [scw-theme-grey] [scw-theme-inherit-dark], {
45
53
  --scw-theme-color: var( --scw-color-grey-10 );
46
54
  --scw-theme-color-inv: var( --scw-color-grey-02 );
47
55
  --scw-theme-color-hover: var( --scw-color-grey-10 );
@@ -61,7 +69,7 @@
61
69
  --scw-theme-color-inv: var( --scw-color-grey-10 );
62
70
  --scw-theme-color-hover: var( --scw-color-mortgage-04 );
63
71
  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
64
- --scw-theme-color-light: var( --scw-color-grey-095 );
72
+ --scw-theme-color-light: var( --scw-color-mortgage-095 );
65
73
  --scw-theme-body-color: var( --scw-color-grey-02 );
66
74
  --scw-theme-border-color: var( --scw-color-grey-09 );
67
75
  --scw-theme-icon-color: var( --scw-color-mortgage-05 );
@@ -69,7 +77,11 @@
69
77
  --scw-theme-icon-color-tiertiary: var( --scw-color-mortgage-08 );
70
78
  }
71
79
  .scw-theme-mortgage-dark,
72
- [scw-theme-mortgage-dark] {
80
+ [scw-theme-mortgage-dark],
81
+ .scw-theme-mortgage .scw-theme-inherit-dark,
82
+ .scw-theme-mortgage [scw-theme-inherit-dark],
83
+ [scw-theme-mortgage] scw-theme-inherit-dark,
84
+ [scw-theme-mortgage] [scw-theme-inherit-dark], {
73
85
  --scw-theme-color: var( --scw-color-grey-10 );
74
86
  --scw-theme-color-inv: var( --scw-color-mortgage-05 );
75
87
  --scw-theme-color-hover: var( --scw-color-grey-10 );
@@ -89,7 +101,7 @@
89
101
  --scw-theme-color-inv: var( --scw-color-grey-10 );
90
102
  --scw-theme-color-hover: var( --scw-color-investments-04 );
91
103
  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
92
- --scw-theme-color-light: var( --scw-color-grey-095 );
104
+ --scw-theme-color-light: var( --scw-color-investments-095 );
93
105
  --scw-theme-body-color: var( --scw-color-grey-02 );
94
106
  --scw-theme-border-color: var( --scw-color-grey-09 );
95
107
  --scw-theme-icon-color: var( --scw-color-investments-05 );
@@ -97,7 +109,11 @@
97
109
  --scw-theme-icon-color-tiertiary: var( --scw-color-investments-08 );
98
110
  }
99
111
  .scw-theme-investments-dark,
100
- [scw-theme-investments-dark] {
112
+ [scw-theme-investments-dark],
113
+ .scw-theme-investments .scw-theme-inherit-dark,
114
+ .scw-theme-investments [scw-theme-inherit-dark],
115
+ [scw-theme-investments] scw-theme-inherit-dark,
116
+ [scw-theme-investments] [scw-theme-inherit-dark], {
101
117
  --scw-theme-color: var( --scw-color-grey-10 );
102
118
  --scw-theme-color-inv: var( --scw-color-investments-05 );
103
119
  --scw-theme-color-hover: var( --scw-color-grey-10 );
@@ -117,7 +133,7 @@
117
133
  --scw-theme-color-inv: var( --scw-color-grey-10 );
118
134
  --scw-theme-color-hover: var( --scw-color-credit-cards-04 );
119
135
  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
120
- --scw-theme-color-light: var( --scw-color-grey-095 );
136
+ --scw-theme-color-light: var( --scw-color-credit-cards-095 );
121
137
  --scw-theme-body-color: var( --scw-color-grey-02 );
122
138
  --scw-theme-border-color: var( --scw-color-grey-09 );
123
139
  --scw-theme-icon-color: var( --scw-color-credit-cards-05 );
@@ -125,7 +141,11 @@
125
141
  --scw-theme-icon-color-tiertiary: var( --scw-color-credit-cards-08 );
126
142
  }
127
143
  .scw-theme-credit-cards-dark,
128
- [scw-theme-credit-cards-dark] {
144
+ [scw-theme-credit-cards-dark],
145
+ .scw-theme-credit-cards .scw-theme-inherit-dark,
146
+ .scw-theme-credit-cards [scw-theme-inherit-dark],
147
+ [scw-theme-credit-cards] scw-theme-inherit-dark,
148
+ [scw-theme-credit-cards] [scw-theme-inherit-dark], {
129
149
  --scw-theme-color: var( --scw-color-grey-10 );
130
150
  --scw-theme-color-inv: var( --scw-color-credit-cards-05 );
131
151
  --scw-theme-color-hover: var( --scw-color-grey-10 );
@@ -145,7 +165,7 @@
145
165
  --scw-theme-color-inv: var( --scw-color-grey-10 );
146
166
  --scw-theme-color-hover: var( --scw-color-student-04 );
147
167
  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
148
- --scw-theme-color-light: var( --scw-color-grey-095 );
168
+ --scw-theme-color-light: var( --scw-color-student-095 );
149
169
  --scw-theme-body-color: var( --scw-color-grey-02 );
150
170
  --scw-theme-border-color: var( --scw-color-grey-09 );
151
171
  --scw-theme-icon-color: var( --scw-color-student-05 );
@@ -153,7 +173,11 @@
153
173
  --scw-theme-icon-color-tiertiary: var( --scw-color-student-08 );
154
174
  }
155
175
  .scw-theme-student-dark,
156
- [scw-theme-student-dark] {
176
+ [scw-theme-student-dark],
177
+ .scw-theme-student .scw-theme-inherit-dark,
178
+ .scw-theme-student [scw-theme-inherit-dark],
179
+ [scw-theme-student] scw-theme-inherit-dark,
180
+ [scw-theme-student] [scw-theme-inherit-dark], {
157
181
  --scw-theme-color: var( --scw-color-grey-10 );
158
182
  --scw-theme-color-inv: var( --scw-color-student-05 );
159
183
  --scw-theme-color-hover: var( --scw-color-grey-10 );
@@ -173,7 +197,7 @@
173
197
  --scw-theme-color-inv: var( --scw-color-grey-10 );
174
198
  --scw-theme-color-hover: var( --scw-color-savings-04 );
175
199
  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
176
- --scw-theme-color-light: var( --scw-color-grey-095 );
200
+ --scw-theme-color-light: var( --scw-color-savings-095 );
177
201
  --scw-theme-body-color: var( --scw-color-grey-02 );
178
202
  --scw-theme-border-color: var( --scw-color-grey-09 );
179
203
  --scw-theme-icon-color: var( --scw-color-savings-05 );
@@ -181,7 +205,11 @@
181
205
  --scw-theme-icon-color-tiertiary: var( --scw-color-savings-08 );
182
206
  }
183
207
  .scw-theme-savings-dark,
184
- [scw-theme-savings-dark] {
208
+ [scw-theme-savings-dark],
209
+ .scw-theme-savings .scw-theme-inherit-dark,
210
+ .scw-theme-savings [scw-theme-inherit-dark],
211
+ [scw-theme-savings] scw-theme-inherit-dark,
212
+ [scw-theme-savings] [scw-theme-inherit-dark], {
185
213
  --scw-theme-color: var( --scw-color-grey-10 );
186
214
  --scw-theme-color-inv: var( --scw-color-savings-05 );
187
215
  --scw-theme-color-hover: var( --scw-color-grey-10 );
@@ -201,7 +229,7 @@
201
229
  --scw-theme-color-inv: var( --scw-color-grey-10 );
202
230
  --scw-theme-color-hover: var( --scw-color-checking-04 );
203
231
  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
204
- --scw-theme-color-light: var( --scw-color-grey-095 );
232
+ --scw-theme-color-light: var( --scw-color-checking-095 );
205
233
  --scw-theme-body-color: var( --scw-color-grey-02 );
206
234
  --scw-theme-border-color: var( --scw-color-grey-09 );
207
235
  --scw-theme-icon-color: var( --scw-color-checking-05 );
@@ -209,7 +237,11 @@
209
237
  --scw-theme-icon-color-tiertiary: var( --scw-color-checking-08 );
210
238
  }
211
239
  .scw-theme-checking-dark,
212
- [scw-theme-checking-dark] {
240
+ [scw-theme-checking-dark],
241
+ .scw-theme-checking .scw-theme-inherit-dark,
242
+ .scw-theme-checking [scw-theme-inherit-dark],
243
+ [scw-theme-checking] scw-theme-inherit-dark,
244
+ [scw-theme-checking] [scw-theme-inherit-dark], {
213
245
  --scw-theme-color: var( --scw-color-grey-10 );
214
246
  --scw-theme-color-inv: var( --scw-color-checking-05 );
215
247
  --scw-theme-color-hover: var( --scw-color-grey-10 );
@@ -229,7 +261,7 @@
229
261
  --scw-theme-color-inv: var( --scw-color-grey-10 );
230
262
  --scw-theme-color-hover: var( --scw-color-red-shoes-04 );
231
263
  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
232
- --scw-theme-color-light: var( --scw-color-grey-095 );
264
+ --scw-theme-color-light: var( --scw-color-red-shoes-095 );
233
265
  --scw-theme-body-color: var( --scw-color-grey-02 );
234
266
  --scw-theme-border-color: var( --scw-color-grey-09 );
235
267
  --scw-theme-icon-color: var( --scw-color-red-shoes-05 );
@@ -237,7 +269,11 @@
237
269
  --scw-theme-icon-color-tiertiary: var( --scw-color-red-shoes-08 );
238
270
  }
239
271
  .scw-theme-red-shoes-dark,
240
- [scw-theme-red-shoes-dark] {
272
+ [scw-theme-red-shoes-dark],
273
+ .scw-theme-red-shoes .scw-theme-inherit-dark,
274
+ .scw-theme-red-shoes [scw-theme-inherit-dark],
275
+ [scw-theme-red-shoes] scw-theme-inherit-dark,
276
+ [scw-theme-red-shoes] [scw-theme-inherit-dark], {
241
277
  --scw-theme-color: var( --scw-color-grey-10 );
242
278
  --scw-theme-color-inv: var( --scw-color-red-shoes-05 );
243
279
  --scw-theme-color-hover: var( --scw-color-grey-10 );
@@ -257,7 +293,7 @@
257
293
  --scw-theme-color-inv: var( --scw-color-grey-10 );
258
294
  --scw-theme-color-hover: var( --scw-color-business-04 );
259
295
  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
260
- --scw-theme-color-light: var( --scw-color-grey-095 );
296
+ --scw-theme-color-light: var( --scw-color-business-095 );
261
297
  --scw-theme-body-color: var( --scw-color-grey-02 );
262
298
  --scw-theme-border-color: var( --scw-color-grey-09 );
263
299
  --scw-theme-icon-color: var( --scw-color-business-05 );
@@ -265,7 +301,11 @@
265
301
  --scw-theme-icon-color-tiertiary: var( --scw-color-business-08 );
266
302
  }
267
303
  .scw-theme-business-dark,
268
- [scw-theme-business-dark] {
304
+ [scw-theme-business-dark],
305
+ .scw-theme-business .scw-theme-inherit-dark,
306
+ .scw-theme-business [scw-theme-inherit-dark],
307
+ [scw-theme-business] scw-theme-inherit-dark,
308
+ [scw-theme-business] [scw-theme-inherit-dark], {
269
309
  --scw-theme-color: var( --scw-color-grey-10 );
270
310
  --scw-theme-color-inv: var( --scw-color-business-05 );
271
311
  --scw-theme-color-hover: var( --scw-color-grey-10 );
@@ -285,7 +325,7 @@
285
325
  --scw-theme-color-inv: var( --scw-color-grey-10 );
286
326
  --scw-theme-color-hover: var( --scw-color-personal-04 );
287
327
  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
288
- --scw-theme-color-light: var( --scw-color-grey-095 );
328
+ --scw-theme-color-light: var( --scw-color-personal-095 );
289
329
  --scw-theme-body-color: var( --scw-color-grey-02 );
290
330
  --scw-theme-border-color: var( --scw-color-grey-09 );
291
331
  --scw-theme-icon-color: var( --scw-color-personal-05 );
@@ -293,7 +333,11 @@
293
333
  --scw-theme-icon-color-tiertiary: var( --scw-color-personal-08 );
294
334
  }
295
335
  .scw-theme-personal-dark,
296
- [scw-theme-personal-dark] {
336
+ [scw-theme-personal-dark],
337
+ .scw-theme-personal .scw-theme-inherit-dark,
338
+ .scw-theme-personal [scw-theme-inherit-dark],
339
+ [scw-theme-personal] scw-theme-inherit-dark,
340
+ [scw-theme-personal] [scw-theme-inherit-dark], {
297
341
  --scw-theme-color: var( --scw-color-grey-10 );
298
342
  --scw-theme-color-inv: var( --scw-color-personal-05 );
299
343
  --scw-theme-color-hover: var( --scw-color-grey-10 );
@@ -313,7 +357,7 @@
313
357
  --scw-theme-color-inv: var( --scw-color-grey-10 );
314
358
  --scw-theme-color-hover: var( --scw-color-heloc-04 );
315
359
  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
316
- --scw-theme-color-light: var( --scw-color-grey-095 );
360
+ --scw-theme-color-light: var( --scw-color-heloc-095 );
317
361
  --scw-theme-body-color: var( --scw-color-grey-02 );
318
362
  --scw-theme-border-color: var( --scw-color-grey-09 );
319
363
  --scw-theme-icon-color: var( --scw-color-heloc-05 );
@@ -321,7 +365,11 @@
321
365
  --scw-theme-icon-color-tiertiary: var( --scw-color-heloc-08 );
322
366
  }
323
367
  .scw-theme-heloc-dark,
324
- [scw-theme-heloc-dark] {
368
+ [scw-theme-heloc-dark],
369
+ .scw-theme-heloc .scw-theme-inherit-dark,
370
+ .scw-theme-heloc [scw-theme-inherit-dark],
371
+ [scw-theme-heloc] scw-theme-inherit-dark,
372
+ [scw-theme-heloc] [scw-theme-inherit-dark], {
325
373
  --scw-theme-color: var( --scw-color-grey-10 );
326
374
  --scw-theme-color-inv: var( --scw-color-heloc-05 );
327
375
  --scw-theme-color-hover: var( --scw-color-grey-10 );
@@ -3,7 +3,7 @@
3
3
 
4
4
  constructor (config) {// version, extraCssPromise, config ) {
5
5
  this.prefix = 'scw';// dynamic
6
- this.buildUUID = '5adbba96-9973-4066-8ea6-ffe5eee4ecae';// dynamic
6
+ this.buildUUID = '9424a538-27de-410e-8847-8ca5deed4c8f';// dynamic
7
7
 
8
8
  this.generator = false;
9
9
  this.initialized = false;
Binary file