@preply/ds-web-root 0.4.3-beta.34

package/README.md

@@ -0,0 +1,50 @@
+# `@preply/ds-web-root`
+
+> Root provider (+ themes) for web applications.
+
+## Using the Design System in your application or library?
+
+Follow the instructions in [@preply/ds-workspace](../../README.md).
+
+**tl;dr:**
+
+```tsx
+import { RootProvider } from `@preply/ds-web-root`;
+import { Heading } from `@preply/ds-web-lib`;
+
+export const App: FC = () => (
+  <RootProvider>
+    <Heading level="h1">Hello!</Heading>
+  </RootProvider>
+);
+```
+
+## 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/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,3 @@
+export * from './options';
+export * from './root';
+export * from './themes';

package/dist/index.js

@@ -0,0 +1,5 @@
+export { options } from './options/index.js';
+export { themes } from './themes/index.js';
+export { RootProvider } from './root/providers/RootProvider.js';
+export { Root } from './root/components/Root.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7In0=

package/dist/options/index.d.ts

@@ -0,0 +1,3 @@
+export declare const options: {
+    THEME: Record<import("@preply/ds-core").ThemeName, string>;
+};

package/dist/options/index.js

@@ -0,0 +1,8 @@
+import { THEME } from './theme.options.js';
+
+const options = {
+    THEME,
+};
+
+export { options };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9vcHRpb25zL2luZGV4LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRIRU1FIH0gZnJvbSAnLi90aGVtZS5vcHRpb25zJztcblxuZXhwb3J0IGNvbnN0IG9wdGlvbnMgPSB7XG4gICAgVEhFTUUsXG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O01BRWEsT0FBTyxHQUFHO0lBQ25CLEtBQUs7Ozs7OyJ9

package/dist/options/theme.options.d.ts

@@ -0,0 +1,2 @@
+import { ThemeName } from '@preply/ds-core';
+export declare const THEME: Record<ThemeName, string>;

package/dist/options/theme.options.js

@@ -0,0 +1,7 @@
+const THEME = {
+    'preply-ui': 'preply-ui',
+    'base-ui': 'base-ui',
+};
+
+export { THEME };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUub3B0aW9ucy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL29wdGlvbnMvdGhlbWUub3B0aW9ucy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUaGVtZU5hbWUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuXG5leHBvcnQgY29uc3QgVEhFTUU6IFJlY29yZDxUaGVtZU5hbWUsIHN0cmluZz4gPSB7XG4gICAgJ3ByZXBseS11aSc6ICdwcmVwbHktdWknLFxuICAgICdiYXNlLXVpJzogJ2Jhc2UtdWknLFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiTUFFYSxLQUFLLEdBQThCO0lBQzVDLFdBQVcsRUFBRSxXQUFXO0lBQ3hCLFNBQVMsRUFBRSxTQUFTOzs7OzsifQ==

package/dist/root/components/Root.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export interface RootProps {
+    tag?: keyof JSX.IntrinsicElements;
+    target?: string;
+}
+export declare const Root: FC<RootProps>;

package/dist/root/components/Root.js

@@ -0,0 +1,34 @@
+import { useTheme, useColorScheme } from '@preply/ds-web-core';
+import React, { useState, useMemo, useEffect } from 'react';
+import styles from '../../styles/index.module.less.js';
+
+const ROOT_CLASS_NAME = styles['ds-root'];
+const Root = ({ tag, target, children }) => {
+    const { theme } = useTheme();
+    const { colorScheme } = useColorScheme();
+    const [previousClassNames, setPreviousClassNames] = useState([]);
+    const Tag = tag || 'div';
+    const classNames = useMemo(() => [
+        ROOT_CLASS_NAME,
+        ...theme.getClassName().split(' '),
+        ...colorScheme.getClassName().split(' '),
+    ], [colorScheme, theme]);
+    useEffect(() => {
+        if (target) {
+            const el = document.getElementById(target);
+            if (!el) {
+                throw new Error(`Target element not found: "${target}"`);
+            }
+            el.classList.remove(...previousClassNames);
+            el.classList.add(...classNames);
+        }
+        setPreviousClassNames(classNames);
+    }, [classNames, previousClassNames, target]);
+    if (target) {
+        return React.createElement(React.Fragment, null, children);
+    }
+    return React.createElement(Tag, { className: classNames.join(' ') }, children);
+};
+
+export { Root };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm9vdC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3Jvb3QvY29tcG9uZW50cy9Sb290LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDb2xvclNjaGVtZSwgdXNlVGhlbWUgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuLi8uLi9zdHlsZXMvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFJvb3RQcm9wcyB7XG4gICAgdGFnPzoga2V5b2YgSlNYLkludHJpbnNpY0VsZW1lbnRzO1xuICAgIHRhcmdldD86IHN0cmluZztcbn1cblxuY29uc3QgUk9PVF9DTEFTU19OQU1FID0gc3R5bGVzWydkcy1yb290J107XG5cbmV4cG9ydCBjb25zdCBSb290OiBGQzxSb290UHJvcHM+ID0gKHsgdGFnLCB0YXJnZXQsIGNoaWxkcmVuIH0pID0+IHtcbiAgICBjb25zdCB7IHRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuICAgIGNvbnN0IHsgY29sb3JTY2hlbWUgfSA9IHVzZUNvbG9yU2NoZW1lKCk7XG4gICAgY29uc3QgW3ByZXZpb3VzQ2xhc3NOYW1lcywgc2V0UHJldmlvdXNDbGFzc05hbWVzXSA9IHVzZVN0YXRlPHN0cmluZ1tdPihbXSk7XG5cbiAgICBjb25zdCBUYWcgPSB0YWcgfHwgJ2Rpdic7XG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IHVzZU1lbW8oXG4gICAgICAgICgpID0+IFtcbiAgICAgICAgICAgIFJPT1RfQ0xBU1NfTkFNRSxcbiAgICAgICAgICAgIC4uLnRoZW1lLmdldENsYXNzTmFtZSgpLnNwbGl0KCcgJyksXG4gICAgICAgICAgICAuLi5jb2xvclNjaGVtZS5nZXRDbGFzc05hbWUoKS5zcGxpdCgnICcpLFxuICAgICAgICBdLFxuICAgICAgICBbY29sb3JTY2hlbWUsIHRoZW1lXSxcbiAgICApO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHRhcmdldCkge1xuICAgICAgICAgICAgY29uc3QgZWwgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0YXJnZXQpO1xuICAgICAgICAgICAgaWYgKCFlbCkge1xuICAgICAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgVGFyZ2V0IGVsZW1lbnQgbm90IGZvdW5kOiBcIiR7dGFyZ2V0fVwiYCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbC5jbGFzc0xpc3QucmVtb3ZlKC4uLnByZXZpb3VzQ2xhc3NOYW1lcyk7XG4gICAgICAgICAgICBlbC5jbGFzc0xpc3QuYWRkKC4uLmNsYXNzTmFtZXMpO1xuICAgICAgICB9XG4gICAgICAgIHNldFByZXZpb3VzQ2xhc3NOYW1lcyhjbGFzc05hbWVzKTtcbiAgICB9LCBbY2xhc3NOYW1lcywgcHJldmlvdXNDbGFzc05hbWVzLCB0YXJnZXRdKTtcblxuICAgIGlmICh0YXJnZXQpIHtcbiAgICAgICAgcmV0dXJuIDw+e2NoaWxkcmVufTwvPjtcbiAgICB9XG5cbiAgICByZXR1cm4gPFRhZyBjbGFzc05hbWU9e2NsYXNzTmFtZXMuam9pbignICcpfT57Y2hpbGRyZW59PC9UYWc+O1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBVUEsTUFBTSxlQUFlLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO01BRTdCLElBQUksR0FBa0IsQ0FBQyxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFO0lBQ3pELE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxRQUFRLEVBQUUsQ0FBQztJQUM3QixNQUFNLEVBQUUsV0FBVyxFQUFFLEdBQUcsY0FBYyxFQUFFLENBQUM7SUFDekMsTUFBTSxDQUFDLGtCQUFrQixFQUFFLHFCQUFxQixDQUFDLEdBQUcsUUFBUSxDQUFXLEVBQUUsQ0FBQyxDQUFDO0lBRTNFLE1BQU0sR0FBRyxHQUFHLEdBQUcsSUFBSSxLQUFLLENBQUM7SUFDekIsTUFBTSxVQUFVLEdBQUcsT0FBTyxDQUN0QixNQUFNO1FBQ0YsZUFBZTtRQUNmLEdBQUcsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUM7UUFDbEMsR0FBRyxXQUFXLENBQUMsWUFBWSxFQUFFLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQztLQUMzQyxFQUNELENBQUMsV0FBVyxFQUFFLEtBQUssQ0FBQyxDQUN2QixDQUFDO0lBRUYsU0FBUyxDQUFDO1FBQ04sSUFBSSxNQUFNLEVBQUU7WUFDUixNQUFNLEVBQUUsR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQzNDLElBQUksQ0FBQyxFQUFFLEVBQUU7Z0JBQ0wsTUFBTSxJQUFJLEtBQUssQ0FBQyw4QkFBOEIsTUFBTSxHQUFHLENBQUMsQ0FBQzthQUM1RDtZQUNELEVBQUUsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLEdBQUcsa0JBQWtCLENBQUMsQ0FBQztZQUMzQyxFQUFFLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxHQUFHLFVBQVUsQ0FBQyxDQUFDO1NBQ25DO1FBQ0QscUJBQXFCLENBQUMsVUFBVSxDQUFDLENBQUM7S0FDckMsRUFBRSxDQUFDLFVBQVUsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBRTdDLElBQUksTUFBTSxFQUFFO1FBQ1IsT0FBTywwQ0FBRyxRQUFRLENBQUksQ0FBQztLQUMxQjtJQUVELE9BQU8sb0JBQUMsR0FBRyxJQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxDQUFDO0FBQ2xFOzs7OyJ9

package/dist/root/index.d.ts

@@ -0,0 +1,3 @@
+export type { RootProviderProps } from './providers/RootProvider';
+export { RootProvider } from './providers/RootProvider';
+export { Root } from './components/Root';

package/dist/root/index.js

@@ -0,0 +1,3 @@
+export { RootProvider } from './providers/RootProvider.js';
+export { Root } from './components/Root.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/dist/root/providers/RootProvider.d.ts

@@ -0,0 +1,9 @@
+import type { ColorSchemeName, ThemeName } from '@preply/ds-core';
+import { FC } from 'react';
+export interface RootProviderProps {
+    theme?: ThemeName;
+    colorScheme?: ColorSchemeName;
+    tag?: keyof JSX.IntrinsicElements;
+    target?: string;
+}
+export declare const RootProvider: FC<RootProviderProps>;

package/dist/root/providers/RootProvider.js

@@ -0,0 +1,13 @@
+import { THEME_DEFAULT, COLOR_SCHEME_DEFAULT } from '@preply/ds-core';
+import { ThemesProvider, colorSchemes, ThemeProvider, ColorSchemeProvider } from '@preply/ds-web-core';
+import React from 'react';
+import { themes } from '../../themes/index.js';
+import { Root } from '../components/Root.js';
+
+const RootProvider = ({ theme = THEME_DEFAULT, colorScheme = COLOR_SCHEME_DEFAULT, tag, target, children, }) => (React.createElement(ThemesProvider, { themes: Object.values(themes), colorSchemes: colorSchemes },
+    React.createElement(ThemeProvider, { theme: theme },
+        React.createElement(ColorSchemeProvider, { colorScheme: colorScheme },
+            React.createElement(Root, { tag: tag, target: target }, children)))));
+
+export { RootProvider };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm9vdFByb3ZpZGVyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcm9vdC9wcm92aWRlcnMvUm9vdFByb3ZpZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lTmFtZSwgVGhlbWVOYW1lIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IENPTE9SX1NDSEVNRV9ERUZBVUxULCBUSEVNRV9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgQ29sb3JTY2hlbWVQcm92aWRlcixcbiAgICBUaGVtZVByb3ZpZGVyLFxuICAgIFRoZW1lc1Byb3ZpZGVyLFxuICAgIGNvbG9yU2NoZW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHRoZW1lcyB9IGZyb20gJy4uLy4uL3RoZW1lcyc7XG5pbXBvcnQgeyBSb290IH0gZnJvbSAnLi4vY29tcG9uZW50cy9Sb290JztcblxuZXhwb3J0IGludGVyZmFjZSBSb290UHJvdmlkZXJQcm9wcyB7XG4gICAgdGhlbWU/OiBUaGVtZU5hbWU7XG4gICAgY29sb3JTY2hlbWU/OiBDb2xvclNjaGVtZU5hbWU7XG4gICAgdGFnPzoga2V5b2YgSlNYLkludHJpbnNpY0VsZW1lbnRzO1xuICAgIHRhcmdldD86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFJvb3RQcm92aWRlcjogRkM8Um9vdFByb3ZpZGVyUHJvcHM+ID0gKHtcbiAgICB0aGVtZSA9IFRIRU1FX0RFRkFVTFQsXG4gICAgY29sb3JTY2hlbWUgPSBDT0xPUl9TQ0hFTUVfREVGQVVMVCxcbiAgICB0YWcsXG4gICAgdGFyZ2V0LFxuICAgIGNoaWxkcmVuLFxufSkgPT4gKFxuICAgIDxUaGVtZXNQcm92aWRlciB0aGVtZXM9e09iamVjdC52YWx1ZXModGhlbWVzKX0gY29sb3JTY2hlbWVzPXtjb2xvclNjaGVtZXN9PlxuICAgICAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9PlxuICAgICAgICAgICAgPENvbG9yU2NoZW1lUHJvdmlkZXIgY29sb3JTY2hlbWU9e2NvbG9yU2NoZW1lfT5cbiAgICAgICAgICAgICAgICA8Um9vdCB0YWc9e3RhZ30gdGFyZ2V0PXt0YXJnZXR9PlxuICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgICAgPC9Sb290PlxuICAgICAgICAgICAgPC9Db2xvclNjaGVtZVByb3ZpZGVyPlxuICAgICAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICAgPC9UaGVtZXNQcm92aWRlcj5cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O01Bb0JhLFlBQVksR0FBMEIsQ0FBQyxFQUNoRCxLQUFLLEdBQUcsYUFBYSxFQUNyQixXQUFXLEdBQUcsb0JBQW9CLEVBQ2xDLEdBQUcsRUFDSCxNQUFNLEVBQ04sUUFBUSxHQUNYLE1BQ0csb0JBQUMsY0FBYyxJQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFFLFlBQVksRUFBRSxZQUFZO0lBQ3JFLG9CQUFDLGFBQWEsSUFBQyxLQUFLLEVBQUUsS0FBSztRQUN2QixvQkFBQyxtQkFBbUIsSUFBQyxXQUFXLEVBQUUsV0FBVztZQUN6QyxvQkFBQyxJQUFJLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsTUFBTSxJQUN6QixRQUFRLENBQ04sQ0FDVyxDQUNWLENBQ0g7Ozs7In0=

package/dist/styles/fonts/roboto.less

@@ -0,0 +1 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

package/dist/styles/fonts/roboto.less.js

@@ -0,0 +1,8 @@
+import styleInject from '../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');\n}\n";
+var stylesheet="@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default, stylesheet };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QixxREFBeUQ7QUFDakY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9

package/dist/styles/index.module.less

@@ -0,0 +1,15 @@
+@import 'reset/mixins.less';
+
+.type-base() {
+    font-family: var(--text--type-base--font-family);
+    font-size: var(--text--size-base--font-size);
+    line-height: var(--text--size-base--line-height);
+    color: var(--text--scheme-base-normal--color);
+    -webkit-font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
+}
+
+.ds-root {
+    .reset();
+    .type-base();
+}

package/dist/styles/index.module.less.js

@@ -0,0 +1,9 @@
+import styleInject from '../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".keW0m5 {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  font-family: var(--text--type-base--font-family);\n  font-size: var(--text--size-base--font-size);\n  line-height: var(--text--size-base--line-height);\n  color: var(--text--scheme-base-normal--color);\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n.keW0m5 * {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n.keW0m5 *:before,\n.keW0m5 *:after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n";
+var styles = {"ds-root":"keW0m5"};
+var stylesheet=".keW0m5 {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  font-family: var(--text--type-base--font-family);\n  font-size: var(--text--size-base--font-size);\n  line-height: var(--text--size-base--line-height);\n  color: var(--text--scheme-base-normal--color);\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n.keW0m5 * {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n.keW0m5 *:before,\n.keW0m5 *:after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n";
+styleInject(css_248z);
+
+export { styles as default, stylesheet };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QixrREFBc0Q7QUFDOUU7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7In0=

package/dist/styles/reset/mixins.less

@@ -0,0 +1,11 @@
+.reset() {
+    box-sizing: border-box;
+
+    * {
+        box-sizing: border-box;
+    }
+    *:before,
+    *:after {
+        box-sizing: border-box;
+    }
+}

package/dist/styles/reset/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/themes/index.d.ts

@@ -0,0 +1,3 @@
+import type { ThemeName } from '@preply/ds-core';
+import type { ThemeInterface } from '@preply/ds-web-core';
+export declare const themes: Record<ThemeName, ThemeInterface>;

package/dist/themes/index.js

@@ -0,0 +1,10 @@
+import { theme } from '@preply/ds-theme-base-ui';
+import { theme as theme$1 } from '@preply/ds-theme-preply-ui';
+
+const themes = {
+    'base-ui': theme,
+    'preply-ui': theme$1,
+};
+
+export { themes };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90aGVtZXMvaW5kZXgudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZU5hbWUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgdGhlbWUgYXMgYmFzZVVJIH0gZnJvbSAnQHByZXBseS9kcy10aGVtZS1iYXNlLXVpJztcbmltcG9ydCB7IHRoZW1lIGFzIHByZXBseVVJIH0gZnJvbSAnQHByZXBseS9kcy10aGVtZS1wcmVwbHktdWknO1xuaW1wb3J0IHR5cGUgeyBUaGVtZUludGVyZmFjZSB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuXG5leHBvcnQgY29uc3QgdGhlbWVzOiBSZWNvcmQ8VGhlbWVOYW1lLCBUaGVtZUludGVyZmFjZT4gPSB7XG4gICAgJ2Jhc2UtdWknOiBiYXNlVUksXG4gICAgJ3ByZXBseS11aSc6IHByZXBseVVJLFxufTtcbiJdLCJuYW1lcyI6WyJiYXNlVUkiLCJwcmVwbHlVSSJdLCJtYXBwaW5ncyI6Ijs7O01BS2EsTUFBTSxHQUFzQztJQUNyRCxTQUFTLEVBQUVBLEtBQU07SUFDakIsV0FBVyxFQUFFQyxPQUFROzs7OzsifQ==

package/package.json

@@ -0,0 +1,35 @@
+{
+    "name": "@preply/ds-web-root",
+    "version": "0.4.3-beta.34+62b440f",
+    "publishConfig": {
+        "access": "public"
+    },
+    "main": "dist/index.js",
+    "files": [
+        "dist/"
+    ],
+    "sideEffects": false,
+    "browserslist": "last 2 versions",
+    "scripts": {
+        "clean": "rm -rf dist",
+        "lint": "run --top-level eslint --ext .js,.ts,.tsx,.mdx *.config.js src/",
+        "build": "NODE_ENV=production && run build:rollup",
+        "build:rollup": "run --top-level rollup -c rollup.config.js",
+        "dev": "run build && run build:rollup -w"
+    },
+    "dependencies": {
+        "@preply/ds-core": "^0.4.3-beta.34+62b440f",
+        "@preply/ds-theme-base-ui": "^0.4.3-beta.34+62b440f",
+        "@preply/ds-theme-preply-ui": "^0.4.3-beta.34+62b440f",
+        "@preply/ds-web-core": "^0.4.3-beta.34+62b440f"
+    },
+    "peerDependencies": {
+        "@preply/ds-core": "0.0.0",
+        "@preply/ds-theme-base-ui": "0.0.0",
+        "@preply/ds-theme-preply-ui": "0.0.0",
+        "@preply/ds-web-core": "0.0.0",
+        "react": "^16.8.3",
+        "react-dom": "^16.8.3"
+    },
+    "gitHead": "62b440fd62192714d5273a0a19ab36df02116f77"
+}