@madgex/design-system 2.0.7 → 2.0.8

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 (58) hide show
  1. package/coverage/cobertura-coverage.xml +1 -1
  2. package/coverage/components/accordion/accordion.js.html +1 -1
  3. package/coverage/components/accordion/index.html +1 -1
  4. package/coverage/components/button/button.js.html +1 -1
  5. package/coverage/components/button/index.html +1 -1
  6. package/coverage/components/inputs/combobox/combobox.js.html +1 -1
  7. package/coverage/components/inputs/combobox/index.html +1 -1
  8. package/coverage/components/inputs/combobox/vue-components/Combobox.vue.html +1 -1
  9. package/coverage/components/inputs/combobox/vue-components/ListBoxOption.vue.html +1 -1
  10. package/coverage/components/inputs/combobox/vue-components/index.html +1 -1
  11. package/coverage/components/inputs/file-upload/file-upload.js.html +1 -1
  12. package/coverage/components/inputs/file-upload/index.html +1 -1
  13. package/coverage/components/inputs/textarea/character-count.js.html +1 -1
  14. package/coverage/components/inputs/textarea/index.html +1 -1
  15. package/coverage/components/modal/index.html +1 -1
  16. package/coverage/components/modal/modal.js.html +1 -1
  17. package/coverage/components/notification/index.html +1 -1
  18. package/coverage/components/notification/notification.js.html +1 -1
  19. package/coverage/components/popover/index.html +1 -1
  20. package/coverage/components/popover/popover.js.html +1 -1
  21. package/coverage/components/switch-state/index.html +1 -1
  22. package/coverage/components/switch-state/switch-state.js.html +1 -1
  23. package/coverage/components/tabs/index.html +1 -1
  24. package/coverage/components/tabs/tabs.js.html +1 -1
  25. package/coverage/index.html +1 -1
  26. package/coverage/js/common.js.html +1 -1
  27. package/coverage/js/fractal-scripts/combobox.js.html +1 -1
  28. package/coverage/js/fractal-scripts/index.html +1 -1
  29. package/coverage/js/fractal-scripts/notification.js.html +1 -1
  30. package/coverage/js/fractal-scripts/switch-state.js.html +1 -1
  31. package/coverage/js/index-fractal.js.html +1 -1
  32. package/coverage/js/index-polyfills.js.html +1 -1
  33. package/coverage/js/index-vue.js.html +1 -1
  34. package/coverage/js/index.html +1 -1
  35. package/coverage/js/index.js.html +1 -1
  36. package/coverage/js/polyfills/arrayPrototypeFind.js.html +1 -1
  37. package/coverage/js/polyfills/closest.js.html +1 -1
  38. package/coverage/js/polyfills/index.html +1 -1
  39. package/coverage/js/polyfills/objectAssign.js.html +1 -1
  40. package/coverage/js/polyfills/remove.js.html +1 -1
  41. package/coverage/tokens/_config.js.html +1 -1
  42. package/coverage/tokens/index.html +1 -1
  43. package/dist/_tokens/css/_tokens.css +27 -29
  44. package/dist/_tokens/js/_tokens-module.js +1906 -1950
  45. package/dist/_tokens/scss/_tokens.scss +75 -81
  46. package/dist/assets/icons.json +1 -1
  47. package/dist/css/index.css +1 -1
  48. package/dist/js/index.js +1 -1
  49. package/package.json +1 -1
  50. package/src/components/button/button.scss +1 -0
  51. package/src/components/notification/notification.scss +1 -1
  52. package/src/components/popover/popover.scss +1 -1
  53. package/src/layout/containers/01-base-containers.njk +1 -1
  54. package/src/scss/core/_containers.scss +8 -6
  55. package/src/tokens/color.json +0 -13
  56. package/src/tokens/effects.json +10 -0
  57. package/src/tokens/size.json +2 -5
  58. /package/src/tokens/{font.json → typography.json} +0 -0
package/dist/_tokens/scss/_tokens.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Wed, 21 Apr 2021 15:56:52 GMT
4
+ Generated on Tue, 27 Apr 2021 15:11:57 GMT
5
5
  */
6
6
 
7
7
  $mds-color-brand-1-light: #2990e0 !default;
@@ -67,17 +67,16 @@ $mds-color-button-border-hover-bottom: rgba(0, 0, 0, 0) !default;
67
67
  $mds-color-button-border-hover-left: rgba(0, 0, 0, 0) !default;
68
68
  $mds-color-link-base: #1b75bb !default;
69
69
  $mds-color-link-hover: #15598e !default;
70
- $mds-color-box-shadow-base: 0 2px 5px 0 #dddddd !default;
71
70
  $mds-color-branded-container-1-background: #1b75bb !default;
72
71
  $mds-color-branded-container-1-text: #ffffff !default;
73
72
  $mds-color-ad-container-leaderboard-background: #ffffff !default;
74
- $mds-color-input-shadow-disabled: 0px 0px 0px 3px rgba(176, 176, 176, 0.5) !default;
75
- $mds-color-input-shadow-focus: 0px 0px 0px 3px #5092fd !default;
76
73
  $mds-color-input-checked: #000000 !default;
77
74
  $mds-color-input-border: #949494 !default;
78
75
  $mds-color-input-focus: #5092fd !default;
79
76
  $mds-color-input-disabled-label: rgba(84, 84, 84, 0.5) !default;
80
77
  $mds-color-input-disabled-field: rgba(176, 176, 176, 0.5) !default;
78
+ $mds-shadow-base: 0 2px 5px 0 #dddddd !default;
79
+ $mds-shadow-site-container: none !default;
81
80
  $mds-email-color-link-base: #1b75bb !default;
82
81
  $mds-email-color-link-hover: #15598e !default;
83
82
  $mds-email-color-button-bg-base: #fa7c1e !default;
@@ -100,6 +99,30 @@ $mds-email-font-family-heading-3: "Helvetica", Arial, sans-serif !default;
100
99
  $mds-email-font-family-heading-base: "Helvetica", Arial, sans-serif !default;
101
100
  $mds-email-size-button-border-radius: 4px !default;
102
101
  $mds-email-size-button-border-width: 1px !default;
102
+ $mds-size-baseline: 4px !default;
103
+ $mds-size-breakpoint-sm: 400px !default;
104
+ $mds-size-breakpoint-md: 600px !default;
105
+ $mds-size-breakpoint-lg: 1008px !default;
106
+ $mds-size-breakpoint-xl: 1280px !default;
107
+ $mds-size-border-width-base: 1px !default;
108
+ $mds-size-border-width-button: 1px !default;
109
+ $mds-size-border-radius-base: 4px !default;
110
+ $mds-size-border-radius-button: 4px !default;
111
+ $mds-size-gutter-width: 20px !default;
112
+ $mds-size-container-width: 100% !default;
113
+ $mds-size-container-min-width: 0 !default;
114
+ $mds-size-container-max-width: 100% !default;
115
+ $mds-size-wrapper-width: 97% !default;
116
+ $mds-size-wrapper-max-width: 1240px !default;
117
+ $mds-size-surface-padding: 16px !default;
118
+ $mds-size-main-padding: 0 !default;
119
+ $mds-size-main-margin: 0 !default;
120
+ $mds-size-icon-default: 1em !default;
121
+ $mds-size-icon-sm: 16px !default;
122
+ $mds-size-icon-md: 24px !default;
123
+ $mds-size-icon-lg: 32px !default;
124
+ $mds-size-icon-xl: 48px !default;
125
+ $mds-size-icon-xxl: 72px !default;
103
126
  $mds-font-family-base: "Helvetica", Arial, sans-serif !default;
104
127
  $mds-font-family-heading-1: "Helvetica", Arial, sans-serif !default;
105
128
  $mds-font-family-heading-2: "Helvetica", Arial, sans-serif !default;
@@ -203,31 +226,6 @@ $mds-font-type-minion-md-line-height: 1.24 !default;
203
226
  $mds-font-type-minion-lg-size: 12px !default;
204
227
  $mds-font-type-minion-lg-line-height: 1.34 !default;
205
228
  $mds-text-transform-button: none !default;
206
- $mds-size-baseline: 4px !default;
207
- $mds-size-breakpoint-sm: 400px !default;
208
- $mds-size-breakpoint-md: 600px !default;
209
- $mds-size-breakpoint-lg: 1008px !default;
210
- $mds-size-breakpoint-xl: 1280px !default;
211
- $mds-size-border-width-base: 1px !default;
212
- $mds-size-border-width-button: 1px !default;
213
- $mds-size-border-radius-base: 4px !default;
214
- $mds-size-border-radius-button: 4px !default;
215
- $mds-size-gutter-width: 20px !default;
216
- $mds-size-container-width: 100% !default;
217
- $mds-size-container-min-width: 0 !default;
218
- $mds-size-container-max-width: 100% !default;
219
- $mds-size-wrapper-width: 100% !default;
220
- $mds-size-wrapper-max-width: 1280px !default;
221
- $mds-size-wrapper-padding: 1.5% !default;
222
- $mds-size-surface-padding: 16px !default;
223
- $mds-size-main-padding: 0 !default;
224
- $mds-size-main-margin: 0 !default;
225
- $mds-size-icon-default: 1em !default;
226
- $mds-size-icon-sm: 16px !default;
227
- $mds-size-icon-md: 24px !default;
228
- $mds-size-icon-lg: 32px !default;
229
- $mds-size-icon-xl: 48px !default;
230
- $mds-size-icon-xxl: 72px !default;
231
229
 
232
230
  $tokens: (
233
231
  'color': (
@@ -330,9 +328,6 @@ $tokens: (
330
328
  'base': $mds-color-link-base,
331
329
  'hover': $mds-color-link-hover
332
330
  ),
333
- 'box-shadow': (
334
- 'base': $mds-color-box-shadow-base
335
- ),
336
331
  'branded-container': (
337
332
  '1': (
338
333
  'background': $mds-color-branded-container-1-background,
@@ -345,10 +340,6 @@ $tokens: (
345
340
  )
346
341
  ),
347
342
  'input': (
348
- 'shadow': (
349
- 'disabled': $mds-color-input-shadow-disabled,
350
- 'focus': $mds-color-input-shadow-focus
351
- ),
352
343
  'checked': $mds-color-input-checked,
353
344
  'border': $mds-color-input-border,
354
345
  'focus': $mds-color-input-focus,
@@ -358,6 +349,10 @@ $tokens: (
358
349
  )
359
350
  )
360
351
  ),
352
+ 'shadow': (
353
+ 'base': $mds-shadow-base,
354
+ 'site-container': $mds-shadow-site-container
355
+ ),
361
356
  'email': (
362
357
  'color': (
363
358
  'link': (
@@ -408,6 +403,50 @@ $tokens: (
408
403
  )
409
404
  )
410
405
  ),
406
+ 'size': (
407
+ 'baseline': $mds-size-baseline,
408
+ 'breakpoint': (
409
+ 'sm': $mds-size-breakpoint-sm,
410
+ 'md': $mds-size-breakpoint-md,
411
+ 'lg': $mds-size-breakpoint-lg,
412
+ 'xl': $mds-size-breakpoint-xl
413
+ ),
414
+ 'border': (
415
+ 'width': (
416
+ 'base': $mds-size-border-width-base,
417
+ 'button': $mds-size-border-width-button
418
+ ),
419
+ 'radius': (
420
+ 'base': $mds-size-border-radius-base,
421
+ 'button': $mds-size-border-radius-button
422
+ )
423
+ ),
424
+ 'gutter-width': $mds-size-gutter-width,
425
+ 'container': (
426
+ 'width': $mds-size-container-width,
427
+ 'min-width': $mds-size-container-min-width,
428
+ 'max-width': $mds-size-container-max-width
429
+ ),
430
+ 'wrapper': (
431
+ 'width': $mds-size-wrapper-width,
432
+ 'max-width': $mds-size-wrapper-max-width
433
+ ),
434
+ 'surface': (
435
+ 'padding': $mds-size-surface-padding
436
+ ),
437
+ 'main': (
438
+ 'padding': $mds-size-main-padding,
439
+ 'margin': $mds-size-main-margin
440
+ ),
441
+ 'icon': (
442
+ 'default': $mds-size-icon-default,
443
+ 'sm': $mds-size-icon-sm,
444
+ 'md': $mds-size-icon-md,
445
+ 'lg': $mds-size-icon-lg,
446
+ 'xl': $mds-size-icon-xl,
447
+ 'xxl': $mds-size-icon-xxl
448
+ )
449
+ ),
411
450
  'font': (
412
451
  'family': (
413
452
  'base': $mds-font-family-base,
@@ -644,50 +683,5 @@ $tokens: (
644
683
  'transform': (
645
684
  'button': $mds-text-transform-button
646
685
  )
647
- ),
648
- 'size': (
649
- 'baseline': $mds-size-baseline,
650
- 'breakpoint': (
651
- 'sm': $mds-size-breakpoint-sm,
652
- 'md': $mds-size-breakpoint-md,
653
- 'lg': $mds-size-breakpoint-lg,
654
- 'xl': $mds-size-breakpoint-xl
655
- ),
656
- 'border': (
657
- 'width': (
658
- 'base': $mds-size-border-width-base,
659
- 'button': $mds-size-border-width-button
660
- ),
661
- 'radius': (
662
- 'base': $mds-size-border-radius-base,
663
- 'button': $mds-size-border-radius-button
664
- )
665
- ),
666
- 'gutter-width': $mds-size-gutter-width,
667
- 'container': (
668
- 'width': $mds-size-container-width,
669
- 'min-width': $mds-size-container-min-width,
670
- 'max-width': $mds-size-container-max-width
671
- ),
672
- 'wrapper': (
673
- 'width': $mds-size-wrapper-width,
674
- 'max-width': $mds-size-wrapper-max-width,
675
- 'padding': $mds-size-wrapper-padding
676
- ),
677
- 'surface': (
678
- 'padding': $mds-size-surface-padding
679
- ),
680
- 'main': (
681
- 'padding': $mds-size-main-padding,
682
- 'margin': $mds-size-main-margin
683
- ),
684
- 'icon': (
685
- 'default': $mds-size-icon-default,
686
- 'sm': $mds-size-icon-sm,
687
- 'md': $mds-size-icon-md,
688
- 'lg': $mds-size-icon-lg,
689
- 'xl': $mds-size-icon-xl,
690
- 'xxl': $mds-size-icon-xxl
691
- )
692
686
  )
693
687
  );
package/dist/assets/icons.json CHANGED
@@ -1 +1 @@
1
- [{"name":"asterisk"},{"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":"job"},{"name":"location-pin"},{"name":"menu"},{"name":"minus"},{"name":"plus-small"},{"name":"plus"},{"name":"question-mark"},{"name":"search"},{"name":"social-facebook"},{"name":"social-linkedin"},{"name":"social-twitter"},{"name":"spinner"},{"name":"star-fill"},{"name":"star-outline"},{"name":"upload"},{"name":"user"}]
1
+ [{"name":"asterisk"},{"name":"check"},{"name":"chevron-down"},{"name":"chevron-left"},{"name":"chevron-right"},{"name":"chevron-up"},{"name":"doc-pdf"},{"name":"cross"},{"name":"doc"},{"name":"email"},{"name":"external"},{"name":"job"},{"name":"location-pin"},{"name":"menu"},{"name":"minus"},{"name":"plus-small"},{"name":"plus"},{"name":"question-mark"},{"name":"search"},{"name":"social-facebook"},{"name":"social-twitter"},{"name":"spinner"},{"name":"star-fill"},{"name":"social-linkedin"},{"name":"star-outline"},{"name":"upload"},{"name":"close"},{"name":"user"}]