@decisiv/ui-components 2.0.1-alpha.154 → 2.0.1-alpha.156

package/lib/components/Tag/index.test.js

@@ -83,12 +83,193 @@ describe('Tag', function () {
   describe('Outline variant', function () {
     TestVariant('outline');
   });
+  describe('Palette variants', function () {
+    describe('bright', function () {
+      it('renders correctly', function () {
+        var _render = (0, _react2.render)(_react.default.createElement(_.default, {
+          text: "text",
+          palette: "bright"
+        })),
+            container = _render.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('renders correctly with an Icon', function () {
+        var _render2 = (0, _react2.render)(_react.default.createElement(_.default, {
+          text: "text",
+          palette: "bright",
+          icon: _Home.default
+        })),
+            container = _render2.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('renders correctly with different colors', function () {
+        var _render3 = (0, _react2.render)(_react.default.createElement(_.default, {
+          text: "text",
+          palette: "bright",
+          color: "information"
+        })),
+            container = _render3.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('renders correctly with an action', function () {
+        var _render4 = (0, _react2.render)(_react.default.createElement(_.default, {
+          text: "text",
+          palette: "bright",
+          action: jest.fn(),
+          actionAttributes: {
+            'aria-label': 'test'
+          },
+          actionIcon: _Home.default
+        })),
+            container = _render4.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('renders the action correctly with the danger intent', function () {
+        var _render5 = (0, _react2.render)(_react.default.createElement(_.default, {
+          text: "text",
+          palette: "bright",
+          action: jest.fn(),
+          actionAttributes: {
+            'aria-label': 'test'
+          },
+          actionIcon: _Home.default,
+          actionIntent: "danger"
+        })),
+            container = _render5.container;
+
+        expect(container).toMatchSnapshot();
+      });
+    });
+    describe('pastel', function () {
+      it('renders correctly', function () {
+        var _render6 = (0, _react2.render)(_react.default.createElement(_.default, {
+          text: "text",
+          palette: "pastel"
+        })),
+            container = _render6.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('renders correctly with an Icon', function () {
+        var _render7 = (0, _react2.render)(_react.default.createElement(_.default, {
+          text: "text",
+          palette: "pastel",
+          icon: _Home.default
+        })),
+            container = _render7.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('renders correctly with different colors', function () {
+        var _render8 = (0, _react2.render)(_react.default.createElement(_.default, {
+          text: "text",
+          palette: "pastel",
+          color: "information"
+        })),
+            container = _render8.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('renders correctly with an action', function () {
+        var _render9 = (0, _react2.render)(_react.default.createElement(_.default, {
+          text: "text",
+          palette: "pastel",
+          action: jest.fn(),
+          actionAttributes: {
+            'aria-label': 'test'
+          },
+          actionIcon: _Home.default
+        })),
+            container = _render9.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('renders the action correctly with the danger intent', function () {
+        var _render10 = (0, _react2.render)(_react.default.createElement(_.default, {
+          text: "text",
+          palette: "pastel",
+          action: jest.fn(),
+          actionAttributes: {
+            'aria-label': 'test'
+          },
+          actionIcon: _Home.default,
+          actionIntent: "danger"
+        })),
+            container = _render10.container;
+
+        expect(container).toMatchSnapshot();
+      });
+    });
+    describe('dark', function () {
+      it('renders correctly', function () {
+        var _render11 = (0, _react2.render)(_react.default.createElement(_.default, {
+          text: "text",
+          palette: "dark"
+        })),
+            container = _render11.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('renders correctly with an Icon', function () {
+        var _render12 = (0, _react2.render)(_react.default.createElement(_.default, {
+          text: "text",
+          palette: "dark",
+          icon: _Home.default
+        })),
+            container = _render12.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('renders correctly with different colors', function () {
+        var _render13 = (0, _react2.render)(_react.default.createElement(_.default, {
+          text: "text",
+          palette: "dark",
+          color: "information"
+        })),
+            container = _render13.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('renders correctly with an action', function () {
+        var _render14 = (0, _react2.render)(_react.default.createElement(_.default, {
+          text: "text",
+          palette: "dark",
+          action: jest.fn(),
+          actionAttributes: {
+            'aria-label': 'test'
+          },
+          actionIcon: _Home.default
+        })),
+            container = _render14.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('renders the action correctly with the danger intent', function () {
+        var _render15 = (0, _react2.render)(_react.default.createElement(_.default, {
+          text: "text",
+          palette: "dark",
+          action: jest.fn(),
+          actionAttributes: {
+            'aria-label': 'test'
+          },
+          actionIcon: _Home.default,
+          actionIntent: "danger"
+        })),
+            container = _render15.container;
+
+        expect(container).toMatchSnapshot();
+      });
+    });
+  });
   describe('Common', function () {
     it('does not render a provided action if there is not text', function () {
       jest.spyOn(console, 'error').mockImplementation(function () {});
 
       var _renderTag6 = renderTag({
-        icon: _Home.default,
         text: undefined,
         action: function action() {
           return null;
@@ -100,7 +281,7 @@ describe('Tag', function () {
       }, 'normal'),
           container = _renderTag6.container;
 
-      expect(container.querySelectorAll('button').length).toBe(0);
+      expect(container.querySelectorAll('svg').length).toBe(0);
       expect(console.error).toHaveBeenCalled(); // @ts-ignore
 
       console.error.mockRestore();

package/lib/components/Tag/propTypes.d.ts

@@ -9,6 +9,7 @@ export declare const propTypes: {
     actionRef: PropTypes.Requireable<any>;
     color: PropTypes.Requireable<import("../../utils/commonUIColors").CommonUIColorKeys>;
     variant: PropTypes.Requireable<string>;
+    palette: PropTypes.Requireable<string>;
 };
 export declare const defaultProps: {
     action: undefined;
@@ -20,5 +21,6 @@ export declare const defaultProps: {
     icon: undefined;
     text: undefined;
     variant: string;
+    palette: string;
 };
 //# sourceMappingURL=propTypes.d.ts.map

package/lib/components/Tag/propTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"propTypes.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/propTypes.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAYnC,eAAO,MAAM,SAAS;;;;;;;;;;CA0BrB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;CAUxB,CAAC"}
+{"version":3,"file":"propTypes.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/propTypes.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAYnC,eAAO,MAAM,SAAS;;;;;;;;;;;CA2BrB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;CAWxB,CAAC"}

package/lib/components/Tag/propTypes.js

@@ -40,7 +40,8 @@ var propTypes = {
   actionIntent: _propTypes.default.oneOf(['normal', 'danger']),
   actionRef: _propTypes.default.any,
   color: _propTypes.default.oneOf(_commonUIColors.commonUIColorKeys),
-  variant: _propTypes.default.oneOf(['normal', 'outline'])
+  variant: _propTypes.default.oneOf(['normal', 'outline']),
+  palette: _propTypes.default.oneOf(['pastel', 'bright', 'dark'])
 };
 exports.propTypes = propTypes;
 var defaultProps = {
@@ -52,6 +53,7 @@ var defaultProps = {
   color: undefined,
   icon: undefined,
   text: undefined,
-  variant: 'normal'
+  variant: 'normal',
+  palette: 'bright'
 };
 exports.defaultProps = defaultProps;

package/lib/components/Tag/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/schema.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,MAAM,KAAmC,CAAC;AA2ChD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/schema.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,MAAM,KAAmC,CAAC;AA8ChD,eAAe,MAAM,CAAC"}

package/lib/components/Tag/schema.js

@@ -17,6 +17,7 @@ schema.propTypes = {
   text: _reactDesc.PropTypes.string.description("The tag's text"),
   icon: _reactDesc.PropTypes.element.description('Which `iconix` icon to render as the main icon'),
   color: _reactDesc.PropTypes.oneOf(_commonUIColors.commonUIColorKeys).description('The color to use as the tag background or SVG color when outlined').format('string (see notes below)').defaultValue('licoriceMousse'),
+  palette: _reactDesc.PropTypes.oneOf(['bright', 'pastel', 'dark']).description('What color variant to render').defaultValue('bright'),
   variant: _reactDesc.PropTypes.oneOf(['normal', 'outline']).description('What tag variant to render').defaultValue('normal'),
   action: _reactDesc.PropTypes.func.description('A function to callback when the action button is clicked'),
   actionRef: _reactDesc.PropTypes.any.description('Provide a "React Ref" to get a reference to the action\'s DOM node'),

package/lib/components/Tag/types.d.ts

@@ -1,13 +1,14 @@
-import React, { Ref, RefAttributes, ButtonHTMLAttributes } from 'react';
+import React, { Ref, RefAttributes, AriaAttributes, DOMAttributes } from 'react';
 import { CSSObject } from 'styled-components';
 import { IconProps } from '@decisiv/iconix';
 import { CommonUIColorKeys } from '../../utils/commonUIColors';
-export declare type TagRef = HTMLDivElement;
-export declare type TagActionButtonRef = HTMLButtonElement;
+export declare type TagRef = HTMLButtonElement;
+export declare type TagActionRef = HTMLDivElement;
 export declare type IconComponent = (props: IconProps) => JSX.Element;
 export declare type ActionHandler = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => unknown;
 export declare type BaseProps = {
     color?: CommonUIColorKeys;
+    palette?: 'pastel' | 'bright' | 'dark';
     variant?: 'normal' | 'outline';
     style?: CSSObject;
 };
@@ -34,14 +35,11 @@ declare type ConditionalProps = Text & {
 } | Icon & {
     action?: never;
 } | Text & Icon | Text & Action & ActionIcon | Text & Icon & Action & ActionIcon;
-export declare type ActionButtonContainerProps = {
-    isFocused: boolean;
-};
-export declare type ActionButtonExtraProps = {
-    actionRef?: Ref<TagActionButtonRef>;
+export declare type ActionExtraProps = {
+    actionRef?: Ref<TagActionRef>;
     actionIntent?: 'normal' | 'danger';
-    actionAttributes?: ButtonHTMLAttributes<HTMLButtonElement>;
+    actionAttributes?: AriaAttributes & DOMAttributes<HTMLButtonElement>;
 };
-export declare type TagProps = RefAttributes<TagRef> & BaseProps & ContentProps & ConditionalProps & ActionButtonExtraProps;
+export declare type TagProps = RefAttributes<TagRef> & BaseProps & ContentProps & ConditionalProps & ActionExtraProps;
 export {};
 //# sourceMappingURL=types.d.ts.map

package/lib/components/Tag/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,GAAG,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,oBAAY,MAAM,GAAG,cAAc,CAAC;AACpC,oBAAY,kBAAkB,GAAG,iBAAiB,CAAC;AACnD,oBAAY,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;AAE9D,oBAAY,aAAa,GAAG,CAC1B,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KACnD,OAAO,CAAC;AAEb,oBAAY,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,aAAK,YAAY,GAAG;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B,CAAC;AAEF,aAAK,IAAI,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7B,aAAK,IAAI,GAAG;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,CAAC;AACpC,aAAK,MAAM,GAAG;IAAE,MAAM,EAAE,aAAa,CAAA;CAAE,CAAC;AACxC,aAAK,UAAU,GAAG;IAAE,UAAU,EAAE,aAAa,CAAA;CAAE,CAAC;AAEhD,aAAK,gBAAgB,GACjB,IAAI,GAAG;IAAE,MAAM,CAAC,EAAE,aAAa,CAAA;CAAE,GACjC,IAAI,GAAG;IAAE,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,GACzB,IAAI,GAAG,IAAI,GACX,IAAI,GAAG,MAAM,GAAG,UAAU,GAC1B,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,UAAU,CAAC;AAEtC,oBAAY,0BAA0B,GAAG;IACvC,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACnC,gBAAgB,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;CAC5D,CAAC;AAEF,oBAAY,QAAQ,GAAG,aAAa,CAAC,MAAM,CAAC,GAC1C,SAAS,GACT,YAAY,GACZ,gBAAgB,GAChB,sBAAsB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,GAAG,EACH,aAAa,EACb,cAAc,EACd,aAAa,EACd,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,oBAAY,MAAM,GAAG,iBAAiB,CAAC;AACvC,oBAAY,YAAY,GAAG,cAAc,CAAC;AAC1C,oBAAY,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;AAE9D,oBAAY,aAAa,GAAG,CAC1B,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KACnD,OAAO,CAAC;AAEb,oBAAY,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IACvC,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,aAAK,YAAY,GAAG;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B,CAAC;AAEF,aAAK,IAAI,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7B,aAAK,IAAI,GAAG;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,CAAC;AACpC,aAAK,MAAM,GAAG;IAAE,MAAM,EAAE,aAAa,CAAA;CAAE,CAAC;AACxC,aAAK,UAAU,GAAG;IAAE,UAAU,EAAE,aAAa,CAAA;CAAE,CAAC;AAEhD,aAAK,gBAAgB,GACjB,IAAI,GAAG;IAAE,MAAM,CAAC,EAAE,aAAa,CAAA;CAAE,GACjC,IAAI,GAAG;IAAE,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,GACzB,IAAI,GAAG,IAAI,GACX,IAAI,GAAG,MAAM,GAAG,UAAU,GAC1B,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,UAAU,CAAC;AAEtC,oBAAY,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACnC,gBAAgB,CAAC,EAAE,cAAc,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC;CACtE,CAAC;AAEF,oBAAY,QAAQ,GAAG,aAAa,CAAC,MAAM,CAAC,GAC1C,SAAS,GACT,YAAY,GACZ,gBAAgB,GAChB,gBAAgB,CAAC"}

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 viColorKeys: ("berryCrisp" | "koolaidCake" | "cookieMonster" | "cottonCandy" | "fizzyLime" | "mamboMango" | "carrotCake" | "roseGummy" | "licoriceMousse")[];
 export declare const statusColorKeys: ("information" | "success" | "warning" | "danger")[];
 export declare const viColors: VIColors;
 export declare const statusColors: StatusColors;
 export declare const commonUIColorKeys: CommonUIColorKeys[];
 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,qBAAuC,CAAC;AAEtE,eAAO,MAAM,cAAc,EAAE,cAG5B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAG3B,CAAC"}