@economic/taco 2.45.0-alpha.3 → 2.45.0-alpha.5

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@economic/taco",
-    "version": "2.45.0-alpha.3",
+    "version": "2.45.0-alpha.5",
     "description": "> TODO: description",
     "author": "Matt Daly <matthew.daly@visma.com>",
     "homepage": "https://github.com/e-conomic/taco#readme",
@@ -16,6 +16,7 @@
     "files": [
         "dist",
         "plugins",
+        "tailwind.colors.js",
         "tailwind.config.js",
         "types.json"
     ],
@@ -41,7 +42,6 @@
     "dependencies": {
         "@dnd-kit/modifiers": "^7.0.0",
         "@dnd-kit/sortable": "^7.0.1",
-        "@economic/taco-tokens": "^1.4.1",
         "@radix-ui/react-accordion": "1.0.1",
         "@radix-ui/react-alert-dialog": "1.0.2",
         "@radix-ui/react-checkbox": "1.0.1",
@@ -55,7 +55,7 @@
         "@radix-ui/react-switch": "1.0.1",
         "@radix-ui/react-tabs": "1.0.1",
         "@radix-ui/react-tooltip": "1.0.2",
-        "@radix-ui/react-use-controllable-state": "^1.0.0",
+        "@radix-ui/react-use-controllable-state": "1.0.0",
         "@react-aria/focus": "^3.9.0",
         "@react-aria/interactions": "^3.12.0",
         "@tanstack/react-table": "^8.20.5",
@@ -70,6 +70,7 @@
         "react-table": "^7.8.0",
         "react-window": "^1.8.8",
         "react-window-infinite-loader": "^1.0.8",
+        "recharts": "^2.13.3",
         "typeface-open-sans": "^1.1.13",
         "uuid": "^9.0.0"
     },
@@ -94,6 +95,7 @@
         "@types/react-window-infinite-loader": "^1.0.6",
         "@types/uuid": "^7.0.3",
         "autoprefixer": "^10.4.13",
+        "babel-plugin-module-resolver": "^5.0.2",
         "fast-sort": "^2.2.0",
         "identity-obj-proxy": "^3.0.0",
         "jest": "^29.6.1",
@@ -128,5 +130,5 @@
             "not ie < 11"
         ]
     },
-    "gitHead": "8034e77e1f5d1202c029b166415db41589ca55b0"
+    "gitHead": "4bf1cc3d74d90de072106573584ecd831721f9e1"
 }

package/tailwind.colors.js

@@ -0,0 +1,121 @@
+// NOTE: this file is intentianally a js file so that it can be consumed by tailwind.config.js
+
+const THEME_COLORS = {
+    transparent: 'transparent',
+    current: 'currentColor',
+    white: '#fff',
+    black: '#1c1c1c',
+    brand: {
+        vismaRed: '#E70641',
+        paleOrange: '#FFF5E5',
+        sunsetOrange: '#E89C2E',
+        midnightBlue: '#29283E',
+        coolBlue: '#F5F7F9',
+    },
+    grey: {
+        lightest: '#fafafa',
+        light: '#F6F6F6',
+        DEFAULT: '#EBEBEB',
+        dark: '#DDDDDD',
+        darker: '#ACACAC',
+        darkest: '#595959',
+        darkNew: '#a5a6a9',
+        50: '#fafafa',
+        100: '#F6F6F6',
+        200: '#EBEBEB',
+        300: '#DDDDDD',
+        500: '#ACACAC',
+        700: '#595959',
+        900: '#303030',
+    },
+    purple: {
+        lightest: '#585c74',
+        light: '#4b4f64',
+        DEFAULT: '#3d4153',
+        dark: '#353a48',
+        darker: '#29283e',
+        darkest: '#212032',
+        darkNew_1: '#373647',
+        darkNew_2: '#414050',
+        100: '#EEE5FF',
+        200: '#ddd1ff',
+        300: '#CBBCFE',
+        500: '#9270FA',
+        700: '#6542D1',
+        900: '#412970',
+    },
+    blue: {
+        lightest: '#DEEBFF',
+        light: '#75A0F5',
+        DEFAULT: '#4573D2',
+        dark: '#2B57B4',
+        100: '#DEEBFF',
+        200: '#AACCFF',
+        300: '#75A0F5',
+        500: '#4573D2',
+        700: '#2B57B4',
+        900: '#29283E',
+    },
+    red: {
+        lightest: '#FFDAD2',
+        light: '#E66568',
+        DEFAULT: '#CE3F42',
+        dark: '#950027',
+        100: '#FFDAD2',
+        200: '#f3a09d',
+        300: '#E66568',
+        500: '#CE3F42',
+        700: '#950027',
+        900: '#64001B',
+    },
+    green: {
+        lightest: '#cdf0e7',
+        light: '#52C7AB',
+        DEFAULT: '#08AE87',
+        dark: '#028465',
+        100: '#cdf0e7',
+        200: '#9be1ce',
+        300: '#52C7AB',
+        500: '#08AE87',
+        700: '#028465',
+        900: '#14493A',
+    },
+    yellow: {
+        lightest: '#FFF1C3',
+        light: '#FFD665',
+        DEFAULT: '#FFBD3B',
+        dark: '#e89c2e',
+        100: '#FFF1C3',
+        200: '#ffe494',
+        300: '#FFD665',
+        500: '#FFBD3B',
+        700: '#e89c2e',
+        900: '#733700',
+    },
+    pink: {
+        100: '#FFE3F7',
+        200: '#fcb9e9',
+        300: '#F98EDB',
+        500: '#E165BF',
+        700: '#CF49AA',
+        900: '#870062',
+    },
+    brown: {
+        100: '#EEE0DA',
+        200: '#DFCCC2',
+        300: '#C4AB9E',
+        500: '#93715D',
+        700: '#73503B',
+        900: '#45291F',
+    },
+    orange: {
+        100: '#FFE3BB',
+        200: '#FCCB80',
+        300: '#FAB64D',
+        500: '#F99702',
+        700: '#EF7D00',
+        900: '#4A2811',
+    },
+};
+
+export default THEME_COLORS;

package/tailwind.config.js

@@ -1,10 +1,11 @@
-const tokens = require('@economic/taco-tokens').default;
 const plugin = require('tailwindcss/plugin');
 const defaultTheme = require('tailwindcss/defaultTheme');
 
+const colors = require('./tailwind.colors.js').default;
+
 module.exports = {
     theme: {
-        colors: tokens.colors,
+        colors,
         fontFamily: {
             display: ['Helvetica, Arial, sans-serif'],
             mono: ['Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'],

package/dist/components/Table3/components/Row/Editing/CreateRowButton.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';
-import { ScrollToOptions } from '@tanstack/react-virtual';
-declare type Props<TType = unknown> = {
-    table: ReactTable<TType>;
-    tableMeta: ReactTableMeta<TType>;
-    onEditingCreate: (() => (row: Partial<TType>) => boolean) | undefined;
-    scrollToIndex: (index: number, options?: ScrollToOptions) => void;
-};
-export default function CreateNewRowButton<TType = unknown>(props: Props<TType>): React.JSX.Element;
-export {};