@aivenio/aquarium 0.0.1

package/dist/types/ActionType.d.ts

@@ -0,0 +1,20 @@
+import { TooltipProps } from '../src/components';
+import { IconProps } from './IconProps';
+export declare type BaseActionType = {
+    icon?: IconProps['icon'];
+    iconPlacement?: 'left' | 'right';
+    disabled?: boolean;
+    tooltip?: string;
+    tooltipPlacement?: TooltipProps['placement'];
+};
+export declare type ActionType = BaseActionType & {
+    onClick: () => void;
+    text: string;
+};
+export declare type AsyncActionType = ActionType & {
+    loading?: boolean;
+};
+export declare type LinkActionType = BaseActionType & {
+    href: string;
+    text: string;
+};

package/dist/types/ActionType.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWN0aW9uVHlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3R5cGVzL0FjdGlvblR5cGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/dist/types/IconProps.d.ts

@@ -0,0 +1,4 @@
+import type { IconifyIcon } from '@iconify/types';
+import type { IconProps as IconifyProps } from '@iconify/react';
+export declare type Icon = IconifyIcon;
+export declare type IconProps = Omit<IconifyProps, 'color'>;

package/dist/types/IconProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvblByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHlwZXMvSWNvblByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/dist/types/designTokens.d.ts

@@ -0,0 +1,57 @@
+export declare type TypographyFontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+export declare type TypographyTextTransform = 'none' | 'capitalize' | 'uppercase' | 'lowercase' | 'initial' | 'inherit';
+export declare type TypographyCSSStyles = {
+    fontFamily: string;
+    fontWeight: TypographyFontWeight;
+    fontSize: string;
+    fontStyle: string;
+    lineHeight: number;
+    letterSpacing: number;
+    textTransform: TypographyTextTransform;
+};
+export declare type TypographyName = 'caption-small' | 'caption-default' | 'overline-small' | 'overline-default' | 'button-small' | 'button-medium' | 'button-large' | 'body-small' | 'body-small-medium' | 'body-default' | 'body-default-medium' | 'body-large' | 'body-large-medium' | 'heading-large' | 'heading-xl' | 'heading-2xl' | 'heading-3xl' | 'heading-4xl' | 'heading-5xl';
+export interface TypographySize {
+    name: TypographyName;
+    className: string;
+    style: TypographyCSSStyles;
+    fontPostScriptName: string;
+}
+export interface Typography {
+    sizes: TypographySize[];
+}
+export declare type HexColorString = string;
+export declare type ColorIntent = 'primary' | 'secondary' | 'grey' | 'info' | 'success' | 'warning' | 'error';
+export declare type ColorWeight = 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
+export declare type ColorName = `${ColorIntent}-${ColorWeight}`;
+export declare type Colors = {
+    [name in ColorName]: HexColorString;
+};
+export interface Spacing {
+    [level: string]: {
+        px: number;
+        rem: number;
+    };
+}
+export declare type ElevationLevel = '2dp' | '4dp' | '8dp' | '16dp' | '24dp';
+export declare type Elevations = {
+    [level in ElevationLevel]: string;
+};
+export interface Theme {
+    typography: Typography;
+    colors: Colors;
+    spacing: Spacing;
+    elevations: Elevations;
+}
+export declare type ThemeName = 'aiven' | 'timescale';
+export interface Tokens {
+    themes: {
+        [key in ThemeName]: Theme;
+    };
+}
+export interface Icons {
+    [name: string]: {
+        figmaId: string;
+        paths: string[];
+        svg: string;
+    };
+}

package/dist/types/designTokens.js

@@ -0,0 +1,5 @@
+// These types are imported from https://github.com/mrmartineau/design-system-utils/blob/cc51d3299b7b44aa841d8f2695a3752297190db4/src/types.ts
+// as a starting point.
+// The types should be edited for our purposes, no need to stick with the old ones
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzaWduVG9rZW5zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHlwZXMvZGVzaWduVG9rZW5zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDhJQUE4STtBQUM5SSx1QkFBdUI7QUFDdkIsa0ZBQWtGIn0=

package/dist/types/tailwind.d.ts

@@ -0,0 +1,42 @@
+import partialThemeJson from '../tailwind.theme.json';
+import { ClassNames } from './tailwindGenerated';
+export declare type AnyObject = {
+    [key: string]: any;
+};
+export declare type Breakpoint = keyof typeof partialThemeJson['screens'];
+export declare type BreakpointsObject = {
+    readonly [key in Breakpoint]: string;
+};
+export declare type Breakpointable<T> = T | {
+    [key in Breakpoint]?: T;
+};
+export declare type ObjectBreakpointable<T extends AnyObject> = {
+    [K in keyof T]: Breakpointable<T[K]>;
+};
+export declare type TailwindClass = ClassNames;
+declare type Whitespace = ' ' | '\n';
+declare type RecursionReducingWhitespace = '         ' | '        ' | '       ' | '      ' | '     ' | '    ' | '   ' | '  ' | ' ' | '\n';
+declare type Err<Message extends string> = `Error: ${Message}`;
+declare type TrimEnd<T extends string> = T extends `${infer Rest}${RecursionReducingWhitespace}` ? TrimEnd<Rest> : T;
+declare type TrimStart<T extends string> = T extends `${RecursionReducingWhitespace}${infer Rest}` ? TrimStart<Rest> : T;
+declare type Trim<T extends string> = TrimEnd<TrimStart<T>>;
+declare type SplitToTailwindClasses<T extends string> = SplitToTailwindClassesInner<Trim<T>>;
+declare type SplitToTailwindClassesInner<T extends string> = T extends `${TailwindClass}${Whitespace}${infer Tail}` ? T extends `${infer Head}${Whitespace}${Tail}` ? Head extends TailwindClass ? [
+    Head,
+    ...SplitToTailwindClassesInner<Trim<Tail>>
+] : [
+    Err<`'${Head}' is not a valid Tailwind class`>
+] : [never] : T extends `${infer Tail}` ? Tail extends TailwindClass ? [Tail] : [
+    Err<`'${Tail}' is not a valid Tailwind class`>
+] : [never];
+declare type GetFirstError<T extends unknown[]> = T extends [infer Head, ...infer Tail] ? Head extends `Error: ${infer Message}` ? Head : GetFirstError<Tail> : never;
+export declare type ValidTailwindClassesString<T extends string> = string extends T ? Err<'Unexpected generic string'> : SplitToTailwindClasses<T> extends TailwindClass[] ? T : GetFirstError<SplitToTailwindClasses<T>>;
+declare type ClassNamesObject = {
+    [key: string]: boolean;
+};
+export declare type TailwindClassNamesObject<T extends ClassNamesObject> = {
+    [K in keyof T & string]: K extends ValidTailwindClassesString<K> ? T[K] : ValidTailwindClassesString<K>;
+};
+export declare type TailwindClassNamesArray<UnvalidatedItems extends unknown[], Validated extends unknown[] = []> = UnvalidatedItems extends [] ? Validated : UnvalidatedItems extends [infer Head, ...infer Rest] ? Head extends string ? Head extends ValidTailwindClassesString<Head> ? TailwindClassNamesArray<Rest, [...Validated, Head]> : ValidTailwindClassesString<Head> : never : never;
+export declare type TailwindClassParameterValue<S> = S extends string ? ValidTailwindClassesString<S> : S extends any[] ? TailwindClassNamesArray<S> : S extends ClassNamesObject ? TailwindClassNamesObject<S> : never;
+export {};

package/dist/types/tailwind.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpbHdpbmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90eXBlcy90YWlsd2luZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/types/tailwindGenerated.d.ts

@@ -0,0 +1 @@
+export declare type ClassNames = "-m-2" | "-z-10" | "\!container" | "\!inline" | "\[\&\>\*\:not\(\:first-child\)\]\:-ml-3" | "\[\&\>div\:first-child\]\:px-5" | "\[\&\>path\]\:stroke-2" | "\[\&\>path\]\:stroke-grey-30" | "\[\&\>path\]\:stroke-white" | "absolute" | "active\:bg-grey-10" | "active\:bg-grey-5" | "active\:bg-primary-90" | "active\:bg-transparent" | "active\:ring-0" | "active\:ring-grey-50" | "active\:text-grey-50" | "active\:text-grey-70" | "active\:text-grey-80" | "active\:text-primary-70" | "align-middle" | "animate-positioner-fade-in" | "animate-pulse" | "appearance-none" | "aspect-square" | "auto-cols-fr" | "bg-cover" | "bg-current" | "bg-error-0" | "bg-error-5" | "bg-error-70" | "bg-gradient-to-l" | "bg-gradient-to-r" | "bg-grey-0" | "bg-grey-10" | "bg-grey-20" | "bg-grey-5" | "bg-grey-90" | "bg-info-5" | "bg-info-50" | "bg-navyBlue-100" | "bg-primary-70" | "bg-primary-80" | "bg-secondary-5" | "bg-success-5" | "bg-success-70" | "bg-transparent" | "bg-warning-5" | "bg-warning-70" | "bg-white" | "block" | "blur" | "border" | "border-0" | "border-b" | "border-b-2" | "border-b-\[1px\]" | "border-current" | "border-dashed" | "border-error-50" | "border-grey-10" | "border-grey-100" | "border-grey-20" | "border-grey-40" | "border-grey-5" | "border-grey-50" | "border-info-70" | "border-navyBlue-100" | "border-none" | "border-primary-80" | "border-solid" | "border-spacing-0" | "border-transparent" | "bottom-0" | "break-all" | "capitalize" | "children\:border-grey-10" | "children\:inline-block" | "children\:last\:border-b-0" | "col-start-1" | "col-start-2" | "col-start-3" | "container" | "contents" | "cursor-default" | "cursor-not-allowed" | "cursor-pointer" | "delay-150" | "disabled\:bg-grey-0" | "disabled\:bg-grey-5" | "disabled\:bg-primary-5" | "disabled\:bg-transparent" | "disabled\:border-grey-20" | "disabled\:cursor-not-allowed" | "disabled\:ring-grey-20" | "disabled\:text-grey-20" | "disabled\:text-grey-30" | "disabled\:text-grey-40" | "disabled\:text-primary-40" | "duration-300" | "ease-in-out" | "filter" | "first\:mt-0" | "fixed" | "flex" | "flex-col" | "flex-grow" | "flex-nowrap" | "flex-row" | "flex-wrap" | "focus-visible\:bg-grey-0" | "focus-visible\:border-info-70" | "focus-visible\:outline-0" | "focus-visible\:ring-2" | "focus-visible\:ring-grey-50" | "focus-visible\:ring-inset" | "focus-visible\:ring-primary-100" | "focus-visible\:text-grey-80" | "focus-visible\:text-grey-90" | "focus\:border-info-70" | "focus\:border-transparent" | "focus\:outline-none" | "focus\:ring-0" | "focus\:ring-1" | "focus\:ring-2" | "focus\:ring-grey-60" | "focus\:ring-offset-0" | "focus\:text-primary-80" | "font-medium" | "font-normal" | "font-semibold" | "from-white" | "gap-2" | "gap-3" | "gap-4" | "gap-7" | "gap-8" | "gap-x-2" | "gap-x-3" | "gap-x-4" | "gap-y-2" | "grid" | "grid-cols-1" | "grid-cols-2" | "grid-cols-3" | "grid-cols-\[200px_1fr_200px\]" | "grid-cols-\[auto_1fr\]" | "grid-cols-\[auto_1fr_auto\]" | "group" | "group-hover\:bg-grey-30" | "group-hover\:visible" | "grow" | "grow-0" | "h-1" | "h-1px" | "h-2" | "h-3" | "h-4" | "h-5" | "h-6" | "h-\[174px\]" | "h-\[1px\]" | "h-\[20px\]" | "h-\[225px\]" | "h-\[25px\]" | "h-\[32px\]" | "h-\[50px\]" | "h-\[56px\]" | "h-full" | "hidden" | "hover\:bg-grey-0" | "hover\:bg-grey-5" | "hover\:bg-primary-70" | "hover\:border-grey-20" | "hover\:border-grey-50" | "hover\:cursor-pointer" | "hover\:no-underline" | "hover\:ring-grey-50" | "hover\:text-grey-80" | "hover\:text-grey-90" | "hover\:text-primary-70" | "hover\:text-primary-80" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "inset-0" | "inset-y-0" | "invisible" | "italic" | "items-center" | "justify-between" | "justify-center" | "justify-end" | "leading-\[0px\]" | "leading-\[18px\]" | "leading-none" | "left-0" | "left-1\/2" | "left-2" | "m-3" | "m-4" | "m-\[1px\]" | "max-h-full" | "max-w-\[300px\]" | "max-w-\[320px\]" | "max-w-\[40px\]" | "max-w-\[600px\]" | "max-w-\[70px\]" | "max-w-\[940px\]" | "mb-2" | "mb-3" | "mb-\[-2px\]" | "mb-\[7px\]" | "min-h-full" | "min-w-0" | "min-w-full" | "ml-2" | "ml-3" | "ml-4" | "mr-1" | "mr-4" | "mt-1" | "mt-2" | "mt-4" | "mt-5" | "mx-0" | "mx-1" | "mx-2" | "mx-3" | "mx-7" | "my-1" | "my-4" | "no-arrow" | "no-arrows" | "no-underline" | "object-cover" | "opacity-0" | "opacity-40" | "opacity-70" | "outline-none" | "overflow-hidden" | "overflow-x-hidden" | "overflow-y-auto" | "overline" | "p-2" | "p-3" | "p-4" | "p-5" | "p-6" | "pb-3" | "pb-6" | "peer" | "peer-focus\:border" | "pl-4" | "pl-7" | "placeholder\:text-grey-40" | "pointer-events-none" | "pr-4" | "px-0" | "px-1" | "px-2" | "px-3" | "px-4" | "px-5" | "px-7" | "px-\[1px\]" | "px-\[4px\]" | "py-1" | "py-2" | "py-3" | "py-4" | "py-6" | "py-7" | "py-\[14px\]" | "py-\[6px\]" | "relative" | "resize" | "resize-none" | "right-0" | "ring-1" | "ring-2" | "ring-grey-30" | "ring-inset" | "ring-offset-0" | "rotate-45" | "rounded" | "rounded-full" | "rounded-sm" | "row-start-1" | "scrollbar-hide" | "self-center" | "self-start" | "shadow-16dp" | "shadow-2dp" | "shadow-4dp" | "shrink" | "sticky" | "stroke-grey-30" | "stroke-white" | "table" | "table-auto" | "table-fixed" | "text-\[8px\]" | "text-\[9px\]" | "text-center" | "text-error-0" | "text-error-10" | "text-error-100" | "text-error-20" | "text-error-30" | "text-error-40" | "text-error-5" | "text-error-50" | "text-error-60" | "text-error-70" | "text-error-80" | "text-error-90" | "text-grey-0" | "text-grey-10" | "text-grey-100" | "text-grey-20" | "text-grey-30" | "text-grey-40" | "text-grey-5" | "text-grey-50" | "text-grey-60" | "text-grey-70" | "text-grey-80" | "text-grey-90" | "text-info-0" | "text-info-10" | "text-info-100" | "text-info-20" | "text-info-30" | "text-info-40" | "text-info-5" | "text-info-50" | "text-info-60" | "text-info-70" | "text-info-80" | "text-info-90" | "text-left" | "text-primary-0" | "text-primary-10" | "text-primary-100" | "text-primary-20" | "text-primary-30" | "text-primary-40" | "text-primary-5" | "text-primary-50" | "text-primary-60" | "text-primary-70" | "text-primary-80" | "text-primary-90" | "text-right" | "text-secondary-0" | "text-secondary-10" | "text-secondary-100" | "text-secondary-20" | "text-secondary-30" | "text-secondary-40" | "text-secondary-5" | "text-secondary-50" | "text-secondary-60" | "text-secondary-70" | "text-secondary-80" | "text-secondary-90" | "text-success-0" | "text-success-10" | "text-success-100" | "text-success-20" | "text-success-30" | "text-success-40" | "text-success-5" | "text-success-50" | "text-success-60" | "text-success-70" | "text-success-80" | "text-success-90" | "text-warning-0" | "text-warning-10" | "text-warning-100" | "text-warning-20" | "text-warning-30" | "text-warning-40" | "text-warning-5" | "text-warning-50" | "text-warning-60" | "text-warning-70" | "text-warning-80" | "text-warning-90" | "text-white" | "top-0" | "top-2" | "transform" | "transition" | "transition-all" | "translate-x-5" | "typography-body-default" | "typography-body-default-medium" | "typography-body-large" | "typography-body-large-medium" | "typography-body-small" | "typography-body-small-medium" | "typography-button-large" | "typography-button-medium" | "typography-button-small" | "typography-caption-default" | "typography-caption-small" | "typography-heading-2xl" | "typography-heading-3xl" | "typography-heading-4xl" | "typography-heading-5xl" | "typography-heading-large" | "typography-heading-xl" | "typography-overline-default" | "typography-overline-small" | "underline" | "underline-offset-2" | "uppercase" | "via-white" | "visible" | "w-1" | "w-1px" | "w-2" | "w-3" | "w-4" | "w-5" | "w-6" | "w-\[280px\]" | "w-\[32px\]" | "w-\[34px\]" | "w-\[56px\]" | "w-full" | "whitespace-nowrap" | "z-0" | "z-10" | "z-20" | "z-40" | "z-modal";

package/dist/types/tailwindGenerated.js

@@ -0,0 +1,3 @@
+// This file is auto-generated with postcss-ts-classnames.
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpbHdpbmRHZW5lcmF0ZWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90eXBlcy90YWlsd2luZEdlbmVyYXRlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSwwREFBMEQifQ==

package/dist/types/utils.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode, ElementType, ReactElement } from 'react';
+export declare const isComponentType: <T>(c: ReactNode, type: ElementType<T>) => c is ReactElement<T, string | import("react").JSXElementConstructor<any>>;
+export declare type Either<A, B> = (Partial<Record<keyof B, never>> & A) | (Partial<Record<keyof A, never>> & B);
+export declare type AcceptEmpty = boolean | null | undefined;
+export declare type EmptyOrOneOrMore<T> = React.ReactElement<T> | AcceptEmpty | Array<React.ReactElement<T> | AcceptEmpty>;

package/dist/types/utils.js

@@ -0,0 +1,3 @@
+import { isValidElement } from 'react';
+export const isComponentType = (c, type) => isValidElement(c) && c.type === type;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90eXBlcy91dGlscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQTBCLGNBQWMsRUFBZ0IsTUFBTSxPQUFPLENBQUM7QUFFN0UsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLENBQUksQ0FBWSxFQUFFLElBQW9CLEVBQXdCLEVBQUUsQ0FDN0YsY0FBYyxDQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDIn0=

package/package.json

@@ -0,0 +1,183 @@
+{
+  "name": "@aivenio/aquarium",
+  "version": "0.0.1",
+  "description": "Aiven Aquarium design system",
+  "main": "dist/system.cjs",
+  "module": "dist/system.mjs",
+  "exports": {
+    ".": {
+      "require": "./dist/system.cjs",
+      "import": "./dist/system.mjs",
+      "types": "./dist/src/system.d.ts"
+    },
+    "./atoms": {
+      "require": "./dist/atoms.cjs",
+      "import": "./dist/atoms.mjs",
+      "types": "./dist/src/atoms.d.ts"
+    },
+    "./atoms/*": "./dist/src/common/*.js",
+    "./icons/*": "./dist/src/icons/*.js",
+    "./dist/module/icons/*": "./dist/src/icons/*.js",
+    "./dist/": "./dist/",
+    "./package.json": "./package.json",
+    "./*": "./*"
+  },
+  "types": "./dist/src/system.d.ts",
+  "typesVersions": {
+    "*": {
+      "atoms": [
+        "dist/src/common/index.d.ts"
+      ],
+      "atoms/*": [
+        "dist/src/common/*.d.ts"
+      ],
+      "icons/*": [
+        "dist/src/icons/*.d.ts"
+      ],
+      "dist/module/icons/*": [
+        "dist/src/icons/*.d.ts"
+      ]
+    }
+  },
+  "files": [
+    "dist/"
+  ],
+  "scripts": {
+    "test": "npm run build:ds:icons && jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "test:all": "npm run eslint && npm run test",
+    "test:update": "jest --updateSnapshot",
+    "prettier:write": "echo 'Deprecated command! Use \"npm run eslint:fix\" instead.' && exit 1",
+    "prettier:check": "echo 'Deprecated command! Use \"npm run eslint\" instead.' && exit 1",
+    "eslint": "npm run eslint:check:src && npm run eslint:check:tools",
+    "eslint:fix": "npm run eslint:check:src -- --fix && npm run eslint:check:tools -- --fix",
+    "eslint:check:src": "eslint --config .eslintrc \"src/**/*.{ts,tsx}\"",
+    "eslint:check:tools": "eslint --config tools/figma/.eslintrc \"tools/**/*.{ts,tsx}\"",
+    "start:storybook": "STORYBOOK_THEME=$THEME start-storybook -p 6006",
+    "start": "npm run build:generated && npm run start:storybook",
+    "figma:cached": "echo 'WARNING: Using local cache!' && USE_CACHE=true npm run figma",
+    "figma": "NODE_PATH=./ NODE_OPTIONS=--max-old-space-size=2800 ts-node --script-mode tools/figma/index.ts",
+    "release": "NODE_PATH=./ ts-node --script-mode tools/create-release-pr.ts",
+    "build:storybook": "npm run build && STORYBOOK_THEME=$THEME build-storybook -c .storybook -o storybook-static",
+    "build:generated": "npm run build:tailwind && npm run build:tailwind:json && npm run build:ds:icons",
+    "watch": "npm run build:generated && webpack --config=webpack.config.js --watch --progress",
+    "build": "npm run build:ds",
+    "build:ds": "npm run build:tailwind && npm run build:tailwind:timescale && npm run build:tailwind:json && npm run build:ds:style-dictionary && npm run build:ds:icons && npm run build:ds:module && npm run build:copy-files",
+    "build:ds:module": "npm run build:ds:tsc && cp tailwind.config.js dist/ && npm run build:ds:bundle -- --format=cjs --out-extension:.js=.cjs && npm run build:ds:bundle -- --format=esm --out-extension:.js=.mjs",
+    "build:ds:bundle": "node tools/esbuild.js",
+    "build:ds:icons": "node tools/svgIconsToDistModules.js",
+    "build:ds:tsc": "tsc --project tsconfig.module.json && tsc-alias --project tsconfig.module.json",
+    "build:tailwind": "postcss src/main.css -o dist/styles.css",
+    "build:tailwind:json": "NODE_PATH=./ node tools/resolveTailwindConfig.js > tailwind.theme.json",
+    "build:ds:style-dictionary": "npm run build:tailwind:sass && npm run build:tailwind:sass:timescale",
+    "build:tailwind:sass": "NODE_PATH=./ style-dictionary build --config ./style-dictionary.config.js",
+    "build:tailwind:sass:timescale": "THEME=timescale NODE_PATH=./ style-dictionary build --config ./style-dictionary.config.js",
+    "build:tailwind:timescale": "THEME=timescale postcss src/main.css -o dist/styles_timescaledb.css",
+    "build:copy-files": "echo 'Copying files that are not included by TS' && cp tailwind.theme.json dist/ && mkdir -p dist/src/js/ && cp src/js/resolveTheme.d.ts dist/src/js/",
+    "clean": "rm -rf .cache dist/",
+    "verify-declaration-file-exists": "[ -e \"./dist/src/system.d.ts\" ] && echo \"Declaration file was generated\" || (echo \"Error: declaration file wasn't generated\"; false)"
+  },
+  "author": "",
+  "license": "Apache-2.0",
+  "devDependencies": {
+    "@aitodotai/json-stringify-pretty-compact": "^1.3.0",
+    "@aivenio/eslint-config-aiven": "^1.3.0",
+    "@babel/core": "^7.13.10",
+    "@iconify/tools": "^2.0.14",
+    "@storybook/addon-a11y": "^6.5.13",
+    "@storybook/addon-essentials": "^6.5.13",
+    "@storybook/addon-links": "^6.5.13",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/addon-toolbars": "^6.5.13",
+    "@storybook/addons": "^6.5.13",
+    "@storybook/builder-webpack5": "^6.5.13",
+    "@storybook/manager-webpack5": "^6.5.13",
+    "@storybook/preset-typescript": "^3.0.0",
+    "@storybook/react": "^6.5.13",
+    "@testing-library/dom": "^8.19.0",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/common-tags": "^1.8.0",
+    "@types/convict": "^6.0.1",
+    "@types/jest": "^29.2.2",
+    "@types/lodash": "^4.14.168",
+    "@types/react-dom": "^17.0.3",
+    "@types/tailwindcss": "^3.0.11",
+    "@typescript-eslint/eslint-plugin": "^4.18.0",
+    "@typescript-eslint/parser": "^4.18.0",
+    "@zerollup/ts-transform-paths": "^1.7.18",
+    "arg": "^5.0.0",
+    "autoprefixer": "^10.3.2",
+    "chalk": "^4.1.0",
+    "common-tags": "^1.8.0",
+    "convict": "^6.0.1",
+    "css-loader": "^5.1.3",
+    "css-minimizer-webpack-plugin": "^1.2.0",
+    "cssnano": "^4.1.10",
+    "esbuild": "^0.15.8",
+    "eslint": "^7.22.0",
+    "eslint-config-prettier": "^8.4.0",
+    "eslint-plugin-design-system": "file:contrib/dev/eslint",
+    "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.29.0",
+    "eslint-plugin-sonarjs": "^0.12.0",
+    "eslint-plugin-unused-imports": "^1.1.1",
+    "figma-js": "^1.15.0",
+    "fp-ts": "^2.9.5",
+    "fp-ts-contrib": "^0.1.21",
+    "jest": "^29.3.1",
+    "jest-environment-jsdom": "^29.3.1",
+    "lodash": "^4.17.21",
+    "log-watcher-webpack-plugin": "^1.0.4",
+    "mini-css-extract-plugin": "^1.3.9",
+    "open": "^8.0.5",
+    "postcss": "^8.3.6",
+    "postcss-cli": "^8.3.1",
+    "postcss-import": "^14.0.2",
+    "postcss-preset-env": "^6.7.0",
+    "postcss-reporter": "^7.0.5",
+    "postcss-ts-classnames": "^0.3.0",
+    "prettier": "^2.2.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "style-dictionary": "^3.7.0",
+    "tailwindcss": "^3.1.4",
+    "tailwindcss-children": "^2.1.0",
+    "ts-jest": "^29.0.3",
+    "ts-loader": "^8.3.0",
+    "ts-node": "^10.9.1",
+    "tsc-alias": "^1.7.0",
+    "typescript": "^4.8.4",
+    "webpack": "^5.73.0",
+    "webpack-bundle-analyzer": "^4.5.0",
+    "webpack-cli": "^4.10.0",
+    "yaml": "^2.1.1"
+  },
+  "dependencies": {
+    "@iconify/react": "^3.1.4",
+    "@iconify/types": "^1.0.12",
+    "@popperjs/core": "^2.11.5",
+    "classnames": "^2.3.1",
+    "downshift": "^7.0.1",
+    "match-sorter": "^6.3.1",
+    "react-aria": "^3.20.0",
+    "react-popper": "^2.3.0",
+    "react-stately": "^3.18.0"
+  },
+  "peerDependencies": {
+    "lodash": "4.x",
+    "react": "16.x || 17.x",
+    "react-dom": "16.x || 17.x"
+  },
+  "browserslist": [
+    "defaults"
+  ],
+  "resolutions": {
+    "webpack": "^5"
+  }
+}