@economic/taco 1.12.2 → 1.13.0

package/dist/utils/aria.d.ts

@@ -0,0 +1,2 @@
+export declare const isAriaSelectionKey: (event: React.KeyboardEvent) => boolean;
+export declare const isAriaDirectionKey: (event: React.KeyboardEvent) => boolean;

package/dist/utils/colors.d.ts

@@ -8,6 +8,5 @@ export declare const colors: {
     brown: string;
     pink: string;
     grey: string;
-    black: string;
 };
 export declare type Color = keyof typeof colors;

package/dist/utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare const debounce: (fn: Function, delay: number) => (this: any, ...args: any[]) => void;

package/dist/utils/device.d.ts

@@ -0,0 +1 @@
+export declare const isMobileDevice: (navigator: Navigator | undefined) => boolean;

package/dist/utils/dom.d.ts

@@ -1 +1,2 @@
 export declare const isOverflowing: (element: HTMLElement | null) => boolean;
+export declare const getIndexOfFirstChildOverflowingParent: (element: HTMLElement, overscan?: number) => number | null;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@economic/taco",
-    "version": "1.12.2",
+    "version": "1.13.0",
     "description": "> TODO: description",
     "author": "Matt Daly <matthew.daly@visma.com>",
     "homepage": "https://github.com/e-conomic/taco#readme",
@@ -43,17 +43,18 @@
     "dependencies": {
         "@dnd-kit/sortable": "^7.0.1",
         "@economic/taco-tokens": "^1.3.1",
-        "@radix-ui/react-accordion": "^1.0.0",
-        "@radix-ui/react-alert-dialog": "^1.0.0",
-        "@radix-ui/react-checkbox": "^1.0.0",
-        "@radix-ui/react-dialog": "^1.0.0",
-        "@radix-ui/react-dropdown-menu": "^1.0.0",
-        "@radix-ui/react-hover-card": "^1.0.0",
-        "@radix-ui/react-popover": "^1.0.0",
-        "@radix-ui/react-radio-group": "^1.0.0",
-        "@radix-ui/react-switch": "^1.0.0",
-        "@radix-ui/react-tabs": "^1.0.0",
-        "@radix-ui/react-tooltip": "^1.0.0",
+        "@radix-ui/react-accordion": "^1.0.1",
+        "@radix-ui/react-alert-dialog": "^1.0.2",
+        "@radix-ui/react-checkbox": "^1.0.1",
+        "@radix-ui/react-dialog": "^1.0.2",
+        "@radix-ui/react-dropdown-menu": "^2.0.1",
+        "@radix-ui/react-hover-card": "^1.0.2",
+        "@radix-ui/react-popover": "^1.0.2",
+        "@radix-ui/react-radio-group": "^1.1.0",
+        "@radix-ui/react-scroll-area": "^1.0.1",
+        "@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.2.3",
         "@react-aria/interactions": "^3.3.2",
@@ -129,5 +130,5 @@
             "not ie < 11"
         ]
     },
-    "gitHead": "4123d8f99b485155395c63d224659beba89bd181"
+    "gitHead": "6d2a821f85f50f04596f827ef2d9410fc29398eb"
 }

package/tailwind.config.js

@@ -99,6 +99,10 @@ module.exports = {
                     background: theme('colors.grey.darkest'),
                     color: theme('colors.white'),
                 },
+                '.wcag-grey-darkNew': {
+                    background: theme('colors.grey.darkNew'),
+                    color: theme('colors.white'),
+                },
                 '.wcag-purple-lightest': {
                     background: theme('colors.purple.lightest'),
                     color: theme('colors.white'),
@@ -115,6 +119,22 @@ module.exports = {
                     background: theme('colors.purple.dark'),
                     color: theme('colors.white'),
                 },
+                '.wcag-purple-darker': {
+                    background: theme('colors.purple.darker'),
+                    color: theme('colors.white'),
+                },
+                '.wcag-purple-darkest': {
+                    background: theme('colors.purple.darkest'),
+                    color: theme('colors.white'),
+                },
+                '.wcag-purple-darkNew_1': {
+                    background: theme('colors.purple.darkNew_1'),
+                    color: theme('colors.white'),
+                },
+                '.wcag-purple-darkNew_2': {
+                    background: theme('colors.purple.darkNew_2'),
+                    color: theme('colors.white'),
+                },
                 '.wcag-blue-lightest': {
                     background: theme('colors.blue.lightest'),
                     color: theme('colors.blue.dark'),