@rocket.chat/fuselage 0.88.0 → 0.90.0

package/dist/index.d.ts

@@ -3,6 +3,4 @@ export * from './components';
 export * from './styleTokens';
 export * from './contexts';
 export { Palette, __setThrowErrorOnInvalidToken__, Var } from './Theme';
-export { useArrayLikeClassNameProp } from './hooks/useArrayLikeClassNameProp';
-export type { Falsy } from './types/Falsy';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,EAAE,+BAA+B,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,YAAY,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,EAAE,+BAA+B,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC"}

package/dist/styleTokens.d.ts

@@ -1,17 +1,20 @@
-export declare const borderWidth: import("@rocket.chat/memo").MemoizedFunction<unknown, unknown, string | undefined>;
-export declare const borderRadius: import("@rocket.chat/memo").MemoizedFunction<unknown, unknown, string | undefined>;
-export declare const strokeColor: import("@rocket.chat/memo").MemoizedFunction<unknown, unknown, string | undefined>;
-export declare const backgroundColor: import("@rocket.chat/memo").MemoizedFunction<unknown, unknown, string | undefined>;
-export declare const fontColor: import("@rocket.chat/memo").MemoizedFunction<unknown, unknown, string | undefined>;
+import tokenBorder from '@rocket.chat/fuselage-tokens/dist/border.json';
+export type BorderWidth = keyof typeof tokenBorder.width;
+export type BorderRadius = keyof typeof tokenBorder.radius;
+export declare const borderWidth: (value: unknown) => string | undefined;
+export declare const borderRadius: (value: unknown) => string | undefined;
+export declare const strokeColor: (this: unknown, arg: unknown) => string | undefined;
+export declare const backgroundColor: (this: unknown, arg: unknown) => string | undefined;
+export declare const fontColor: (this: unknown, arg: unknown) => string | undefined;
 /** @deprecated **/
-export declare const color: import("@rocket.chat/memo").MemoizedFunction<unknown, unknown, string | undefined>;
-export declare const size: import("@rocket.chat/memo").MemoizedFunction<unknown, unknown, string | undefined>;
-export declare const spacing: import("@rocket.chat/memo").MemoizedFunction<unknown, unknown, string | undefined>;
-export declare const fontFamily: import("@rocket.chat/memo").MemoizedFunction<unknown, unknown, string | undefined>;
-export declare const fontScale: import("@rocket.chat/memo").MemoizedFunction<unknown, unknown, {
+export declare const color: (this: unknown, arg: unknown) => string | undefined;
+export declare const size: (this: unknown, arg: unknown) => string | undefined;
+export declare const spacing: (this: unknown, arg: unknown) => string | undefined;
+export declare const fontFamily: (this: unknown, arg: unknown) => string | undefined;
+export declare const fontScale: (this: unknown, arg: unknown) => {
     fontSize: string;
     fontWeight: number;
     lineHeight: string;
     letterSpacing: string;
-} | undefined>;
+} | undefined;
 //# sourceMappingURL=styleTokens.d.ts.map

package/dist/styleTokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styleTokens.d.ts","sourceRoot":"","sources":["../src/styleTokens.ts"],"names":[],"mappings":"AAwDA,eAAO,MAAM,WAAW,oFAMtB,CAAC;AAEH,eAAO,MAAM,YAAY,oFAMvB,CAAC;AAgCH,eAAO,MAAM,WAAW,oFAMtB,CAAC;AAEH,eAAO,MAAM,eAAe,oFA8B1B,CAAC;AAEH,eAAO,MAAM,SAAS,oFASpB,CAAC;AAEH,mBAAmB;AACnB,eAAO,MAAM,KAAK,oFAsEhB,CAAC;AAEH,eAAO,MAAM,IAAI,oFAkBf,CAAC;AAEH,eAAO,MAAM,OAAO,oFAMlB,CAAC;AAOH,eAAO,MAAM,UAAU,oFAUrB,CAAC;AAOH,eAAO,MAAM,SAAS;cAKJ,MAAM;gBACJ,MAAM;gBACN,MAAM;mBACH,MAAM;cAiB5B,CAAC"}
+{"version":3,"file":"styleTokens.d.ts","sourceRoot":"","sources":["../src/styleTokens.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,+CAA+C,CAAC;AA4BxE,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,WAAW,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,WAAW,CAAC,MAAM,CAAC;AA8B3D,eAAO,MAAM,WAAW,GAAI,OAAO,OAAO,uBAMzC,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,OAAO,uBAM1C,CAAC;AAgCF,eAAO,MAAM,WAAW,qDAMtB,CAAC;AAEH,eAAO,MAAM,eAAe,qDA8B1B,CAAC;AAEH,eAAO,MAAM,SAAS,qDASpB,CAAC;AAEH,mBAAmB;AACnB,eAAO,MAAM,KAAK,qDAsEhB,CAAC;AAEH,eAAO,MAAM,IAAI,qDAkBf,CAAC;AAEH,eAAO,MAAM,OAAO,qDAMlB,CAAC;AAOH,eAAO,MAAM,UAAU,qDAUrB,CAAC;AAOH,eAAO,MAAM,SAAS;cAKJ,MAAM;gBACJ,MAAM;gBACN,MAAM;mBACH,MAAM;aAiB5B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/fuselage",
-  "version": "0.88.0",
+  "version": "0.90.0",
   "description": "Rocket.Chat's React Components Library",
   "homepage": "https://github.com/RocketChat/fuselage#readme",
   "bugs": {
@@ -25,12 +25,12 @@
   "scripts": {
     "visual-regression": "visual-regression",
     "visual-regression-update": "visual-regression --update-snapshots",
-    "start": "webpack --watch --mode development",
+    "start": "vite build --watch --mode development",
     "storybook": "storybook dev -p 6006 --no-version-updates",
     "build": "run .:build:clean && run .:build:dev && run .:build:prod && run .:build:dts && run .:build:api",
     ".:build:clean": "rimraf dist",
-    ".:build:prod": "webpack --mode production",
-    ".:build:dev": "webpack --mode development",
+    ".:build:prod": "vite build --mode production",
+    ".:build:dev": "vite build --mode development",
     ".:build:dts": "tsc -p tsconfig.build.json --emitDeclarationOnly",
     ".:build:api": "api-extractor run --local",
     "lint": "lint",
@@ -42,8 +42,8 @@
   },
   "dependencies": {
     "@rocket.chat/css-in-js": "^0.33.1",
-    "@rocket.chat/fuselage-tokens": "^0.34.0",
-    "@rocket.chat/memo": "^0.31.25",
+    "@rocket.chat/fuselage-tokens": "^0.35.0",
+    "@rocket.chat/memo": "~0.31.25",
     "invariant": "^2.2.4",
     "react-aria": "~3.37.0",
     "react-is": "~19.2.8",
@@ -51,14 +51,9 @@
     "react-stately": "~3.35.0"
   },
   "devDependencies": {
-    "@babel/core": "~7.29.7",
-    "@babel/plugin-transform-runtime": "~7.29.7",
-    "@babel/preset-env": "~7.29.7",
-    "@babel/preset-react": "~7.29.7",
-    "@babel/preset-typescript": "~7.29.7",
     "@microsoft/api-extractor": "~7.58.12",
     "@rocket.chat/fuselage-hooks": "^0.43.1",
-    "@rocket.chat/icons": "^0.49.0",
+    "@rocket.chat/icons": "^0.50.0",
     "@rocket.chat/storybook-dark-mode": "^4.2.1",
     "@rocket.chat/visual-regression": "^0.0.1",
     "@storybook/addon-a11y": "~9.1.20",
@@ -77,22 +72,17 @@
     "@types/react-dom": "~19.2.3",
     "@types/react-is": "^19.2.0",
     "autoprefixer": "~10.5.4",
-    "babel-loader": "~10.1.1",
     "caniuse-lite": "~1.0.30001806",
-    "css-loader": "~7.1.4",
     "cssnano": "~8.0.2",
     "eslint": "~10.8.0",
     "jest": "~30.4.2",
     "jest-axe": "~10.0.0",
     "jest-environment-jsdom": "~30.4.1",
     "lint-all": "^0.31.25",
-    "mini-css-extract-plugin": "~2.10.2",
     "normalize.css": "^8.0.1",
     "path-browserify": "^1.0.1",
-    "postcss": "~8.5.23",
-    "postcss-dir-pseudo-class": "~10.0.0",
+    "postcss": "~8.5.28",
     "postcss-loader": "~8.2.1",
-    "postcss-logical": "~9.0.0",
     "postcss-scss": "~4.0.9",
     "prettier": "~3.6.2",
     "react": "~19.2.8",
@@ -103,18 +93,14 @@
     "sass": "~1.102.0",
     "sass-loader": "~17.0.0",
     "storybook": "~9.1.20",
-    "style-loader": "~4.0.0",
     "stylelint": "~17.14.1",
     "stylelint-order": "~8.1.1",
     "stylelint-prettier": "~5.0.3",
     "stylelint-scss": "~7.2.0",
     "testing-utils": "^0.31.25",
     "ts-jest": "~29.4.12",
-    "ts-loader": "~9.6.2",
     "typescript": "~5.9.3",
-    "webpack": "~5.109.0",
-    "webpack-cli": "~7.2.1",
-    "wrapper-webpack-plugin": "~2.2.2"
+    "vite": "~8.2.2"
   },
   "peerDependencies": {
     "@rocket.chat/fuselage-hooks": "*",

package/dist/components/Card/CardDivider.d.ts

@@ -1,3 +0,0 @@
-declare const CardDivider: () => import("react").JSX.Element;
-export default CardDivider;
-//# sourceMappingURL=CardDivider.d.ts.map

package/dist/components/Card/CardDivider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardDivider.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CardDivider.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW,mCAOhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/PaletteStyleTag/helpers/isHexColor.d.ts

@@ -1,2 +0,0 @@
-export declare const isHexColor: (hex: string) => boolean;
-//# sourceMappingURL=isHexColor.d.ts.map

package/dist/components/PaletteStyleTag/helpers/isHexColor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"isHexColor.d.ts","sourceRoot":"","sources":["../../../../src/components/PaletteStyleTag/helpers/isHexColor.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,KAAG,OACkC,CAAC"}

package/dist/components/PaletteStyleTag/helpers/isLightColor.d.ts

@@ -1,2 +0,0 @@
-export declare const isLightColor: (color: string) => boolean;
-//# sourceMappingURL=isLightColor.d.ts.map

package/dist/components/PaletteStyleTag/helpers/isLightColor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"isLightColor.d.ts","sourceRoot":"","sources":["../../../../src/components/PaletteStyleTag/helpers/isLightColor.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,KAAG,OAO5C,CAAC"}