@dxos/react-ui 0.8.4-main.1da679c → 0.8.4-main.21d9917

package/dist/types/src/testing/decorators/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/testing/decorators/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/testing/decorators/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC"}

package/dist/types/src/testing/decorators/withLayout.d.ts

@@ -0,0 +1,15 @@
+import { type Decorator } from '@storybook/react';
+import { type FC, type PropsWithChildren } from 'react';
+import { type ClassNameValue, type ThemedClassName } from '@dxos/react-ui';
+export type ContainerProps = ThemedClassName<PropsWithChildren>;
+export type ContainerType = 'fullscreen' | 'column';
+export type WithLayoutProps = FC<ContainerProps> | {
+    classNames?: ClassNameValue;
+    layout?: ContainerType;
+    scroll?: boolean;
+};
+/**
+ * Adds layout container.
+ */
+export declare const withLayout: (props?: WithLayoutProps) => Decorator;
+//# sourceMappingURL=withLayout.d.ts.map

package/dist/types/src/testing/decorators/withLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withLayout.d.ts","sourceRoot":"","sources":["../../../../../src/testing/decorators/withLayout.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAc,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAQ,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAG3E,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,QAAQ,CAAC;AAEpD,MAAM,MAAM,eAAe,GACvB,EAAE,CAAC,cAAc,CAAC,GAClB;IACE,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEN;;GAEG;AACH,eAAO,MAAM,UAAU,GACpB,QAAO,eAAoB,KAAG,SAoB9B,CAAC"}

package/dist/types/src/testing/decorators/withLayoutVariants.d.ts

@@ -0,0 +1,12 @@
+import { type Decorator } from '@storybook/react';
+import { type Density, type Elevation } from '@dxos/ui-types';
+type Config = {
+    elevations?: {
+        elevation: Elevation;
+        surface?: string;
+    }[];
+    densities?: Density[];
+};
+export declare const withLayoutVariants: ({ elevations, densities, }?: Config) => Decorator;
+export {};
+//# sourceMappingURL=withLayoutVariants.d.ts.map

package/dist/types/src/testing/decorators/withLayoutVariants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withLayoutVariants.d.ts","sourceRoot":"","sources":["../../../../../src/testing/decorators/withLayoutVariants.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE9D,KAAK,MAAM,GAAG;IACZ,UAAU,CAAC,EAAE;QAAE,SAAS,EAAE,SAAS,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;CACvB,CAAC;AAuBF,eAAO,MAAM,kBAAkB,GAAI,6BAOhC,MAAW,KAAG,SAOhB,CAAC"}

package/dist/types/src/testing/decorators/withTheme.d.ts

@@ -1,3 +1,6 @@
 import { type Decorator } from '@storybook/react';
+/**
+ * Adds theme decorator (add to preview.ts)
+ */
 export declare const withTheme: Decorator;
 //# sourceMappingURL=withTheme.d.ts.map

package/dist/types/src/testing/decorators/withTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withTheme.d.ts","sourceRoot":"","sources":["../../../../../src/testing/decorators/withTheme.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAmC,MAAM,kBAAkB,CAAC;AAOnF,eAAO,MAAM,SAAS,EAAE,SAavB,CAAC"}
+{"version":3,"file":"withTheme.d.ts","sourceRoot":"","sources":["../../../../../src/testing/decorators/withTheme.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAQlD;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,SAgBvB,CAAC"}

package/dist/types/src/util/index.d.ts

@@ -1,3 +1,4 @@
+export type { ThemedClassName } from '@dxos/ui-types';
 export * from './hasIosKeyboard';
-export type * from './ThemedClassName';
+export * from './usePx';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/util/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/util/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/util/index.ts"],"names":[],"mappings":"AAIA,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}

package/dist/types/src/util/usePx.d.ts

@@ -0,0 +1,8 @@
+/**
+ * React hook that converts rem values to pixels and updates when the root font size changes.
+ *
+ * @param rem The rem value to convert to pixels
+ * @returns The current pixel value equivalent of the rem input
+ */
+export declare const usePx: (rem: number) => number;
+//# sourceMappingURL=usePx.d.ts.map

package/dist/types/src/util/usePx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePx.d.ts","sourceRoot":"","sources":["../../../../src/util/usePx.ts"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,eAAO,MAAM,KAAK,GAAI,KAAK,MAAM,KAAG,MA8CnC,CAAC"}