scu-web-components 1.1.3 → 1.2.0

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 (38) hide show
  1. package/dist/custom-elements.json +0 -95
  2. package/dist/custom-elements.json.gz +0 -0
  3. package/dist/docs/components/ScwBlock.json +7 -102
  4. package/dist/docs/config.json +5 -5
  5. package/dist/scw-components.js +47 -54
  6. package/dist/scw-components.js.gz +0 -0
  7. package/dist/scw.js +48 -55
  8. package/dist/scw.js.gz +0 -0
  9. package/dist/tokens/source/assets/graphic-apple-app-store.js +1 -1
  10. package/dist/tokens/source/assets/graphic-apple-app-store.js.gz +0 -0
  11. package/dist/tokens/source/assets/graphic-apple-app-store.svg +1 -1
  12. package/dist/tokens/source/assets/graphic-apple-app-store.svg.gz +0 -0
  13. package/dist/tokens/source/assets/graphic-ehl.js +1 -1
  14. package/dist/tokens/source/assets/graphic-ehl.js.gz +0 -0
  15. package/dist/tokens/source/assets/graphic-ehl.svg +1 -1
  16. package/dist/tokens/source/assets/graphic-ehl.svg.gz +0 -0
  17. package/dist/tokens/source/assets/graphic-google-play-store.js +1 -1
  18. package/dist/tokens/source/assets/graphic-google-play-store.js.gz +0 -0
  19. package/dist/tokens/source/assets/graphic-google-play-store.svg +1 -1
  20. package/dist/tokens/source/assets/graphic-google-play-store.svg.gz +0 -0
  21. package/dist/tokens/source/assets/graphic-logo.js +1 -1
  22. package/dist/tokens/source/assets/graphic-logo.js.gz +0 -0
  23. package/dist/tokens/source/assets/graphic-logo.svg +1 -1
  24. package/dist/tokens/source/assets/graphic-logo.svg.gz +0 -0
  25. package/dist/tokens/source/jsCss.js +1 -1
  26. package/dist/tokens/source/jsCss.js.gz +0 -0
  27. package/dist/tokens/source/jsCssGenerator.js +1 -1
  28. package/dist/tokens/source/jsCssGenerator.js.gz +0 -0
  29. package/dist/tokens/source/jsCssGeneratorSansAssets.js +1 -1
  30. package/dist/tokens/source/jsCssGeneratorSansAssets.js.gz +0 -0
  31. package/dist/tokens/source/tokens.json +4 -4
  32. package/dist/tokens/source/tokens.json.gz +0 -0
  33. package/dist-node/scw-components.js +194 -201
  34. package/dist-node/scw.js +199 -206
  35. package/package.json +1 -1
  36. package/scripts/publish/msnTeamsWebhook.mjs +74 -21
  37. package/scripts/publish/publishMessage.mjs +2 -2
  38. package/scripts/publish/releaseNotes.mjs +10 -0
@@ -762,42 +762,6 @@
762
762
  "attribute": "alignment",
763
763
  "reflects": true
764
764
  },
765
- {
766
- "kind": "field",
767
- "name": "primaryLink",
768
- "type": {
769
- "text": "string | undefined"
770
- },
771
- "attribute": "primary-cta-link",
772
- "reflects": true
773
- },
774
- {
775
- "kind": "field",
776
- "name": "primaryLabel",
777
- "type": {
778
- "text": "string | undefined"
779
- },
780
- "attribute": "primary-cta-label",
781
- "reflects": true
782
- },
783
- {
784
- "kind": "field",
785
- "name": "secondaryLink",
786
- "type": {
787
- "text": "string | undefined"
788
- },
789
- "attribute": "secondary-cta-link",
790
- "reflects": true
791
- },
792
- {
793
- "kind": "field",
794
- "name": "secondaryLabel",
795
- "type": {
796
- "text": "string | undefined"
797
- },
798
- "attribute": "secondary-cta-label",
799
- "reflects": true
800
- },
801
765
  {
802
766
  "kind": "field",
803
767
  "name": "superHeading",
@@ -807,37 +771,6 @@
807
771
  "attribute": "super-heading",
808
772
  "reflects": true
809
773
  },
810
- {
811
- "kind": "method",
812
- "name": "renderLink",
813
- "return": {
814
- "type": {
815
- "text": "object"
816
- }
817
- },
818
- "parameters": [
819
- {
820
- "name": "label",
821
- "type": {
822
- "text": "string"
823
- }
824
- },
825
- {
826
- "name": "link",
827
- "type": {
828
- "text": "string"
829
- }
830
- },
831
- {
832
- "name": "design",
833
- "default": "'solid'",
834
- "type": {
835
- "text": "string"
836
- }
837
- }
838
- ],
839
- "description": "renderLink"
840
- },
841
774
  {
842
775
  "kind": "method",
843
776
  "name": "renderHeading",
@@ -1004,34 +937,6 @@
1004
937
  },
1005
938
  "fieldName": "align"
1006
939
  },
1007
- {
1008
- "name": "primary-cta-link",
1009
- "type": {
1010
- "text": "string | undefined"
1011
- },
1012
- "fieldName": "primaryLink"
1013
- },
1014
- {
1015
- "name": "primary-cta-label",
1016
- "type": {
1017
- "text": "string | undefined"
1018
- },
1019
- "fieldName": "primaryLabel"
1020
- },
1021
- {
1022
- "name": "secondary-cta-link",
1023
- "type": {
1024
- "text": "string | undefined"
1025
- },
1026
- "fieldName": "secondaryLink"
1027
- },
1028
- {
1029
- "name": "secondary-cta-label",
1030
- "type": {
1031
- "text": "string | undefined"
1032
- },
1033
- "fieldName": "secondaryLabel"
1034
- },
1035
940
  {
1036
941
  "name": "super-heading",
1037
942
  "type": {
Binary file
@@ -31,42 +31,6 @@
31
31
  "attribute": "alignment",
32
32
  "reflects": true
33
33
  },
34
- {
35
- "kind": "field",
36
- "name": "primaryLink",
37
- "type": {
38
- "text": "string | undefined"
39
- },
40
- "attribute": "primary-cta-link",
41
- "reflects": true
42
- },
43
- {
44
- "kind": "field",
45
- "name": "primaryLabel",
46
- "type": {
47
- "text": "string | undefined"
48
- },
49
- "attribute": "primary-cta-label",
50
- "reflects": true
51
- },
52
- {
53
- "kind": "field",
54
- "name": "secondaryLink",
55
- "type": {
56
- "text": "string | undefined"
57
- },
58
- "attribute": "secondary-cta-link",
59
- "reflects": true
60
- },
61
- {
62
- "kind": "field",
63
- "name": "secondaryLabel",
64
- "type": {
65
- "text": "string | undefined"
66
- },
67
- "attribute": "secondary-cta-label",
68
- "reflects": true
69
- },
70
34
  {
71
35
  "kind": "field",
72
36
  "name": "superHeading",
@@ -76,37 +40,6 @@
76
40
  "attribute": "super-heading",
77
41
  "reflects": true
78
42
  },
79
- {
80
- "kind": "method",
81
- "name": "renderLink",
82
- "return": {
83
- "type": {
84
- "text": "object"
85
- }
86
- },
87
- "parameters": [
88
- {
89
- "name": "label",
90
- "type": {
91
- "text": "string"
92
- }
93
- },
94
- {
95
- "name": "link",
96
- "type": {
97
- "text": "string"
98
- }
99
- },
100
- {
101
- "name": "design",
102
- "default": "'solid'",
103
- "type": {
104
- "text": "string"
105
- }
106
- }
107
- ],
108
- "description": "renderLink"
109
- },
110
43
  {
111
44
  "kind": "method",
112
45
  "name": "renderHeading",
@@ -273,34 +206,6 @@
273
206
  },
274
207
  "fieldName": "align"
275
208
  },
276
- {
277
- "name": "primary-cta-link",
278
- "type": {
279
- "text": "string | undefined"
280
- },
281
- "fieldName": "primaryLink"
282
- },
283
- {
284
- "name": "primary-cta-label",
285
- "type": {
286
- "text": "string | undefined"
287
- },
288
- "fieldName": "primaryLabel"
289
- },
290
- {
291
- "name": "secondary-cta-link",
292
- "type": {
293
- "text": "string | undefined"
294
- },
295
- "fieldName": "secondaryLink"
296
- },
297
- {
298
- "name": "secondary-cta-label",
299
- "type": {
300
- "text": "string | undefined"
301
- },
302
- "fieldName": "secondaryLabel"
303
- },
304
209
  {
305
210
  "name": "super-heading",
306
211
  "type": {
@@ -387,23 +292,23 @@
387
292
  "examples": [
388
293
  {
389
294
  "title": "Default",
390
- "description": "Simple block of content with a heading and 2 links. \n Default heading size is h2.",
391
- "code": "\n <scw-block \n heading=\"WHY SUMMIT?\" \n secondary-cta-link=\"#\" \n secondary-cta-label=\"Join Our Team\" \n primary-cta-link=\"#\" \n primary-cta-label=\"Careers\">\n <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n Summit makes managing money easier, more effective and more fun. \n With Summit, you can reduce financial stress and grow financial \n confidence, security and wealth. Together, we make the world better.\n </p>\n </scw-block>"
295
+ "description": "Simple block of content with a heading and 2 links.\n Default heading size is h2.",
296
+ "code": "\n <scw-block\n heading=\"WHY SUMMIT?\">\n <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n Summit makes managing money easier, more effective and more fun.\n With Summit, you can reduce financial stress and grow financial\n confidence, security and wealth. Together, we make the world better.\n </p>\n <scw-link slot=\"cta-link\" aria-label=\"Careers\"></scw-link>\n <scw-link slot=\"cta-link\"\n aria-label=\"Join Our Team\"\n design=\"outlined\"></scw-link>\n </scw-block>"
392
297
  },
393
298
  {
394
299
  "title": "Center aligned",
395
- "description": "Center aligned centers the heading, body, and links of \n the block.",
396
- "code": "\n <scw-block \n heading=\"WHY SUMMIT?\" \n alignment=\"center\"\n secondary-cta-link=\"#\" \n secondary-cta-label=\"Join Our Team\" \n primary-cta-link=\"#\" \n primary-cta-label=\"Careers\">\n <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n Summit makes managing money easier, more effective and more fun. \n With Summit, you can reduce financial stress and grow financial \n confidence, security and wealth. Together, we make the world better.\n </p>\n </scw-block>"
300
+ "description": "Center aligned centers the heading, body, and links of\n the block.",
301
+ "code": "\n <scw-block\n heading=\"WHY SUMMIT?\"\n alignment=\"center\">\n <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n Summit makes managing money easier, more effective and more fun.\n With Summit, you can reduce financial stress and grow financial\n confidence, security and wealth. Together, we make the world better.\n </p>\n <scw-link slot=\"cta-link\" aria-label=\"Careers\"></scw-link>\n <scw-link slot=\"cta-link\"\n aria-label=\"Join Our Team\"\n design=\"outlined\"></scw-link>\n </scw-block>"
397
302
  },
398
303
  {
399
304
  "title": "Super Heading",
400
305
  "description": "Super heading adds a super heading above the main heading",
401
- "code": "\n <scw-block \n super-heading=\"Super Heading\"\n heading=\"WHY SUMMIT?\"\n secondary-cta-link=\"#\" \n secondary-cta-label=\"Join Our Team\" \n primary-cta-link=\"#\" \n primary-cta-label=\"Careers\">\n <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n Summit makes managing money easier, more effective and more fun. \n With Summit, you can reduce financial stress and grow financial \n confidence, security and wealth. Together, we make the world better.\n </p>\n </scw-block>"
306
+ "code": "\n <scw-block\n super-heading=\"Super Heading\"\n heading=\"WHY SUMMIT?\">\n <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n Summit makes managing money easier, more effective and more fun.\n With Summit, you can reduce financial stress and grow financial\n confidence, security and wealth. Together, we make the world better.\n </p>\n <scw-link slot=\"cta-link\" aria-label=\"Careers\"></scw-link>\n <scw-link slot=\"cta-link\"\n aria-label=\"Join Our Team\"\n design=\"outlined\"></scw-link>\n </scw-block>"
402
307
  },
403
308
  {
404
309
  "title": "Heading levels",
405
- "description": "Heading size can be changed by passing different heading\n levels (h1, h2, h3, h4, h5, h6). The default heading level when none \n is passed is h2.",
406
- "code": "\n <scw-stack\n scw-gap-2s>\n <scw-block \n heading=\"H1\" \n heading-level=\"h1\">\n <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n Summit makes managing money easier, more effective and more fun. \n With Summit, you can reduce financial stress and grow financial \n confidence, security and wealth. Together, we make the world better.\n </p>\n </scw-block>\n <scw-block \n heading=\"H2\" \n heading-level=\"h2\">\n <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n Summit makes managing money easier, more effective and more fun. \n With Summit, you can reduce financial stress and grow financial \n confidence, security and wealth. Together, we make the world better.\n </p>\n </scw-block>\n <scw-block \n heading=\"H3\" \n heading-level=\"h3\">\n <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n Summit makes managing money easier, more effective and more fun. \n With Summit, you can reduce financial stress and grow financial \n confidence, security and wealth. Together, we make the world better.\n </p>\n </scw-block>\n <scw-block \n heading=\"H4\" \n heading-level=\"h4\">\n <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n Summit makes managing money easier, more effective and more fun. \n With Summit, you can reduce financial stress and grow financial \n confidence, security and wealth. Together, we make the world better.\n </p>\n </scw-block>\n <scw-block \n heading=\"H5\" \n heading-level=\"h5\">\n <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n Summit makes managing money easier, more effective and more fun. \n With Summit, you can reduce financial stress and grow financial \n confidence, security and wealth. Together, we make the world better.\n </p>\n </scw-block>\n <scw-block \n heading=\"H6\" \n heading-level=\"h6\">\n <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n Summit makes managing money easier, more effective and more fun. \n With Summit, you can reduce financial stress and grow financial \n confidence, security and wealth. Together, we make the world better.\n </p>\n </scw-block>\n </scw-stack>"
310
+ "description": "Heading size can be changed by passing different heading\n levels (h1, h2, h3, h4, h5, h6). The default heading level when none\n is passed is h2.",
311
+ "code": "\n <scw-stack\n scw-gap-2s>\n <scw-block\n heading=\"H1\"\n heading-level=\"h1\">\n <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n Summit makes managing money easier, more effective and more fun.\n With Summit, you can reduce financial stress and grow financial\n confidence, security and wealth. Together, we make the world better.\n </p>\n </scw-block>\n <scw-block\n heading=\"H2\"\n heading-level=\"h2\">\n <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n Summit makes managing money easier, more effective and more fun.\n With Summit, you can reduce financial stress and grow financial\n confidence, security and wealth. Together, we make the world better.\n </p>\n </scw-block>\n <scw-block\n heading=\"H3\"\n heading-level=\"h3\">\n <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n Summit makes managing money easier, more effective and more fun.\n With Summit, you can reduce financial stress and grow financial\n confidence, security and wealth. Together, we make the world better.\n </p>\n </scw-block>\n <scw-block\n heading=\"H4\"\n heading-level=\"h4\">\n <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n Summit makes managing money easier, more effective and more fun.\n With Summit, you can reduce financial stress and grow financial\n confidence, security and wealth. Together, we make the world better.\n </p>\n </scw-block>\n <scw-block\n heading=\"H5\"\n heading-level=\"h5\">\n <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n Summit makes managing money easier, more effective and more fun.\n With Summit, you can reduce financial stress and grow financial\n confidence, security and wealth. Together, we make the world better.\n </p>\n </scw-block>\n <scw-block\n heading=\"H6\"\n heading-level=\"h6\">\n <p scw-padding-bottom-2s scw-padding-top-0s scw-margin-0s>\n Summit makes managing money easier, more effective and more fun.\n With Summit, you can reduce financial stress and grow financial\n confidence, security and wealth. Together, we make the world better.\n </p>\n </scw-block>\n </scw-stack>"
407
312
  }
408
313
  ]
409
314
  }
@@ -1,20 +1,20 @@
1
1
  {
2
2
  "title": "Summit Credit Union Web Design System (SCW)",
3
- "version": "1.1.3",
3
+ "version": "1.2.0",
4
4
  "navigation": [
5
5
  {
6
6
  "id": "tokens",
7
7
  "title": "Component SASS",
8
- "url": "../tokens/tokens.html?1.1.3"
8
+ "url": "../tokens/tokens.html?1.2.0"
9
9
  },
10
10
  {
11
11
  "id": "css",
12
12
  "title": "CSS",
13
- "url": "../tokens/css.html?clipboardType=classes&1.1.3"
13
+ "url": "../tokens/css.html?clipboardType=classes&1.2.0"
14
14
  }
15
15
  ],
16
- "moduleEmbed": "const scw = await import('../scw.js?1737998435354'); scw.defineComponents();",
17
- "cssLink": "../scw.css?1737998435354",
16
+ "moduleEmbed": "const scw = await import('../scw.js?1740081567867'); scw.defineComponents();",
17
+ "cssLink": "../scw.css?1740081567867",
18
18
  "documents": [
19
19
  {
20
20
  "title": "Install",