@rocket.chat/fuselage 0.32.0-dev.99 → 0.32.0

package/CHANGELOG.md

@@ -1,5 +1,49 @@
 # Change Log
 
+## 0.32.0
+
+### Minor Changes
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - fix(fuselage): Field deprecation message
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - chore(fuselage): Button size
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - fix(fuselage): OptionInput margins and alignment
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - fix(fuselage): AudioPlayer: Infinity duration audio files crashing
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - fix(fuselage): css theme
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - fix(fuselage): MessageReactionAction icon size
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - fix(fuselage): prevent button-disabled click animation
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - fix(fuselage): IconButton with badge click-animation
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - chore(fuselage): change FieldLabel typography
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - fix(fuselage): Remove unnecessary aria-label fallback in `IconButton
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - chore(fuselage): ToggleSwitch best practices adjustments
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - chore(fuselage): Modal a11y improvements
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - chore(fuselage): Table background-color
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - chore(fuselage): color a11y report changes
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - chore(fuselage): button click animation
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - chore(fuselage): Checkbox best practices adjustments
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - chore(fuselage): Fix Accordion a11y
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - chore(fuselage): Avatar a11y improvements
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - chore(fuselage): Prop to keep MessageToolbox visible.
+
+- [`a04f9089d`](https://github.com/RocketChat/fuselage/commit/a04f9089d19ba32d2b2e80738d2d5f4dac0d3e0c) Thanks [@dougfabris](https://github.com/dougfabris)! - chore(fuselage): Field & Label best practices adjustments
+
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 

package/README.md

@@ -8,11 +8,13 @@
 
 # `@rocket.chat/fuselage`
 
+> Rocket.Chat's React Components Library
+
 ---
 
-[![npm@latest](https://img.shields.io/npm/v/@rocket.chat/fuselage/latest?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/icons/v/latest) [![npm@next](https://img.shields.io/npm/v/@rocket.chat/fuselage/next?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/icons/v/next) ![react version](https://img.shields.io/npm/dependency-version/@rocket.chat/fuselage/peer/react?style=flat-square) [![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@master/badge/badge-storybook.svg)](https://rocketchat.github.io/Rocket.Chat.Fuselage/fuselage) ![npm downloads](https://img.shields.io/npm/dw/@rocket.chat/fuselage?style=flat-square) ![License: MIT](https://img.shields.io/npm/l/@rocket.chat/fuselage?style=flat-square)
+[![npm@latest](https://img.shields.io/npm/v/@rocket.chat/fuselage/latest?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/fuselage/v/latest) [![npm@next](https://img.shields.io/npm/v/@rocket.chat/fuselage/next?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/fuselage/v/next) ![react version](https://img.shields.io/npm/dependency-version/@rocket.chat/fuselage/peer/react?style=flat-square) [![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@master/badge/badge-storybook.svg)](https://rocketchat.github.io/fuselage/fuselage) ![npm downloads](https://img.shields.io/npm/dw/@rocket.chat/fuselage?style=flat-square) ![License: MIT](https://img.shields.io/npm/l/@rocket.chat/fuselage?style=flat-square)
 
-![deps](https://img.shields.io/david/RocketChat/fuselage?path=packages%2Ffuselage&style=flat-square) ![peer deps](https://img.shields.io/david/peer/RocketChat/fuselage?path=packages%2Ffuselage&style=flat-square) ![dev deps](https://img.shields.io/david/dev/RocketChat/fuselage?path=packages%2Ffuselage&style=flat-square) ![npm bundle size](https://img.shields.io/bundlephobia/min/@rocket.chat/fuselage?style=flat-square)
+![deps](https://img.shields.io/librariesio/release/npm/@rocket.chat/fuselage?style=flat-square) ![npm bundle size](https://img.shields.io/bundlephobia/min/@rocket.chat/fuselage?style=flat-square)
 
 <!--/header-->
 
@@ -110,3 +112,18 @@ yarn storybook
 ```
 
 <!--/yarn(storybook)-->
+
+### Usage
+
+Note: If you are using Next.js for development and wish to use Rocket.Chat Fuselage components, you need to dynamically import the component. More on this can be found [here](https://dev.to/vvo/how-to-solve-window-is-not-defined-errors-in-react-and-next-js-5f97#3-third-solution-dynamic-loading).
+
+Usage Example:
+
+```javascript
+import dynamic from 'next/dynamic';
+
+export const TextInput = dynamic(
+  () => import('@rocket.chat/fuselage').then((module) => module.TextInput),
+  { ssr: false }
+);
+```

package/dist/Theme.d.ts

@@ -0,0 +1,175 @@
+export declare class Var {
+    private name;
+    private value;
+    constructor(name: string, value: string);
+    toString(): string;
+    theme(name: string): Var;
+}
+export declare let throwErrorOnInvalidToken: boolean;
+export declare const __setThrowErrorOnInvalidToken__: (value: boolean) => void;
+export declare const neutral: {
+    n100: Var;
+    n200: Var;
+    n250: Var;
+    n300: Var;
+    n400: Var;
+    n450: Var;
+    n500: Var;
+    n600: Var;
+    n700: Var;
+    n800: Var;
+    n850: Var;
+    n900: Var;
+};
+export declare const surfaceColors: {
+    'surface-light': Var;
+    'surface-tint': Var;
+    'surface-room': Var;
+    'surface-neutral': Var;
+    'surface-disabled': Var;
+    'surface-hover': Var;
+    'surface-selected': Var;
+    'surface-dark': Var;
+    'surface-featured': Var;
+    'surface-featured-hover': Var;
+    'surface-overlay': Var;
+    'surface-transparent': string;
+};
+export declare const strokeColors: {
+    'stroke-extra-light': Var;
+    'stroke-light': Var;
+    'stroke-medium': Var;
+    'stroke-dark': Var;
+    'stroke-extra-dark': Var;
+    'stroke-extra-light-highlight': Var;
+    'stroke-highlight': Var;
+    'stroke-extra-light-error': Var;
+    'stroke-error': Var;
+};
+export declare const textIconColors: {
+    'font-white': Var;
+    'font-disabled': Var;
+    'font-annotation': Var;
+    'font-hint': Var;
+    'font-secondary-info': Var;
+    'font-default': Var;
+    'font-titles-labels': Var;
+    'font-info': Var;
+    'font-danger': Var;
+    'font-pure-black': Var;
+    'font-pure-white': Var;
+};
+export declare const statusBackgroundColors: {
+    'status-background-info': Var;
+    'status-background-success': Var;
+    'status-background-danger': Var;
+    'status-background-warning': Var;
+    'status-background-warning-2': Var;
+    'status-background-service-1': Var;
+    'status-background-service-2': Var;
+};
+export declare const statusColors: {
+    'status-font-on-info': Var;
+    'status-font-on-success': Var;
+    'status-font-on-warning': Var;
+    'status-font-on-warning-2': Var;
+    'status-font-on-danger': Var;
+    'status-font-on-service-1': Var;
+    'status-font-on-service-2': Var;
+};
+export declare const badgeBackgroundColors: {
+    'badge-background-level-0': Var;
+    'badge-background-level-1': Var;
+    'badge-background-level-2': Var;
+    'badge-background-level-3': Var;
+    'badge-background-level-4': Var;
+};
+export declare const shadowColors: {
+    'shadow-elevation-border': Var;
+    'shadow-elevation-1': Var;
+    'shadow-elevation-2x': Var;
+    'shadow-elevation-2y': Var;
+    'shadow-highlight': Var;
+    'shadow-danger': Var;
+};
+export declare const isSurfaceColor: (color: unknown) => color is "surface-light" | "surface-tint" | "surface-room" | "surface-neutral" | "surface-disabled" | "surface-hover" | "surface-selected" | "surface-dark" | "surface-featured" | "surface-featured-hover" | "surface-overlay" | "surface-transparent";
+export declare const isStrokeColor: (color: unknown) => color is "stroke-extra-light" | "stroke-light" | "stroke-medium" | "stroke-dark" | "stroke-extra-dark" | "stroke-extra-light-highlight" | "stroke-highlight" | "stroke-extra-light-error" | "stroke-error";
+export declare const isTextIconColor: (color: unknown) => color is "font-white" | "font-disabled" | "font-annotation" | "font-hint" | "font-secondary-info" | "font-default" | "font-titles-labels" | "font-info" | "font-danger" | "font-pure-black" | "font-pure-white";
+export declare const isBadgeColor: (color: unknown) => color is "badge-background-level-0" | "badge-background-level-1" | "badge-background-level-2" | "badge-background-level-3" | "badge-background-level-4";
+export declare const isStatusBackgroundColor: (color: unknown) => color is "status-background-info" | "status-background-success" | "status-background-danger" | "status-background-warning" | "status-background-warning-2" | "status-background-service-1" | "status-background-service-2";
+export declare const isStatusColor: (color: unknown) => color is "status-font-on-info" | "status-font-on-success" | "status-font-on-warning" | "status-font-on-warning-2" | "status-font-on-danger" | "status-font-on-service-1" | "status-font-on-service-2";
+export declare const isShadowColor: (color: unknown) => color is "shadow-elevation-border" | "shadow-elevation-1" | "shadow-elevation-2x" | "shadow-elevation-2y" | "shadow-highlight" | "shadow-danger";
+export declare const Palette: {
+    surface: {
+        'surface-light': Var;
+        'surface-tint': Var;
+        'surface-room': Var;
+        'surface-neutral': Var;
+        'surface-disabled': Var;
+        'surface-hover': Var;
+        'surface-selected': Var;
+        'surface-dark': Var;
+        'surface-featured': Var;
+        'surface-featured-hover': Var;
+        'surface-overlay': Var;
+        'surface-transparent': string;
+    };
+    status: {
+        'status-background-info': Var;
+        'status-background-success': Var;
+        'status-background-danger': Var;
+        'status-background-warning': Var;
+        'status-background-warning-2': Var;
+        'status-background-service-1': Var;
+        'status-background-service-2': Var;
+    };
+    statusColor: {
+        'status-font-on-info': Var;
+        'status-font-on-success': Var;
+        'status-font-on-warning': Var;
+        'status-font-on-warning-2': Var;
+        'status-font-on-danger': Var;
+        'status-font-on-service-1': Var;
+        'status-font-on-service-2': Var;
+    };
+    badge: {
+        'badge-background-level-0': Var;
+        'badge-background-level-1': Var;
+        'badge-background-level-2': Var;
+        'badge-background-level-3': Var;
+        'badge-background-level-4': Var;
+    };
+    text: {
+        'font-white': Var;
+        'font-disabled': Var;
+        'font-annotation': Var;
+        'font-hint': Var;
+        'font-secondary-info': Var;
+        'font-default': Var;
+        'font-titles-labels': Var;
+        'font-info': Var;
+        'font-danger': Var;
+        'font-pure-black': Var;
+        'font-pure-white': Var;
+    };
+    stroke: {
+        'stroke-extra-light': Var;
+        'stroke-light': Var;
+        'stroke-medium': Var;
+        'stroke-dark': Var;
+        'stroke-extra-dark': Var;
+        'stroke-extra-light-highlight': Var;
+        'stroke-highlight': Var;
+        'stroke-extra-light-error': Var;
+        'stroke-error': Var;
+    };
+    shadow: {
+        'shadow-elevation-border': Var;
+        'shadow-elevation-1': Var;
+        'shadow-elevation-2x': Var;
+        'shadow-elevation-2y': Var;
+        'shadow-highlight': Var;
+        'shadow-danger': Var;
+    };
+};
+//# sourceMappingURL=Theme.d.ts.map

package/dist/Theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../src/Theme.ts"],"names":[],"mappings":"AAKA,qBAAa,GAAG;IACd,OAAO,CAAC,IAAI,CAAS;IAErB,OAAO,CAAC,KAAK,CAAS;gBAEV,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAKvC,QAAQ;IAIR,KAAK,CAAC,IAAI,EAAE,MAAM;CAGnB;AAID,eAAO,IAAI,wBAAwB,SAAQ,CAAC;AAC5C,eAAO,MAAM,+BAA+B,UAAW,OAAO,SAE7D,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAanB,CAAC;AAyFF,eAAO,MAAM,aAAa;;;;;;;;;;;;;CAazB,CAAC;AAIF,eAAO,MAAM,YAAY;;;;;;;;;;CAYxB,CAAC;AAIF,eAAO,MAAM,cAAc;;;;;;;;;;;;CAY1B,CAAC;AAIF,eAAO,MAAM,sBAAsB;;;;;;;;CAclC,CAAC;AAIF,eAAO,MAAM,YAAY;;;;;;;;CAQxB,CAAC;AAIF,eAAO,MAAM,qBAAqB;;;;;;CAMjC,CAAC;AAIF,eAAO,MAAM,YAAY;;;;;;;CAkBxB,CAAC;AAIF,eAAO,MAAM,cAAc,UAAW,OAAO,4PACQ,CAAC;AAEtD,eAAO,MAAM,aAAa,UAAW,OAAO,+MACQ,CAAC;AAErD,eAAO,MAAM,eAAe,UAAW,OAAO,oNACQ,CAAC;AAEvD,eAAO,MAAM,YAAY,UAAW,OAAO,4JACkB,CAAC;AAE9D,eAAO,MAAM,uBAAuB,UAC3B,OAAO,+NAE8C,CAAC;AAE/D,eAAO,MAAM,aAAa,UAAW,OAAO,0MACQ,CAAC;AAErD,eAAO,MAAM,aAAa,UAAW,OAAO,qJACQ,CAAC;AAErD,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQnB,CAAC"}

package/dist/components/Accordion/Accordion.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentProps, ReactElement, ReactNode } from 'react';
 import React from 'react';
 import Box from '../Box';
-declare type AccordionProps = ComponentProps<typeof Box> & {
+type AccordionProps = ComponentProps<typeof Box> & {
     animated?: boolean;
     children: ReactNode;
 };

package/dist/components/Accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,GAAG,MAAM,QAAQ,CAAC;AAGzB,aAAK,cAAc,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CAAC,cAAc,CAAC,CAE7E;yBAFe,SAAS"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,GAAG,MAAM,QAAQ,CAAC;AAGzB,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CAAC,cAAc,CAAC,CAE7E;yBAFe,SAAS"}

package/dist/components/Accordion/AccordionItem.d.ts

@@ -1,5 +1,5 @@
 import type { FormEvent, KeyboardEvent, MouseEvent, ReactNode } from 'react';
-declare type AccordionItemProps = {
+type AccordionItemProps = {
     children?: ReactNode;
     className?: string;
     defaultExpanded?: boolean;

package/dist/components/Accordion/AccordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO7E,aAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;IACnD,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,aAAa,qJAYvB,kBAAkB,gBAoGpB,CAAC"}
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO7E,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;IACnD,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,aAAa,qJAYvB,kBAAkB,gBAoGpB,CAAC"}

package/dist/components/Accordion/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Accordion';
+export * from './AccordionItem';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Accordion/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC"}

package/dist/components/AnimatedVisibility/AnimatedVisibility.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-export declare type VisibilityType = 'hidden' | 'visible' | 'hiding' | 'unhiding' | undefined;
-declare type AnimatedVisibilityProps = {
+export type VisibilityType = 'hidden' | 'visible' | 'hiding' | 'unhiding' | undefined;
+type AnimatedVisibilityProps = {
     children: ReactNode;
     visibility?: VisibilityType;
 };

package/dist/components/AnimatedVisibility/AnimatedVisibility.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedVisibility.d.ts","sourceRoot":"","sources":["../../../src/components/AnimatedVisibility/AnimatedVisibility.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,oBAAY,cAAc,GACtB,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,UAAU,GACV,SAAS,CAAC;AAEd,aAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B,CAAC;AASF,QAAA,MAAM,kBAAkB,UAAW,uBAAuB,uBAkGzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"AnimatedVisibility.d.ts","sourceRoot":"","sources":["../../../src/components/AnimatedVisibility/AnimatedVisibility.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,MAAM,cAAc,GACtB,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,UAAU,GACV,SAAS,CAAC;AAEd,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B,CAAC;AASF,QAAA,MAAM,kBAAkB,UAAW,uBAAuB,uBAkGzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/AudioPlayer/AudioPlayer.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export declare const AudioPlayer: React.ForwardRefExoticComponent<{
+    src: string;
+    type?: string | undefined;
+    maxPlaybackSpeed?: number | undefined;
+    minPlaybackSpeed?: number | undefined;
+    playbackSpeedStep?: number | undefined;
+    download?: boolean | undefined;
+    playLabel?: string | undefined;
+    pauseLabel?: string | undefined;
+    audioPlaybackRangeLabel?: string | undefined;
+    changePlaybackSpeedLabel?: string | undefined;
+    downloadAudioFileLabel?: string | undefined;
+} & React.RefAttributes<HTMLAudioElement>>;
+//# sourceMappingURL=AudioPlayer.d.ts.map

package/dist/components/AudioPlayer/AudioPlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioPlayer.d.ts","sourceRoot":"","sources":["../../../src/components/AudioPlayer/AudioPlayer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAuD5D,eAAO,MAAM,WAAW;SAGf,MAAM;;;;;;;;;;;0CAsKd,CAAC"}

package/dist/components/AudioPlayer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AudioPlayer';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AudioPlayer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AudioPlayer/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/components/AutoComplete/AutoComplete.d.ts

@@ -1,22 +1,22 @@
-import type { ElementType, FC } from 'react';
-
+import type { ElementType, ReactElement } from 'react';
+type AutoCompleteOption = {
+    value: string;
+    label: unknown;
+};
 type AutoCompleteProps = {
-  value: unknown[];
-  filter: string;
-  setFilter?: (filter: string) => void;
-  options?: { label: string; value: unknown }[];
-  renderItem?: ElementType;
-  renderSelected?: ElementType;
-  onChange: (value: unknown, action: 'remove' | undefined) => void;
-  getLabel?: (option: { label: string; value: unknown }) => string;
-  getValue?: (option: { label: string; value: unknown }) => unknown;
-  renderEmpty?: ElementType;
-  placeholder?: string;
-  error?: boolean;
-  disabled?: boolean;
+    value?: string | string[];
+    filter: string;
+    setFilter?: (filter: string) => void;
+    options?: AutoCompleteOption[];
+    renderItem?: ElementType;
+    renderSelected?: ElementType;
+    onChange: (value: string | string[]) => void;
+    renderEmpty?: ElementType;
+    placeholder?: string;
+    error?: boolean;
+    disabled?: boolean;
+    multiple?: boolean;
 };
-
-/**
- * @deprecated in favor of Select and MultiSelect
- */
-export const AutoComplete: FC<AutoCompleteProps>;
+export declare function AutoComplete({ value, filter, setFilter, options, renderItem, renderSelected: RenderSelected, onChange, renderEmpty, placeholder, error, disabled, multiple, }: AutoCompleteProps): ReactElement;
+export {};
+//# sourceMappingURL=AutoComplete.d.ts.map

package/dist/components/AutoComplete/AutoComplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoComplete.d.ts","sourceRoot":"","sources":["../../../src/components/AutoComplete/AutoComplete.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAkB,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAgBvE,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAcF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,SAAS,EACT,OAAY,EACZ,UAAU,EACV,cAAc,EAAE,cAAc,EAC9B,QAAQ,EACR,WAAW,EACX,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,iBAAiB,GAAG,YAAY,CA0IlC"}

package/dist/components/Avatar/Avatar.d.ts

@@ -1,14 +1,16 @@
-import type { DetailedHTMLProps, HTMLAttributes } from 'react';
-export declare type AvatarProps = {
-    size?: 'x16' | 'x18' | 'x20' | 'x24' | 'x28' | 'x32' | 'x36' | 'x40' | 'x48' | 'x124' | 'x200' | 'x332';
+import type { AllHTMLAttributes, ComponentProps } from 'react';
+import React from 'react';
+import { AvatarContainer } from './AvatarContainer';
+export type AvatarProps = ComponentProps<typeof AvatarContainer> & {
     rounded?: boolean;
     objectFit?: boolean;
     url: string;
-} & HTMLAttributes<HTMLElement>;
+} & Omit<AllHTMLAttributes<HTMLImageElement>, 'size'>;
 export declare const Avatar: {
-    ({ title, size, rounded, objectFit, url, ...props }: AvatarProps): JSX.Element;
-    Stack: ({ children, ...props }: AvatarStackProps) => JSX.Element;
+    ({ size, rounded, objectFit, url, className, ...props }: AvatarProps): JSX.Element;
+    /**
+     * @deprecated Use named import instead
+     */
+    Stack: ({ children, ...props }: React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
 };
-declare type AvatarStackProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-export {};
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM/D,oBAAY,WAAW,GAAG;IACxB,IAAI,CAAC,EACD,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;CACb,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,eAAO,MAAM,MAAM;yDAOhB,WAAW;oCA6B+B,gBAAgB;CAP5D,CAAC;AAEF,aAAK,gBAAgB,GAAG,iBAAiB,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,cAAc,CACf,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;CACb,GAAG,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAEtD,eAAO,MAAM,MAAM;6DAOhB,WAAW;IAiBd;;OAEG;;CAJF,CAAC"}

package/dist/components/Avatar/AvatarContainer.d.ts

@@ -0,0 +1,6 @@
+import type { HTMLAttributes } from 'react';
+export type AvatarContainerProps = {
+    size?: 'x16' | 'x18' | 'x20' | 'x24' | 'x28' | 'x32' | 'x36' | 'x40' | 'x48' | 'x124' | 'x200' | 'x332';
+} & HTMLAttributes<HTMLElement>;
+export declare const AvatarContainer: ({ size, children, ...props }: AvatarContainerProps) => JSX.Element;
+//# sourceMappingURL=AvatarContainer.d.ts.map

package/dist/components/Avatar/AvatarContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/AvatarContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EACD,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,CAAC;CACZ,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,eAAO,MAAM,eAAe,iCAIzB,oBAAoB,gBAStB,CAAC"}

package/dist/components/Avatar/AvatarStack.d.ts

@@ -0,0 +1,5 @@
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+type AvatarStackProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare const AvatarStack: ({ children, ...props }: AvatarStackProps) => JSX.Element;
+export {};
+//# sourceMappingURL=AvatarStack.d.ts.map

package/dist/components/Avatar/AvatarStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarStack.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/AvatarStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM/D,KAAK,gBAAgB,GAAG,iBAAiB,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,cAAc,CACf,CAAC;AAEF,eAAO,MAAM,WAAW,2BAA4B,gBAAgB,gBAGnE,CAAC"}

package/dist/components/Avatar/index.d.ts

@@ -1,2 +1,4 @@
 export * from './Avatar';
+export * from './AvatarContainer';
+export * from './AvatarStack';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Avatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC"}

package/dist/components/Badge/Badge.d.ts

@@ -1,11 +1,12 @@
 import type { ElementType } from 'react';
-export declare type BadgeProps = {
+export type BadgeProps = {
     is?: ElementType;
     variant?: 'secondary' | 'primary' | 'danger' | 'warning' | 'ghost';
+    small?: boolean;
     disabled?: boolean;
     className?: string;
     children?: any;
     title?: any;
 };
-export declare function Badge({ is: Tag, variant, className, disabled, ...props }: BadgeProps): JSX.Element;
+export declare function Badge({ is: Tag, variant, small, className, disabled, ...props }: BadgeProps): JSX.Element;
 //# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAKzC,oBAAY,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,CAAC;AAEF,wBAAgB,KAAK,CAAC,EACpB,EAAE,EAAE,GAAY,EAChB,OAAqB,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,eAYZ"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;IACnE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,CAAC;AAEF,wBAAgB,KAAK,CAAC,EACpB,EAAE,EAAE,GAAY,EAChB,OAAqB,EACrB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,eAeZ"}

package/dist/components/Banner/Banner.d.ts

@@ -1,15 +1,18 @@
-import type { ReactNode, AllHTMLAttributes } from 'react';
-declare type VariantType = 'neutral' | 'info' | 'success' | 'warning' | 'danger';
-declare type BannerProps = {
-    inline?: boolean;
+import type { ReactNode, AllHTMLAttributes, HTMLAttributeAnchorTarget } from 'react';
+type VariantType = 'neutral' | 'info' | 'success' | 'warning' | 'danger';
+type BannerProps = {
     actionable?: boolean;
     closeable?: boolean;
     icon?: ReactNode;
-    title?: string;
-    variant?: VariantType;
+    inline?: boolean;
+    link?: string;
+    linkTarget?: HTMLAttributeAnchorTarget;
+    linkText?: string;
     onAction?: () => void;
     onClose?: () => void;
+    title?: string;
+    variant?: VariantType;
 } & AllHTMLAttributes<HTMLElement>;
-declare const Banner: ({ inline, children, className, actionable, closeable, icon, title, variant, onAction, onClose, ...props }: BannerProps) => JSX.Element;
+declare const Banner: ({ actionable, children, className, closeable, icon, inline, link, linkText, linkTarget, onAction, onClose, title, variant, ...props }: BannerProps) => JSX.Element;
 export default Banner;
 //# sourceMappingURL=Banner.d.ts.map

package/dist/components/Banner/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAQ1D,aAAK,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAUzE,aAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAEnC,QAAA,MAAM,MAAM,8GAYT,WAAW,gBAuEb,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,iBAAiB,EACjB,yBAAyB,EAC1B,MAAM,OAAO,CAAC;AAMf,KAAK,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAUzE,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAEnC,QAAA,MAAM,MAAM,0IAeT,WAAW,gBAqEb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Banner/Banner.stories.d.ts

@@ -0,0 +1,14 @@
+declare namespace _default {
+    export const title: string;
+    export { Banner as component };
+}
+export default _default;
+export function _Banner(): JSX.Element;
+export namespace _Banner {
+    const storyName: string;
+}
+export function Variations(): JSX.Element;
+export function Inline(): JSX.Element;
+export function Actionable(): JSX.Element;
+import Banner from './Banner';
+//# sourceMappingURL=Banner.stories.d.ts.map

package/dist/components/Banner/Banner.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.stories.js"],"names":[],"mappings":";;;;;AAWO,uCAWN;;;;AAGM,0CAyDN;AAEM,sCA+DN;AAEM,0CAYN;mBA7JkB,UAAU"}

package/dist/components/Box/Box.d.ts

@@ -2,14 +2,14 @@ import React from 'react';
 import type { AllHTMLAttributes } from 'react';
 import type { StylingProps } from './stylingProps';
 export declare const Box: React.ForwardRefExoticComponent<{
-    is?: React.ElementType<any> | undefined;
+    is?: React.ElementType | undefined;
     className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | false | 0 | (<T extends readonly unknown[]>(...args: T) => string) | null | undefined)[] | undefined;
     animated?: boolean | undefined;
     withRichContent?: boolean | "inlineWithoutBreaks" | undefined;
     htmlSize?: AllHTMLAttributes<HTMLElement>['size'];
 } & Partial<StylingProps> & Omit<React.AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<React.SVGAttributes<SVGElement>, "elevation" | keyof React.AllHTMLAttributes<HTMLElement>> & React.RefAttributes<any>>;
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
-    is?: React.ElementType<any> | undefined;
+    is?: React.ElementType | undefined;
     className?: string | (<T extends readonly unknown[]>(...args: T) => string) | (string | false | 0 | (<T extends readonly unknown[]>(...args: T) => string) | null | undefined)[] | undefined;
     animated?: boolean | undefined;
     withRichContent?: boolean | "inlineWithoutBreaks" | undefined;

package/dist/components/Box/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,EACV,iBAAiB,EAKlB,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAmBnD,eAAO,MAAM,GAAG;;;;;eAXH,kBAAkB,WAAW,CAAC,CAAC,MAAM,CAAC;uPAwCjD,CAAC;;;;;;;;AAEH,wBAAyB"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,EACV,iBAAiB,EAKlB,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAmBnD,eAAO,MAAM,GAAG;;;;;eAXH,kBAAkB,WAAW,CAAC,CAAC,MAAM,CAAC;uPAsCjD,CAAC;;;;;;;;AAEH,wBAAyB"}

package/dist/components/Box/stylingProps.d.ts

@@ -1,7 +1,8 @@
 import type { cssFn } from '@rocket.chat/css-in-js';
 import type { CSSProperties } from 'react';
-declare type FontScale = 'hero' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p1' | 'p1m' | 'p1b' | 'p2' | 'p2m' | 'p2b' | 'c1' | 'c2' | 'micro';
-export declare type StylingProps = {
+import type { Var } from '../../Theme';
+type FontScale = 'hero' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p1' | 'p1m' | 'p1b' | 'p2' | 'p2m' | 'p2b' | 'c1' | 'c2' | 'micro';
+export type StylingProps = {
     border: CSSProperties['border'];
     borderBlock: CSSProperties['borderBlock'];
     borderBlockStart: CSSProperties['borderBlockStart'];
@@ -35,9 +36,9 @@ export declare type StylingProps = {
     borderStartEndRadius: CSSProperties['borderStartEndRadius'];
     borderEndStartRadius: CSSProperties['borderEndStartRadius'];
     borderEndEndRadius: CSSProperties['borderEndEndRadius'];
-    color: CSSProperties['color'];
-    backgroundColor: CSSProperties['backgroundColor'];
-    bg: CSSProperties['backgroundColor'];
+    color: CSSProperties['color'] | Var;
+    backgroundColor: CSSProperties['backgroundColor'] | Var;
+    bg: CSSProperties['backgroundColor'] | Var;
     opacity: CSSProperties['opacity'];
     alignItems: CSSProperties['alignItems'];
     alignContent: CSSProperties['alignContent'];
@@ -110,7 +111,8 @@ export declare type StylingProps = {
     textAlign: CSSProperties['textAlign'];
     textTransform: CSSProperties['textTransform'];
     textDecorationLine: CSSProperties['textDecorationLine'];
-    elevation: '0' | '1' | '2';
+    wordBreak: CSSProperties['wordBreak'];
+    elevation: '0' | '1' | '2' | '1nb' | '2nb';
     invisible: boolean;
     withTruncatedText: boolean;
     size: CSSProperties['blockSize'];
@@ -118,7 +120,7 @@ export declare type StylingProps = {
     maxSize: CSSProperties['blockSize'];
     fontScale: FontScale;
 };
-declare type PropDefinition = {
+type PropDefinition = {
     toCSSValue: (value: unknown) => string | undefined;
 } | {
     aliasOf: keyof StylingProps;