@decisiv/ui-components 2.0.1-alpha.99 → 2.0.2-alpha.2

package/lib/modifiers/spacingSchema.js

@@ -7,24 +7,37 @@ exports.makeSpacingSchemaPropTypes = void 0;
 
 var _reactDesc = require("react-desc");
 
-// @ts-ignore no module typings
-// eslint-disable-next-line import/prefer-default-export
+var _breakpointObserver = require("@decisiv/breakpoint-observer");
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+
+function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+
+var numberOrDynamicModifierProp = _reactDesc.PropTypes.oneOfType([_reactDesc.PropTypes.number, _reactDesc.PropTypes.shape(_defineProperty({}, _reactDesc.PropTypes.oneOf(['_'].concat(_toConsumableArray(Object.keys(_breakpointObserver.sizes)))), _reactDesc.PropTypes.number))]); // eslint-disable-next-line import/prefer-default-export
+
+
 var makeSpacingSchemaPropTypes = function makeSpacingSchemaPropTypes() {
   return {
-    margin: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on all axis margin.'),
-    marginBottom: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the bottom margin.'),
-    marginLeft: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the left margin.'),
-    marginRight: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the right margin.'),
-    marginTop: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the top margin.'),
-    marginX: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the X axis margin.'),
-    marginY: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the Y axis margin.'),
-    padding: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on all axis padding.'),
-    paddingBottom: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the bottom padding.'),
-    paddingLeft: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the left padding.'),
-    paddingRight: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the right padding.'),
-    paddingTop: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the top padding.'),
-    paddingX: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the X axis padding.'),
-    paddingY: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the Y axis padding.')
+    margin: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on all axis margin.'),
+    marginBottom: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the bottom margin.'),
+    marginLeft: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the left margin.'),
+    marginRight: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the right margin.'),
+    marginTop: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the top margin.'),
+    marginX: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the X axis margin.'),
+    marginY: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the Y axis margin.'),
+    padding: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on all axis padding.'),
+    paddingBottom: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the bottom padding.'),
+    paddingLeft: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the left padding.'),
+    paddingRight: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the right padding.'),
+    paddingTop: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the top padding.'),
+    paddingX: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the X axis padding.'),
+    paddingY: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the Y axis padding.')
   };
 };
 

package/lib/providers/ConfigProvider/utils/linkRenderer.d.ts

@@ -4,7 +4,8 @@ export interface LinkRendererProps {
     ref?: Ref<LinkRendererRef>;
     to: string;
     children?: ReactNode;
+    target?: HTMLAnchorElement['target'];
 }
-declare const linkRendererWithRef: React.ForwardRefExoticComponent<Pick<LinkRendererProps, "children" | "to"> & React.RefAttributes<HTMLAnchorElement>>;
+declare const linkRendererWithRef: React.ForwardRefExoticComponent<Pick<LinkRendererProps, "children" | "target" | "to"> & React.RefAttributes<HTMLAnchorElement>>;
 export default linkRendererWithRef;
 //# sourceMappingURL=linkRenderer.d.ts.map

package/lib/providers/ConfigProvider/utils/linkRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"linkRenderer.d.ts","sourceRoot":"","sources":["../../../../src/providers/ConfigProvider/utils/linkRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,GAAG,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAE1D,oBAAY,eAAe,GAAG,iBAAiB,CAAC;AAWhD,MAAM,WAAW,iBAAiB;IAEhC,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAoBD,QAAA,MAAM,mBAAmB,sHAA2B,CAAC;AAErD,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"linkRenderer.d.ts","sourceRoot":"","sources":["../../../../src/providers/ConfigProvider/utils/linkRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,GAAG,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAE1D,oBAAY,eAAe,GAAG,iBAAiB,CAAC;AAWhD,MAAM,WAAW,iBAAiB;IAEhC,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;CACtC;AAoBD,QAAA,MAAM,mBAAmB,iIAA2B,CAAC;AAErD,eAAe,mBAAmB,CAAC"}

package/lib/providers/ConfigProvider/utils/translations.d.ts

@@ -5,6 +5,10 @@ declare const translations: {
         readonly expand: "Expand";
         readonly expandAll: "Expand All";
     };
+    alert: {
+        readonly closeAlert: "Close Alert";
+        readonly close: "Close";
+    };
     avatar: {
         aria: {
             readonly label: "{descriptor} avatar";
@@ -15,8 +19,13 @@ declare const translations: {
             readonly label: "Breadcrumbs";
         };
     };
+    button: {
+        readonly loading: "Loading...";
+    };
     combobox: {
         readonly clearButtonLabel: "Clear {label} value";
+        readonly collapseButtonLabel: "Collapse {label}";
+        readonly expandButtonLabel: "Expand {label}";
         readonly loading: "Loading...";
         readonly noMatches: "No Matches Found";
         readonly noMatchesMessage: "Try removing or editing some of your criteria or search for different words.";
@@ -45,10 +54,14 @@ declare const translations: {
             readonly 11: "November {year}";
             readonly 12: "December {year}";
         };
-        readonly today: "Go to Today";
+        readonly today: "Today";
         readonly viewNextMonth: "View next month";
         readonly viewPrevMonth: "View previous month";
     };
+    drawer: {
+        readonly closeBtnTooltip: "Close";
+        readonly closeBtn: "Close Drawer";
+    };
     jumpTo: {
         readonly menuLabel: "Jump To";
         readonly navLabel: "Jump To:";
@@ -65,6 +78,7 @@ declare const translations: {
     pagination: {
         readonly previous: "Previous";
         readonly next: "Next";
+        readonly page: "Page {page}";
         aria: {
             readonly label: "Pagination";
             readonly previous: "Go to previous page, page {page}";
@@ -103,6 +117,10 @@ declare const translations: {
         readonly noneSelected: "All";
         readonly selectedCount: "{count} Selected";
     };
+    tagInput: {
+        readonly tagAriaLabel: "Remove {tagName}";
+        readonly clearButton: "Clear {inputLabel}";
+    };
     table: {
         sortIcons: {
             aria: {
@@ -114,10 +132,36 @@ declare const translations: {
     };
     textArea: {
         readonly countMessage: "You have {remaining} characters left ({max} max).";
+        readonly countMessageOver: "You are {surplus} characters over the limit ({max} max).";
     };
     textField: {
         readonly requiredMessage: "Required";
     };
+    toggleView: {
+        aria: {
+            readonly label: "Toggle View";
+            readonly element: "View element {id}";
+        };
+    };
+    passwordField: {
+        readonly showPassword: "Show Password";
+        readonly hidePassword: "Hide Password";
+        readonly password: "Password";
+    };
+    searchInput: {
+        readonly clear: "Clear";
+        readonly search: "Search";
+        readonly clearSearch: "Clear search";
+        readonly searchBy: "Search By";
+    };
+    wizard: {
+        actions: {
+            readonly cancel: "Cancel";
+            readonly back: "Back";
+            readonly continue: "Continue";
+            readonly submit: "Submit";
+        };
+    };
 };
 export declare type Translations = typeof translations;
 export default translations;

package/lib/providers/ConfigProvider/utils/translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../../src/providers/ConfigProvider/utils/translations.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiHR,CAAC;AAEX,oBAAY,YAAY,GAAG,OAAO,YAAY,CAAC;AAE/C,eAAe,YAAY,CAAC"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../../src/providers/ConfigProvider/utils/translations.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8JR,CAAC;AAEX,oBAAY,YAAY,GAAG,OAAO,YAAY,CAAC;AAE/C,eAAe,YAAY,CAAC"}

package/lib/providers/ConfigProvider/utils/translations.js

@@ -11,6 +11,10 @@ var translations = {
     expand: 'Expand',
     expandAll: 'Expand All'
   },
+  alert: {
+    closeAlert: 'Close Alert',
+    close: 'Close'
+  },
   avatar: {
     aria: {
       label: '{descriptor} avatar'
@@ -21,8 +25,13 @@ var translations = {
       label: 'Breadcrumbs'
     }
   },
+  button: {
+    loading: 'Loading...'
+  },
   combobox: {
     clearButtonLabel: 'Clear {label} value',
+    collapseButtonLabel: 'Collapse {label}',
+    expandButtonLabel: 'Expand {label}',
     loading: 'Loading...',
     noMatches: 'No Matches Found',
     noMatchesMessage: 'Try removing or editing some of your criteria or search for different words.'
@@ -51,10 +60,14 @@ var translations = {
       11: 'November {year}',
       12: 'December {year}'
     },
-    today: 'Go to Today',
+    today: 'Today',
     viewNextMonth: 'View next month',
     viewPrevMonth: 'View previous month'
   },
+  drawer: {
+    closeBtnTooltip: 'Close',
+    closeBtn: 'Close Drawer'
+  },
   jumpTo: {
     menuLabel: 'Jump To',
     navLabel: 'Jump To:'
@@ -71,6 +84,7 @@ var translations = {
   pagination: {
     previous: 'Previous',
     next: 'Next',
+    page: 'Page {page}',
     aria: {
       label: 'Pagination',
       previous: 'Go to previous page, page {page}',
@@ -109,6 +123,10 @@ var translations = {
     noneSelected: 'All',
     selectedCount: '{count} Selected'
   },
+  tagInput: {
+    tagAriaLabel: 'Remove {tagName}',
+    clearButton: 'Clear {inputLabel}'
+  },
   table: {
     sortIcons: {
       aria: {
@@ -119,10 +137,36 @@ var translations = {
     }
   },
   textArea: {
-    countMessage: 'You have {remaining} characters left ({max} max).'
+    countMessage: 'You have {remaining} characters left ({max} max).',
+    countMessageOver: 'You are {surplus} characters over the limit ({max} max).'
   },
   textField: {
     requiredMessage: 'Required'
+  },
+  toggleView: {
+    aria: {
+      label: 'Toggle View',
+      element: 'View element {id}'
+    }
+  },
+  passwordField: {
+    showPassword: 'Show Password',
+    hidePassword: 'Hide Password',
+    password: 'Password'
+  },
+  searchInput: {
+    clear: 'Clear',
+    search: 'Search',
+    clearSearch: 'Clear search',
+    searchBy: 'Search By'
+  },
+  wizard: {
+    actions: {
+      cancel: 'Cancel',
+      back: 'Back',
+      continue: 'Continue',
+      submit: 'Submit'
+    }
   }
 };
 var _default = translations;

package/lib/types/index.d.ts

@@ -0,0 +1,2 @@
+export declare type ValueOf<T> = T[keyof T];
+//# sourceMappingURL=index.d.ts.map

package/lib/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AACA,oBAAY,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC"}

package/lib/types/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/utils/commonUIColors.d.ts

@@ -11,11 +11,359 @@ export declare type CommonUIColorKeys = StatusColorsKeys | VIColorsKeys;
 export declare type CommonUIColors = {
     [K in CommonUIColorKeys]: Color;
 };
-export declare const viColorKeys: import("@decisiv/design-tokens/lib/color/visual-interest").VisualInterestColorName[];
-export declare const statusColorKeys: ("information" | "success" | "warning" | "danger")[];
+export declare const viColorKeys: ("berryCrisp" | "koolaidCake" | "cookieMonster" | "cottonCandy" | "fizzyLime" | "mamboMango" | "carrotCake" | "roseGummy" | "licoriceMousse")[];
+export declare const statusColorKeys: ("danger" | "success" | "information" | "warning")[];
 export declare const viColors: VIColors;
 export declare const statusColors: StatusColors;
-export declare const commonUIColorKeys: CommonUIColorKeys[];
+export declare const commonUIColorKeys: ("danger" | "success" | "information" | "warning" | "berryCrisp" | "koolaidCake" | "cookieMonster" | "cottonCandy" | "fizzyLime" | "mamboMango" | "carrotCake" | "roseGummy" | "licoriceMousse")[];
 export declare const commonUIColors: CommonUIColors;
+export declare const commonUIThreeShadeColors: {
+    readonly berryCrisp: {
+        light: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+        medium: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+        dark: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+    };
+    readonly koolaidCake: {
+        light: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+        medium: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+        dark: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+    };
+    readonly cookieMonster: {
+        light: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+        medium: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+        dark: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+    };
+    readonly cottonCandy: {
+        light: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+        medium: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+        dark: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+    };
+    readonly fizzyLime: {
+        light: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+        medium: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+        dark: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+    };
+    readonly mamboMango: {
+        light: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+        medium: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+        dark: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+    };
+    readonly carrotCake: {
+        light: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+        medium: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+        dark: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+    };
+    readonly roseGummy: {
+        light: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+        medium: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+        dark: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+    };
+    readonly licoriceMousse: {
+        dark: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+        medium: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+        light: {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+            readonly alpha: number;
+        } | {
+            readonly fg: Color;
+            readonly red: number;
+            readonly green: number;
+            readonly blue: number;
+        };
+    };
+    readonly information: import("@decisiv/design-tokens/lib/color").ThreeShadeColor;
+    readonly success: import("@decisiv/design-tokens/lib/color").ThreeShadeColor;
+    readonly warning: import("@decisiv/design-tokens/lib/color").ThreeShadeColor;
+    readonly danger: import("@decisiv/design-tokens/lib/color").ThreeShadeColor;
+};
 export {};
 //# sourceMappingURL=commonUIColors.d.ts.map

package/lib/utils/commonUIColors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"commonUIColors.d.ts","sourceRoot":"","sources":["../../src/utils/commonUIColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAIhE,oBAAY,YAAY,GAAG,MAAM,OAAO,KAAK,CAAC,cAAc,CAAC;AAC7D,oBAAY,gBAAgB,GAAG,MAAM,OAAO,KAAK,CAAC,MAAM,CAAC;AAEzD,aAAK,QAAQ,GAAG;KAAG,CAAC,IAAI,YAAY,GAAG,KAAK;CAAE,CAAC;AAC/C,aAAK,YAAY,GAAG;KAAG,CAAC,IAAI,gBAAgB,GAAG,KAAK;CAAE,CAAC;AAEvD,oBAAY,iBAAiB,GAAG,gBAAgB,GAAG,YAAY,CAAC;AAChE,oBAAY,cAAc,GAAG;KAAG,CAAC,IAAI,iBAAiB,GAAG,KAAK;CAAE,CAAC;AAEjE,eAAO,MAAM,WAAW,sFAAgD,CAAC;AACzE,eAAO,MAAM,eAAe,sDAA4C,CAAC;AAEzE,eAAO,MAAM,QAAQ,UAMR,CAAC;AAEd,eAAO,MAAM,YAAY,cAGR,CAAC;AAElB,eAAO,MAAM,iBAAiB,qBAAuC,CAAC;AAEtE,eAAO,MAAM,cAAc,EAAE,cAG5B,CAAC"}
+{"version":3,"file":"commonUIColors.d.ts","sourceRoot":"","sources":["../../src/utils/commonUIColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAIhE,oBAAY,YAAY,GAAG,MAAM,OAAO,KAAK,CAAC,cAAc,CAAC;AAC7D,oBAAY,gBAAgB,GAAG,MAAM,OAAO,KAAK,CAAC,MAAM,CAAC;AAEzD,aAAK,QAAQ,GAAG;KAAG,CAAC,IAAI,YAAY,GAAG,KAAK;CAAE,CAAC;AAC/C,aAAK,YAAY,GAAG;KAAG,CAAC,IAAI,gBAAgB,GAAG,KAAK;CAAE,CAAC;AAEvD,oBAAY,iBAAiB,GAAG,gBAAgB,GAAG,YAAY,CAAC;AAChE,oBAAY,cAAc,GAAG;KAAG,CAAC,IAAI,iBAAiB,GAAG,KAAK;CAAE,CAAC;AAEjE,eAAO,MAAM,WAAW,iJAAgD,CAAC;AACzE,eAAO,MAAM,eAAe,sDAA4C,CAAC;AAEzE,eAAO,MAAM,QAAQ,UAMR,CAAC;AAEd,eAAO,MAAM,YAAY,cAGR,CAAC;AAElB,eAAO,MAAM,iBAAiB,oMAAuC,CAAC;AAEtE,eAAO,MAAM,cAAc,EAAE,cAG5B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAG3B,CAAC"}

package/lib/utils/commonUIColors.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.commonUIColors = exports.commonUIColorKeys = exports.statusColors = exports.viColors = exports.statusColorKeys = exports.viColorKeys = void 0;
+exports.commonUIThreeShadeColors = exports.commonUIColors = exports.commonUIColorKeys = exports.statusColors = exports.viColors = exports.statusColorKeys = exports.viColorKeys = void 0;
 
 var _color = _interopRequireDefault(require("@decisiv/design-tokens/lib/color"));
 
@@ -42,4 +42,8 @@ exports.commonUIColorKeys = commonUIColorKeys;
 
 var commonUIColors = _objectSpread({}, statusColors, {}, viColors);
 
-exports.commonUIColors = commonUIColors;
+exports.commonUIColors = commonUIColors;
+
+var commonUIThreeShadeColors = _objectSpread({}, status, {}, visualInterest);
+
+exports.commonUIThreeShadeColors = commonUIThreeShadeColors;

package/lib/utils/useDebounce.d.ts

@@ -0,0 +1,2 @@
+export default function useDebounce<T>(value: T, delay: number): T;
+//# sourceMappingURL=useDebounce.d.ts.map

package/lib/utils/useDebounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../src/utils/useDebounce.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAc7D"}