@madgex/design-system 1.34.1 → 1.35.1

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 (70) hide show
  1. package/.eslintignore +0 -1
  2. package/.eslintrc.js +1 -1
  3. package/.prettierrc +4 -1
  4. package/README.md +2 -2
  5. package/__tests__/.eslintrc.js +8 -0
  6. package/__tests__/unit/src/components/combobox.spec.js +107 -0
  7. package/coverage/cobertura-coverage.xml +334 -5
  8. package/coverage/components/accordion/accordion.js.html +61 -51
  9. package/coverage/components/accordion/index.html +62 -49
  10. package/coverage/components/combobox/combobox.js.html +139 -0
  11. package/coverage/components/combobox/index.html +110 -0
  12. package/coverage/components/combobox/vue-components/Combobox.vue.html +709 -0
  13. package/coverage/components/combobox/vue-components/index.html +110 -0
  14. package/coverage/components/notification/index.html +62 -49
  15. package/coverage/components/notification/notification.js.html +61 -51
  16. package/coverage/components/popover/index.html +62 -49
  17. package/coverage/components/popover/popover.js.html +61 -51
  18. package/coverage/components/switch-state/index.html +62 -49
  19. package/coverage/components/switch-state/switch-state.js.html +61 -51
  20. package/coverage/components/tabs/index.html +62 -49
  21. package/coverage/components/tabs/tabs.js.html +61 -51
  22. package/coverage/index.html +126 -67
  23. package/coverage/js/common.js.html +61 -51
  24. package/coverage/js/fractal-scripts/combobox.js.html +229 -0
  25. package/coverage/js/fractal-scripts/index.html +80 -50
  26. package/coverage/js/fractal-scripts/notification.js.html +61 -51
  27. package/coverage/js/fractal-scripts/switch-state.js.html +61 -51
  28. package/coverage/js/index-fractal.js.html +68 -52
  29. package/coverage/js/index-polyfills.js.html +65 -52
  30. package/coverage/js/index-vue.js.html +82 -0
  31. package/coverage/js/index.html +88 -54
  32. package/coverage/js/index.js.html +62 -55
  33. package/coverage/js/polyfills/closest.js.html +61 -51
  34. package/coverage/js/polyfills/index.html +77 -49
  35. package/coverage/js/polyfills/remove.js.html +100 -0
  36. package/coverage/tokens/_config.js.html +61 -51
  37. package/coverage/tokens/index.html +62 -49
  38. package/cypress/integration/components/combobox.spec.js +87 -0
  39. package/cypress/integration/components/switch-state.spec.js +2 -8
  40. package/cypress/support/index.js +1 -0
  41. package/dist/_tokens/css/_tokens.css +169 -168
  42. package/dist/_tokens/js/_tokens-module.js +22 -1
  43. package/dist/_tokens/scss/_tokens.scss +5 -1
  44. package/dist/assets/icons.json +1 -1
  45. package/dist/css/index.css +1 -1
  46. package/dist/js/index.js +18 -4
  47. package/gulpfile.js +1 -1
  48. package/jest.config.js +5 -1
  49. package/package.json +25 -4
  50. package/src/components/button/button.scss +1 -0
  51. package/src/components/combobox/README.md +27 -0
  52. package/src/components/combobox/_macro.njk +3 -0
  53. package/src/components/combobox/_template.njk +45 -0
  54. package/src/components/combobox/combobox.config.js +30 -0
  55. package/src/components/combobox/combobox.js +20 -0
  56. package/src/components/combobox/combobox.njk +14 -0
  57. package/src/components/combobox/combobox.scss +52 -0
  58. package/src/components/combobox/vue-components/Combobox.vue +210 -0
  59. package/src/components/combobox/vue-components/ComboboxInput.vue +39 -0
  60. package/src/components/combobox/vue-components/ListBox.vue +17 -0
  61. package/src/components/combobox/vue-components/ListBoxOption.vue +27 -0
  62. package/src/js/fractal-scripts/combobox.js +50 -0
  63. package/src/js/index-fractal.js +2 -0
  64. package/src/js/index-polyfills.js +1 -0
  65. package/src/js/index-vue.js +1 -0
  66. package/src/js/index.js +0 -1
  67. package/src/js/polyfills/remove.js +7 -0
  68. package/src/scss/components/__index.scss +1 -0
  69. package/src/tokens/font.json +5 -0
  70. package/tasks/js-bundle.js +7 -0
@@ -1,174 +1,175 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 13 Jan 2020 16:43:40 GMT
3
+ * Generated on Fri, 14 Feb 2020 12:13:58 GMT
4
4
  */
5
5
 
6
6
  :root {
7
- --mds-color-brand-1-light: #2990e0;
8
- --mds-color-brand-1-lightest: #e9f3fc;
9
- --mds-color-brand-1-dark: #15598e;
10
- --mds-color-brand-1-darkest: #082135;
11
- --mds-color-brand-1-base: #1b75bb;
12
- --mds-color-brand-2-light: #fb9950;
13
- --mds-color-brand-2-lightest: #fef0e6;
14
- --mds-color-brand-2-dark: #e06305;
15
- --mds-color-brand-2-darkest: #3c1a01;
16
- --mds-color-brand-2-base: #fa7c1e;
17
- --mds-color-brand-3-light: #24e6d7;
18
- --mds-color-brand-3-lightest: #e8fcfb;
19
- --mds-color-brand-3-dark: #119389;
20
- --mds-color-brand-3-darkest: #063733;
21
- --mds-color-brand-3-base: #16c1b4;
22
- --mds-color-status-error-light: #fd0826;
23
- --mds-color-status-error-lightest: #ffe3e6;
24
- --mds-color-status-error-dark: #d0021b;
25
- --mds-color-status-error-darkest: #ae0216;
26
- --mds-color-status-error-base: #e1021d;
27
- --mds-color-status-success-light: #6ac52d;
28
- --mds-color-status-success-lightest: #f0faea;
29
- --mds-color-status-success-dark: #549b24;
30
- --mds-color-status-success-darkest: #45801d;
31
- --mds-color-status-success-base: #5ba927;
32
- --mds-color-status-info-light: #ffc442;
33
- --mds-color-status-info-lightest: #fff7e5;
34
- --mds-color-status-info-dark: #f4aa08;
35
- --mds-color-status-info-darkest: #d99500;
36
- --mds-color-status-info-base: #ffb411;
37
- --mds-color-background-body: #ffffff;
38
- --mds-color-background-site-container: #f8f8f8;
39
- --mds-color-background-surface: #ffffff;
40
- --mds-color-neutral-white: #ffffff;
41
- --mds-color-neutral-black: #000000;
42
- --mds-color-neutral-base: #979797;
43
- --mds-color-neutral-lighter: #dddddd;
44
- --mds-color-neutral-lightest: #f8f8f8;
45
- --mds-color-neutral-darker: #333333;
46
- --mds-color-text-base: #343433;
47
- --mds-color-text-invert: #ffffff;
48
- --mds-color-text-headers: #222222;
49
- --mds-color-border: #dddddd;
50
- --mds-color-button-bg-base: #fa7c1e;
51
- --mds-color-button-bg-hover: #fb9950;
52
- --mds-color-button-text-base: #ffffff;
53
- --mds-color-button-text-hover: #ffffff;
54
- --mds-color-link-base: #1b75bb;
55
- --mds-color-link-hover: #15598e;
56
- --mds-color-box-shadow-base: 0 2px 5px 0 #dddddd;
57
- --mds-color-branded-container-1-background: #1b75bb;
58
- --mds-color-branded-container-1-text: #ffffff;
59
- --mds-color-ad-container-leaderboard-background: #ffffff;
60
- --mds-font-family-base: "Helvetica", Arial, sans-serif;
61
- --mds-font-family-heading-1: "Helvetica", Arial, sans-serif;
62
- --mds-font-family-heading-2: "Helvetica", Arial, sans-serif;
63
- --mds-font-family-heading-3: "Helvetica", Arial, sans-serif;
64
- --mds-font-family-heading-base: "Helvetica", Arial, sans-serif;
65
- --mds-font-size-base: 16px;
66
- --mds-font-type-canon-default-size: 28px;
67
- --mds-font-type-canon-default-line-height: 1.15;
68
- --mds-font-type-canon-sm-size: 32px;
69
- --mds-font-type-canon-sm-line-height: 1.13;
70
- --mds-font-type-canon-md-size: 52px;
71
- --mds-font-type-canon-md-line-height: 1.08;
72
- --mds-font-type-canon-lg-size: 44px;
73
- --mds-font-type-canon-lg-line-height: 1.1;
74
- --mds-font-type-trafalgar-default-size: 20px;
75
- --mds-font-type-trafalgar-default-line-height: 1.2;
76
- --mds-font-type-trafalgar-sm-size: 24px;
77
- --mds-font-type-trafalgar-sm-line-height: 1.17;
78
- --mds-font-type-trafalgar-md-size: 36px;
79
- --mds-font-type-trafalgar-md-line-height: 1.12;
80
- --mds-font-type-trafalgar-lg-size: 32px;
81
- --mds-font-type-trafalgar-lg-line-height: 1.13;
82
- --mds-font-type-paragon-default-size: 20px;
83
- --mds-font-type-paragon-default-line-height: 1.2;
84
- --mds-font-type-paragon-sm-size: 22px;
85
- --mds-font-type-paragon-sm-line-height: 1.19;
86
- --mds-font-type-paragon-md-size: 28px;
87
- --mds-font-type-paragon-md-line-height: 1.15;
88
- --mds-font-type-paragon-lg-size: 28px;
89
- --mds-font-type-paragon-lg-line-height: 1.15;
90
- --mds-font-type-double-pica-default-size: 20px;
91
- --mds-font-type-double-pica-default-line-height: 1.2;
92
- --mds-font-type-double-pica-sm-size: 20px;
93
- --mds-font-type-double-pica-sm-line-height: 1.2;
94
- --mds-font-type-double-pica-md-size: 26px;
95
- --mds-font-type-double-pica-md-line-height: 1.16;
96
- --mds-font-type-double-pica-lg-size: 24px;
97
- --mds-font-type-double-pica-lg-line-height: 1.17;
98
- --mds-font-type-great-primer-default-size: 18px;
99
- --mds-font-type-great-primer-default-line-height: 1.23;
100
- --mds-font-type-great-primer-sm-size: 18px;
101
- --mds-font-type-great-primer-sm-line-height: 1.23;
102
- --mds-font-type-great-primer-md-size: 21px;
103
- --mds-font-type-great-primer-md-line-height: 1.15;
104
- --mds-font-type-great-primer-lg-size: 20px;
105
- --mds-font-type-great-primer-lg-line-height: 1.2;
106
- --mds-font-type-body-copy-default-size: 16px;
107
- --mds-font-type-body-copy-default-line-height: 1.38;
108
- --mds-font-type-body-copy-sm-size: 16px;
109
- --mds-font-type-body-copy-sm-line-height: 1.38;
110
- --mds-font-type-body-copy-md-size: 18px;
111
- --mds-font-type-body-copy-md-line-height: 1.34;
112
- --mds-font-type-body-copy-lg-size: 16px;
113
- --mds-font-type-body-copy-lg-line-height: 1.38;
114
- --mds-font-type-body-copy-bulk-default-size: 16px;
115
- --mds-font-type-body-copy-bulk-default-line-height: 1.75;
116
- --mds-font-type-body-copy-bulk-sm-size: 16px;
117
- --mds-font-type-body-copy-bulk-sm-line-height: 1.75;
118
- --mds-font-type-body-copy-bulk-md-size: 18px;
119
- --mds-font-type-body-copy-bulk-md-line-height: 1.67;
120
- --mds-font-type-body-copy-bulk-lg-size: 16px;
121
- --mds-font-type-body-copy-bulk-lg-line-height: 1.75;
122
- --mds-font-type-pica-default-size: 15px;
123
- --mds-font-type-pica-default-line-height: 1.34;
124
- --mds-font-type-pica-sm-size: 16px;
125
- --mds-font-type-pica-sm-line-height: 1.25;
126
- --mds-font-type-pica-md-size: 18px;
127
- --mds-font-type-pica-md-line-height: 1.23;
128
- --mds-font-type-pica-lg-size: 16px;
129
- --mds-font-type-pica-lg-line-height: 1.25;
130
- --mds-font-type-long-primer-default-size: 15px;
131
- --mds-font-type-long-primer-default-line-height: 1.2;
132
- --mds-font-type-long-primer-sm-size: 15px;
133
- --mds-font-type-long-primer-sm-line-height: 1.2;
134
- --mds-font-type-long-primer-md-size: 15px;
135
- --mds-font-type-long-primer-md-line-height: 1.34;
136
- --mds-font-type-long-primer-lg-size: 14px;
137
- --mds-font-type-long-primer-lg-line-height: 1.29;
138
- --mds-font-type-brevier-default-size: 14px;
139
- --mds-font-type-brevier-default-line-height: 1.15;
140
- --mds-font-type-brevier-sm-size: 14px;
141
- --mds-font-type-brevier-sm-line-height: 1.29;
142
- --mds-font-type-brevier-md-size: 14px;
143
- --mds-font-type-brevier-md-line-height: 1.29;
144
- --mds-font-type-brevier-lg-size: 13px;
145
- --mds-font-type-brevier-lg-line-height: 1.24;
146
- --mds-font-type-minion-default-size: 12px;
147
- --mds-font-type-minion-default-line-height: 1.34;
148
- --mds-font-type-minion-sm-size: 12px;
149
- --mds-font-type-minion-sm-line-height: 1.34;
150
- --mds-font-type-minion-md-size: 13px;
151
- --mds-font-type-minion-md-line-height: 1.24;
152
- --mds-font-type-minion-lg-size: 12px;
153
- --mds-font-type-minion-lg-line-height: 1.34;
154
- --mds-size-baseline: 4px;
155
- --mds-size-breakpoint-sm: 400px;
156
- --mds-size-breakpoint-md: 600px;
157
- --mds-size-breakpoint-lg: 1008px;
158
- --mds-size-breakpoint-xl: 1280px;
159
- --mds-size-border-width: 1px;
160
- --mds-size-border-radius: 4px;
161
- --mds-size-gutter-width: 20px;
162
- --mds-size-container-width: 100%;
163
- --mds-size-container-min-width: 0;
164
- --mds-size-container-max-width: 100%;
165
- --mds-size-wrapper-width: 100%;
166
- --mds-size-wrapper-max-width: 1280px;
167
- --mds-size-wrapper-padding: 1.5%;
168
- --mds-size-surface-padding: 16px;
169
- --mds-size-button-border-radius: 4px;
170
- --mds-size-icon-default: 1em;
171
- --mds-size-icon-sm: 16px;
172
- --mds-size-icon-md: 24px;
173
- --mds-size-icon-lg: 32px;
7
+ --mds-color-brand-1-light: #2990e0;
8
+ --mds-color-brand-1-lightest: #e9f3fc;
9
+ --mds-color-brand-1-dark: #15598e;
10
+ --mds-color-brand-1-darkest: #082135;
11
+ --mds-color-brand-1-base: #1b75bb;
12
+ --mds-color-brand-2-light: #fb9950;
13
+ --mds-color-brand-2-lightest: #fef0e6;
14
+ --mds-color-brand-2-dark: #e06305;
15
+ --mds-color-brand-2-darkest: #3c1a01;
16
+ --mds-color-brand-2-base: #fa7c1e;
17
+ --mds-color-brand-3-light: #24e6d7;
18
+ --mds-color-brand-3-lightest: #e8fcfb;
19
+ --mds-color-brand-3-dark: #119389;
20
+ --mds-color-brand-3-darkest: #063733;
21
+ --mds-color-brand-3-base: #16c1b4;
22
+ --mds-color-status-error-light: #fd0826;
23
+ --mds-color-status-error-lightest: #ffe3e6;
24
+ --mds-color-status-error-dark: #d0021b;
25
+ --mds-color-status-error-darkest: #ae0216;
26
+ --mds-color-status-error-base: #e1021d;
27
+ --mds-color-status-success-light: #6ac52d;
28
+ --mds-color-status-success-lightest: #f0faea;
29
+ --mds-color-status-success-dark: #549b24;
30
+ --mds-color-status-success-darkest: #45801d;
31
+ --mds-color-status-success-base: #5ba927;
32
+ --mds-color-status-info-light: #ffc442;
33
+ --mds-color-status-info-lightest: #fff7e5;
34
+ --mds-color-status-info-dark: #f4aa08;
35
+ --mds-color-status-info-darkest: #d99500;
36
+ --mds-color-status-info-base: #ffb411;
37
+ --mds-color-background-body: #ffffff;
38
+ --mds-color-background-site-container: #f8f8f8;
39
+ --mds-color-background-surface: #ffffff;
40
+ --mds-color-neutral-white: #ffffff;
41
+ --mds-color-neutral-black: #000000;
42
+ --mds-color-neutral-base: #979797;
43
+ --mds-color-neutral-lighter: #dddddd;
44
+ --mds-color-neutral-lightest: #f8f8f8;
45
+ --mds-color-neutral-darker: #333333;
46
+ --mds-color-text-base: #343433;
47
+ --mds-color-text-invert: #ffffff;
48
+ --mds-color-text-headers: #222222;
49
+ --mds-color-border: #dddddd;
50
+ --mds-color-button-bg-base: #fa7c1e;
51
+ --mds-color-button-bg-hover: #fb9950;
52
+ --mds-color-button-text-base: #ffffff;
53
+ --mds-color-button-text-hover: #ffffff;
54
+ --mds-color-link-base: #1b75bb;
55
+ --mds-color-link-hover: #15598e;
56
+ --mds-color-box-shadow-base: 0 2px 5px 0 #dddddd;
57
+ --mds-color-branded-container-1-background: #1b75bb;
58
+ --mds-color-branded-container-1-text: #ffffff;
59
+ --mds-color-ad-container-leaderboard-background: #ffffff;
60
+ --mds-font-family-base: "Helvetica", Arial, sans-serif;
61
+ --mds-font-family-heading-1: "Helvetica", Arial, sans-serif;
62
+ --mds-font-family-heading-2: "Helvetica", Arial, sans-serif;
63
+ --mds-font-family-heading-3: "Helvetica", Arial, sans-serif;
64
+ --mds-font-family-heading-base: "Helvetica", Arial, sans-serif;
65
+ --mds-font-family-button-base: "Helvetica", Arial, sans-serif;
66
+ --mds-font-size-base: 16px;
67
+ --mds-font-type-canon-default-size: 28px;
68
+ --mds-font-type-canon-default-line-height: 1.15;
69
+ --mds-font-type-canon-sm-size: 32px;
70
+ --mds-font-type-canon-sm-line-height: 1.13;
71
+ --mds-font-type-canon-md-size: 52px;
72
+ --mds-font-type-canon-md-line-height: 1.08;
73
+ --mds-font-type-canon-lg-size: 44px;
74
+ --mds-font-type-canon-lg-line-height: 1.1;
75
+ --mds-font-type-trafalgar-default-size: 20px;
76
+ --mds-font-type-trafalgar-default-line-height: 1.2;
77
+ --mds-font-type-trafalgar-sm-size: 24px;
78
+ --mds-font-type-trafalgar-sm-line-height: 1.17;
79
+ --mds-font-type-trafalgar-md-size: 36px;
80
+ --mds-font-type-trafalgar-md-line-height: 1.12;
81
+ --mds-font-type-trafalgar-lg-size: 32px;
82
+ --mds-font-type-trafalgar-lg-line-height: 1.13;
83
+ --mds-font-type-paragon-default-size: 20px;
84
+ --mds-font-type-paragon-default-line-height: 1.2;
85
+ --mds-font-type-paragon-sm-size: 22px;
86
+ --mds-font-type-paragon-sm-line-height: 1.19;
87
+ --mds-font-type-paragon-md-size: 28px;
88
+ --mds-font-type-paragon-md-line-height: 1.15;
89
+ --mds-font-type-paragon-lg-size: 28px;
90
+ --mds-font-type-paragon-lg-line-height: 1.15;
91
+ --mds-font-type-double-pica-default-size: 20px;
92
+ --mds-font-type-double-pica-default-line-height: 1.2;
93
+ --mds-font-type-double-pica-sm-size: 20px;
94
+ --mds-font-type-double-pica-sm-line-height: 1.2;
95
+ --mds-font-type-double-pica-md-size: 26px;
96
+ --mds-font-type-double-pica-md-line-height: 1.16;
97
+ --mds-font-type-double-pica-lg-size: 24px;
98
+ --mds-font-type-double-pica-lg-line-height: 1.17;
99
+ --mds-font-type-great-primer-default-size: 18px;
100
+ --mds-font-type-great-primer-default-line-height: 1.23;
101
+ --mds-font-type-great-primer-sm-size: 18px;
102
+ --mds-font-type-great-primer-sm-line-height: 1.23;
103
+ --mds-font-type-great-primer-md-size: 21px;
104
+ --mds-font-type-great-primer-md-line-height: 1.15;
105
+ --mds-font-type-great-primer-lg-size: 20px;
106
+ --mds-font-type-great-primer-lg-line-height: 1.2;
107
+ --mds-font-type-body-copy-default-size: 16px;
108
+ --mds-font-type-body-copy-default-line-height: 1.38;
109
+ --mds-font-type-body-copy-sm-size: 16px;
110
+ --mds-font-type-body-copy-sm-line-height: 1.38;
111
+ --mds-font-type-body-copy-md-size: 18px;
112
+ --mds-font-type-body-copy-md-line-height: 1.34;
113
+ --mds-font-type-body-copy-lg-size: 16px;
114
+ --mds-font-type-body-copy-lg-line-height: 1.38;
115
+ --mds-font-type-body-copy-bulk-default-size: 16px;
116
+ --mds-font-type-body-copy-bulk-default-line-height: 1.75;
117
+ --mds-font-type-body-copy-bulk-sm-size: 16px;
118
+ --mds-font-type-body-copy-bulk-sm-line-height: 1.75;
119
+ --mds-font-type-body-copy-bulk-md-size: 18px;
120
+ --mds-font-type-body-copy-bulk-md-line-height: 1.67;
121
+ --mds-font-type-body-copy-bulk-lg-size: 16px;
122
+ --mds-font-type-body-copy-bulk-lg-line-height: 1.75;
123
+ --mds-font-type-pica-default-size: 15px;
124
+ --mds-font-type-pica-default-line-height: 1.34;
125
+ --mds-font-type-pica-sm-size: 16px;
126
+ --mds-font-type-pica-sm-line-height: 1.25;
127
+ --mds-font-type-pica-md-size: 18px;
128
+ --mds-font-type-pica-md-line-height: 1.23;
129
+ --mds-font-type-pica-lg-size: 16px;
130
+ --mds-font-type-pica-lg-line-height: 1.25;
131
+ --mds-font-type-long-primer-default-size: 15px;
132
+ --mds-font-type-long-primer-default-line-height: 1.2;
133
+ --mds-font-type-long-primer-sm-size: 15px;
134
+ --mds-font-type-long-primer-sm-line-height: 1.2;
135
+ --mds-font-type-long-primer-md-size: 15px;
136
+ --mds-font-type-long-primer-md-line-height: 1.34;
137
+ --mds-font-type-long-primer-lg-size: 14px;
138
+ --mds-font-type-long-primer-lg-line-height: 1.29;
139
+ --mds-font-type-brevier-default-size: 14px;
140
+ --mds-font-type-brevier-default-line-height: 1.15;
141
+ --mds-font-type-brevier-sm-size: 14px;
142
+ --mds-font-type-brevier-sm-line-height: 1.29;
143
+ --mds-font-type-brevier-md-size: 14px;
144
+ --mds-font-type-brevier-md-line-height: 1.29;
145
+ --mds-font-type-brevier-lg-size: 13px;
146
+ --mds-font-type-brevier-lg-line-height: 1.24;
147
+ --mds-font-type-minion-default-size: 12px;
148
+ --mds-font-type-minion-default-line-height: 1.34;
149
+ --mds-font-type-minion-sm-size: 12px;
150
+ --mds-font-type-minion-sm-line-height: 1.34;
151
+ --mds-font-type-minion-md-size: 13px;
152
+ --mds-font-type-minion-md-line-height: 1.24;
153
+ --mds-font-type-minion-lg-size: 12px;
154
+ --mds-font-type-minion-lg-line-height: 1.34;
155
+ --mds-size-baseline: 4px;
156
+ --mds-size-breakpoint-sm: 400px;
157
+ --mds-size-breakpoint-md: 600px;
158
+ --mds-size-breakpoint-lg: 1008px;
159
+ --mds-size-breakpoint-xl: 1280px;
160
+ --mds-size-border-width: 1px;
161
+ --mds-size-border-radius: 4px;
162
+ --mds-size-gutter-width: 20px;
163
+ --mds-size-container-width: 100%;
164
+ --mds-size-container-min-width: 0;
165
+ --mds-size-container-max-width: 100%;
166
+ --mds-size-wrapper-width: 100%;
167
+ --mds-size-wrapper-max-width: 1280px;
168
+ --mds-size-wrapper-padding: 1.5%;
169
+ --mds-size-surface-padding: 16px;
170
+ --mds-size-button-border-radius: 4px;
171
+ --mds-size-icon-default: 1em;
172
+ --mds-size-icon-sm: 16px;
173
+ --mds-size-icon-md: 24px;
174
+ --mds-size-icon-lg: 32px;
174
175
  }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 13 Jan 2020 16:43:40 GMT
3
+ * Generated on Fri, 14 Feb 2020 12:13:58 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1115,6 +1115,27 @@ module.exports = {
1115
1115
  "base"
1116
1116
  ]
1117
1117
  }
1118
+ },
1119
+ "button": {
1120
+ "base": {
1121
+ "value": "\"Helvetica\", Arial, sans-serif",
1122
+ "original": {
1123
+ "value": "{font.family.base.value}"
1124
+ },
1125
+ "name": "MdsFontFamilyButtonBase",
1126
+ "attributes": {
1127
+ "category": "font",
1128
+ "type": "family",
1129
+ "item": "button",
1130
+ "subitem": "base"
1131
+ },
1132
+ "path": [
1133
+ "font",
1134
+ "family",
1135
+ "button",
1136
+ "base"
1137
+ ]
1138
+ }
1118
1139
  }
1119
1140
  },
1120
1141
  "size": {
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Mon, 13 Jan 2020 16:43:40 GMT
4
+ Generated on Fri, 14 Feb 2020 12:13:58 GMT
5
5
  */
6
6
 
7
7
  $mds-color-brand-1-light: #2990e0 !default;
@@ -62,6 +62,7 @@ $mds-font-family-heading-1: "Helvetica", Arial, sans-serif !default;
62
62
  $mds-font-family-heading-2: "Helvetica", Arial, sans-serif !default;
63
63
  $mds-font-family-heading-3: "Helvetica", Arial, sans-serif !default;
64
64
  $mds-font-family-heading-base: "Helvetica", Arial, sans-serif !default;
65
+ $mds-font-family-button-base: "Helvetica", Arial, sans-serif !default;
65
66
  $mds-font-size-base: 16px !default;
66
67
  $mds-font-type-canon-default-size: 28px !default;
67
68
  $mds-font-type-canon-default-line-height: 1.15 !default;
@@ -276,6 +277,9 @@ $tokens: (
276
277
  '2': $mds-font-family-heading-2,
277
278
  '3': $mds-font-family-heading-3,
278
279
  'base': $mds-font-family-heading-base
280
+ ),
281
+ 'button': (
282
+ 'base': $mds-font-family-button-base
279
283
  )
280
284
  ),
281
285
  'size': (
@@ -1 +1 @@
1
- [{"name":"chevron-left"},{"name":"chevron-right"},{"name":"doc-pdf"},{"name":"doc"},{"name":"email"},{"name":"job"},{"name":"location-pin"},{"name":"menu"},{"name":"search"},{"name":"social-facebook"},{"name":"social-linkedin"},{"name":"social-twitter"},{"name":"spinner"},{"name":"star-fill"},{"name":"star-outline"},{"name":"user"}]
1
+ [{"name":"chevron-left"},{"name":"chevron-right"},{"name":"doc-pdf"},{"name":"doc"},{"name":"job"},{"name":"location-pin"},{"name":"search"},{"name":"menu"},{"name":"social-facebook"},{"name":"social-linkedin"},{"name":"social-twitter"},{"name":"spinner"},{"name":"star-fill"},{"name":"star-outline"},{"name":"user"},{"name":"email"}]