@mozaic-ds/vue 0.17.0 → 0.19.1-beta.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 (52) 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 +7590 -24558
  5. package/dist/mozaic-vue.common.js +7606 -24575
  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 +7590 -24558
  9. package/dist/mozaic-vue.umd.js.map +1 -1
  10. package/dist/mozaic-vue.umd.min.js +1 -1
  11. package/dist/mozaic-vue.umd.min.js.map +1 -1
  12. package/package.json +21 -21
  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 +1 -3
  18. package/src/components/fileuploader/MFileUploader.vue +1 -1
  19. package/src/components/icon/MIcon.vue +42 -19
  20. package/src/components/icon/icons.js +18887 -0
  21. package/src/components/layer/MLayer.vue +7 -1
  22. package/src/components/link/MLink.vue +1 -1
  23. package/src/components/listbox/MListBox.vue +1 -1
  24. package/src/components/notification/MNotification.vue +1 -1
  25. package/src/components/pagination/MPagination.vue +2 -2
  26. package/src/components/quantityselector/MQuantitySelector.vue +2 -2
  27. package/src/components/select/MSelect.vue +10 -0
  28. package/src/components/stepper/MStepper.vue +1 -1
  29. package/src/components/tabs/MTab.vue +1 -3
  30. package/src/components/textinput/MTextInput.vue +2 -2
  31. package/src/components/textinput/MTextInputIcon.vue +1 -1
  32. package/src/tokens/adeo/android/colors.xml +34 -23
  33. package/src/tokens/adeo/css/_variables.scss +34 -23
  34. package/src/tokens/adeo/css/root.scss +34 -23
  35. package/src/tokens/adeo/ios/StyleDictionaryColor.h +11 -0
  36. package/src/tokens/adeo/ios/StyleDictionaryColor.m +28 -17
  37. package/src/tokens/adeo/ios/StyleDictionaryColor.swift +34 -23
  38. package/src/tokens/adeo/js/tokens.js +34 -23
  39. package/src/tokens/adeo/js/tokensObject.js +314 -46
  40. package/src/tokens/adeo/scss/_tokens.scss +53 -27
  41. package/dist/fonts/LeroyMerlinSans-Web-Italic.3f4e3fc6.woff2 +0 -0
  42. package/dist/fonts/LeroyMerlinSans-Web-Italic.d826f8b3.woff +0 -0
  43. package/dist/fonts/LeroyMerlinSans-Web-Light.1847746a.woff +0 -0
  44. package/dist/fonts/LeroyMerlinSans-Web-Light.c3d8a284.woff2 +0 -0
  45. package/dist/fonts/LeroyMerlinSans-Web-LightItalic.343f7e0c.woff +0 -0
  46. package/dist/fonts/LeroyMerlinSans-Web-LightItalic.f4bc7b4c.woff2 +0 -0
  47. package/dist/fonts/LeroyMerlinSans-Web-Regular.1631e1d1.woff +0 -0
  48. package/dist/fonts/LeroyMerlinSans-Web-Regular.f1fa0f56.woff2 +0 -0
  49. package/dist/fonts/LeroyMerlinSans-Web-SemiBold.44f32155.woff +0 -0
  50. package/dist/fonts/LeroyMerlinSans-Web-SemiBold.c1061939.woff2 +0 -0
  51. package/dist/fonts/LeroyMerlinSans-Web-SemiBoldItalic.083f0cc1.woff +0 -0
  52. package/dist/fonts/LeroyMerlinSans-Web-SemiBoldItalic.cce10920.woff2 +0 -0
package/src/tokens/adeo/scss/_tokens.scss CHANGED
@@ -324,45 +324,56 @@ $color-tabs-disabled: #71706b !default;
324
324
  $color-tabs-active: #00919f !default;
325
325
  $color-tabs-active-disabled: #91d5db !default;
326
326
  $color-tag-text-light-background: #ffffff !default;
327
- $color-tag-text-light-border: #555550 !default;
328
- $color-tag-text-light-text: #555550 !default;
329
- $color-tag-text-dark-background: #000000 !default;
327
+ $color-tag-text-light-border: #8c8b85 !default;
328
+ $color-tag-text-light-text: #1e1e1c !default;
329
+ $color-tag-text-dark-background: #1e1e1c !default;
330
330
  $color-tag-text-dark-border: #ffffff !default;
331
331
  $color-tag-text-dark-text: #ffffff !default;
332
332
  $color-tag-link-light-background: #ffffff !default;
333
- $color-tag-link-light-border: #555550 !default;
334
- $color-tag-link-light-text: #555550 !default;
333
+ $color-tag-link-light-border: #8c8b85 !default;
334
+ $color-tag-link-light-text: #1e1e1c !default;
335
335
  $color-tag-link-light-hover-background: #eeedea !default;
336
336
  $color-tag-link-light-active-background: #dddcd5 !default;
337
- $color-tag-link-dark-background: #000000 !default;
337
+ $color-tag-link-dark-background: #1e1e1c !default;
338
338
  $color-tag-link-dark-border: #ffffff !default;
339
339
  $color-tag-link-dark-text: #ffffff !default;
340
340
  $color-tag-link-dark-hover-background: #3a3936 !default;
341
341
  $color-tag-link-dark-active-background: #555550 !default;
342
- $color-tag-selectable-light-background: #dddcd5 !default;
342
+ $color-tag-selectable-light-background: #ffffff !default;
343
+ $color-tag-selectable-light-border: #8c8b85 !default;
343
344
  $color-tag-selectable-light-text: #1e1e1c !default;
344
345
  $color-tag-selectable-light-hover-background: #48bac4 !default;
345
- $color-tag-selectable-light-active-background: #007f8c !default;
346
+ $color-tag-selectable-light-active-background: #004e57 !default;
347
+ $color-tag-selectable-light-active-border: #004e57 !default;
348
+ $color-tag-selectable-light-active-text: #ffffff !default;
346
349
  $color-tag-selectable-light-disabled-background: #eeedea !default;
347
350
  $color-tag-selectable-light-disabled-text: #8c8b85 !default;
348
- $color-tag-selectable-light-selected-background: #00919f !default;
349
- $color-tag-selectable-dark-background: #3a3936 !default;
351
+ $color-tag-selectable-light-selected-background: #007f8c !default;
352
+ $color-tag-selectable-light-selected-text: #ffffff !default;
353
+ $color-tag-selectable-light-selected-hover-background: #006974 !default;
354
+ $color-tag-selectable-dark-background: #1e1e1c !default;
355
+ $color-tag-selectable-dark-border: #ffffff !default;
350
356
  $color-tag-selectable-dark-text: #ffffff !default;
351
- $color-tag-selectable-dark-hover-background: #00919f !default;
352
- $color-tag-selectable-dark-active-background: #004e57 !default;
353
- $color-tag-selectable-dark-selected-background: #006974 !default;
357
+ $color-tag-selectable-dark-hover-background: #006974 !default;
358
+ $color-tag-selectable-dark-active-background: #91d5db !default;
359
+ $color-tag-selectable-dark-active-border: #91d5db !default;
360
+ $color-tag-selectable-dark-active-text: #1e1e1c !default;
361
+ $color-tag-selectable-dark-selected-background: #009eac !default;
362
+ $color-tag-selectable-dark-selected-border: #009eac !default;
363
+ $color-tag-selectable-dark-selected-text: #1e1e1c !default;
364
+ $color-tag-selectable-dark-selected-hover-background: #48bac4 !default;
354
365
  $color-tag-selectable-dark-disabled-background: #555550 !default;
355
366
  $color-tag-selectable-dark-disabled-text: #8c8b85 !default;
356
- $color-tag-removable-light-background: #dddcd5 !default;
357
- $color-tag-removable-light-text: #1e1e1c !default;
358
- $color-tag-removable-light-icon: #3a3936 !default;
359
- $color-tag-removable-light-hover-background: #c2c1ba !default;
360
- $color-tag-removable-light-active-background: #a7a6a0 !default;
361
- $color-tag-removable-dark-background: #3a3936 !default;
362
- $color-tag-removable-dark-text: #ffffff !default;
363
- $color-tag-removable-dark-icon: #dddcd5 !default;
364
- $color-tag-removable-dark-hover-background: #555550 !default;
365
- $color-tag-removable-dark-active-background: #71706b !default;
367
+ $color-tag-removable-light-background: #3a3936 !default;
368
+ $color-tag-removable-light-text: #ffffff !default;
369
+ $color-tag-removable-light-icon: #dddcd5 !default;
370
+ $color-tag-removable-light-hover-background: #555550 !default;
371
+ $color-tag-removable-light-active-background: #71706b !default;
372
+ $color-tag-removable-dark-background: #dddcd5 !default;
373
+ $color-tag-removable-dark-text: #1e1e1c !default;
374
+ $color-tag-removable-dark-icon: #1e1e1c !default;
375
+ $color-tag-removable-dark-hover-background: #c2c1ba !default;
376
+ $color-tag-removable-dark-active-background: #a7a6a0 !default;
366
377
  $color-toggle-off-background: #71706b !default;
367
378
  $color-toggle-off-circle: #ffffff !default;
368
379
  $color-toggle-on-background: #00919f !default;
@@ -1042,32 +1053,47 @@ $tokens: (
1042
1053
  'selectable': (
1043
1054
  'light': (
1044
1055
  'background': $color-tag-selectable-light-background,
1056
+ 'border': $color-tag-selectable-light-border,
1045
1057
  'text': $color-tag-selectable-light-text,
1046
1058
  'hover': (
1047
1059
  'background': $color-tag-selectable-light-hover-background
1048
1060
  ),
1049
1061
  'active': (
1050
- 'background': $color-tag-selectable-light-active-background
1062
+ 'background': $color-tag-selectable-light-active-background,
1063
+ 'border': $color-tag-selectable-light-active-border,
1064
+ 'text': $color-tag-selectable-light-active-text
1051
1065
  ),
1052
1066
  'disabled': (
1053
1067
  'background': $color-tag-selectable-light-disabled-background,
1054
1068
  'text': $color-tag-selectable-light-disabled-text
1055
1069
  ),
1056
1070
  'selected': (
1057
- 'background': $color-tag-selectable-light-selected-background
1071
+ 'background': $color-tag-selectable-light-selected-background,
1072
+ 'text': $color-tag-selectable-light-selected-text,
1073
+ 'hover': (
1074
+ 'background': $color-tag-selectable-light-selected-hover-background
1075
+ )
1058
1076
  )
1059
1077
  ),
1060
1078
  'dark': (
1061
1079
  'background': $color-tag-selectable-dark-background,
1080
+ 'border': $color-tag-selectable-dark-border,
1062
1081
  'text': $color-tag-selectable-dark-text,
1063
1082
  'hover': (
1064
1083
  'background': $color-tag-selectable-dark-hover-background
1065
1084
  ),
1066
1085
  'active': (
1067
- 'background': $color-tag-selectable-dark-active-background
1086
+ 'background': $color-tag-selectable-dark-active-background,
1087
+ 'border': $color-tag-selectable-dark-active-border,
1088
+ 'text': $color-tag-selectable-dark-active-text
1068
1089
  ),
1069
1090
  'selected': (
1070
- 'background': $color-tag-selectable-dark-selected-background
1091
+ 'background': $color-tag-selectable-dark-selected-background,
1092
+ 'border': $color-tag-selectable-dark-selected-border,
1093
+ 'text': $color-tag-selectable-dark-selected-text,
1094
+ 'hover': (
1095
+ 'background': $color-tag-selectable-dark-selected-hover-background
1096
+ )
1071
1097
  ),
1072
1098
  'disabled': (
1073
1099
  'background': $color-tag-selectable-dark-disabled-background,