@mozaic-ds/vue 0.39.1-beta.1 → 0.40.1-beta.0

package/src/tokens/adeo/js/tokensObject.js

@@ -4359,6 +4359,276 @@ module.exports = {
         }
       }
     },
+    "datatable": {
+      "filters": {
+        "border": {
+          "value": "#b0bbc0",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/datatable.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.secondary-blue.300.value}"
+          },
+          "name": "ColorDatatableFiltersBorder",
+          "attributes": {
+            "category": "color",
+            "type": "datatable",
+            "item": "filters",
+            "subitem": "border"
+          },
+          "path": [
+            "color",
+            "datatable",
+            "filters",
+            "border"
+          ]
+        }
+      },
+      "container": {
+        "background": {
+          "value": "#e7e7f0",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/datatable.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.secondary-purple.100.value}"
+          },
+          "name": "ColorDatatableContainerBackground",
+          "attributes": {
+            "category": "color",
+            "type": "datatable",
+            "item": "container",
+            "subitem": "background"
+          },
+          "path": [
+            "color",
+            "datatable",
+            "container",
+            "background"
+          ]
+        }
+      },
+      "thead": {
+        "font": {
+          "value": "#393879",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/datatable.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.secondary-purple.700.value}"
+          },
+          "name": "ColorDatatableTheadFont",
+          "attributes": {
+            "category": "color",
+            "type": "datatable",
+            "item": "thead",
+            "subitem": "font"
+          },
+          "path": [
+            "color",
+            "datatable",
+            "thead",
+            "font"
+          ]
+        }
+      },
+      "sort-arrow": {
+        "default": {
+          "value": "#cdd4d8",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/datatable.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.secondary-blue.200.value}"
+          },
+          "name": "ColorDatatableSortArrowDefault",
+          "attributes": {
+            "category": "color",
+            "type": "datatable",
+            "item": "sort-arrow",
+            "subitem": "default"
+          },
+          "path": [
+            "color",
+            "datatable",
+            "sort-arrow",
+            "default"
+          ]
+        },
+        "active": {
+          "value": "#605f9d",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/datatable.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.secondary-purple.500.value}"
+          },
+          "name": "ColorDatatableSortArrowActive",
+          "attributes": {
+            "category": "color",
+            "type": "datatable",
+            "item": "sort-arrow",
+            "subitem": "active"
+          },
+          "path": [
+            "color",
+            "datatable",
+            "sort-arrow",
+            "active"
+          ]
+        }
+      },
+      "cell": {
+        "font": {
+          "value": "#191919",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/datatable.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.grey.900.value}"
+          },
+          "name": "ColorDatatableCellFont",
+          "attributes": {
+            "category": "color",
+            "type": "datatable",
+            "item": "cell",
+            "subitem": "font"
+          },
+          "path": [
+            "color",
+            "datatable",
+            "cell",
+            "font"
+          ]
+        },
+        "background": {
+          "hover": {
+            "value": "#eaedef",
+            "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/datatable.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.secondary-blue.100.value}"
+            },
+            "name": "ColorDatatableCellBackgroundHover",
+            "attributes": {
+              "category": "color",
+              "type": "datatable",
+              "item": "cell",
+              "subitem": "background",
+              "state": "hover"
+            },
+            "path": [
+              "color",
+              "datatable",
+              "cell",
+              "background",
+              "hover"
+            ]
+          },
+          "selected": {
+            "value": "#d9f0f3",
+            "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/datatable.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.primary-01.100.value}"
+            },
+            "name": "ColorDatatableCellBackgroundSelected",
+            "attributes": {
+              "category": "color",
+              "type": "datatable",
+              "item": "cell",
+              "subitem": "background",
+              "state": "selected"
+            },
+            "path": [
+              "color",
+              "datatable",
+              "cell",
+              "background",
+              "selected"
+            ]
+          }
+        }
+      },
+      "subtable": {
+        "background": {
+          "value": "#e7e7f0",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/datatable.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.secondary-purple.100.value}"
+          },
+          "name": "ColorDatatableSubtableBackground",
+          "attributes": {
+            "category": "color",
+            "type": "datatable",
+            "item": "subtable",
+            "subitem": "background"
+          },
+          "path": [
+            "color",
+            "datatable",
+            "subtable",
+            "background"
+          ]
+        },
+        "border": {
+          "value": "#a4a3c7",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/datatable.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.secondary-purple.300.value}"
+          },
+          "name": "ColorDatatableSubtableBorder",
+          "attributes": {
+            "category": "color",
+            "type": "datatable",
+            "item": "subtable",
+            "subitem": "border"
+          },
+          "path": [
+            "color",
+            "datatable",
+            "subtable",
+            "border"
+          ]
+        },
+        "font": {
+          "value": "#1a1a4b",
+          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/datatable.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.secondary-purple.900.value}"
+          },
+          "name": "ColorDatatableSubtableFont",
+          "attributes": {
+            "category": "color",
+            "type": "datatable",
+            "item": "subtable",
+            "subitem": "font"
+          },
+          "path": [
+            "color",
+            "datatable",
+            "subtable",
+            "font"
+          ]
+        }
+      },
+      "icon": {
+        "value": "#007f8c",
+        "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/datatable.json",
+        "isSource": true,
+        "original": {
+          "value": "{color.primary-01.600.value}"
+        },
+        "name": "ColorDatatableIcon",
+        "attributes": {
+          "category": "color",
+          "type": "datatable",
+          "item": "icon"
+        },
+        "path": [
+          "color",
+          "datatable",
+          "icon"
+        ]
+      }
+    },
     "dialog": {
       "background": {
         "value": "#ffffff",
@@ -9594,11 +9864,11 @@ module.exports = {
     },
     "tooltip": {
       "background": {
-        "value": "#4d4d4d",
-        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tooltip.json",
+        "value": "#5b737d",
+        "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/tooltip.json",
         "isSource": true,
         "original": {
-          "value": "{color.grey.700.value}"
+          "value": "{color.secondary-blue.600.value}"
         },
         "name": "ColorTooltipBackground",
         "attributes": {
@@ -9614,7 +9884,7 @@ module.exports = {
       },
       "border": {
         "value": "#ffffff",
-        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/tooltip.json",
+        "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/tooltip.json",
         "isSource": true,
         "original": {
           "value": "{color.grey.000.value}"

package/src/tokens/adeo/scss/_tokens.scss

@@ -208,6 +208,18 @@ $color-button-bordered-danger-hover-background: #fdeaea !default;
 $color-button-bordered-danger-hover-font: #8c0003 !default;
 $color-card-bordered-background: #ffffff !default;
 $color-card-bordered-border: #808080 !default;
+$color-datatable-filters-border: #b0bbc0 !default;
+$color-datatable-container-background: #e7e7f0 !default;
+$color-datatable-thead-font: #393879 !default;
+$color-datatable-sort-arrow-default: #cdd4d8 !default;
+$color-datatable-sort-arrow-active: #605f9d !default;
+$color-datatable-cell-font: #191919 !default;
+$color-datatable-cell-background-hover: #eaedef !default;
+$color-datatable-cell-background-selected: #d9f0f3 !default;
+$color-datatable-subtable-background: #e7e7f0 !default;
+$color-datatable-subtable-border: #a4a3c7 !default;
+$color-datatable-subtable-font: #1a1a4b !default;
+$color-datatable-icon: #007f8c !default;
 $color-dialog-background: #ffffff !default;
 $color-dialog-icon: #666666 !default;
 $color-dialog-close: #808080 !default;
@@ -442,7 +454,7 @@ $color-toggle-disabled-circle: #b3b3b3 !default;
 $color-toggle-disabled-label: #808080 !default;
 $color-toggle-disabled-checked-background: #91d5db !default;
 $color-toggle-disabled-checked-circle: #ffffff !default;
-$color-tooltip-background: #4d4d4d !default;
+$color-tooltip-background: #5b737d !default;
 $color-tooltip-border: #ffffff !default;
 $color-secondary-sandgrey-100: #eeedea !default;
 $color-secondary-sandgrey-200: #dddcd5 !default;
@@ -888,6 +900,34 @@ $tokens: (
         'border': $color-card-bordered-border
       )
     ),
+    'datatable': (
+      'filters': (
+        'border': $color-datatable-filters-border
+      ),
+      'container': (
+        'background': $color-datatable-container-background
+      ),
+      'thead': (
+        'font': $color-datatable-thead-font
+      ),
+      'sort-arrow': (
+        'default': $color-datatable-sort-arrow-default,
+        'active': $color-datatable-sort-arrow-active
+      ),
+      'cell': (
+        'font': $color-datatable-cell-font,
+        'background': (
+          'hover': $color-datatable-cell-background-hover,
+          'selected': $color-datatable-cell-background-selected
+        )
+      ),
+      'subtable': (
+        'background': $color-datatable-subtable-background,
+        'border': $color-datatable-subtable-border,
+        'font': $color-datatable-subtable-font
+      ),
+      'icon': $color-datatable-icon
+    ),
     'dialog': (
       'background': $color-dialog-background,
       'icon': $color-dialog-icon,