@mozaic-ds/vue 0.18.0 → 0.19.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 (51) hide show
  1. package/README.md +2 -2
  2. package/dist/demo.html +1 -10
  3. package/dist/mozaic-vue.adeo.css +44 -1
  4. package/dist/mozaic-vue.adeo.umd.js +8589 -9501
  5. package/dist/mozaic-vue.common.js +8589 -9502
  6. package/dist/mozaic-vue.common.js.map +1 -1
  7. package/dist/mozaic-vue.css +1 -1
  8. package/dist/mozaic-vue.umd.js +8589 -9501
  9. package/dist/mozaic-vue.umd.js.map +1 -1
  10. package/dist/mozaic-vue.umd.min.js +3 -1
  11. package/dist/mozaic-vue.umd.min.js.map +1 -1
  12. package/package.json +23 -23
  13. package/src/components/accordion/MAccordion.vue +1 -1
  14. package/src/components/autocomplete/MAutocomplete.vue +3 -3
  15. package/src/components/breadcrumb/MBreadcrumb.vue +1 -1
  16. package/src/components/button/MButton.vue +1 -1
  17. package/src/components/datatable/MDataTable.vue +10 -7
  18. package/src/components/fileuploader/MFileUploader.vue +1 -1
  19. package/src/components/icon/MIcon.vue +40 -18
  20. package/src/components/layer/MLayer.vue +1 -1
  21. package/src/components/link/MLink.vue +1 -1
  22. package/src/components/listbox/MListBox.vue +1 -1
  23. package/src/components/notification/MNotification.vue +1 -1
  24. package/src/components/pagination/MPagination.vue +2 -2
  25. package/src/components/quantityselector/MQuantitySelector.vue +2 -2
  26. package/src/components/select/MSelect.vue +10 -0
  27. package/src/components/stepper/MStepper.vue +1 -1
  28. package/src/components/tabs/MTab.vue +1 -1
  29. package/src/components/textinput/MTextInput.vue +2 -2
  30. package/src/components/textinput/MTextInputIcon.vue +1 -1
  31. package/src/tokens/adeo/android/colors.xml +42 -38
  32. package/src/tokens/adeo/css/_variables.scss +42 -38
  33. package/src/tokens/adeo/css/root.scss +26 -22
  34. package/src/tokens/adeo/ios/StyleDictionaryColor.h +4 -0
  35. package/src/tokens/adeo/ios/StyleDictionaryColor.m +42 -38
  36. package/src/tokens/adeo/ios/StyleDictionaryColor.swift +42 -38
  37. package/src/tokens/adeo/js/tokens.js +42 -38
  38. package/src/tokens/adeo/js/tokensObject.js +144 -60
  39. package/src/tokens/adeo/scss/_tokens.scss +50 -42
  40. package/dist/fonts/LeroyMerlinSans-Web-Italic.3f4e3fc6.woff2 +0 -0
  41. package/dist/fonts/LeroyMerlinSans-Web-Italic.d826f8b3.woff +0 -0
  42. package/dist/fonts/LeroyMerlinSans-Web-Light.1847746a.woff +0 -0
  43. package/dist/fonts/LeroyMerlinSans-Web-Light.c3d8a284.woff2 +0 -0
  44. package/dist/fonts/LeroyMerlinSans-Web-LightItalic.343f7e0c.woff +0 -0
  45. package/dist/fonts/LeroyMerlinSans-Web-LightItalic.f4bc7b4c.woff2 +0 -0
  46. package/dist/fonts/LeroyMerlinSans-Web-Regular.1631e1d1.woff +0 -0
  47. package/dist/fonts/LeroyMerlinSans-Web-Regular.f1fa0f56.woff2 +0 -0
  48. package/dist/fonts/LeroyMerlinSans-Web-SemiBold.44f32155.woff +0 -0
  49. package/dist/fonts/LeroyMerlinSans-Web-SemiBold.c1061939.woff2 +0 -0
  50. package/dist/fonts/LeroyMerlinSans-Web-SemiBoldItalic.083f0cc1.woff +0 -0
  51. package/dist/fonts/LeroyMerlinSans-Web-SemiBoldItalic.cce10920.woff2 +0 -0
package/src/tokens/adeo/js/tokens.js CHANGED
@@ -72,24 +72,24 @@ export const ColorSecondaryPurple600 = "#4b4a8c";
72
72
  export const ColorSecondaryPurple700 = "#393879";
73
73
  export const ColorSecondaryPurple800 = "#282863";
74
74
  export const ColorSecondaryPurple900 = "#1a1a4b";
75
- export const ColorSecondaryRed100 = "#feedee";
76
- export const ColorSecondaryRed200 = "#fab9bc";
77
- export const ColorSecondaryRed300 = "#f38789";
78
- export const ColorSecondaryRed400 = "#ea5d58";
79
- export const ColorSecondaryRed500 = "#df382b";
80
- export const ColorSecondaryRed600 = "#b42a27";
81
- export const ColorSecondaryRed700 = "#8b2226";
82
- export const ColorSecondaryRed800 = "#641b21";
83
- export const ColorSecondaryRed900 = "#3e1219";
84
- export const ColorSecondaryOrange100 = "#fff5eb";
85
- export const ColorSecondaryOrange200 = "#ffdab2";
86
- export const ColorSecondaryOrange300 = "#ffc17d";
87
- export const ColorSecondaryOrange400 = "#ffab4b";
88
- export const ColorSecondaryOrange500 = "#fc961e";
89
- export const ColorSecondaryOrange600 = "#c86f21";
90
- export const ColorSecondaryOrange700 = "#974f20";
91
- export const ColorSecondaryOrange800 = "#6a351c";
92
- export const ColorSecondaryOrange900 = "#401f15";
75
+ export const ColorSecondaryRed100 = "#fdeaea";
76
+ export const ColorSecondaryRed200 = "#f8bcbb";
77
+ export const ColorSecondaryRed300 = "#f38d8c";
78
+ export const ColorSecondaryRed400 = "#ef5f5c";
79
+ export const ColorSecondaryRed500 = "#ea302d";
80
+ export const ColorSecondaryRed600 = "#c61112";
81
+ export const ColorSecondaryRed700 = "#8c0003";
82
+ export const ColorSecondaryRed800 = "#530000";
83
+ export const ColorSecondaryRed900 = "#2d0000";
84
+ export const ColorSecondaryOrange100 = "#fdf1e8";
85
+ export const ColorSecondaryOrange200 = "#f8d2b3";
86
+ export const ColorSecondaryOrange300 = "#f4b27e";
87
+ export const ColorSecondaryOrange400 = "#ef934a";
88
+ export const ColorSecondaryOrange500 = "#ea7315";
89
+ export const ColorSecondaryOrange600 = "#c65200";
90
+ export const ColorSecondaryOrange700 = "#8c3500";
91
+ export const ColorSecondaryOrange800 = "#531b00";
92
+ export const ColorSecondaryOrange900 = "#360e00";
93
93
  export const ColorSecondaryYellow100 = "#fff8e2";
94
94
  export const ColorSecondaryYellow200 = "#ffebaf";
95
95
  export const ColorSecondaryYellow300 = "#fee07d";
@@ -159,7 +159,7 @@ export const ColorButtonSolidNeutralDisabledFont = "#71706b";
159
159
  export const ColorButtonSolidNeutralActiveBackground = "#3a3936";
160
160
  export const ColorButtonSolidNeutralHoverBackground = "#1e1e1c";
161
161
  export const ColorButtonSolidNeutralHoverFont = "#ffffff";
162
- export const ColorButtonSolidDangerBackground = "#b42a27";
162
+ export const ColorButtonSolidDangerBackground = "#c61112";
163
163
  export const ColorButtonSolidDangerFont = "#ffffff";
164
164
  export const ColorButtonSolidDangerFocusBorder = "#8c0003";
165
165
  export const ColorButtonSolidDangerDisabledBackground = "#dddcd5";
@@ -192,13 +192,13 @@ export const ColorButtonBorderedNeutralDisabledFont = "#71706b";
192
192
  export const ColorButtonBorderedNeutralActiveBackground = "#dddcd5";
193
193
  export const ColorButtonBorderedNeutralHoverBackground = "#eeedea";
194
194
  export const ColorButtonBorderedDangerBackground = "#ffffff";
195
- export const ColorButtonBorderedDangerBorder = "#b42a27";
196
- export const ColorButtonBorderedDangerFont = "#b42a27";
197
- export const ColorButtonBorderedDangerFocusBorder = "#8b2226";
195
+ export const ColorButtonBorderedDangerBorder = "#c61112";
196
+ export const ColorButtonBorderedDangerFont = "#c61112";
197
+ export const ColorButtonBorderedDangerFocusBorder = "#8c0003";
198
198
  export const ColorButtonBorderedDangerDisabledBackground = "#dddcd5";
199
199
  export const ColorButtonBorderedDangerDisabledFont = "#71706b";
200
- export const ColorButtonBorderedDangerActiveBackground = "#fab9bc";
201
- export const ColorButtonBorderedDangerHoverBackground = "#feedee";
200
+ export const ColorButtonBorderedDangerActiveBackground = "#f8bcbb";
201
+ export const ColorButtonBorderedDangerHoverBackground = "#fdeaea";
202
202
  export const ColorDividerLightest = "#ffffff";
203
203
  export const ColorDividerLight = "#c2c1ba";
204
204
  export const ColorDividerDefault = "#71706b";
@@ -224,8 +224,8 @@ export const ColorFlagSolidDarkText = "#ffffff";
224
224
  export const ColorFlagSolidLightBackground = "#ffffff";
225
225
  export const ColorFlagSolidLightBorder = "#ffffff";
226
226
  export const ColorFlagSolidLightText = "#000000";
227
- export const ColorFlagSolidDangerBackground = "#b42a27";
228
- export const ColorFlagSolidDangerBorder = "#b42a27";
227
+ export const ColorFlagSolidDangerBackground = "#c61112";
228
+ export const ColorFlagSolidDangerBorder = "#c61112";
229
229
  export const ColorFlagSolidDangerText = "#ffffff";
230
230
  export const ColorFlagBorderedBackground = "#ffffff";
231
231
  export const ColorFlagBorderedBorder = "#007f8c";
@@ -240,11 +240,11 @@ export const ColorFlagBorderedLightBackground = "#000000";
240
240
  export const ColorFlagBorderedLightBorder = "#ffffff";
241
241
  export const ColorFlagBorderedLightText = "#ffffff";
242
242
  export const ColorFlagBorderedDangerBackground = "#ffffff";
243
- export const ColorFlagBorderedDangerBorder = "#b42a27";
244
- export const ColorFlagBorderedDangerText = "#b42a27";
243
+ export const ColorFlagBorderedDangerBorder = "#c61112";
244
+ export const ColorFlagBorderedDangerText = "#c61112";
245
245
  export const ColorFocusGap = "#ffffff";
246
246
  export const ColorFocusBorder = "#758992";
247
- export const ColorFontPrimary01 = "#00919f";
247
+ export const ColorFontPrimary01 = "#007f8c";
248
248
  export const ColorFontPrimary02 = "#007574";
249
249
  export const ColorFontDarkest = "#000000";
250
250
  export const ColorFontDarker = "#1e1e1c";
@@ -286,26 +286,30 @@ export const ColorLinkPrimaryBase = "#007f8c";
286
286
  export const ColorLinkPrimaryVisited = "#006974";
287
287
  export const ColorLinkPrimaryActive = "#006974";
288
288
  export const ColorLinkPrimaryDisabled = "#eeedea";
289
- export const ColorLinkPrimaryHover = "#002e33";
289
+ export const ColorLinkPrimaryHover = "#004e57";
290
290
  export const ColorLinkPrimary02Base = "#035f64";
291
291
  export const ColorLinkPrimary02Visited = "#044c53";
292
292
  export const ColorLinkPrimary02Active = "#044c53";
293
293
  export const ColorLinkPrimary02Disabled = "#eeedea";
294
294
  export const ColorLinkPrimary02Hover = "#062b35";
295
- export const ColorLinkDangerBase = "#b42a27";
296
- export const ColorLinkDangerVisited = "#8b2226";
297
- export const ColorLinkDangerActive = "#8b2226";
295
+ export const ColorLinkDangerBase = "#c61112";
296
+ export const ColorLinkDangerVisited = "#8c0003";
297
+ export const ColorLinkDangerActive = "#8c0003";
298
298
  export const ColorLinkDangerDisabled = "#eeedea";
299
- export const ColorLinkDangerHover = "#3e1219";
299
+ export const ColorLinkDangerHover = "#530000";
300
300
  export const ColorNotificationFont = "#000000";
301
301
  export const ColorNotificationInformationBackground = "#daeff7";
302
302
  export const ColorNotificationInformationBorder = "#0b96cc";
303
+ export const ColorNotificationInformationIcon = "#007bb4";
303
304
  export const ColorNotificationSuccessBackground = "#ebf5de";
304
305
  export const ColorNotificationSuccessBorder = "#46a610";
306
+ export const ColorNotificationSuccessIcon = "#188803";
305
307
  export const ColorNotificationWarningBackground = "#fdf1e8";
306
308
  export const ColorNotificationWarningBorder = "#ea7315";
309
+ export const ColorNotificationWarningIcon = "#c65200";
307
310
  export const ColorNotificationDangerBackground = "#fdeaea";
308
311
  export const ColorNotificationDangerBorder = "#ea302d";
312
+ export const ColorNotificationDangerIcon = "#c61112";
309
313
  export const ColorProgressBackground = "#dddcd5";
310
314
  export const ColorProgressIndicator = "#007bb4";
311
315
  export const ColorProgressPercentageDefault = "#1e1e1c";
@@ -313,14 +317,14 @@ export const ColorProgressPercentageHalf = "#ffffff";
313
317
  export const ColorProgressBrandedIndicator = "#00919f";
314
318
  export const ColorStarEmpty = "#dddcd5";
315
319
  export const ColorStarFocus = "#758992";
316
- export const ColorStarFull = "#fc961e";
317
- export const ColorStarHover = "#ffc17d";
320
+ export const ColorStarFull = "#ea7315";
321
+ export const ColorStarHover = "#f4b27e";
318
322
  export const ColorTabsBackground = "#ffffff";
319
323
  export const ColorTabsShadow = "#000000";
320
324
  export const ColorTabsDefault = "#1e1e1c";
321
- export const ColorTabsHover = "#007f8c";
325
+ export const ColorTabsHover = "#004e57";
322
326
  export const ColorTabsDisabled = "#71706b";
323
- export const ColorTabsActive = "#00919f";
327
+ export const ColorTabsActive = "#007f8c";
324
328
  export const ColorTabsActiveDisabled = "#91d5db";
325
329
  export const ColorTagTextLightBackground = "#ffffff";
326
330
  export const ColorTagTextLightBorder = "#8c8b85";