@preply/ds-web-core 0.4.3-beta.32

package/README.md

@@ -0,0 +1,37 @@
+# `@preply/ds-web-core`
+
+> Web support and context providers (React + CSS modules).
+
+## Using the Design System in your application or library?
+
+Follow the instructions in [@preply/ds-workspace](../../README.md).
+
+## Contributing
+
+Reach out to [#design-system-public](https://preply.slack.com/archives/C024EAEHP6V) if you think you can help and keep an eye on [DS Confluence](https://preply.atlassian.net/wiki/spaces/DS/overview) for more docs, guides, work in progress, decisions, the works.
+
+## Development
+
+You probably want to execute `yarn dev` and/or `yarn docs` in the root, as per instructions in [@preply/ds-workspace](../../README.md).
+
+For quicker - and more focused - feedback, you can also directly use the scripts in this package directory, but make sure you have first executed `yarn build` in root, or that you have the root `yarn dev` script running in the background.
+
+## Tooling
+
+Details about tools and configurations in [@preply/ds-workspace](../../README.md).
+
+## Dependencies
+
+**Note:** `@preply/ds-***` are declared both as direct and peer dependencies:
+
+- to ensure `rollup` excludes them from the bundle.
+- to ensure Lerna honours build sequence (does not do so for peer dependencies).
+
+### Dev dependencies
+
+We only list the dependencies used directly in stories, MDX docs and tests (`@storybook/react`, `@testing-library/react`, ...).
+
+**Do NOT add dependencies on** linting, testing, building tools unless:
+
+- you need to require some resource in a doc file or a test.
+- you need to add a very specific plugin to this package only and you want to signal the dependency loudly.

package/dist/color-scheme/classes/ColorScheme.d.ts

@@ -0,0 +1,11 @@
+import type { ColorSchemeName } from '@preply/ds-core';
+import type { CSSModule } from '../../css-module/types';
+import type { ColorSchemeInterface } from '../types';
+export declare class ColorScheme implements ColorSchemeInterface {
+    static PREFIX: string;
+    private styles;
+    private extend?;
+    readonly name: any;
+    constructor(styles: CSSModule, name: ColorSchemeName, extend?: ColorSchemeName[]);
+    getClassName(): string;
+}

package/dist/color-scheme/classes/ColorScheme.js

@@ -0,0 +1,20 @@
+import { safeClassName } from '../../css-module/index.js';
+
+class ColorScheme {
+    constructor(styles, name, extend) {
+        this.styles = styles;
+        this.name = name;
+        this.extend = extend;
+    }
+    getClassName() {
+        const extendedClasses = this.extend || [];
+        const classNames = [this.name, ...extendedClasses];
+        return classNames
+            .map(className => safeClassName(this.styles, `${ColorScheme.PREFIX}scheme--${className}`))
+            .join(' ');
+    }
+}
+ColorScheme.PREFIX = 'ds-';
+
+export { ColorScheme };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sb3JTY2hlbWUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb2xvci1zY2hlbWUvY2xhc3Nlcy9Db2xvclNjaGVtZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmltcG9ydCB7IHNhZmVDbGFzc05hbWUgfSBmcm9tICcuLi8uLi9jc3MtbW9kdWxlJztcbmltcG9ydCB0eXBlIHsgQ1NTTW9kdWxlIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZS90eXBlcyc7XG5pbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lSW50ZXJmYWNlIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY2xhc3MgQ29sb3JTY2hlbWUgaW1wbGVtZW50cyBDb2xvclNjaGVtZUludGVyZmFjZSB7XG4gICAgc3RhdGljIFBSRUZJWCA9ICdkcy0nO1xuXG4gICAgcHJpdmF0ZSBzdHlsZXM6IENTU01vZHVsZTtcbiAgICBwcml2YXRlIGV4dGVuZD86IENvbG9yU2NoZW1lTmFtZVtdO1xuICAgIHB1YmxpYyByZWFkb25seSBuYW1lO1xuXG4gICAgY29uc3RydWN0b3Ioc3R5bGVzOiBDU1NNb2R1bGUsIG5hbWU6IENvbG9yU2NoZW1lTmFtZSwgZXh0ZW5kPzogQ29sb3JTY2hlbWVOYW1lW10pIHtcbiAgICAgICAgdGhpcy5zdHlsZXMgPSBzdHlsZXM7XG4gICAgICAgIHRoaXMubmFtZSA9IG5hbWU7XG4gICAgICAgIHRoaXMuZXh0ZW5kID0gZXh0ZW5kO1xuICAgIH1cblxuICAgIGdldENsYXNzTmFtZSgpOiBzdHJpbmcge1xuICAgICAgICBjb25zdCBleHRlbmRlZENsYXNzZXMgPSB0aGlzLmV4dGVuZCB8fCBbXTtcbiAgICAgICAgY29uc3QgY2xhc3NOYW1lcyA9IFt0aGlzLm5hbWUsIC4uLmV4dGVuZGVkQ2xhc3Nlc107XG4gICAgICAgIHJldHVybiBjbGFzc05hbWVzXG4gICAgICAgICAgICAubWFwKGNsYXNzTmFtZSA9PlxuICAgICAgICAgICAgICAgIHNhZmVDbGFzc05hbWUodGhpcy5zdHlsZXMsIGAke0NvbG9yU2NoZW1lLlBSRUZJWH1zY2hlbWUtLSR7Y2xhc3NOYW1lfWApLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLmpvaW4oJyAnKTtcbiAgICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7TUFNYSxXQUFXO0lBT3BCLFlBQVksTUFBaUIsRUFBRSxJQUFxQixFQUFFLE1BQTBCO1FBQzVFLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0tBQ3hCO0lBRUQsWUFBWTtRQUNSLE1BQU0sZUFBZSxHQUFHLElBQUksQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDO1FBQzFDLE1BQU0sVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxHQUFHLGVBQWUsQ0FBQyxDQUFDO1FBQ25ELE9BQU8sVUFBVTthQUNaLEdBQUcsQ0FBQyxTQUFTLElBQ1YsYUFBYSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxXQUFXLENBQUMsTUFBTSxXQUFXLFNBQVMsRUFBRSxDQUFDLENBQzFFO2FBQ0EsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0tBQ2xCOztBQXBCTSxrQkFBTSxHQUFHLEtBQUs7Ozs7In0=

package/dist/color-scheme/colorSchemes.d.ts

@@ -0,0 +1,3 @@
+import { ColorScheme } from './classes/ColorScheme';
+import './styles/index.module.less';
+export declare const colorSchemes: ColorScheme[];

package/dist/color-scheme/colorSchemes.js

@@ -0,0 +1,8 @@
+import { colorSchemeConfig } from '@preply/ds-core';
+import { ColorScheme } from './classes/ColorScheme.js';
+
+const styles = Object.keys(colorSchemeConfig).reduce((acc, scheme) => ({ ...acc, [`ds-scheme--${scheme}`]: `ds-scheme--${scheme}` }), {});
+const colorSchemes = Object.entries(colorSchemeConfig).map(([name, value]) => new ColorScheme(styles, name, value.extend));
+
+export { colorSchemes };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3JTY2hlbWVzLmpzIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29sb3Itc2NoZW1lL2NvbG9yU2NoZW1lcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBjb2xvclNjaGVtZUNvbmZpZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmltcG9ydCB7IENvbG9yU2NoZW1lIH0gZnJvbSAnLi9jbGFzc2VzL0NvbG9yU2NoZW1lJztcbmltcG9ydCAnLi9zdHlsZXMvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBzdHlsZXMgPSBPYmplY3Qua2V5cyhjb2xvclNjaGVtZUNvbmZpZykucmVkdWNlKFxuICAgIChhY2MsIHNjaGVtZSkgPT4gKHsgLi4uYWNjLCBbYGRzLXNjaGVtZS0tJHtzY2hlbWV9YF06IGBkcy1zY2hlbWUtLSR7c2NoZW1lfWAgfSksXG4gICAge30sXG4pO1xuXG5leHBvcnQgY29uc3QgY29sb3JTY2hlbWVzID0gT2JqZWN0LmVudHJpZXMoY29sb3JTY2hlbWVDb25maWcpLm1hcChcbiAgICAoW25hbWUsIHZhbHVlXSkgPT4gbmV3IENvbG9yU2NoZW1lKHN0eWxlcywgbmFtZSBhcyBDb2xvclNjaGVtZU5hbWUsIHZhbHVlLmV4dGVuZCksXG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQU1BLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxNQUFNLENBQ2hELENBQUMsR0FBRyxFQUFFLE1BQU0sTUFBTSxFQUFFLEdBQUcsR0FBRyxFQUFFLENBQUMsY0FBYyxNQUFNLEVBQUUsR0FBRyxjQUFjLE1BQU0sRUFBRSxFQUFFLENBQUMsRUFDL0UsRUFBRSxDQUNMLENBQUM7TUFFVyxZQUFZLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLEdBQUcsQ0FDN0QsQ0FBQyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsS0FBSyxJQUFJLFdBQVcsQ0FBQyxNQUFNLEVBQUUsSUFBdUIsRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDOzs7OyJ9

package/dist/color-scheme/constants.d.ts

@@ -0,0 +1,2 @@
+import { ColorSchemeName } from '@preply/ds-core';
+export declare const COLOR_SCHEME_DEFAULT: ColorSchemeName;

package/dist/color-scheme/constants.js

@@ -0,0 +1,4 @@
+const COLOR_SCHEME_DEFAULT = 'base';
+
+export { COLOR_SCHEME_DEFAULT };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29sb3Itc2NoZW1lL2NvbnN0YW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2xvclNjaGVtZU5hbWUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuXG5leHBvcnQgY29uc3QgQ09MT1JfU0NIRU1FX0RFRkFVTFQ6IENvbG9yU2NoZW1lTmFtZSA9ICdiYXNlJztcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiTUFFYSxvQkFBb0IsR0FBb0I7Ozs7In0=

package/dist/color-scheme/hocs/withColorScheme.d.ts

@@ -0,0 +1,9 @@
+import type { ColorSchemeName } from '@preply/ds-core';
+import { ComponentType, FC } from 'react';
+export interface ColorSchemeProps {
+    colorScheme: ColorSchemeName;
+}
+export interface WithColorSchemeProps {
+    colorSchemeClassName?: string;
+}
+export declare function withColorScheme<P>(Component: ComponentType<P>): FC<P & ColorSchemeProps>;

package/dist/color-scheme/hocs/withColorScheme.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { useThemes } from '../../theme/hooks/useThemes.js';
+import { useColorScheme } from '../hooks/useColorScheme.js';
+import { ColorSchemeProvider } from '../providers/ColorSchemeProvider.js';
+
+function withColorScheme(Component) {
+    const Wrapper = ({ colorScheme: colorSchemeName, ...props }) => {
+        const { findColorScheme } = useThemes();
+        const { colorScheme: currentColorScheme } = useColorScheme();
+        const newColorScheme = colorSchemeName && findColorScheme(colorSchemeName);
+        if (newColorScheme && newColorScheme !== currentColorScheme) {
+            return (React.createElement(ColorSchemeProvider, { colorScheme: colorSchemeName },
+                React.createElement(Component, Object.assign({ colorSchemeClassName: newColorScheme.getClassName() }, props))));
+        }
+        return React.createElement(Component, Object.assign({}, props));
+    };
+    Wrapper.displayName = `withColorScheme(${Component.displayName})`;
+    return Wrapper;
+}
+
+export { withColorScheme };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l0aENvbG9yU2NoZW1lLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29sb3Itc2NoZW1lL2hvY3Mvd2l0aENvbG9yU2NoZW1lLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50VHlwZSwgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHVzZVRoZW1lcyB9IGZyb20gJy4uLy4uL3RoZW1lL2hvb2tzL3VzZVRoZW1lcyc7XG5pbXBvcnQgeyB1c2VDb2xvclNjaGVtZSB9IGZyb20gJy4uL2hvb2tzL3VzZUNvbG9yU2NoZW1lJztcbmltcG9ydCB7IENvbG9yU2NoZW1lUHJvdmlkZXIgfSBmcm9tICcuLi9wcm92aWRlcnMvQ29sb3JTY2hlbWVQcm92aWRlcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29sb3JTY2hlbWVQcm9wcyB7XG4gICAgY29sb3JTY2hlbWU6IENvbG9yU2NoZW1lTmFtZTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBXaXRoQ29sb3JTY2hlbWVQcm9wcyB7XG4gICAgY29sb3JTY2hlbWVDbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiB3aXRoQ29sb3JTY2hlbWU8UD4oQ29tcG9uZW50OiBDb21wb25lbnRUeXBlPFA+KTogRkM8UCAmIENvbG9yU2NoZW1lUHJvcHM+IHtcbiAgICBjb25zdCBXcmFwcGVyOiBGQzxQICYgQ29sb3JTY2hlbWVQcm9wcz4gPSAoeyBjb2xvclNjaGVtZTogY29sb3JTY2hlbWVOYW1lLCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgICAgIGNvbnN0IHsgZmluZENvbG9yU2NoZW1lIH0gPSB1c2VUaGVtZXMoKTtcbiAgICAgICAgY29uc3QgeyBjb2xvclNjaGVtZTogY3VycmVudENvbG9yU2NoZW1lIH0gPSB1c2VDb2xvclNjaGVtZSgpO1xuXG4gICAgICAgIGNvbnN0IG5ld0NvbG9yU2NoZW1lID0gY29sb3JTY2hlbWVOYW1lICYmIGZpbmRDb2xvclNjaGVtZShjb2xvclNjaGVtZU5hbWUpO1xuXG4gICAgICAgIGlmIChuZXdDb2xvclNjaGVtZSAmJiBuZXdDb2xvclNjaGVtZSAhPT0gY3VycmVudENvbG9yU2NoZW1lKSB7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxDb2xvclNjaGVtZVByb3ZpZGVyIGNvbG9yU2NoZW1lPXtjb2xvclNjaGVtZU5hbWV9PlxuICAgICAgICAgICAgICAgICAgICA8Q29tcG9uZW50XG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvclNjaGVtZUNsYXNzTmFtZT17bmV3Q29sb3JTY2hlbWUuZ2V0Q2xhc3NOYW1lKCl9XG4gICAgICAgICAgICAgICAgICAgICAgICB7Li4uKHByb3BzIGFzIFApfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvQ29sb3JTY2hlbWVQcm92aWRlcj5cbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIDxDb21wb25lbnQgey4uLihwcm9wcyBhcyBQKX0gLz47XG4gICAgfTtcblxuICAgIFdyYXBwZXIuZGlzcGxheU5hbWUgPSBgd2l0aENvbG9yU2NoZW1lKCR7Q29tcG9uZW50LmRpc3BsYXlOYW1lfSlgO1xuICAgIHJldHVybiBXcmFwcGVyO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O1NBZWdCLGVBQWUsQ0FBSSxTQUEyQjtJQUMxRCxNQUFNLE9BQU8sR0FBNkIsQ0FBQyxFQUFFLFdBQVcsRUFBRSxlQUFlLEVBQUUsR0FBRyxLQUFLLEVBQUU7UUFDakYsTUFBTSxFQUFFLGVBQWUsRUFBRSxHQUFHLFNBQVMsRUFBRSxDQUFDO1FBQ3hDLE1BQU0sRUFBRSxXQUFXLEVBQUUsa0JBQWtCLEVBQUUsR0FBRyxjQUFjLEVBQUUsQ0FBQztRQUU3RCxNQUFNLGNBQWMsR0FBRyxlQUFlLElBQUksZUFBZSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBRTNFLElBQUksY0FBYyxJQUFJLGNBQWMsS0FBSyxrQkFBa0IsRUFBRTtZQUN6RCxRQUNJLG9CQUFDLG1CQUFtQixJQUFDLFdBQVcsRUFBRSxlQUFlO2dCQUM3QyxvQkFBQyxTQUFTLGtCQUNOLG9CQUFvQixFQUFFLGNBQWMsQ0FBQyxZQUFZLEVBQUUsSUFDOUMsS0FBVyxFQUNsQixDQUNnQixFQUN4QjtTQUNMO1FBQ0QsT0FBTyxvQkFBQyxTQUFTLG9CQUFNLEtBQVcsRUFBSSxDQUFDO0tBQzFDLENBQUM7SUFFRixPQUFPLENBQUMsV0FBVyxHQUFHLG1CQUFtQixTQUFTLENBQUMsV0FBVyxHQUFHLENBQUM7SUFDbEUsT0FBTyxPQUFPLENBQUM7QUFDbkI7Ozs7In0=

package/dist/color-scheme/hooks/useColorScheme.d.ts

@@ -0,0 +1,2 @@
+import { ColorSchemeContextState } from '../providers/ColorSchemeProvider';
+export declare const useColorScheme: () => ColorSchemeContextState;

package/dist/color-scheme/hooks/useColorScheme.js

@@ -0,0 +1,13 @@
+import { useContext } from 'react';
+import { ColorSchemeContext } from '../providers/ColorSchemeProvider.js';
+
+const useColorScheme = () => {
+    const { colorScheme } = useContext(ColorSchemeContext);
+    if (!colorScheme) {
+        throw new Error('useColorScheme() must be used within a ColorSchemeProvider');
+    }
+    return { colorScheme };
+};
+
+export { useColorScheme };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ29sb3JTY2hlbWUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb2xvci1zY2hlbWUvaG9va3MvdXNlQ29sb3JTY2hlbWUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQ29sb3JTY2hlbWVDb250ZXh0LCBDb2xvclNjaGVtZUNvbnRleHRTdGF0ZSB9IGZyb20gJy4uL3Byb3ZpZGVycy9Db2xvclNjaGVtZVByb3ZpZGVyJztcblxuZXhwb3J0IGNvbnN0IHVzZUNvbG9yU2NoZW1lID0gKCk6IENvbG9yU2NoZW1lQ29udGV4dFN0YXRlID0+IHtcbiAgICBjb25zdCB7IGNvbG9yU2NoZW1lIH0gPSB1c2VDb250ZXh0KENvbG9yU2NoZW1lQ29udGV4dCk7XG4gICAgaWYgKCFjb2xvclNjaGVtZSkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ3VzZUNvbG9yU2NoZW1lKCkgbXVzdCBiZSB1c2VkIHdpdGhpbiBhIENvbG9yU2NoZW1lUHJvdmlkZXInKTtcbiAgICB9XG4gICAgcmV0dXJuIHsgY29sb3JTY2hlbWUgfTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O01BSWEsY0FBYyxHQUFHO0lBQzFCLE1BQU0sRUFBRSxXQUFXLEVBQUUsR0FBRyxVQUFVLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUN2RCxJQUFJLENBQUMsV0FBVyxFQUFFO1FBQ2QsTUFBTSxJQUFJLEtBQUssQ0FBQyw0REFBNEQsQ0FBQyxDQUFDO0tBQ2pGO0lBQ0QsT0FBTyxFQUFFLFdBQVcsRUFBRSxDQUFDO0FBQzNCOzs7OyJ9

package/dist/color-scheme/index.d.ts

@@ -0,0 +1,9 @@
+export type { ColorSchemeInterface } from './types';
+export { colorSchemes } from './colorSchemes';
+export { COLOR_SCHEME_DEFAULT } from './constants';
+export { ColorScheme } from './classes/ColorScheme';
+export type { ColorSchemeProviderProps } from './providers/ColorSchemeProvider';
+export { ColorSchemeProvider } from './providers/ColorSchemeProvider';
+export { useColorScheme } from './hooks/useColorScheme';
+export type { ColorSchemeProps, WithColorSchemeProps } from './hocs/withColorScheme';
+export { withColorScheme } from './hocs/withColorScheme';

package/dist/color-scheme/index.js

@@ -0,0 +1,7 @@
+export { colorSchemes } from './colorSchemes.js';
+export { COLOR_SCHEME_DEFAULT } from './constants.js';
+export { ColorScheme } from './classes/ColorScheme.js';
+export { ColorSchemeProvider } from './providers/ColorSchemeProvider.js';
+export { useColorScheme } from './hooks/useColorScheme.js';
+export { withColorScheme } from './hocs/withColorScheme.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OzsifQ==

package/dist/color-scheme/providers/ColorSchemeProvider.d.ts

@@ -0,0 +1,12 @@
+import type { ColorSchemeName } from '@preply/ds-core';
+import React from 'react';
+import type { ColorSchemeInterface } from '../types';
+export declare const SCHEME_DEFAULT = "base";
+export interface ColorSchemeProviderProps {
+    colorScheme: ColorSchemeName;
+}
+export interface ColorSchemeContextState {
+    colorScheme: ColorSchemeInterface;
+}
+export declare const ColorSchemeContext: React.Context<ColorSchemeContextState>;
+export declare const ColorSchemeProvider: React.FC<ColorSchemeProviderProps>;

package/dist/color-scheme/providers/ColorSchemeProvider.js

@@ -0,0 +1,13 @@
+import React, { createContext } from 'react';
+import { useThemes } from '../../theme/hooks/useThemes.js';
+
+const SCHEME_DEFAULT = 'base';
+const ColorSchemeContext = createContext({});
+const ColorSchemeProvider = ({ colorScheme: colorSchemeName, children, }) => {
+    const { findColorScheme } = useThemes();
+    const colorScheme = findColorScheme(colorSchemeName);
+    return (React.createElement(ColorSchemeContext.Provider, { value: { colorScheme } }, children));
+};
+
+export { ColorSchemeContext, ColorSchemeProvider, SCHEME_DEFAULT };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sb3JTY2hlbWVQcm92aWRlci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbG9yLXNjaGVtZS9wcm92aWRlcnMvQ29sb3JTY2hlbWVQcm92aWRlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDb2xvclNjaGVtZU5hbWUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IGNyZWF0ZUNvbnRleHQgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHVzZVRoZW1lcyB9IGZyb20gJy4uLy4uL3RoZW1lL2hvb2tzL3VzZVRoZW1lcyc7XG5pbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lSW50ZXJmYWNlIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgU0NIRU1FX0RFRkFVTFQgPSAnYmFzZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29sb3JTY2hlbWVQcm92aWRlclByb3BzIHtcbiAgICBjb2xvclNjaGVtZTogQ29sb3JTY2hlbWVOYW1lO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIENvbG9yU2NoZW1lQ29udGV4dFN0YXRlIHtcbiAgICBjb2xvclNjaGVtZTogQ29sb3JTY2hlbWVJbnRlcmZhY2U7XG59XG5cbmV4cG9ydCBjb25zdCBDb2xvclNjaGVtZUNvbnRleHQgPSBjcmVhdGVDb250ZXh0PENvbG9yU2NoZW1lQ29udGV4dFN0YXRlPihcbiAgICB7fSBhcyBDb2xvclNjaGVtZUNvbnRleHRTdGF0ZSxcbik7XG5cbmV4cG9ydCBjb25zdCBDb2xvclNjaGVtZVByb3ZpZGVyOiBSZWFjdC5GQzxDb2xvclNjaGVtZVByb3ZpZGVyUHJvcHM+ID0gKHtcbiAgICBjb2xvclNjaGVtZTogY29sb3JTY2hlbWVOYW1lLFxuICAgIGNoaWxkcmVuLFxufSkgPT4ge1xuICAgIGNvbnN0IHsgZmluZENvbG9yU2NoZW1lIH0gPSB1c2VUaGVtZXMoKTtcblxuICAgIGNvbnN0IGNvbG9yU2NoZW1lID0gZmluZENvbG9yU2NoZW1lKGNvbG9yU2NoZW1lTmFtZSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29sb3JTY2hlbWVDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXt7IGNvbG9yU2NoZW1lIH19PlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0NvbG9yU2NoZW1lQ29udGV4dC5Qcm92aWRlcj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7TUFNYSxjQUFjLEdBQUcsT0FBTztNQVV4QixrQkFBa0IsR0FBRyxhQUFhLENBQzNDLEVBQTZCLEVBQy9CO01BRVcsbUJBQW1CLEdBQXVDLENBQUMsRUFDcEUsV0FBVyxFQUFFLGVBQWUsRUFDNUIsUUFBUSxHQUNYO0lBQ0csTUFBTSxFQUFFLGVBQWUsRUFBRSxHQUFHLFNBQVMsRUFBRSxDQUFDO0lBRXhDLE1BQU0sV0FBVyxHQUFHLGVBQWUsQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUVyRCxRQUNJLG9CQUFDLGtCQUFrQixDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFDOUMsUUFBUSxDQUNpQixFQUNoQztBQUNOOzs7OyJ9

package/dist/color-scheme/styles/index.module.less

@@ -0,0 +1,15 @@
+:global(.ds-scheme--base) {
+    --scheme-name: 'base';
+}
+
+:global(.ds-scheme--highlight) {
+    --scheme-name: 'highlight';
+}
+
+:global(.ds-scheme--banner) {
+    --scheme-name: 'banner';
+}
+
+:global(.ds-scheme--invert) {
+    --scheme-name: 'invert';
+}

package/dist/color-scheme/styles/index.module.less.js

@@ -0,0 +1,9 @@
+import styleInject from '../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".ds-scheme--base {\n  --scheme-name: 'base';\n}\n.ds-scheme--highlight {\n  --scheme-name: 'highlight';\n}\n.ds-scheme--banner {\n  --scheme-name: 'banner';\n}\n.ds-scheme--invert {\n  --scheme-name: 'invert';\n}\n";
+var index_module = {};
+var stylesheet=".ds-scheme--base {\n  --scheme-name: 'base';\n}\n.ds-scheme--highlight {\n  --scheme-name: 'highlight';\n}\n.ds-scheme--banner {\n  --scheme-name: 'banner';\n}\n.ds-scheme--invert {\n  --scheme-name: 'invert';\n}\n";
+styleInject(css_248z);
+
+export { index_module as default, stylesheet };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QixxREFBeUQ7QUFDakY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7In0=

package/dist/color-scheme/styles/mixins.less

@@ -0,0 +1,11 @@
+@color-schemes: base, tutorial, banner, dark;
+
+// DES-23: output variables instead
+.color-schemes() {
+    each(@color-schemes, #(@scheme) {
+        &--scheme-@{scheme} {
+            .color('scheme', @scheme);
+            .bg-color('scheme', @scheme);
+        }
+    });
+}

package/dist/color-scheme/styles/mixins.less.js

@@ -0,0 +1,8 @@
+import styleInject from '../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "";
+var stylesheet="";
+styleInject(css_248z);
+
+export { css_248z as default, stylesheet };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QixxREFBeUQ7QUFDakY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9

package/dist/color-scheme/types.d.ts

@@ -0,0 +1,5 @@
+import { ColorSchemeName } from '@preply/ds-core';
+export interface ColorSchemeInterface {
+    name: ColorSchemeName;
+    getClassName(): string;
+}

package/dist/color-scheme/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/css-module/index.d.ts

@@ -0,0 +1,11 @@
+import type { CSSModule } from './types';
+declare type Concatenated = Array<string | undefined>;
+declare type Conditional = {
+    if: boolean | undefined;
+    then: string | Concatenated | undefined;
+};
+declare type ClassName = Concatenated | Conditional | string | undefined;
+export declare const safeClassName: (cssModule: CSSModule, name: string) => string;
+export declare const localClasses: (cssModule: CSSModule, namespace: string, locals?: ClassName[]) => string[];
+export declare const globalClasses: (globals?: ClassName[]) => string[];
+export {};

package/dist/css-module/index.js

@@ -0,0 +1,26 @@
+const fromArray = (classname) => !classname.includes(undefined) ? classname.join('-') : undefined;
+const fromObject = (classname, recurse) => classname.if ? recurse(classname.then) : undefined;
+const conditionalClass = (classname) => {
+    if (Array.isArray(classname)) {
+        return fromArray(classname);
+    }
+    if (typeof classname === 'object') {
+        return fromObject(classname, conditionalClass);
+    }
+    return classname;
+};
+const safeClassName = (cssModule, name) => {
+    if (!cssModule[name]) {
+        throw new Error(`Unknow classname ${name}`);
+    }
+    return cssModule[name];
+};
+const localClasses = (cssModule, namespace, locals = []) => locals
+    .map(part => conditionalClass(part))
+    .filter(classname => classname)
+    .map(classname => `${namespace}--${classname}`)
+    .map(classname => safeClassName(cssModule, classname));
+const globalClasses = (globals = []) => globals.map(part => conditionalClass(part)).filter(classname => classname);
+
+export { globalClasses, localClasses, safeClassName };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jc3MtbW9kdWxlL2luZGV4LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTTW9kdWxlIH0gZnJvbSAnLi90eXBlcyc7XG5cbnR5cGUgQ29uY2F0ZW5hdGVkID0gQXJyYXk8c3RyaW5nIHwgdW5kZWZpbmVkPjtcbnR5cGUgQ29uZGl0aW9uYWwgPSB7XG4gICAgaWY6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gICAgdGhlbjogc3RyaW5nIHwgQ29uY2F0ZW5hdGVkIHwgdW5kZWZpbmVkO1xufTtcbnR5cGUgQ2xhc3NOYW1lID0gQ29uY2F0ZW5hdGVkIHwgQ29uZGl0aW9uYWwgfCBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbmNvbnN0IGZyb21BcnJheSA9IChjbGFzc25hbWU6IENvbmNhdGVuYXRlZCk6IHN0cmluZyB8IHVuZGVmaW5lZCA9PlxuICAgICFjbGFzc25hbWUuaW5jbHVkZXModW5kZWZpbmVkKSA/IGNsYXNzbmFtZS5qb2luKCctJykgOiB1bmRlZmluZWQ7XG5cbmNvbnN0IGZyb21PYmplY3QgPSAoY2xhc3NuYW1lOiBDb25kaXRpb25hbCwgcmVjdXJzZTogdHlwZW9mIGNvbmRpdGlvbmFsQ2xhc3MpOiBzdHJpbmcgfCB1bmRlZmluZWQgPT5cbiAgICBjbGFzc25hbWUuaWYgPyByZWN1cnNlKGNsYXNzbmFtZS50aGVuKSA6IHVuZGVmaW5lZDtcblxuY29uc3QgY29uZGl0aW9uYWxDbGFzcyA9IChjbGFzc25hbWU6IENsYXNzTmFtZSk6IHN0cmluZyB8IHVuZGVmaW5lZCA9PiB7XG4gICAgaWYgKEFycmF5LmlzQXJyYXkoY2xhc3NuYW1lKSkge1xuICAgICAgICByZXR1cm4gZnJvbUFycmF5KGNsYXNzbmFtZSk7XG4gICAgfVxuICAgIGlmICh0eXBlb2YgY2xhc3NuYW1lID09PSAnb2JqZWN0Jykge1xuICAgICAgICByZXR1cm4gZnJvbU9iamVjdChjbGFzc25hbWUsIGNvbmRpdGlvbmFsQ2xhc3MpO1xuICAgIH1cbiAgICByZXR1cm4gY2xhc3NuYW1lO1xufTtcblxuZXhwb3J0IGNvbnN0IHNhZmVDbGFzc05hbWUgPSAoY3NzTW9kdWxlOiBDU1NNb2R1bGUsIG5hbWU6IHN0cmluZyk6IHN0cmluZyA9PiB7XG4gICAgaWYgKCFjc3NNb2R1bGVbbmFtZV0pIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBVbmtub3cgY2xhc3NuYW1lICR7bmFtZX1gKTtcbiAgICB9XG4gICAgcmV0dXJuIGNzc01vZHVsZVtuYW1lXTtcbn07XG5cbmV4cG9ydCBjb25zdCBsb2NhbENsYXNzZXMgPSAoXG4gICAgY3NzTW9kdWxlOiBDU1NNb2R1bGUsXG4gICAgbmFtZXNwYWNlOiBzdHJpbmcsXG4gICAgbG9jYWxzOiBDbGFzc05hbWVbXSA9IFtdLFxuKTogc3RyaW5nW10gPT5cbiAgICBsb2NhbHNcbiAgICAgICAgLm1hcChwYXJ0ID0+IGNvbmRpdGlvbmFsQ2xhc3MocGFydCkpXG4gICAgICAgIC5maWx0ZXIoY2xhc3NuYW1lID0+IGNsYXNzbmFtZSlcbiAgICAgICAgLm1hcChjbGFzc25hbWUgPT4gYCR7bmFtZXNwYWNlfS0tJHtjbGFzc25hbWV9YClcbiAgICAgICAgLm1hcChjbGFzc25hbWUgPT4gc2FmZUNsYXNzTmFtZShjc3NNb2R1bGUsIGNsYXNzbmFtZSkpO1xuXG5leHBvcnQgY29uc3QgZ2xvYmFsQ2xhc3NlcyA9IChnbG9iYWxzOiBDbGFzc05hbWVbXSA9IFtdKTogc3RyaW5nW10gPT5cbiAgICBnbG9iYWxzLm1hcChwYXJ0ID0+IGNvbmRpdGlvbmFsQ2xhc3MocGFydCkpLmZpbHRlcihjbGFzc25hbWUgPT4gY2xhc3NuYW1lKSBhcyBzdHJpbmdbXTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTQSxNQUFNLFNBQVMsR0FBRyxDQUFDLFNBQXVCLEtBQ3RDLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLFNBQVMsQ0FBQztBQUVyRSxNQUFNLFVBQVUsR0FBRyxDQUFDLFNBQXNCLEVBQUUsT0FBZ0MsS0FDeEUsU0FBUyxDQUFDLEVBQUUsR0FBRyxPQUFPLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxHQUFHLFNBQVMsQ0FBQztBQUV2RCxNQUFNLGdCQUFnQixHQUFHLENBQUMsU0FBb0I7SUFDMUMsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxFQUFFO1FBQzFCLE9BQU8sU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0tBQy9CO0lBQ0QsSUFBSSxPQUFPLFNBQVMsS0FBSyxRQUFRLEVBQUU7UUFDL0IsT0FBTyxVQUFVLENBQUMsU0FBUyxFQUFFLGdCQUFnQixDQUFDLENBQUM7S0FDbEQ7SUFDRCxPQUFPLFNBQVMsQ0FBQztBQUNyQixDQUFDLENBQUM7TUFFVyxhQUFhLEdBQUcsQ0FBQyxTQUFvQixFQUFFLElBQVk7SUFDNUQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRTtRQUNsQixNQUFNLElBQUksS0FBSyxDQUFDLG9CQUFvQixJQUFJLEVBQUUsQ0FBQyxDQUFDO0tBQy9DO0lBQ0QsT0FBTyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUM7QUFDM0IsRUFBRTtNQUVXLFlBQVksR0FBRyxDQUN4QixTQUFvQixFQUNwQixTQUFpQixFQUNqQixTQUFzQixFQUFFLEtBRXhCLE1BQU07S0FDRCxHQUFHLENBQUMsSUFBSSxJQUFJLGdCQUFnQixDQUFDLElBQUksQ0FBQyxDQUFDO0tBQ25DLE1BQU0sQ0FBQyxTQUFTLElBQUksU0FBUyxDQUFDO0tBQzlCLEdBQUcsQ0FBQyxTQUFTLElBQUksR0FBRyxTQUFTLEtBQUssU0FBUyxFQUFFLENBQUM7S0FDOUMsR0FBRyxDQUFDLFNBQVMsSUFBSSxhQUFhLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxFQUFFO01BRWxELGFBQWEsR0FBRyxDQUFDLFVBQXVCLEVBQUUsS0FDbkQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLElBQUksZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsU0FBUyxJQUFJLFNBQVM7Ozs7In0=

package/dist/css-module/types.d.ts

@@ -0,0 +1,3 @@
+export declare type CSSModule = {
+    [key: string]: string;
+};

package/dist/css-module/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/dist/dom/props/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const PROPS_EXTERNAL_REL: {
+    rel: string;
+};
+export declare const PROPS_EXTERNAL_TARGET: {
+    target: string;
+};

package/dist/dom/props/constants.js

@@ -0,0 +1,5 @@
+const PROPS_EXTERNAL_REL = { rel: 'noreferrer noopener' };
+const PROPS_EXTERNAL_TARGET = { target: '_blank' };
+
+export { PROPS_EXTERNAL_REL, PROPS_EXTERNAL_TARGET };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZG9tL3Byb3BzL2NvbnN0YW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgUFJPUFNfRVhURVJOQUxfUkVMID0geyByZWw6ICdub3JlZmVycmVyIG5vb3BlbmVyJyB9O1xuZXhwb3J0IGNvbnN0IFBST1BTX0VYVEVSTkFMX1RBUkdFVCA9IHsgdGFyZ2V0OiAnX2JsYW5rJyB9O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJNQUFhLGtCQUFrQixHQUFHLEVBQUUsR0FBRyxFQUFFLHFCQUFxQixHQUFHO01BQ3BELHFCQUFxQixHQUFHLEVBQUUsTUFBTSxFQUFFLFFBQVE7Ozs7In0=

package/dist/dom/props/index.d.ts

@@ -0,0 +1,4 @@
+import type { Dataset } from '@preply/ds-core';
+import type { AnchorProps } from '../../types';
+export declare const getDatasetProps: (dataset?: Dataset | undefined) => Dataset;
+export declare const getExternalUrlProps: (url: string, opensInNewTab?: boolean | undefined) => AnchorProps;

package/dist/dom/props/index.js

@@ -0,0 +1,22 @@
+import { isExternalUrl } from '../../url/index.js';
+import { PROPS_EXTERNAL_REL, PROPS_EXTERNAL_TARGET } from './constants.js';
+
+const getDatasetProps = (dataset) => {
+    if (!dataset) {
+        return {};
+    }
+    return Object.keys(dataset).reduce((acc, key) => {
+        acc[`data-${key}`] = dataset[key];
+        return acc;
+    }, {});
+};
+const getExternalUrlProps = (url, opensInNewTab) => {
+    const isExternal = isExternalUrl(url);
+    const propsRel = isExternal ? PROPS_EXTERNAL_REL : {};
+    const useExternalTarget = opensInNewTab === undefined ? isExternal : opensInNewTab;
+    const propsTarget = useExternalTarget ? PROPS_EXTERNAL_TARGET : {};
+    return { ...propsRel, ...propsTarget };
+};
+
+export { getDatasetProps, getExternalUrlProps };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kb20vcHJvcHMvaW5kZXgudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBEYXRhc2V0IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHR5cGUgeyBBbmNob3JQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJztcbmltcG9ydCB7IGlzRXh0ZXJuYWxVcmwgfSBmcm9tICcuLi8uLi91cmwnO1xuXG5pbXBvcnQgeyBQUk9QU19FWFRFUk5BTF9SRUwsIFBST1BTX0VYVEVSTkFMX1RBUkdFVCB9IGZyb20gJy4vY29uc3RhbnRzJztcblxuZXhwb3J0IGNvbnN0IGdldERhdGFzZXRQcm9wcyA9IChkYXRhc2V0PzogRGF0YXNldCk6IERhdGFzZXQgPT4ge1xuICAgIGlmICghZGF0YXNldCkge1xuICAgICAgICByZXR1cm4ge307XG4gICAgfVxuICAgIHJldHVybiBPYmplY3Qua2V5cyhkYXRhc2V0KS5yZWR1Y2UoKGFjYywga2V5KSA9PiB7XG4gICAgICAgIGFjY1tgZGF0YS0ke2tleX1gXSA9IGRhdGFzZXRba2V5XTtcbiAgICAgICAgcmV0dXJuIGFjYztcbiAgICB9LCB7fSBhcyBEYXRhc2V0KTtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRFeHRlcm5hbFVybFByb3BzID0gKHVybDogc3RyaW5nLCBvcGVuc0luTmV3VGFiPzogYm9vbGVhbik6IEFuY2hvclByb3BzID0+IHtcbiAgICBjb25zdCBpc0V4dGVybmFsID0gaXNFeHRlcm5hbFVybCh1cmwpO1xuICAgIGNvbnN0IHByb3BzUmVsID0gaXNFeHRlcm5hbCA/IFBST1BTX0VYVEVSTkFMX1JFTCA6IHt9O1xuXG4gICAgY29uc3QgdXNlRXh0ZXJuYWxUYXJnZXQgPSBvcGVuc0luTmV3VGFiID09PSB1bmRlZmluZWQgPyBpc0V4dGVybmFsIDogb3BlbnNJbk5ld1RhYjtcbiAgICBjb25zdCBwcm9wc1RhcmdldCA9IHVzZUV4dGVybmFsVGFyZ2V0ID8gUFJPUFNfRVhURVJOQUxfVEFSR0VUIDoge307XG5cbiAgICByZXR1cm4geyAuLi5wcm9wc1JlbCwgLi4ucHJvcHNUYXJnZXQgfTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O01BT2EsZUFBZSxHQUFHLENBQUMsT0FBaUI7SUFDN0MsSUFBSSxDQUFDLE9BQU8sRUFBRTtRQUNWLE9BQU8sRUFBRSxDQUFDO0tBQ2I7SUFDRCxPQUFPLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxFQUFFLEdBQUc7UUFDeEMsR0FBRyxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUMsR0FBRyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDbEMsT0FBTyxHQUFHLENBQUM7S0FDZCxFQUFFLEVBQWEsQ0FBQyxDQUFDO0FBQ3RCLEVBQUU7TUFFVyxtQkFBbUIsR0FBRyxDQUFDLEdBQVcsRUFBRSxhQUF1QjtJQUNwRSxNQUFNLFVBQVUsR0FBRyxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDdEMsTUFBTSxRQUFRLEdBQUcsVUFBVSxHQUFHLGtCQUFrQixHQUFHLEVBQUUsQ0FBQztJQUV0RCxNQUFNLGlCQUFpQixHQUFHLGFBQWEsS0FBSyxTQUFTLEdBQUcsVUFBVSxHQUFHLGFBQWEsQ0FBQztJQUNuRixNQUFNLFdBQVcsR0FBRyxpQkFBaUIsR0FBRyxxQkFBcUIsR0FBRyxFQUFFLENBQUM7SUFFbkUsT0FBTyxFQUFFLEdBQUcsUUFBUSxFQUFFLEdBQUcsV0FBVyxFQUFFLENBQUM7QUFDM0M7Ozs7In0=

package/dist/external/style-inject/dist/style-inject.es.js

@@ -0,0 +1,29 @@
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+export { styleInject as default };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUtaW5qZWN0LmVzLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9ub2RlX21vZHVsZXMvc3R5bGUtaW5qZWN0L2Rpc3Qvc3R5bGUtaW5qZWN0LmVzLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImZ1bmN0aW9uIHN0eWxlSW5qZWN0KGNzcywgcmVmKSB7XG4gIGlmICggcmVmID09PSB2b2lkIDAgKSByZWYgPSB7fTtcbiAgdmFyIGluc2VydEF0ID0gcmVmLmluc2VydEF0O1xuXG4gIGlmICghY3NzIHx8IHR5cGVvZiBkb2N1bWVudCA9PT0gJ3VuZGVmaW5lZCcpIHsgcmV0dXJuOyB9XG5cbiAgdmFyIGhlYWQgPSBkb2N1bWVudC5oZWFkIHx8IGRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCdoZWFkJylbMF07XG4gIHZhciBzdHlsZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3N0eWxlJyk7XG4gIHN0eWxlLnR5cGUgPSAndGV4dC9jc3MnO1xuXG4gIGlmIChpbnNlcnRBdCA9PT0gJ3RvcCcpIHtcbiAgICBpZiAoaGVhZC5maXJzdENoaWxkKSB7XG4gICAgICBoZWFkLmluc2VydEJlZm9yZShzdHlsZSwgaGVhZC5maXJzdENoaWxkKTtcbiAgICB9IGVsc2Uge1xuICAgICAgaGVhZC5hcHBlbmRDaGlsZChzdHlsZSk7XG4gICAgfVxuICB9IGVsc2Uge1xuICAgIGhlYWQuYXBwZW5kQ2hpbGQoc3R5bGUpO1xuICB9XG5cbiAgaWYgKHN0eWxlLnN0eWxlU2hlZXQpIHtcbiAgICBzdHlsZS5zdHlsZVNoZWV0LmNzc1RleHQgPSBjc3M7XG4gIH0gZWxzZSB7XG4gICAgc3R5bGUuYXBwZW5kQ2hpbGQoZG9jdW1lbnQuY3JlYXRlVGV4dE5vZGUoY3NzKSk7XG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVJbmplY3Q7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsU0FBUyxXQUFXLENBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRTtBQUMvQixFQUFFLEtBQUssR0FBRyxLQUFLLEtBQUssQ0FBQyxHQUFHLEdBQUcsR0FBRyxFQUFFLENBQUM7QUFDakMsRUFBRSxJQUFJLFFBQVEsR0FBRyxHQUFHLENBQUMsUUFBUSxDQUFDO0FBQzlCO0FBQ0EsRUFBRSxJQUFJLENBQUMsR0FBRyxJQUFJLE9BQU8sUUFBUSxLQUFLLFdBQVcsRUFBRSxFQUFFLE9BQU8sRUFBRTtBQUMxRDtBQUNBLEVBQUUsSUFBSSxJQUFJLEdBQUcsUUFBUSxDQUFDLElBQUksSUFBSSxRQUFRLENBQUMsb0JBQW9CLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDdkUsRUFBRSxJQUFJLEtBQUssR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0FBQzlDLEVBQUUsS0FBSyxDQUFDLElBQUksR0FBRyxVQUFVLENBQUM7QUFDMUI7QUFDQSxFQUFFLElBQUksUUFBUSxLQUFLLEtBQUssRUFBRTtBQUMxQixJQUFJLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtBQUN6QixNQUFNLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztBQUNoRCxLQUFLLE1BQU07QUFDWCxNQUFNLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7QUFDOUIsS0FBSztBQUNMLEdBQUcsTUFBTTtBQUNULElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQztBQUM1QixHQUFHO0FBQ0g7QUFDQSxFQUFFLElBQUksS0FBSyxDQUFDLFVBQVUsRUFBRTtBQUN4QixJQUFJLEtBQUssQ0FBQyxVQUFVLENBQUMsT0FBTyxHQUFHLEdBQUcsQ0FBQztBQUNuQyxHQUFHLE1BQU07QUFDVCxJQUFJLEtBQUssQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0FBQ3BELEdBQUc7QUFDSDs7OzsifQ==

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export { VERSION } from './version';
+export * from './color-scheme';
+export * from './css-module';
+export * from './dom/props';
+export * from './keyboard';
+export * from './layout';
+export * from './location';
+export * from './theme';
+export * from './types';
+export * from './url';

package/dist/index.js

@@ -0,0 +1,25 @@
+export { VERSION } from './version.js';
+export { globalClasses, localClasses, safeClassName } from './css-module/index.js';
+export { getDatasetProps, getExternalUrlProps } from './dom/props/index.js';
+export { mapEdgeKeyToStandard } from './keyboard/index.js';
+export { currentHref, currentProtocol } from './location/index.js';
+export { isExternalUrl } from './url/index.js';
+export { colorSchemes } from './color-scheme/colorSchemes.js';
+export { COLOR_SCHEME_DEFAULT } from './color-scheme/constants.js';
+export { ColorScheme } from './color-scheme/classes/ColorScheme.js';
+export { ColorSchemeProvider } from './color-scheme/providers/ColorSchemeProvider.js';
+export { useColorScheme } from './color-scheme/hooks/useColorScheme.js';
+export { withColorScheme } from './color-scheme/hocs/withColorScheme.js';
+export { useLayoutClassNames } from './layout/hooks/useLayoutClassNames.js';
+export { useLayoutFlexClassNames } from './layout/hooks/useLayoutFlexClassNames.js';
+export { useLayoutGridClassNames } from './layout/hooks/useLayoutGridClassNames.js';
+export { useLayoutStyles } from './layout/hooks/useLayoutStyles.js';
+export { useLayoutGridStyles } from './layout/hooks/useLayoutGridStyles.js';
+export { Theme } from './theme/classes/Theme.js';
+export { ThemesProvider } from './theme/providers/ThemesProvider.js';
+export { ThemeProvider } from './theme/providers/ThemeProvider.js';
+export { useTheme } from './theme/hooks/useTheme.js';
+export { useThemes } from './theme/hooks/useThemes.js';
+export { useSetTheme } from './theme/hooks/useSetTheme.js';
+export { withTheme } from './theme/hocs/withTheme.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==

package/dist/keyboard/index.d.ts

@@ -0,0 +1 @@
+export declare const mapEdgeKeyToStandard: (key: string) => string;

package/dist/keyboard/index.js

@@ -0,0 +1,21 @@
+const MAP_EDGE_KEY_TO_STANDARD = {
+    Win: 'Meta',
+    Scroll: 'ScrollLock',
+    Spacebar: ' ',
+    Down: 'ArrowDown',
+    Left: 'ArrowLeft',
+    Right: 'ArrowRight',
+    Up: 'ArrowUp',
+    Del: 'Delete',
+    Apps: 'ContextMenu',
+    Esc: 'Escape',
+    Multiply: '*',
+    Add: '+',
+    Subtract: '-',
+    Decimal: '.',
+    Divide: '/',
+};
+const mapEdgeKeyToStandard = (key) => MAP_EDGE_KEY_TO_STANDARD[key] || key;
+
+export { mapEdgeKeyToStandard };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9rZXlib2FyZC9pbmRleC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJ0eXBlIEtleU1hcCA9IHsgW2tleTogc3RyaW5nXTogc3RyaW5nIH07XG5cbmNvbnN0IE1BUF9FREdFX0tFWV9UT19TVEFOREFSRDogS2V5TWFwID0ge1xuICAgIFdpbjogJ01ldGEnLFxuICAgIFNjcm9sbDogJ1Njcm9sbExvY2snLFxuICAgIFNwYWNlYmFyOiAnICcsXG4gICAgRG93bjogJ0Fycm93RG93bicsXG4gICAgTGVmdDogJ0Fycm93TGVmdCcsXG4gICAgUmlnaHQ6ICdBcnJvd1JpZ2h0JyxcbiAgICBVcDogJ0Fycm93VXAnLFxuICAgIERlbDogJ0RlbGV0ZScsXG4gICAgQXBwczogJ0NvbnRleHRNZW51JyxcbiAgICBFc2M6ICdFc2NhcGUnLFxuICAgIE11bHRpcGx5OiAnKicsXG4gICAgQWRkOiAnKycsXG4gICAgU3VidHJhY3Q6ICctJyxcbiAgICBEZWNpbWFsOiAnLicsXG4gICAgRGl2aWRlOiAnLycsXG59O1xuXG5leHBvcnQgY29uc3QgbWFwRWRnZUtleVRvU3RhbmRhcmQgPSAoa2V5OiBzdHJpbmcpOiBzdHJpbmcgPT4gTUFQX0VER0VfS0VZX1RPX1NUQU5EQVJEW2tleV0gfHwga2V5O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sd0JBQXdCLEdBQVc7SUFDckMsR0FBRyxFQUFFLE1BQU07SUFDWCxNQUFNLEVBQUUsWUFBWTtJQUNwQixRQUFRLEVBQUUsR0FBRztJQUNiLElBQUksRUFBRSxXQUFXO0lBQ2pCLElBQUksRUFBRSxXQUFXO0lBQ2pCLEtBQUssRUFBRSxZQUFZO0lBQ25CLEVBQUUsRUFBRSxTQUFTO0lBQ2IsR0FBRyxFQUFFLFFBQVE7SUFDYixJQUFJLEVBQUUsYUFBYTtJQUNuQixHQUFHLEVBQUUsUUFBUTtJQUNiLFFBQVEsRUFBRSxHQUFHO0lBQ2IsR0FBRyxFQUFFLEdBQUc7SUFDUixRQUFRLEVBQUUsR0FBRztJQUNiLE9BQU8sRUFBRSxHQUFHO0lBQ1osTUFBTSxFQUFFLEdBQUc7Q0FDZCxDQUFDO01BRVcsb0JBQW9CLEdBQUcsQ0FBQyxHQUFXLEtBQWEsd0JBQXdCLENBQUMsR0FBRyxDQUFDLElBQUk7Ozs7In0=

package/dist/layout/hooks/useLayoutClassNames.d.ts

@@ -0,0 +1,4 @@
+import type { OptionalLayoutProps } from '@preply/ds-core';
+declare type Hook = (props?: OptionalLayoutProps) => string[];
+export declare const useLayoutClassNames: Hook;
+export {};

package/dist/layout/hooks/useLayoutClassNames.js

@@ -0,0 +1,12 @@
+import { useLayoutFlexClassNames } from './useLayoutFlexClassNames.js';
+import { useLayoutGridClassNames } from './useLayoutGridClassNames.js';
+
+const useLayoutClassNames = props => {
+    var _a, _b;
+    const gridClassNames = useLayoutGridClassNames(props === null || props === void 0 ? void 0 : props.layout, (_a = props) === null || _a === void 0 ? void 0 : _a.grid);
+    const flexClassNames = useLayoutFlexClassNames(props === null || props === void 0 ? void 0 : props.layout, (_b = props) === null || _b === void 0 ? void 0 : _b.flex);
+    return [...gridClassNames, ...flexClassNames];
+};
+
+export { useLayoutClassNames };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0Q2xhc3NOYW1lcy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xheW91dC9ob29rcy91c2VMYXlvdXRDbGFzc05hbWVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHtcbiAgICBPcHRpb25hbExheW91dEZsZXhQcm9wcyxcbiAgICBPcHRpb25hbExheW91dEdyaWRQcm9wcyxcbiAgICBPcHRpb25hbExheW91dFByb3BzLFxufSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuXG5pbXBvcnQgeyB1c2VMYXlvdXRGbGV4Q2xhc3NOYW1lcyB9IGZyb20gJy4vdXNlTGF5b3V0RmxleENsYXNzTmFtZXMnO1xuaW1wb3J0IHsgdXNlTGF5b3V0R3JpZENsYXNzTmFtZXMgfSBmcm9tICcuL3VzZUxheW91dEdyaWRDbGFzc05hbWVzJztcblxudHlwZSBIb29rID0gKHByb3BzPzogT3B0aW9uYWxMYXlvdXRQcm9wcykgPT4gc3RyaW5nW107XG5cbmV4cG9ydCBjb25zdCB1c2VMYXlvdXRDbGFzc05hbWVzOiBIb29rID0gcHJvcHMgPT4ge1xuICAgIGNvbnN0IGdyaWRDbGFzc05hbWVzID0gdXNlTGF5b3V0R3JpZENsYXNzTmFtZXMoXG4gICAgICAgIHByb3BzPy5sYXlvdXQsXG4gICAgICAgIChwcm9wcyBhcyBPcHRpb25hbExheW91dEdyaWRQcm9wcyk/LmdyaWQsXG4gICAgKTtcbiAgICBjb25zdCBmbGV4Q2xhc3NOYW1lcyA9IHVzZUxheW91dEZsZXhDbGFzc05hbWVzKFxuICAgICAgICBwcm9wcz8ubGF5b3V0LFxuICAgICAgICAocHJvcHMgYXMgT3B0aW9uYWxMYXlvdXRGbGV4UHJvcHMpPy5mbGV4LFxuICAgICk7XG4gICAgcmV0dXJuIFsuLi5ncmlkQ2xhc3NOYW1lcywgLi4uZmxleENsYXNzTmFtZXNdO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7TUFXYSxtQkFBbUIsR0FBUyxLQUFLOztJQUMxQyxNQUFNLGNBQWMsR0FBRyx1QkFBdUIsQ0FDMUMsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLE1BQU0sUUFDWixLQUFpQywwQ0FBRSxJQUFJLENBQzNDLENBQUM7SUFDRixNQUFNLGNBQWMsR0FBRyx1QkFBdUIsQ0FDMUMsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLE1BQU0sUUFDWixLQUFpQywwQ0FBRSxJQUFJLENBQzNDLENBQUM7SUFDRixPQUFPLENBQUMsR0FBRyxjQUFjLEVBQUUsR0FBRyxjQUFjLENBQUMsQ0FBQztBQUNsRDs7OzsifQ==

package/dist/layout/hooks/useLayoutFlexClassNames.d.ts

@@ -0,0 +1,4 @@
+import type { LayoutFlexProps, LayoutType } from '@preply/ds-core';
+declare type Hook = (layout?: LayoutType, props?: LayoutFlexProps) => string[];
+export declare const useLayoutFlexClassNames: Hook;
+export {};

package/dist/layout/hooks/useLayoutFlexClassNames.js

@@ -0,0 +1,24 @@
+import { LAYOUT_GAP_DEFAULT } from '@preply/ds-core';
+import { safeClassName, localClasses } from '../../css-module/index.js';
+import styles from '../style/index.module.less.js';
+
+const LAYOUT_FLEX = 'LayoutFlex';
+const useLayoutFlexClassNames = (layout, props) => {
+    const { gap = LAYOUT_GAP_DEFAULT, nowrap, column, reverse, justifyContent, alignItems, inline, } = props || {};
+    return layout === 'flex'
+        ? [
+            safeClassName(styles, LAYOUT_FLEX),
+            ...localClasses(styles, LAYOUT_FLEX, [
+                ['gap', gap],
+                [inline ? 'inline' : undefined],
+                [nowrap ? 'nowrap' : undefined],
+                [column ? 'column' : 'row', reverse ? 'rev' : 'fwd'],
+                ['justify-content', justifyContent],
+                ['align-items', alignItems],
+            ]),
+        ]
+        : [];
+};
+
+export { useLayoutFlexClassNames };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0RmxleENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRGbGV4UHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgTEFZT1VUX0dBUF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgbG9jYWxDbGFzc2VzLCBzYWZlQ2xhc3NOYW1lIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZSc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4uL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgTEFZT1VUX0ZMRVggPSAnTGF5b3V0RmxleCc7XG5cbnR5cGUgSG9vayA9IChsYXlvdXQ/OiBMYXlvdXRUeXBlLCBwcm9wcz86IExheW91dEZsZXhQcm9wcykgPT4gc3RyaW5nW107XG5cbmV4cG9ydCBjb25zdCB1c2VMYXlvdXRGbGV4Q2xhc3NOYW1lczogSG9vayA9IChsYXlvdXQsIHByb3BzKSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgICBnYXAgPSBMQVlPVVRfR0FQX0RFRkFVTFQsXG4gICAgICAgIG5vd3JhcCxcbiAgICAgICAgY29sdW1uLFxuICAgICAgICByZXZlcnNlLFxuICAgICAgICBqdXN0aWZ5Q29udGVudCxcbiAgICAgICAgYWxpZ25JdGVtcyxcbiAgICAgICAgaW5saW5lLFxuICAgIH0gPSBwcm9wcyB8fCB7fTtcbiAgICByZXR1cm4gbGF5b3V0ID09PSAnZmxleCdcbiAgICAgICAgPyBbXG4gICAgICAgICAgICAgIHNhZmVDbGFzc05hbWUoc3R5bGVzLCBMQVlPVVRfRkxFWCksXG4gICAgICAgICAgICAgIC4uLmxvY2FsQ2xhc3NlcyhzdHlsZXMsIExBWU9VVF9GTEVYLCBbXG4gICAgICAgICAgICAgICAgICBbJ2dhcCcsIGdhcF0sXG4gICAgICAgICAgICAgICAgICBbaW5saW5lID8gJ2lubGluZScgOiB1bmRlZmluZWRdLFxuICAgICAgICAgICAgICAgICAgW25vd3JhcCA/ICdub3dyYXAnIDogdW5kZWZpbmVkXSxcbiAgICAgICAgICAgICAgICAgIFtjb2x1bW4gPyAnY29sdW1uJyA6ICdyb3cnLCByZXZlcnNlID8gJ3JldicgOiAnZndkJ10sXG4gICAgICAgICAgICAgICAgICBbJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50XSxcbiAgICAgICAgICAgICAgICAgIFsnYWxpZ24taXRlbXMnLCBhbGlnbkl0ZW1zXSxcbiAgICAgICAgICAgICAgXSksXG4gICAgICAgICAgXVxuICAgICAgICA6IFtdO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBTUEsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO01BSXBCLHVCQUF1QixHQUFTLENBQUMsTUFBTSxFQUFFLEtBQUs7SUFDdkQsTUFBTSxFQUNGLEdBQUcsR0FBRyxrQkFBa0IsRUFDeEIsTUFBTSxFQUNOLE1BQU0sRUFDTixPQUFPLEVBQ1AsY0FBYyxFQUNkLFVBQVUsRUFDVixNQUFNLEdBQ1QsR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBQ2hCLE9BQU8sTUFBTSxLQUFLLE1BQU07VUFDbEI7WUFDSSxhQUFhLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztZQUNsQyxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFO2dCQUNqQyxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUM7Z0JBQ1osQ0FBQyxNQUFNLEdBQUcsUUFBUSxHQUFHLFNBQVMsQ0FBQztnQkFDL0IsQ0FBQyxNQUFNLEdBQUcsUUFBUSxHQUFHLFNBQVMsQ0FBQztnQkFDL0IsQ0FBQyxNQUFNLEdBQUcsUUFBUSxHQUFHLEtBQUssRUFBRSxPQUFPLEdBQUcsS0FBSyxHQUFHLEtBQUssQ0FBQztnQkFDcEQsQ0FBQyxpQkFBaUIsRUFBRSxjQUFjLENBQUM7Z0JBQ25DLENBQUMsYUFBYSxFQUFFLFVBQVUsQ0FBQzthQUM5QixDQUFDO1NBQ0w7VUFDRCxFQUFFLENBQUM7QUFDYjs7OzsifQ==

package/dist/layout/hooks/useLayoutGridClassNames.d.ts

@@ -0,0 +1,4 @@
+import type { LayoutGridProps, LayoutType } from '@preply/ds-core';
+declare type Hook = (layout?: LayoutType, props?: LayoutGridProps) => string[];
+export declare const useLayoutGridClassNames: Hook;
+export {};

package/dist/layout/hooks/useLayoutGridClassNames.js

@@ -0,0 +1,21 @@
+import { LAYOUT_GAP_DEFAULT } from '@preply/ds-core';
+import { safeClassName, localClasses } from '../../css-module/index.js';
+import styles from '../style/index.module.less.js';
+
+const LAYOUT_GRID = 'LayoutGrid';
+const useLayoutGridClassNames = (layout, props) => {
+    const { gap = LAYOUT_GAP_DEFAULT, justifyContent, alignItems } = props || {};
+    return layout === 'grid'
+        ? [
+            safeClassName(styles, LAYOUT_GRID),
+            ...localClasses(styles, LAYOUT_GRID, [
+                ['gap', gap],
+                ['justify-content', justifyContent],
+                ['align-items', alignItems],
+            ]),
+        ]
+        : [];
+};
+
+export { useLayoutGridClassNames };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0R3JpZENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0R3JpZENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRHcmlkUHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgTEFZT1VUX0dBUF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgbG9jYWxDbGFzc2VzLCBzYWZlQ2xhc3NOYW1lIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZSc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4uL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgTEFZT1VUX0dSSUQgPSAnTGF5b3V0R3JpZCc7XG5cbnR5cGUgSG9vayA9IChsYXlvdXQ/OiBMYXlvdXRUeXBlLCBwcm9wcz86IExheW91dEdyaWRQcm9wcykgPT4gc3RyaW5nW107XG5cbmV4cG9ydCBjb25zdCB1c2VMYXlvdXRHcmlkQ2xhc3NOYW1lczogSG9vayA9IChsYXlvdXQsIHByb3BzKSA9PiB7XG4gICAgY29uc3QgeyBnYXAgPSBMQVlPVVRfR0FQX0RFRkFVTFQsIGp1c3RpZnlDb250ZW50LCBhbGlnbkl0ZW1zIH0gPSBwcm9wcyB8fCB7fTtcbiAgICByZXR1cm4gbGF5b3V0ID09PSAnZ3JpZCdcbiAgICAgICAgPyBbXG4gICAgICAgICAgICAgIHNhZmVDbGFzc05hbWUoc3R5bGVzLCBMQVlPVVRfR1JJRCksXG4gICAgICAgICAgICAgIC4uLmxvY2FsQ2xhc3NlcyhzdHlsZXMsIExBWU9VVF9HUklELCBbXG4gICAgICAgICAgICAgICAgICBbJ2dhcCcsIGdhcF0sXG4gICAgICAgICAgICAgICAgICBbJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50XSxcbiAgICAgICAgICAgICAgICAgIFsnYWxpZ24taXRlbXMnLCBhbGlnbkl0ZW1zXSxcbiAgICAgICAgICAgICAgXSksXG4gICAgICAgICAgXVxuICAgICAgICA6IFtdO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBTUEsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO01BSXBCLHVCQUF1QixHQUFTLENBQUMsTUFBTSxFQUFFLEtBQUs7SUFDdkQsTUFBTSxFQUFFLEdBQUcsR0FBRyxrQkFBa0IsRUFBRSxjQUFjLEVBQUUsVUFBVSxFQUFFLEdBQUcsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUM3RSxPQUFPLE1BQU0sS0FBSyxNQUFNO1VBQ2xCO1lBQ0ksYUFBYSxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7WUFDbEMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtnQkFDakMsQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDO2dCQUNaLENBQUMsaUJBQWlCLEVBQUUsY0FBYyxDQUFDO2dCQUNuQyxDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUM7YUFDOUIsQ0FBQztTQUNMO1VBQ0QsRUFBRSxDQUFDO0FBQ2I7Ozs7In0=

package/dist/layout/hooks/useLayoutGridStyles.d.ts

@@ -0,0 +1,5 @@
+import type { LayoutGridProps } from '@preply/ds-core';
+import { CSSProperties } from 'react';
+declare type Hook = (props?: LayoutGridProps) => CSSProperties;
+export declare const useLayoutGridStyles: Hook;
+export {};

package/dist/layout/hooks/useLayoutGridStyles.js

@@ -0,0 +1,10 @@
+const useLayoutGridStyles = props => {
+    const { columns } = props || {};
+    const gridTemplateColumns = typeof columns === 'number' ? `repeat(${columns}, 1fr)` : columns === null || columns === void 0 ? void 0 : columns.join(' ');
+    return {
+        gridTemplateColumns,
+    };
+};
+
+export { useLayoutGridStyles };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0R3JpZFN0eWxlcy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xheW91dC9ob29rcy91c2VMYXlvdXRHcmlkU3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTGF5b3V0R3JpZFByb3BzIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tICdyZWFjdCc7XG5cbnR5cGUgSG9vayA9IChwcm9wcz86IExheW91dEdyaWRQcm9wcykgPT4gQ1NTUHJvcGVydGllcztcblxuZXhwb3J0IGNvbnN0IHVzZUxheW91dEdyaWRTdHlsZXM6IEhvb2sgPSBwcm9wcyA9PiB7XG4gICAgY29uc3QgeyBjb2x1bW5zIH0gPSBwcm9wcyB8fCB7fTtcblxuICAgIGNvbnN0IGdyaWRUZW1wbGF0ZUNvbHVtbnMgPVxuICAgICAgICB0eXBlb2YgY29sdW1ucyA9PT0gJ251bWJlcicgPyBgcmVwZWF0KCR7Y29sdW1uc30sIDFmcilgIDogY29sdW1ucz8uam9pbignICcpO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucyxcbiAgICB9O1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiTUFLYSxtQkFBbUIsR0FBUyxLQUFLO0lBQzFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBRWhDLE1BQU0sbUJBQW1CLEdBQ3JCLE9BQU8sT0FBTyxLQUFLLFFBQVEsR0FBRyxVQUFVLE9BQU8sUUFBUSxHQUFHLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFFakYsT0FBTztRQUNILG1CQUFtQjtLQUN0QixDQUFDO0FBQ047Ozs7In0=

package/dist/layout/hooks/useLayoutStyles.d.ts

@@ -0,0 +1,5 @@
+import type { OptionalLayoutProps } from '@preply/ds-core';
+import { CSSProperties } from 'react';
+declare type Hook = (props?: OptionalLayoutProps) => CSSProperties;
+export declare const useLayoutStyles: Hook;
+export {};

package/dist/layout/hooks/useLayoutStyles.js

@@ -0,0 +1,9 @@
+import { useLayoutGridStyles } from './useLayoutGridStyles.js';
+
+const useLayoutStyles = props => {
+    const gridStyles = useLayoutGridStyles(props.grid);
+    return (props === null || props === void 0 ? void 0 : props.layout) === 'grid' ? gridStyles : {};
+};
+
+export { useLayoutStyles };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0U3R5bGVzLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGF5b3V0L2hvb2tzL3VzZUxheW91dFN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7XG4gICAgTGF5b3V0R3JpZFByb3BzLFxuICAgIE9wdGlvbmFsTGF5b3V0R3JpZFByb3BzLFxuICAgIE9wdGlvbmFsTGF5b3V0UHJvcHMsXG59IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB1c2VMYXlvdXRHcmlkU3R5bGVzIH0gZnJvbSAnLi91c2VMYXlvdXRHcmlkU3R5bGVzJztcblxudHlwZSBIb29rID0gKHByb3BzPzogT3B0aW9uYWxMYXlvdXRQcm9wcykgPT4gQ1NTUHJvcGVydGllcztcblxuZXhwb3J0IGNvbnN0IHVzZUxheW91dFN0eWxlczogSG9vayA9IHByb3BzID0+IHtcbiAgICBjb25zdCBncmlkU3R5bGVzID0gdXNlTGF5b3V0R3JpZFN0eWxlcyhcbiAgICAgICAgKHByb3BzIGFzIE9wdGlvbmFsTGF5b3V0R3JpZFByb3BzKS5ncmlkIGFzIExheW91dEdyaWRQcm9wcyxcbiAgICApO1xuICAgIHJldHVybiBwcm9wcz8ubGF5b3V0ID09PSAnZ3JpZCcgPyBncmlkU3R5bGVzIDoge307XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O01BV2EsZUFBZSxHQUFTLEtBQUs7SUFDdEMsTUFBTSxVQUFVLEdBQUcsbUJBQW1CLENBQ2pDLEtBQWlDLENBQUMsSUFBdUIsQ0FDN0QsQ0FBQztJQUNGLE9BQU8sQ0FBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsTUFBTSxNQUFLLE1BQU0sR0FBRyxVQUFVLEdBQUcsRUFBRSxDQUFDO0FBQ3REOzs7OyJ9