@madgex/design-system 6.3.3 → 6.3.5

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 (44) hide show
  1. package/dist/_tokens/css/_tokens.css +2 -3
  2. package/dist/_tokens/js/_tokens-module.js +13 -72
  3. package/dist/assets/icons.json +1 -1
  4. package/dist/css/index.css +1 -1
  5. package/dist/js/index.js +1 -1
  6. package/package.json +2 -2
  7. package/src/components/button/button.scss +21 -20
  8. package/src/components/card/README.md +1 -1
  9. package/src/components/card/card.scss +12 -12
  10. package/src/components/icons/README.md +3 -3
  11. package/src/components/icons/icons.scss +7 -7
  12. package/src/components/inputs/_form-elements.scss +44 -44
  13. package/src/components/inputs/checkbox-pill/checkbox-pill.scss +14 -11
  14. package/src/components/inputs/combobox/combobox.scss +14 -14
  15. package/src/components/inputs/file-upload/file-upload.scss +14 -14
  16. package/src/components/inputs/input-number/input-number.scss +8 -8
  17. package/src/components/inputs/text-editor/text-editor.scss +19 -19
  18. package/src/components/modal/modal.scss +4 -4
  19. package/src/components/notification/notification.scss +1 -1
  20. package/src/components/pagination/pagination.scss +8 -8
  21. package/src/components/popover/popover.scss +14 -13
  22. package/src/components/section-title/section-title.scss +1 -1
  23. package/src/components/skip-link/skip-link.scss +4 -4
  24. package/src/components/tabs/tabs.scss +20 -20
  25. package/src/components/toggle-button-links/toggle-button-links.scss +16 -22
  26. package/src/helpers/spacing/README.md +2 -2
  27. package/src/layout/grid/README.md +4 -4
  28. package/src/scss/constants/_sd-tokens.scss +53 -57
  29. package/src/scss/constants/_vars.scss +12 -2
  30. package/src/scss/core/_containers.scss +25 -21
  31. package/src/scss/core/_defaults.scss +4 -4
  32. package/src/scss/core/_grid.scss +20 -20
  33. package/src/scss/core/_lists.scss +12 -12
  34. package/src/scss/core/_message.scss +13 -13
  35. package/src/scss/functions/_media-queries.scss +4 -4
  36. package/src/scss/helpers/_borders.scss +6 -5
  37. package/src/scss/helpers/_edited-text.scss +5 -5
  38. package/src/scss/helpers/_font-types.scss +3 -3
  39. package/src/scss/helpers/_spacing.scss +24 -24
  40. package/src/tokens/_config.js +1 -1
  41. package/src/tokens/_constants.json +0 -8
  42. package/src/tokens/color.json +4 -4
  43. package/src/tokens/custom.json +1 -1
  44. package/src/tokens/effects.json +0 -3
package/dist/_tokens/css/_tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 15 Apr 2024 11:20:57 GMT
3
+ * Generated on Mon, 13 May 2024 09:52:30 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -79,11 +79,10 @@
79
79
  --mds-size-main-padding: 0;
80
80
  --mds-size-main-margin: 0 auto;
81
81
  --mds-size-height-ad-container-leaderboard-min: 0;
82
- --mds-custom-badge-1-background: #000000;
82
+ --mds-custom-badge-1-background: #000;
83
83
  --mds-custom-badge-1-color: #fff;
84
84
  --mds-custom-card-1-background: #e9f3fc;
85
85
  --mds-custom-card-1-border: 1px solid #1b75bb;
86
- --mds-shadow-base: 0 2px 5px 0 #dddddd;
87
86
  --mds-shadow-site-container: none;
88
87
  --mds-shadow-main: none;
89
88
  --mds-email-color-link-base: #1b75bb;
package/dist/_tokens/js/_tokens-module.js CHANGED
@@ -1,53 +1,11 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 15 Apr 2024 11:20:57 GMT
3
+ * Generated on Mon, 13 May 2024 09:52:31 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
7
7
  "color": {
8
8
  "neutral": {
9
- "white": {
10
- "value": "#FFFFFF",
11
- "private": true,
12
- "filePath": "/app/packages/@madgex.design-system/src/tokens/_constants.json",
13
- "isSource": true,
14
- "original": {
15
- "value": "#FFFFFF",
16
- "private": true
17
- },
18
- "name": "MdsColorNeutralWhite",
19
- "attributes": {
20
- "category": "color",
21
- "type": "neutral",
22
- "item": "white"
23
- },
24
- "path": [
25
- "color",
26
- "neutral",
27
- "white"
28
- ]
29
- },
30
- "black": {
31
- "value": "#000000",
32
- "private": true,
33
- "filePath": "/app/packages/@madgex.design-system/src/tokens/_constants.json",
34
- "isSource": true,
35
- "original": {
36
- "value": "#000000",
37
- "private": true
38
- },
39
- "name": "MdsColorNeutralBlack",
40
- "attributes": {
41
- "category": "color",
42
- "type": "neutral",
43
- "item": "black"
44
- },
45
- "path": [
46
- "color",
47
- "neutral",
48
- "black"
49
- ]
50
- },
51
9
  "base": {
52
10
  "value": "#707070",
53
11
  "private": true,
@@ -832,11 +790,11 @@ module.exports = {
832
790
  },
833
791
  "background": {
834
792
  "body": {
835
- "value": "#FFFFFF",
793
+ "value": "#fff",
836
794
  "filePath": "/app/packages/@madgex.design-system/src/tokens/color.json",
837
795
  "isSource": true,
838
796
  "original": {
839
- "value": "{color.neutral.white.value}"
797
+ "value": "#fff"
840
798
  },
841
799
  "name": "MdsColorBackgroundBody",
842
800
  "attributes": {
@@ -870,11 +828,11 @@ module.exports = {
870
828
  ]
871
829
  },
872
830
  "surface": {
873
- "value": "#FFFFFF",
831
+ "value": "#fff",
874
832
  "filePath": "/app/packages/@madgex.design-system/src/tokens/color.json",
875
833
  "isSource": true,
876
834
  "original": {
877
- "value": "{color.neutral.white.value}"
835
+ "value": "#fff"
878
836
  },
879
837
  "name": "MdsColorBackgroundSurface",
880
838
  "attributes": {
@@ -929,11 +887,11 @@ module.exports = {
929
887
  ]
930
888
  },
931
889
  "invert": {
932
- "value": "#FFFFFF",
890
+ "value": "#fff",
933
891
  "filePath": "/app/packages/@madgex.design-system/src/tokens/color.json",
934
892
  "isSource": true,
935
893
  "original": {
936
- "value": "{color.neutral.white.value}"
894
+ "value": "#fff"
937
895
  },
938
896
  "name": "MdsColorTextInvert",
939
897
  "attributes": {
@@ -1429,7 +1387,7 @@ module.exports = {
1429
1387
  ]
1430
1388
  },
1431
1389
  "text": {
1432
- "value": "#FFFFFF",
1390
+ "value": "#fff",
1433
1391
  "filePath": "/app/packages/@madgex.design-system/src/tokens/color.json",
1434
1392
  "isSource": true,
1435
1393
  "original": {
@@ -1556,7 +1514,7 @@ module.exports = {
1556
1514
  "ad-container": {
1557
1515
  "leaderboard": {
1558
1516
  "background": {
1559
- "value": "#FFFFFF",
1517
+ "value": "#fff",
1560
1518
  "filePath": "/app/packages/@madgex.design-system/src/tokens/color.json",
1561
1519
  "isSource": true,
1562
1520
  "original": {
@@ -1580,11 +1538,11 @@ module.exports = {
1580
1538
  },
1581
1539
  "input": {
1582
1540
  "checked": {
1583
- "value": "#000000",
1541
+ "value": "#000",
1584
1542
  "filePath": "/app/packages/@madgex.design-system/src/tokens/color.json",
1585
1543
  "isSource": true,
1586
1544
  "original": {
1587
- "value": "{color.neutral.black.value}"
1545
+ "value": "#000"
1588
1546
  },
1589
1547
  "name": "MdsColorInputChecked",
1590
1548
  "attributes": {
@@ -2261,11 +2219,11 @@ module.exports = {
2261
2219
  "badge": {
2262
2220
  "1": {
2263
2221
  "background": {
2264
- "value": "#000000",
2222
+ "value": "#000",
2265
2223
  "filePath": "/app/packages/@madgex.design-system/src/tokens/custom.json",
2266
2224
  "isSource": true,
2267
2225
  "original": {
2268
- "value": "{color.neutral.black.value}"
2226
+ "value": "#000"
2269
2227
  },
2270
2228
  "name": "MdsCustomBadge1Background",
2271
2229
  "attributes": {
@@ -2352,23 +2310,6 @@ module.exports = {
2352
2310
  }
2353
2311
  },
2354
2312
  "shadow": {
2355
- "base": {
2356
- "value": "0 2px 5px 0 #DDDDDD",
2357
- "filePath": "/app/packages/@madgex.design-system/src/tokens/effects.json",
2358
- "isSource": true,
2359
- "original": {
2360
- "value": "0 2px 5px 0 {color.neutral.lighter.value}"
2361
- },
2362
- "name": "MdsShadowBase",
2363
- "attributes": {
2364
- "category": "shadow",
2365
- "type": "base"
2366
- },
2367
- "path": [
2368
- "shadow",
2369
- "base"
2370
- ]
2371
- },
2372
2313
  "site-container": {
2373
2314
  "value": "none",
2374
2315
  "filePath": "/app/packages/@madgex.design-system/src/tokens/effects.json",
package/dist/assets/icons.json CHANGED
@@ -1 +1 @@
1
- [{"name":"asterisk"},{"name":"calendar"},{"name":"check"},{"name":"chevron-down"},{"name":"chevron-left"},{"name":"chevron-right"},{"name":"chevron-up"},{"name":"close"},{"name":"cross"},{"name":"doc-pdf"},{"name":"doc"},{"name":"email"},{"name":"external"},{"name":"flag"},{"name":"job"},{"name":"list-bullets"},{"name":"list-numbers"},{"name":"location-pin"},{"name":"menu"},{"name":"minus"},{"name":"plus-small"},{"name":"plus"},{"name":"question-mark"},{"name":"redo"},{"name":"search"},{"name":"share"},{"name":"social-facebook"},{"name":"social-linkedin"},{"name":"social-reddit"},{"name":"social-twitter"},{"name":"social-pinterest"},{"name":"star-fill"},{"name":"spinner"},{"name":"star-outline"},{"name":"text-bold"},{"name":"text-italic"},{"name":"text-link"},{"name":"text-strike-through"},{"name":"text-underline"},{"name":"undo"},{"name":"upload"},{"name":"user"}]
1
+ [{"name":"asterisk"},{"name":"calendar"},{"name":"check"},{"name":"chevron-down"},{"name":"chevron-left"},{"name":"chevron-right"},{"name":"chevron-up"},{"name":"close"},{"name":"cross"},{"name":"doc-pdf"},{"name":"doc"},{"name":"email"},{"name":"external"},{"name":"flag"},{"name":"job"},{"name":"list-bullets"},{"name":"list-numbers"},{"name":"location-pin"},{"name":"menu"},{"name":"minus"},{"name":"plus-small"},{"name":"plus"},{"name":"question-mark"},{"name":"redo"},{"name":"search"},{"name":"share"},{"name":"social-facebook"},{"name":"social-linkedin"},{"name":"social-pinterest"},{"name":"social-reddit"},{"name":"social-twitter"},{"name":"spinner"},{"name":"star-fill"},{"name":"star-outline"},{"name":"text-bold"},{"name":"text-italic"},{"name":"text-link"},{"name":"text-strike-through"},{"name":"text-underline"},{"name":"undo"},{"name":"upload"},{"name":"user"}]