@aivenio/aquarium 4.9.0 → 5.0.0

package/dist/types/designTokens.d.ts

@@ -15,7 +15,7 @@ export type TypographyCSSStyles = {
     letterSpacing: number;
     textTransform: TypographyTextTransform;
 };
-export type TypographyName = 'large-heading' | 'heading' | 'subheading' | 'large-strong' | 'large' | 'default-strong' | 'default' | 'small-strong' | 'small' | 'caption' | 'code' | 'code-strong' | 'code-small' | 'code-small-strong' | '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 type TypographyName = 'large-heading' | 'heading' | 'subheading' | 'large-strong' | 'large' | 'default-strong' | 'default' | 'small-strong' | 'small' | 'caption' | 'code' | 'code-strong' | 'code-small' | 'code-small-strong';
 export interface TypographySize {
     name: TypographyName;
     className: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aivenio/aquarium",
-  "version": "4.9.0",
+  "version": "5.0.0",
   "description": "Aiven Aquarium design system",
   "main": "dist/system.cjs",
   "module": "dist/system.mjs",
@@ -81,7 +81,7 @@
     "build:ds:bundle": "node tools/esbuild.mjs",
     "build:ds:icons": "node tools/svgIconsToDistModules.mjs",
     "build:ds:tsc": "tsc --project tsconfig.module.json && tsc-alias --project tsconfig.module.json",
-    "build:style-dictionary": "style-dictionary build --config ./style-dictionary.config.js",
+    "build:style-dictionary": "style-dictionary build --config ./style-dictionary.config.mjs",
     "build:tailwind": "postcss src/main.css -o dist/styles.css && npm run build:tailwind:json",
     "build:tailwind:json": "node tools/resolveTailwindConfig.mjs > tailwind.theme.json",
     "build:copy-files": "echo 'Copying files that are not included by TS' && cp src/tokens/* dist/ && cp tailwind.theme.json dist/",
@@ -165,8 +165,8 @@
     "react-dom": "^19.1.0",
     "storybook": "^8.6.12",
     "storybook-dark-mode": "^4.0.2",
-    "style-dictionary": "^3.9.2",
-    "style-dictionary-utils": "^2.4.1",
+    "style-dictionary": "^5.1.1",
+    "style-dictionary-utils": "^6.0.1",
     "tailwindcss": "^3.4.17",
     "tailwindcss-children": "^2.1.0",
     "tailwindcss-react-aria-components": "^1.2.0",

package/dist/src/molecules/ChoiceChip/ChoiceChip.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-export type ChoiceChipProps = {
-    /**
-     * Texttual content for the choice chip.
-     */
-    text: string;
-    /**
-     * If true, dense version of the component will be rendered.
-     */
-    dense?: boolean;
-    /**
-     * Optional selection value. If provided, it will be used instead of the internal state.
-     */
-    value?: boolean;
-    /**
-     * Optional default value for component.
-     */
-    defaultValue?: boolean;
-    /**
-     * onChange() callback will be called when choice chip value updates.
-     */
-    onChange?: (val: boolean) => void;
-};
-export declare const ChoiceChip: React.FC<ChoiceChipProps>;

package/dist/src/molecules/ChoiceChip/ChoiceChip.js

@@ -1,34 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { useState } from 'react';
-import { clsx } from 'clsx';
-export const ChoiceChip = (_a) => {
-    var _b;
-    var { text, dense, defaultValue, value, onChange } = _a, rest = __rest(_a, ["text", "dense", "defaultValue", "value", "onChange"]);
-    const [prevValue, setPrevValue] = useState(value !== null && value !== void 0 ? value : defaultValue);
-    const [selected, setSelected] = useState((_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : false);
-    if (value !== prevValue) {
-        setSelected(value !== null && value !== void 0 ? value : false);
-        setPrevValue(value);
-    }
-    const handleClick = () => {
-        setSelected(!selected);
-        onChange === null || onChange === void 0 ? void 0 : onChange(!selected);
-    };
-    return (React.createElement("span", Object.assign({ role: "button", "aria-pressed": selected }, rest, { className: clsx('Aquarium-ChoiceChip', 'inline-flex items-center border rounded-sm transition whitespace-nowrap cursor-pointer', {
-            'bg-body border-default text-default': !selected,
-            'bg-muted border-intense text-intense': selected,
-            'typography-small py-2 px-3 gap-x-3': !dense,
-            'typography-caption py-1 px-2 gap-x-2': Boolean(dense),
-        }), onClick: handleClick }), text));
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hvaWNlQ2hpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2hvaWNlQ2hpcC9DaG9pY2VDaGlwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3hDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxNQUFNLENBQUM7QUE2QjVCLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBOEIsQ0FBQyxFQUF1RCxFQUFFLEVBQUU7O1FBQTNELEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLFFBQVEsT0FBVyxFQUFOLElBQUksY0FBckQsc0RBQXVELENBQUY7SUFDekcsTUFBTSxDQUFDLFNBQVMsRUFBRSxZQUFZLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksWUFBWSxDQUFDLENBQUM7SUFDbEUsTUFBTSxDQUFDLFFBQVEsRUFBRSxXQUFXLENBQUMsR0FBRyxRQUFRLENBQUMsTUFBQSxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxZQUFZLG1DQUFJLEtBQUssQ0FBQyxDQUFDO0lBRXpFLElBQUksS0FBSyxLQUFLLFNBQVMsRUFBRSxDQUFDO1FBQ3hCLFdBQVcsQ0FBQyxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxLQUFLLENBQUMsQ0FBQztRQUM1QixZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdEIsQ0FBQztJQUVELE1BQU0sV0FBVyxHQUFHLEdBQUcsRUFBRTtRQUN2QixXQUFXLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN2QixRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN4QixDQUFDLENBQUM7SUFFRixPQUFPLENBQ0wsNENBQ0UsSUFBSSxFQUFDLFFBQVEsa0JBQ0MsUUFBUSxJQUNsQixJQUFJLElBQ1IsU0FBUyxFQUFFLElBQUksQ0FDYixxQkFBcUIsRUFDckIsd0ZBQXdGLEVBQ3hGO1lBQ0UscUNBQXFDLEVBQUUsQ0FBQyxRQUFRO1lBQ2hELHNDQUFzQyxFQUFFLFFBQVE7WUFDaEQsb0NBQW9DLEVBQUUsQ0FBQyxLQUFLO1lBQzVDLHNDQUFzQyxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUM7U0FDdkQsQ0FDRixFQUNELE9BQU8sRUFBRSxXQUFXLEtBRW5CLElBQUksQ0FDQSxDQUNSLENBQUM7QUFDSixDQUFDLENBQUMifQ==