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

package/dist/types.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { AVAILABLE_COLORS } from './utils/tailwind';
 export declare type Appearance = 'default' | 'primary' | 'danger' | 'ghost' | 'discrete' | 'transparent';
-export declare type State = 'default' | 'success' | 'error' | 'warning' | 'information';
+export declare type State = 'default' | 'success' | 'error' | 'experiment' | 'warning' | 'information';
 export declare type Locale = 'en-GB' | 'da-DK' | 'sv-SE' | 'no-NO';
 export declare type Orientation = 'horizontal' | 'vertical';
 export declare type Align = 'start' | 'center' | 'end';

package/dist/utils/dom.d.ts

@@ -2,8 +2,8 @@ export declare const hasFocusableElement: (element: HTMLElement | null) => boole
 export declare const isOverflowing: (element: HTMLElement | null) => boolean;
 export declare const getIndexOfFirstChildOverflowingParent: (element: HTMLElement, overscan?: number) => number | null;
 export declare const getNextFocussableElement: (currentElement: HTMLElement | null) => HTMLElement | null;
-export declare function isElementTriggeredFromContainer(element: Element | null, container: Element | null): any;
-export declare function isElementInsideOrTriggeredFromContainer(element: Element | null, container: Element | null): any;
+export declare function isElementTriggeredFromContainer(element: Element | null, container: Element | null): boolean;
+export declare function isElementInsideOrTriggeredFromContainer(element: Element | null, container: Element | null): boolean;
 export declare function isElementInsideOverlay(element: Element | null): boolean;
 export declare function isSiblingElementInsideSameParentOverlay(element: Element | null, sibling: Element | null): boolean;
 export declare function isElementInteractive(element: Element | null): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@economic/taco",
-    "version": "2.45.0-alpha.3",
+    "version": "2.45.0-alpha.30",
     "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,8 +55,8 @@
         "@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",
-        "@react-aria/focus": "^3.9.0",
+        "@radix-ui/react-use-controllable-state": "1.0.0",
+        "@react-aria/focus": "^3.19.0",
         "@react-aria/interactions": "^3.12.0",
         "@tanstack/react-table": "^8.20.5",
         "@tanstack/react-virtual": "^3.0.1",
@@ -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"
     },
@@ -87,8 +88,8 @@
         "@testing-library/user-event": "13.0.0",
         "@types/jest": "^29.5.12",
         "@types/lodash": "^4.14.187",
-        "@types/react": "18.3.12",
-        "@types/react-dom": "18.3.0",
+        "@types/react": "18.3.18",
+        "@types/react-dom": "18.3.5",
         "@types/react-table": "^7.7.12",
         "@types/react-window": "^1.8.5",
         "@types/react-window-infinite-loader": "^1.0.6",
@@ -109,6 +110,7 @@
         "rollup-plugin-postcss": "^4.0.2",
         "svgo": "^1.3.2",
         "tailwindcss": "^3.3.2",
+        "tailwindcss-react-aria-components": "^1.2.0",
         "ts-jest": "^29.1.1",
         "ts-node": "^10.9.1",
         "tsdx": "^0.13.2",
@@ -128,5 +130,5 @@
             "not ie < 11"
         ]
     },
-    "gitHead": "8034e77e1f5d1202c029b166415db41589ca55b0"
+    "gitHead": "a1b5e5a8ed8bdd0e386c993199ebadfe85bff5c1"
 }

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'],
@@ -41,6 +42,7 @@ module.exports = {
     plugins: [
         require('./plugins/tailwindcss-aria-attributes'),
         require('./plugins/tailwindcss-group-peer'),
+        require('tailwindcss-react-aria-components'),
         plugin(function ({ addUtilities, theme }) {
             // ideally we would do this using the @layer utilities directive, but
             // that causes issues in tools like tailwind where the typescript is loaded before the css

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 {};