@ama-pt/agora-design-system 3.1.0 → 3.3.0

package/artifacts/dist/types/components/toggle-group/toggle-group.d.ts

@@ -1,7 +1,7 @@
-import { ComponentProps, FC, ReactElement, Ref } from 'react';
+import React, { ComponentProps, FC, ReactElement, Ref } from 'react';
 import { ToggleAppearance, ToggleProps, ToggleVariant } from '../../components/toggle';
 import { BooleanProp } from '../../models';
-import './toggle-group.scss';
+import './toggle-group.css';
 export type ToggleGroupOrientation = 'horizontal' | 'vertical';
 export interface ToggleGroupElement extends HTMLDivElement {
     /**
@@ -55,5 +55,6 @@ export interface ToggleGroupProps extends Omit<ComponentProps<'div'>, 'onChange'
      */
     ref?: Ref<ToggleGroupElement>;
 }
+export declare const useHandlerOrientationChange: (ignoreHandlerOrientation: boolean, innerRef: React.RefObject<HTMLDivElement | null>, orientationState: ToggleGroupOrientation, setOrientationState: React.Dispatch<React.SetStateAction<ToggleGroupOrientation>>, componentWidth: number, setComponentWidth: React.Dispatch<React.SetStateAction<number>>) => void;
 declare const ToggleGroup: FC<ToggleGroupProps>;
 export { ToggleGroup };

package/artifacts/dist/types/components/tooltip/tooltip.d.ts

@@ -1,6 +1,6 @@
 import { FC, HtmlHTMLAttributes, ReactNode } from 'react';
 import { BooleanProp } from '../../models';
-import './tooltip.scss';
+import './tooltip.css';
 /**
  * The available variants of the Tooltip. This variants will define the background of the Tooltip.
  */

package/artifacts/dist/types/components/uploader/button-uploader/button-uploader.d.ts

@@ -1,6 +1,6 @@
 import { BooleanProp, FeedbackState } from '../../../models';
 import { ComponentProps, FC, ReactNode } from 'react';
-import './button-uploader.scss';
+import './button-uploader.css';
 export interface ButtonUploaderElement extends HTMLInputElement {
     input: HTMLInputElement | null;
     reset: () => void;

package/artifacts/dist/types/components/uploader/drag-and-drop-uploader/drag-and-drop-uploader.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp, FeedbackState } from '../../../models';
-import './drag-and-drop-uploader.scss';
+import './drag-and-drop-uploader.css';
 export interface DragAndDropUploaderProps extends ComponentProps<'input'> {
     /**
      * Label for the drag and drop file uploader.

package/artifacts/dist/types/components/uploader/shared/file-list.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, FC } from 'react';
-import './file-list.scss';
+import './file-list.css';
 export interface FileListProps extends ComponentPropsWithoutRef<'div'> {
     files: File[];
     removeFileButtonLabel: string;

package/artifacts/dist/types/configs/tailwind-config.d.ts

@@ -1,3 +1,4 @@
+import { PluginAPI } from 'tailwindcss/types/config';
 declare const AgoraTailwindConfig: {
     content: never[];
     theme: {
@@ -373,7 +374,7 @@ declare const AgoraTailwindConfig: {
             };
         };
     };
-    plugins: (({ addComponents }: any) => void)[];
+    plugins: (({ addComponents }: PluginAPI) => void)[];
     safelist: {
         pattern: RegExp;
         variants: string[];

package/artifacts/dist/types/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export { useWindowSize } from './use-window-size';
 export { useBreakpointScreenValues } from './use-breakpoints-to-number';
+export { useClientOrServerEffect } from './use-client-or-server-effect';

package/artifacts/dist/types/hooks/use-client-or-server-effect.d.ts

@@ -0,0 +1,3 @@
+import { useEffect } from 'react';
+declare const useClientOrServerEffect: typeof useEffect;
+export { useClientOrServerEffect };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ama-pt/agora-design-system",
   "description": "Ágora Design system",
-  "version": "3.1.0",
+  "version": "3.3.0",
   "main": "artifacts/dist/index.mjs",
   "module": "artifacts/dist/index.umd.js",
   "files": [
@@ -15,15 +15,14 @@
     "build-storybook": "gulp && storybook build -o ./artifacts/storybook-static",
     "lint": "eslint src --ext .ts,.tsx",
     "lint:fix": "eslint src --fix --ext .ts,.tsx",
-    "format": "prettier --write \"./**/*.{js,jsx,ts,tsx,css,scss,mdx,md,json}\" --config \"./.prettierrc\"",
+    "format": "prettier --write \"./**/*.{js,jsx,ts,tsx,css,mdx,md,json}\" --config \"./.prettierrc\"",
     "playwright-tests": "npm install playwright && playwright install && playwright test",
     "jest-tests": "jest --coverage",
     "jest-tests-no-coverage": "jest --coverage=false",
-    "build": "vite build && tailwindcss -i ./src/styles/globals.css -o ./artifacts/dist/tailwind.css && gulp bundle && tsc --project tsconfig-build.json && tsc-alias -p tsconfig-build.json"
+    "build": "vite build && tailwindcss -i ./src/styles/globals.css -o ./artifacts/dist/tailwind.css && tsc --project tsconfig-build.json && tsc-alias -p tsconfig-build.json"
   },
   "dependencies": {
-    "classnames": "^2.5.1",
-    "sass": "^1.89.2"
+    "classnames": "^2.5.1"
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.10.2",
@@ -33,21 +32,12 @@
     "@babel/preset-typescript": "^7.27.1",
     "@mdx-js/react": "^3.1.0",
     "@playwright/test": "^1.53.1",
-    "@storybook/addon-a11y": "^8.6.14",
-    "@storybook/addon-actions": "^8.6.14",
-    "@storybook/addon-docs": "^8.6.14",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-interactions": "^8.6.14",
-    "@storybook/addon-links": "^8.6.14",
-    "@storybook/addon-storysource": "^8.6.14",
-    "@storybook/blocks": "^8.6.14",
+    "@storybook/addon-a11y": "^9.1.2",
+    "@storybook/addon-docs": "^9.1.2",
+    "@storybook/addon-links": "^9.1.2",
     "@storybook/mdx2-csf": "^1.1.0",
-    "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-vite": "^8.6.14",
-    "@storybook/test": "^8.6.14",
-    "@storybook/theming": "^8.6.14",
-    "@storybook/types": "^8.6.14",
+    "@storybook/react": "^9.1.2",
+    "@storybook/react-vite": "^9.1.2",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
@@ -74,11 +64,9 @@
     "eslint-plugin-prettier": "^5.5.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-storybook": "^0.12.0",
+    "eslint-plugin-storybook": "^9.1.2",
     "glob": "^11.0.3",
     "gulp": "^5.0.1",
-    "gulp-clean-css": "^4.3.0",
-    "gulp-concat": "^2.6.1",
     "gulp-file": "^0.4.0",
     "gulp-minify": "^3.1.0",
     "identity-obj-proxy": "^3.0.0",
@@ -92,7 +80,7 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-syntax-highlighter": "^15.6.1",
-    "storybook": "^8.6.14",
+    "storybook": "^9.1.2",
     "tailwindcss": "^3.4.17",
     "ts-dedent": "^2.2.0",
     "ts-jest": "^29.4.0",

package/artifacts/dist/types/components/cards/card-links/card-links-style.d.ts

@@ -1,9 +0,0 @@
-import { CardLinksStyles } from './card-links';
-type CardLinksStylesBody = {
-    backgroundColor: string;
-    textColor?: string;
-    borderColor?: string;
-};
-export type CardLinksStylesMap = Record<CardLinksStyles, CardLinksStylesBody>;
-export declare const cardLinksStylesMap: CardLinksStylesMap;
-export {};