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

package/dist/layout/index.d.ts

@@ -0,0 +1,5 @@
+export { useLayoutClassNames } from './hooks/useLayoutClassNames';
+export { useLayoutFlexClassNames } from './hooks/useLayoutFlexClassNames';
+export { useLayoutGridClassNames } from './hooks/useLayoutGridClassNames';
+export { useLayoutStyles } from './hooks/useLayoutStyles';
+export { useLayoutGridStyles } from './hooks/useLayoutGridStyles';

package/dist/layout/index.js

@@ -0,0 +1,6 @@
+export { useLayoutClassNames } from './hooks/useLayoutClassNames.js';
+export { useLayoutFlexClassNames } from './hooks/useLayoutFlexClassNames.js';
+export { useLayoutGridClassNames } from './hooks/useLayoutGridClassNames.js';
+export { useLayoutStyles } from './hooks/useLayoutStyles.js';
+export { useLayoutGridStyles } from './hooks/useLayoutGridStyles.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OyJ9

package/dist/layout/style/common.mixins.less

@@ -0,0 +1,46 @@
+@layout-gap: none, small, base, medium, large;
+@justify-content: center, start, end, space-between, space-around, space-evenly;
+@align-content: center, space-between, space-around, space-evenly, stretch;
+@justify-items: start, center, end, stretch;
+@align-items: center, start, end, stretch, baseline;
+
+.layout-gap() {
+    each(@layout-gap, {
+        &--gap-@{value} {
+            @token: 'gap-@{value}';
+            .gap('layout', @token);
+        }
+    });
+}
+
+.layout-justify-content() {
+    each(@justify-content, {
+        &--justify-content-@{value} {
+            justify-content: @value;
+        }
+  });
+}
+
+.layout-align-content() {
+    each(@align-content, {
+        &--align-content-@{value} {
+            align-content: @value;
+        }
+  });
+}
+
+.layout-justify-items() {
+    each(@justify-items, {
+        &--justify-items-@{value} {
+            justify-items: @value;
+        }
+    });
+}
+
+.layout-align-items() {
+    each(@align-items, {
+        &--align-items-@{value} {
+            align-items: @value;
+        }
+    });
+}

package/dist/layout/style/common.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/layout/style/flex.mixins.less

@@ -0,0 +1,33 @@
+@import '../../theme/style/declarations.mixins.less';
+
+.flex-base() {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.flex-wrap() {
+    &--nowrap {
+        flex-wrap: nowrap;
+    }
+}
+
+.flex-inline() {
+    &--inline {
+        display: inline-flex;
+    }
+}
+
+.flex-direction() {
+    &--row-fwd {
+        flex-direction: row;
+    }
+    &--row-rev {
+        flex-direction: row-reverse;
+    }
+    &--column-fwd {
+        flex-direction: column;
+    }
+    &--column-rev {
+        flex-direction: column-reverse;
+    }
+}

package/dist/layout/style/flex.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/layout/style/grid.mixins.less

@@ -0,0 +1,5 @@
+@import '../../theme/style/declarations.mixins.less';
+
+.grid-base() {
+    display: grid;
+}

package/dist/layout/style/grid.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/layout/style/index.module.less

@@ -0,0 +1,22 @@
+@import './common.mixins.less';
+@import './flex.mixins.less';
+@import './grid.mixins.less';
+
+.LayoutFlex {
+    .flex-base();
+    .flex-wrap();
+    .flex-inline();
+    .layout-gap();
+    .flex-direction();
+    .layout-justify-content();
+    .layout-align-items();
+}
+
+.LayoutGrid {
+    .grid-base();
+    .layout-gap();
+    .layout-justify-content();
+    .layout-align-content();
+    .layout-justify-items();
+    .layout-align-items();
+}

package/dist/layout/style/index.module.less.js

@@ -0,0 +1,9 @@
+import styleInject from '../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "._15uGWh {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n}\n._3rnoor {\n  -ms-flex-wrap: nowrap;\n      flex-wrap: nowrap;\n}\n._1_IXQm {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n._1eu8AB {\n  grid-gap: var(--layout--gap-none--space);\n  gap: var(--layout--gap-none--space);\n}\n._3yYLRc {\n  grid-gap: var(--layout--gap-small--space);\n  gap: var(--layout--gap-small--space);\n}\n._1nDuVC {\n  grid-gap: var(--layout--gap-base--space);\n  gap: var(--layout--gap-base--space);\n}\n.ZknBAf {\n  grid-gap: var(--layout--gap-medium--space);\n  gap: var(--layout--gap-medium--space);\n}\n._1WqO9Z {\n  grid-gap: var(--layout--gap-large--space);\n  gap: var(--layout--gap-large--space);\n}\n.X4eHUe {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n}\n._3_M_4w {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: row-reverse;\n          flex-direction: row-reverse;\n}\n._2ByMq1 {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n}\n._3_8VIk {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: column-reverse;\n          flex-direction: column-reverse;\n}\n._3Aw3T1 {\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n._10X-3Q {\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: start;\n}\n._33a0v9 {\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: end;\n}\n._3qMVGq {\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n._2REBgi {\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n}\n._3zq1C_ {\n  -webkit-box-pack: space-evenly;\n      -ms-flex-pack: space-evenly;\n          justify-content: space-evenly;\n}\n.hUFwKI {\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n._1BOjPg {\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: start;\n}\n._3AQmNs {\n  -webkit-box-align: end;\n      -ms-flex-align: end;\n          align-items: end;\n}\n._3orDH1 {\n  -webkit-box-align: stretch;\n      -ms-flex-align: stretch;\n          align-items: stretch;\n}\n.qh7on_ {\n  -webkit-box-align: baseline;\n      -ms-flex-align: baseline;\n          align-items: baseline;\n}\n._1C0eq8 {\n  display: grid;\n}\n._3JhbNt {\n  grid-gap: var(--layout--gap-none--space);\n  gap: var(--layout--gap-none--space);\n}\n.yQz5G0 {\n  grid-gap: var(--layout--gap-small--space);\n  gap: var(--layout--gap-small--space);\n}\n.sj0cbB {\n  grid-gap: var(--layout--gap-base--space);\n  gap: var(--layout--gap-base--space);\n}\n._22Ohoz {\n  grid-gap: var(--layout--gap-medium--space);\n  gap: var(--layout--gap-medium--space);\n}\n._16o5et {\n  grid-gap: var(--layout--gap-large--space);\n  gap: var(--layout--gap-large--space);\n}\n._25SpXB {\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n._3GDeqz {\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: start;\n}\n._2-jaGe {\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: end;\n}\n._3lGct7 {\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n._2wHTdX {\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n}\n._1BVKaN {\n  -webkit-box-pack: space-evenly;\n      -ms-flex-pack: space-evenly;\n          justify-content: space-evenly;\n}\n._3QOaa3 {\n  -ms-flex-line-pack: center;\n      align-content: center;\n}\n._2pBQs3 {\n  -ms-flex-line-pack: justify;\n      align-content: space-between;\n}\n.gTA891 {\n  -ms-flex-line-pack: distribute;\n      align-content: space-around;\n}\n._H9jFl {\n  -ms-flex-line-pack: space-evenly;\n      align-content: space-evenly;\n}\n._2pB881 {\n  -ms-flex-line-pack: stretch;\n      align-content: stretch;\n}\n.ctOm0o {\n  justify-items: start;\n}\n._3ZqB_F {\n  justify-items: center;\n}\n.Ya0UyE {\n  justify-items: end;\n}\n._180uXD {\n  justify-items: stretch;\n}\n._1nyAA2 {\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n._1Xe-EI {\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: start;\n}\n._3hQvqA {\n  -webkit-box-align: end;\n      -ms-flex-align: end;\n          align-items: end;\n}\n.KBSz7h {\n  -webkit-box-align: stretch;\n      -ms-flex-align: stretch;\n          align-items: stretch;\n}\n.KBW4yE {\n  -webkit-box-align: baseline;\n      -ms-flex-align: baseline;\n          align-items: baseline;\n}\n";
+var styles = {"LayoutFlex":"_15uGWh","LayoutFlex--nowrap":"_3rnoor","LayoutFlex--inline":"_1_IXQm","LayoutFlex--gap-none":"_1eu8AB","LayoutFlex--gap-small":"_3yYLRc","LayoutFlex--gap-base":"_1nDuVC","LayoutFlex--gap-medium":"ZknBAf","LayoutFlex--gap-large":"_1WqO9Z","LayoutFlex--row-fwd":"X4eHUe","LayoutFlex--row-rev":"_3_M_4w","LayoutFlex--column-fwd":"_2ByMq1","LayoutFlex--column-rev":"_3_8VIk","LayoutFlex--justify-content-center":"_3Aw3T1","LayoutFlex--justify-content-start":"_10X-3Q","LayoutFlex--justify-content-end":"_33a0v9","LayoutFlex--justify-content-space-between":"_3qMVGq","LayoutFlex--justify-content-space-around":"_2REBgi","LayoutFlex--justify-content-space-evenly":"_3zq1C_","LayoutFlex--align-items-center":"hUFwKI","LayoutFlex--align-items-start":"_1BOjPg","LayoutFlex--align-items-end":"_3AQmNs","LayoutFlex--align-items-stretch":"_3orDH1","LayoutFlex--align-items-baseline":"qh7on_","LayoutGrid":"_1C0eq8","LayoutGrid--gap-none":"_3JhbNt","LayoutGrid--gap-small":"yQz5G0","LayoutGrid--gap-base":"sj0cbB","LayoutGrid--gap-medium":"_22Ohoz","LayoutGrid--gap-large":"_16o5et","LayoutGrid--justify-content-center":"_25SpXB","LayoutGrid--justify-content-start":"_3GDeqz","LayoutGrid--justify-content-end":"_2-jaGe","LayoutGrid--justify-content-space-between":"_3lGct7","LayoutGrid--justify-content-space-around":"_2wHTdX","LayoutGrid--justify-content-space-evenly":"_1BVKaN","LayoutGrid--align-content-center":"_3QOaa3","LayoutGrid--align-content-space-between":"_2pBQs3","LayoutGrid--align-content-space-around":"gTA891","LayoutGrid--align-content-space-evenly":"_H9jFl","LayoutGrid--align-content-stretch":"_2pB881","LayoutGrid--justify-items-start":"ctOm0o","LayoutGrid--justify-items-center":"_3ZqB_F","LayoutGrid--justify-items-end":"Ya0UyE","LayoutGrid--justify-items-stretch":"_180uXD","LayoutGrid--align-items-center":"_1nyAA2","LayoutGrid--align-items-start":"_1Xe-EI","LayoutGrid--align-items-end":"_3hQvqA","LayoutGrid--align-items-stretch":"KBSz7h","LayoutGrid--align-items-baseline":"KBW4yE"};
+var stylesheet="._15uGWh {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n}\n._3rnoor {\n  -ms-flex-wrap: nowrap;\n      flex-wrap: nowrap;\n}\n._1_IXQm {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n._1eu8AB {\n  grid-gap: var(--layout--gap-none--space);\n  gap: var(--layout--gap-none--space);\n}\n._3yYLRc {\n  grid-gap: var(--layout--gap-small--space);\n  gap: var(--layout--gap-small--space);\n}\n._1nDuVC {\n  grid-gap: var(--layout--gap-base--space);\n  gap: var(--layout--gap-base--space);\n}\n.ZknBAf {\n  grid-gap: var(--layout--gap-medium--space);\n  gap: var(--layout--gap-medium--space);\n}\n._1WqO9Z {\n  grid-gap: var(--layout--gap-large--space);\n  gap: var(--layout--gap-large--space);\n}\n.X4eHUe {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n}\n._3_M_4w {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: row-reverse;\n          flex-direction: row-reverse;\n}\n._2ByMq1 {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n}\n._3_8VIk {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: column-reverse;\n          flex-direction: column-reverse;\n}\n._3Aw3T1 {\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n._10X-3Q {\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: start;\n}\n._33a0v9 {\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: end;\n}\n._3qMVGq {\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n._2REBgi {\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n}\n._3zq1C_ {\n  -webkit-box-pack: space-evenly;\n      -ms-flex-pack: space-evenly;\n          justify-content: space-evenly;\n}\n.hUFwKI {\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n._1BOjPg {\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: start;\n}\n._3AQmNs {\n  -webkit-box-align: end;\n      -ms-flex-align: end;\n          align-items: end;\n}\n._3orDH1 {\n  -webkit-box-align: stretch;\n      -ms-flex-align: stretch;\n          align-items: stretch;\n}\n.qh7on_ {\n  -webkit-box-align: baseline;\n      -ms-flex-align: baseline;\n          align-items: baseline;\n}\n._1C0eq8 {\n  display: grid;\n}\n._3JhbNt {\n  grid-gap: var(--layout--gap-none--space);\n  gap: var(--layout--gap-none--space);\n}\n.yQz5G0 {\n  grid-gap: var(--layout--gap-small--space);\n  gap: var(--layout--gap-small--space);\n}\n.sj0cbB {\n  grid-gap: var(--layout--gap-base--space);\n  gap: var(--layout--gap-base--space);\n}\n._22Ohoz {\n  grid-gap: var(--layout--gap-medium--space);\n  gap: var(--layout--gap-medium--space);\n}\n._16o5et {\n  grid-gap: var(--layout--gap-large--space);\n  gap: var(--layout--gap-large--space);\n}\n._25SpXB {\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n._3GDeqz {\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: start;\n}\n._2-jaGe {\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: end;\n}\n._3lGct7 {\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n._2wHTdX {\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n}\n._1BVKaN {\n  -webkit-box-pack: space-evenly;\n      -ms-flex-pack: space-evenly;\n          justify-content: space-evenly;\n}\n._3QOaa3 {\n  -ms-flex-line-pack: center;\n      align-content: center;\n}\n._2pBQs3 {\n  -ms-flex-line-pack: justify;\n      align-content: space-between;\n}\n.gTA891 {\n  -ms-flex-line-pack: distribute;\n      align-content: space-around;\n}\n._H9jFl {\n  -ms-flex-line-pack: space-evenly;\n      align-content: space-evenly;\n}\n._2pB881 {\n  -ms-flex-line-pack: stretch;\n      align-content: stretch;\n}\n.ctOm0o {\n  justify-items: start;\n}\n._3ZqB_F {\n  justify-items: center;\n}\n.Ya0UyE {\n  justify-items: end;\n}\n._180uXD {\n  justify-items: stretch;\n}\n._1nyAA2 {\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n._1Xe-EI {\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: start;\n}\n._3hQvqA {\n  -webkit-box-align: end;\n      -ms-flex-align: end;\n          align-items: end;\n}\n.KBSz7h {\n  -webkit-box-align: stretch;\n      -ms-flex-align: stretch;\n          align-items: stretch;\n}\n.KBW4yE {\n  -webkit-box-align: baseline;\n      -ms-flex-align: baseline;\n          align-items: baseline;\n}\n";
+styleInject(css_248z);
+
+export { styles as default, stylesheet };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QixxREFBeUQ7QUFDakY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7In0=

package/dist/location/index.d.ts

@@ -0,0 +1,2 @@
+export declare const currentProtocol: () => string;
+export declare const currentHref: () => string;

package/dist/location/index.js

@@ -0,0 +1,5 @@
+const currentProtocol = () => window.location.protocol;
+const currentHref = () => window.location.href;
+
+export { currentHref, currentProtocol };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2NhdGlvbi9pbmRleC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgY3VycmVudFByb3RvY29sID0gKCk6IHN0cmluZyA9PiB3aW5kb3cubG9jYXRpb24ucHJvdG9jb2w7XG5cbmV4cG9ydCBjb25zdCBjdXJyZW50SHJlZiA9ICgpOiBzdHJpbmcgPT4gd2luZG93LmxvY2F0aW9uLmhyZWY7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ik1BQWEsZUFBZSxHQUFHLE1BQWMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxTQUFTO01BRXpELFdBQVcsR0FBRyxNQUFjLE1BQU0sQ0FBQyxRQUFRLENBQUM7Ozs7In0=

package/dist/theme/classes/Theme.d.ts

@@ -0,0 +1,18 @@
+import type { ThemeName } from '@preply/ds-core';
+import type { CSSModule } from '../../css-module/types';
+import type { ThemeInterface, TokenMap } from '../types';
+export declare class Theme implements ThemeInterface {
+    static PREFIX: string;
+    static ROOT_CLASS: string;
+    private styles;
+    private values?;
+    private tokens?;
+    private extend;
+    readonly name: any;
+    constructor(styles: CSSModule, name: ThemeName, extend?: Theme[], values?: TokenMap, tokens?: TokenMap);
+    private token;
+    getClassName(): string;
+    fgColor(component: string, variant: string): string;
+    bgColor(component: string, variant: string): string;
+    radius(component: string): string;
+}

package/dist/theme/classes/Theme.js

@@ -0,0 +1,45 @@
+import { safeClassName } from '../../css-module/index.js';
+import { TOKEN_COLOR_FG, TOKEN_COLOR_BG, TOKEN_RADIUS } from '../constants.js';
+
+class Theme {
+    constructor(styles, name, extend = [], values, tokens) {
+        this.styles = styles;
+        this.name = name;
+        this.extend = extend;
+        this.values = values;
+        this.tokens = tokens;
+    }
+    token(name) {
+        if (!this.tokens || !this.values) {
+            throw new Error(`Theme ${this.name} was instantiated without tokens`);
+        }
+        const key = this.tokens[name];
+        if (!key) {
+            throw new Error(`Unknown token ${name} in theme ${this.name}`);
+        }
+        const value = this.values[key];
+        if (!value) {
+            throw new Error(`Unknown value ${key} for token ${name} in theme ${this.name}`);
+        }
+        return value;
+    }
+    getClassName() {
+        const extendedClasses = this.extend.map(theme => theme.getClassName());
+        const selfClass = safeClassName(this.styles, Theme.PREFIX + this.name);
+        return [selfClass, ...extendedClasses].join(' ');
+    }
+    fgColor(component, variant) {
+        return this.token(`${TOKEN_COLOR_FG}-${component}-${variant}`);
+    }
+    bgColor(component, variant) {
+        return this.token(`${TOKEN_COLOR_BG}-${component}-${variant}`);
+    }
+    radius(component) {
+        return this.token(`${TOKEN_RADIUS}-${component}`);
+    }
+}
+Theme.PREFIX = 'ds-';
+Theme.ROOT_CLASS = 'root';
+
+export { Theme };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGhlbWUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90aGVtZS9jbGFzc2VzL1RoZW1lLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVGhlbWVOYW1lIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgc2FmZUNsYXNzTmFtZSB9IGZyb20gJy4uLy4uL2Nzcy1tb2R1bGUnO1xuaW1wb3J0IHR5cGUgeyBDU1NNb2R1bGUgfSBmcm9tICcuLi8uLi9jc3MtbW9kdWxlL3R5cGVzJztcbmltcG9ydCB7IFRPS0VOX0NPTE9SX0JHLCBUT0tFTl9DT0xPUl9GRywgVE9LRU5fUkFESVVTIH0gZnJvbSAnLi4vY29uc3RhbnRzJztcbmltcG9ydCB0eXBlIHsgVGhlbWVJbnRlcmZhY2UsIFRva2VuTWFwIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY2xhc3MgVGhlbWUgaW1wbGVtZW50cyBUaGVtZUludGVyZmFjZSB7XG4gICAgc3RhdGljIFBSRUZJWCA9ICdkcy0nO1xuICAgIHN0YXRpYyBST09UX0NMQVNTID0gJ3Jvb3QnO1xuXG4gICAgcHJpdmF0ZSBzdHlsZXM6IENTU01vZHVsZTtcbiAgICBwcml2YXRlIHZhbHVlcz86IFRva2VuTWFwO1xuICAgIHByaXZhdGUgdG9rZW5zPzogVG9rZW5NYXA7XG4gICAgcHJpdmF0ZSBleHRlbmQ6IFRoZW1lW107XG4gICAgcHVibGljIHJlYWRvbmx5IG5hbWU7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgc3R5bGVzOiBDU1NNb2R1bGUsXG4gICAgICAgIG5hbWU6IFRoZW1lTmFtZSxcbiAgICAgICAgZXh0ZW5kOiBUaGVtZVtdID0gW10sXG4gICAgICAgIHZhbHVlcz86IFRva2VuTWFwLFxuICAgICAgICB0b2tlbnM/OiBUb2tlbk1hcCxcbiAgICApIHtcbiAgICAgICAgdGhpcy5zdHlsZXMgPSBzdHlsZXM7XG4gICAgICAgIHRoaXMubmFtZSA9IG5hbWU7XG4gICAgICAgIHRoaXMuZXh0ZW5kID0gZXh0ZW5kO1xuICAgICAgICB0aGlzLnZhbHVlcyA9IHZhbHVlcztcbiAgICAgICAgdGhpcy50b2tlbnMgPSB0b2tlbnM7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB0b2tlbihuYW1lOiBzdHJpbmcpIHtcbiAgICAgICAgaWYgKCF0aGlzLnRva2VucyB8fCAhdGhpcy52YWx1ZXMpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgVGhlbWUgJHt0aGlzLm5hbWV9IHdhcyBpbnN0YW50aWF0ZWQgd2l0aG91dCB0b2tlbnNgKTtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBrZXkgPSB0aGlzLnRva2Vuc1tuYW1lXTtcbiAgICAgICAgaWYgKCFrZXkpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgVW5rbm93biB0b2tlbiAke25hbWV9IGluIHRoZW1lICR7dGhpcy5uYW1lfWApO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IHZhbHVlID0gdGhpcy52YWx1ZXNba2V5XTtcbiAgICAgICAgaWYgKCF2YWx1ZSkge1xuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBVbmtub3duIHZhbHVlICR7a2V5fSBmb3IgdG9rZW4gJHtuYW1lfSBpbiB0aGVtZSAke3RoaXMubmFtZX1gKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdmFsdWU7XG4gICAgfVxuXG4gICAgZ2V0Q2xhc3NOYW1lKCk6IHN0cmluZyB7XG4gICAgICAgIGNvbnN0IGV4dGVuZGVkQ2xhc3NlcyA9IHRoaXMuZXh0ZW5kLm1hcCh0aGVtZSA9PiB0aGVtZS5nZXRDbGFzc05hbWUoKSk7XG4gICAgICAgIGNvbnN0IHNlbGZDbGFzcyA9IHNhZmVDbGFzc05hbWUodGhpcy5zdHlsZXMsIFRoZW1lLlBSRUZJWCArIHRoaXMubmFtZSk7XG4gICAgICAgIHJldHVybiBbc2VsZkNsYXNzLCAuLi5leHRlbmRlZENsYXNzZXNdLmpvaW4oJyAnKTtcbiAgICB9XG5cbiAgICBmZ0NvbG9yKGNvbXBvbmVudDogc3RyaW5nLCB2YXJpYW50OiBzdHJpbmcpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy50b2tlbihgJHtUT0tFTl9DT0xPUl9GR30tJHtjb21wb25lbnR9LSR7dmFyaWFudH1gKTtcbiAgICB9XG5cbiAgICBiZ0NvbG9yKGNvbXBvbmVudDogc3RyaW5nLCB2YXJpYW50OiBzdHJpbmcpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy50b2tlbihgJHtUT0tFTl9DT0xPUl9CR30tJHtjb21wb25lbnR9LSR7dmFyaWFudH1gKTtcbiAgICB9XG5cbiAgICByYWRpdXMoY29tcG9uZW50OiBzdHJpbmcpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy50b2tlbihgJHtUT0tFTl9SQURJVVN9LSR7Y29tcG9uZW50fWApO1xuICAgIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7TUFPYSxLQUFLO0lBVWQsWUFDSSxNQUFpQixFQUNqQixJQUFlLEVBQ2YsU0FBa0IsRUFBRSxFQUNwQixNQUFpQixFQUNqQixNQUFpQjtRQUVqQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNqQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztLQUN4QjtJQUVPLEtBQUssQ0FBQyxJQUFZO1FBQ3RCLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUM5QixNQUFNLElBQUksS0FBSyxDQUFDLFNBQVMsSUFBSSxDQUFDLElBQUksa0NBQWtDLENBQUMsQ0FBQztTQUN6RTtRQUNELE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNOLE1BQU0sSUFBSSxLQUFLLENBQUMsaUJBQWlCLElBQUksYUFBYSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztTQUNsRTtRQUNELE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNSLE1BQU0sSUFBSSxLQUFLLENBQUMsaUJBQWlCLEdBQUcsY0FBYyxJQUFJLGFBQWEsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7U0FDbkY7UUFDRCxPQUFPLEtBQUssQ0FBQztLQUNoQjtJQUVELFlBQVk7UUFDUixNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUM7UUFDdkUsTUFBTSxTQUFTLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDdkUsT0FBTyxDQUFDLFNBQVMsRUFBRSxHQUFHLGVBQWUsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztLQUNwRDtJQUVELE9BQU8sQ0FBQyxTQUFpQixFQUFFLE9BQWU7UUFDdEMsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsY0FBYyxJQUFJLFNBQVMsSUFBSSxPQUFPLEVBQUUsQ0FBQyxDQUFDO0tBQ2xFO0lBRUQsT0FBTyxDQUFDLFNBQWlCLEVBQUUsT0FBZTtRQUN0QyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxjQUFjLElBQUksU0FBUyxJQUFJLE9BQU8sRUFBRSxDQUFDLENBQUM7S0FDbEU7SUFFRCxNQUFNLENBQUMsU0FBaUI7UUFDcEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsWUFBWSxJQUFJLFNBQVMsRUFBRSxDQUFDLENBQUM7S0FDckQ7O0FBdERNLFlBQU0sR0FBRyxLQUFLLENBQUM7QUFDZixnQkFBVSxHQUFHLE1BQU07Ozs7In0=

package/dist/theme/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const TOKEN_COLOR_FG = "color-fg";
+export declare const TOKEN_COLOR_BG = "color-bg";
+export declare const TOKEN_RADIUS = "radius";

package/dist/theme/constants.js

@@ -0,0 +1,6 @@
+const TOKEN_COLOR_FG = 'color-fg';
+const TOKEN_COLOR_BG = 'color-bg';
+const TOKEN_RADIUS = 'radius';
+
+export { TOKEN_COLOR_BG, TOKEN_COLOR_FG, TOKEN_RADIUS };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGhlbWUvY29uc3RhbnRzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBUT0tFTl9DT0xPUl9GRyA9ICdjb2xvci1mZyc7XG5leHBvcnQgY29uc3QgVE9LRU5fQ09MT1JfQkcgPSAnY29sb3ItYmcnO1xuZXhwb3J0IGNvbnN0IFRPS0VOX1JBRElVUyA9ICdyYWRpdXMnO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJNQUFhLGNBQWMsR0FBRyxXQUFXO01BQzVCLGNBQWMsR0FBRyxXQUFXO01BQzVCLFlBQVksR0FBRzs7OzsifQ==

package/dist/theme/hocs/withTheme.d.ts

@@ -0,0 +1,9 @@
+import type { ThemeName } from '@preply/ds-core';
+import { ComponentType, FC } from 'react';
+export interface ThemeProps {
+    theme?: ThemeName;
+}
+export interface WithThemeProps {
+    themeClassName?: string;
+}
+export declare function withTheme<P>(Component: ComponentType<P>): FC<P & ThemeProps>;

package/dist/theme/hocs/withTheme.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { useTheme } from '../hooks/useTheme.js';
+import { useThemes } from '../hooks/useThemes.js';
+import { ThemeProvider } from '../providers/ThemeProvider.js';
+
+function withTheme(Component) {
+    const Wrapper = ({ theme: themeName, ...props }) => {
+        const { findTheme } = useThemes();
+        const { theme: currentTheme } = useTheme();
+        const newTheme = themeName && findTheme(themeName);
+        if (newTheme && newTheme !== currentTheme) {
+            return (React.createElement(ThemeProvider, { theme: newTheme.name },
+                React.createElement(Component, Object.assign({ themeClassName: newTheme.getClassName() }, props))));
+        }
+        return React.createElement(Component, Object.assign({}, props));
+    };
+    Wrapper.displayName = `withTheme(${Component.displayName})`;
+    return Wrapper;
+}
+
+export { withTheme };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l0aFRoZW1lLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGhlbWUvaG9jcy93aXRoVGhlbWUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVGhlbWVOYW1lIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRUeXBlLCBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICcuLi9ob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgeyB1c2VUaGVtZXMgfSBmcm9tICcuLi9ob29rcy91c2VUaGVtZXMnO1xuaW1wb3J0IHsgVGhlbWVQcm92aWRlciB9IGZyb20gJy4uL3Byb3ZpZGVycy9UaGVtZVByb3ZpZGVyJztcblxuZXhwb3J0IGludGVyZmFjZSBUaGVtZVByb3BzIHtcbiAgICB0aGVtZT86IFRoZW1lTmFtZTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBXaXRoVGhlbWVQcm9wcyB7XG4gICAgdGhlbWVDbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiB3aXRoVGhlbWU8UD4oQ29tcG9uZW50OiBDb21wb25lbnRUeXBlPFA+KTogRkM8UCAmIFRoZW1lUHJvcHM+IHtcbiAgICBjb25zdCBXcmFwcGVyOiBGQzxQICYgVGhlbWVQcm9wcz4gPSAoeyB0aGVtZTogdGhlbWVOYW1lLCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgICAgIGNvbnN0IHsgZmluZFRoZW1lIH0gPSB1c2VUaGVtZXMoKTtcbiAgICAgICAgY29uc3QgeyB0aGVtZTogY3VycmVudFRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuXG4gICAgICAgIGNvbnN0IG5ld1RoZW1lID0gdGhlbWVOYW1lICYmIGZpbmRUaGVtZSh0aGVtZU5hbWUpO1xuXG4gICAgICAgIGlmIChuZXdUaGVtZSAmJiBuZXdUaGVtZSAhPT0gY3VycmVudFRoZW1lKSB7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXtuZXdUaGVtZS5uYW1lfT5cbiAgICAgICAgICAgICAgICAgICAgPENvbXBvbmVudCB0aGVtZUNsYXNzTmFtZT17bmV3VGhlbWUuZ2V0Q2xhc3NOYW1lKCl9IHsuLi4ocHJvcHMgYXMgUCl9IC8+XG4gICAgICAgICAgICAgICAgPC9UaGVtZVByb3ZpZGVyPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gPENvbXBvbmVudCB7Li4uKHByb3BzIGFzIFApfSAvPjtcbiAgICB9O1xuXG4gICAgV3JhcHBlci5kaXNwbGF5TmFtZSA9IGB3aXRoVGhlbWUoJHtDb21wb25lbnQuZGlzcGxheU5hbWV9KWA7XG4gICAgcmV0dXJuIFdyYXBwZXI7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7U0FlZ0IsU0FBUyxDQUFJLFNBQTJCO0lBQ3BELE1BQU0sT0FBTyxHQUF1QixDQUFDLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxHQUFHLEtBQUssRUFBRTtRQUMvRCxNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsU0FBUyxFQUFFLENBQUM7UUFDbEMsTUFBTSxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsR0FBRyxRQUFRLEVBQUUsQ0FBQztRQUUzQyxNQUFNLFFBQVEsR0FBRyxTQUFTLElBQUksU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRW5ELElBQUksUUFBUSxJQUFJLFFBQVEsS0FBSyxZQUFZLEVBQUU7WUFDdkMsUUFDSSxvQkFBQyxhQUFhLElBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxJQUFJO2dCQUMvQixvQkFBQyxTQUFTLGtCQUFDLGNBQWMsRUFBRSxRQUFRLENBQUMsWUFBWSxFQUFFLElBQU8sS0FBVyxFQUFJLENBQzVELEVBQ2xCO1NBQ0w7UUFDRCxPQUFPLG9CQUFDLFNBQVMsb0JBQU0sS0FBVyxFQUFJLENBQUM7S0FDMUMsQ0FBQztJQUVGLE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxTQUFTLENBQUMsV0FBVyxHQUFHLENBQUM7SUFDNUQsT0FBTyxPQUFPLENBQUM7QUFDbkI7Ozs7In0=

package/dist/theme/hooks/useSetTheme.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeContextState } from '../providers/ThemeProvider';
+export declare const useSetTheme: () => Pick<ThemeContextState, 'setTheme'>;

package/dist/theme/hooks/useSetTheme.js

@@ -0,0 +1,10 @@
+import { useContext } from 'react';
+import { ThemeContext } from '../providers/ThemeProvider.js';
+
+const useSetTheme = () => {
+    const { setTheme } = useContext(ThemeContext);
+    return { setTheme };
+};
+
+export { useSetTheme };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU2V0VGhlbWUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90aGVtZS9ob29rcy91c2VTZXRUaGVtZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgdHlwZSB7IFRoZW1lQ29udGV4dFN0YXRlIH0gZnJvbSAnLi4vcHJvdmlkZXJzL1RoZW1lUHJvdmlkZXInO1xuaW1wb3J0IHsgVGhlbWVDb250ZXh0IH0gZnJvbSAnLi4vcHJvdmlkZXJzL1RoZW1lUHJvdmlkZXInO1xuXG5leHBvcnQgY29uc3QgdXNlU2V0VGhlbWUgPSAoKTogUGljazxUaGVtZUNvbnRleHRTdGF0ZSwgJ3NldFRoZW1lJz4gPT4ge1xuICAgIGNvbnN0IHsgc2V0VGhlbWUgfSA9IHVzZUNvbnRleHQoVGhlbWVDb250ZXh0KTtcbiAgICByZXR1cm4geyBzZXRUaGVtZSB9O1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7TUFLYSxXQUFXLEdBQUc7SUFDdkIsTUFBTSxFQUFFLFFBQVEsRUFBRSxHQUFHLFVBQVUsQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUM5QyxPQUFPLEVBQUUsUUFBUSxFQUFFLENBQUM7QUFDeEI7Ozs7In0=

package/dist/theme/hooks/useTheme.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeContextState } from '../providers/ThemeProvider';
+export declare const useTheme: () => ThemeContextState;

package/dist/theme/hooks/useTheme.js

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

package/dist/theme/hooks/useThemes.d.ts

@@ -0,0 +1,2 @@
+import type { ThemesContextState } from '../providers/ThemesProvider';
+export declare const useThemes: () => ThemesContextState;

package/dist/theme/hooks/useThemes.js

@@ -0,0 +1,13 @@
+import { useContext } from 'react';
+import { ThemesContext } from '../providers/ThemesProvider.js';
+
+const useThemes = () => {
+    const { themes, findTheme, findColorScheme } = useContext(ThemesContext);
+    if (!themes) {
+        throw new Error('useThemes() must be used within a ThemesProvider');
+    }
+    return { themes, findTheme, findColorScheme };
+};
+
+export { useThemes };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGhlbWVzLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGhlbWUvaG9va3MvdXNlVGhlbWVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUNvbnRleHQgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB0eXBlIHsgVGhlbWVzQ29udGV4dFN0YXRlIH0gZnJvbSAnLi4vcHJvdmlkZXJzL1RoZW1lc1Byb3ZpZGVyJztcbmltcG9ydCB7IFRoZW1lc0NvbnRleHQgfSBmcm9tICcuLi9wcm92aWRlcnMvVGhlbWVzUHJvdmlkZXInO1xuXG5leHBvcnQgY29uc3QgdXNlVGhlbWVzID0gKCk6IFRoZW1lc0NvbnRleHRTdGF0ZSA9PiB7XG4gICAgY29uc3QgeyB0aGVtZXMsIGZpbmRUaGVtZSwgZmluZENvbG9yU2NoZW1lIH0gPSB1c2VDb250ZXh0KFRoZW1lc0NvbnRleHQpO1xuICAgIGlmICghdGhlbWVzKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcigndXNlVGhlbWVzKCkgbXVzdCBiZSB1c2VkIHdpdGhpbiBhIFRoZW1lc1Byb3ZpZGVyJyk7XG4gICAgfVxuICAgIHJldHVybiB7IHRoZW1lcywgZmluZFRoZW1lLCBmaW5kQ29sb3JTY2hlbWUgfTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O01BS2EsU0FBUyxHQUFHO0lBQ3JCLE1BQU0sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUN6RSxJQUFJLENBQUMsTUFBTSxFQUFFO1FBQ1QsTUFBTSxJQUFJLEtBQUssQ0FBQyxrREFBa0QsQ0FBQyxDQUFDO0tBQ3ZFO0lBQ0QsT0FBTyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLENBQUM7QUFDbEQ7Ozs7In0=

package/dist/theme/index.d.ts

@@ -0,0 +1,11 @@
+export type { ThemeInterface } from './types';
+export { Theme } from './classes/Theme';
+export type { ThemesProviderProps } from './providers/ThemesProvider';
+export { ThemesProvider } from './providers/ThemesProvider';
+export type { ThemeProviderProps } from './providers/ThemeProvider';
+export { ThemeProvider } from './providers/ThemeProvider';
+export { useTheme } from './hooks/useTheme';
+export { useThemes } from './hooks/useThemes';
+export { useSetTheme } from './hooks/useSetTheme';
+export type { ThemeProps, WithThemeProps } from './hocs/withTheme';
+export { withTheme } from './hocs/withTheme';

package/dist/theme/index.js

@@ -0,0 +1,8 @@
+export { Theme } from './classes/Theme.js';
+export { ThemesProvider } from './providers/ThemesProvider.js';
+export { ThemeProvider } from './providers/ThemeProvider.js';
+export { useTheme } from './hooks/useTheme.js';
+export { useThemes } from './hooks/useThemes.js';
+export { useSetTheme } from './hooks/useSetTheme.js';
+export { withTheme } from './hocs/withTheme.js';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7In0=

package/dist/theme/providers/ThemeProvider.d.ts

@@ -0,0 +1,15 @@
+import type { ThemeName } from '@preply/ds-core';
+import React from 'react';
+import type { ThemeInterface } from '../types';
+export interface ThemeProviderProps {
+    theme: ThemeName;
+    tag?: keyof JSX.IntrinsicElements;
+}
+declare type SetTheme = (newTheme: ThemeInterface) => void;
+export interface ThemeContextState {
+    theme: ThemeInterface;
+    setTheme?: SetTheme;
+}
+export declare const ThemeContext: React.Context<ThemeContextState>;
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export {};

package/dist/theme/providers/ThemeProvider.js

@@ -0,0 +1,14 @@
+import React, { createContext, useState } from 'react';
+import { useThemes } from '../hooks/useThemes.js';
+
+const ThemeContext = createContext({});
+const ThemeProvider = ({ theme: themeName, children, tag: Tag, }) => {
+    const { findTheme } = useThemes();
+    const [theme, setTheme] = useState(findTheme(themeName));
+    return (React.createElement(ThemeContext.Provider, { value: { theme, setTheme } },
+        Tag && React.createElement(Tag, { className: theme.getClassName() }, children),
+        !Tag && children));
+};
+
+export { ThemeContext, ThemeProvider };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGhlbWVQcm92aWRlci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RoZW1lL3Byb3ZpZGVycy9UaGVtZVByb3ZpZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgY3JlYXRlQ29udGV4dCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHVzZVRoZW1lcyB9IGZyb20gJy4uL2hvb2tzL3VzZVRoZW1lcyc7XG5pbXBvcnQgdHlwZSB7IFRoZW1lSW50ZXJmYWNlIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRoZW1lUHJvdmlkZXJQcm9wcyB7XG4gICAgdGhlbWU6IFRoZW1lTmFtZTtcbiAgICB0YWc/OiBrZXlvZiBKU1guSW50cmluc2ljRWxlbWVudHM7XG59XG5cbnR5cGUgU2V0VGhlbWUgPSAobmV3VGhlbWU6IFRoZW1lSW50ZXJmYWNlKSA9PiB2b2lkO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRoZW1lQ29udGV4dFN0YXRlIHtcbiAgICB0aGVtZTogVGhlbWVJbnRlcmZhY2U7XG4gICAgc2V0VGhlbWU/OiBTZXRUaGVtZTtcbn1cblxuZXhwb3J0IGNvbnN0IFRoZW1lQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8VGhlbWVDb250ZXh0U3RhdGU+KHt9IGFzIFRoZW1lQ29udGV4dFN0YXRlKTtcblxuZXhwb3J0IGNvbnN0IFRoZW1lUHJvdmlkZXI6IFJlYWN0LkZDPFRoZW1lUHJvdmlkZXJQcm9wcz4gPSAoe1xuICAgIHRoZW1lOiB0aGVtZU5hbWUsXG4gICAgY2hpbGRyZW4sXG4gICAgdGFnOiBUYWcsXG59KSA9PiB7XG4gICAgY29uc3QgeyBmaW5kVGhlbWUgfSA9IHVzZVRoZW1lcygpO1xuXG4gICAgY29uc3QgW3RoZW1lLCBzZXRUaGVtZV0gPSB1c2VTdGF0ZTxUaGVtZUludGVyZmFjZT4oZmluZFRoZW1lKHRoZW1lTmFtZSkpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRoZW1lQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17eyB0aGVtZSwgc2V0VGhlbWUgfX0+XG4gICAgICAgICAgICB7VGFnICYmIDxUYWcgY2xhc3NOYW1lPXt0aGVtZS5nZXRDbGFzc05hbWUoKX0+e2NoaWxkcmVufTwvVGFnPn1cbiAgICAgICAgICAgIHshVGFnICYmIGNoaWxkcmVufVxuICAgICAgICA8L1RoZW1lQ29udGV4dC5Qcm92aWRlcj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7TUFrQmEsWUFBWSxHQUFHLGFBQWEsQ0FBb0IsRUFBdUIsRUFBRTtNQUV6RSxhQUFhLEdBQWlDLENBQUMsRUFDeEQsS0FBSyxFQUFFLFNBQVMsRUFDaEIsUUFBUSxFQUNSLEdBQUcsRUFBRSxHQUFHLEdBQ1g7SUFDRyxNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsU0FBUyxFQUFFLENBQUM7SUFFbEMsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxRQUFRLENBQWlCLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDO0lBRXpFLFFBQ0ksb0JBQUMsWUFBWSxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFO1FBQzVDLEdBQUcsSUFBSSxvQkFBQyxHQUFHLElBQUMsU0FBUyxFQUFFLEtBQUssQ0FBQyxZQUFZLEVBQUUsSUFBRyxRQUFRLENBQU87UUFDN0QsQ0FBQyxHQUFHLElBQUksUUFBUSxDQUNHLEVBQzFCO0FBQ047Ozs7In0=

package/dist/theme/providers/ThemesProvider.d.ts

@@ -0,0 +1,16 @@
+import type { ColorSchemeName, ThemeName } from '@preply/ds-core';
+import React, { FC } from 'react';
+import type { ColorSchemeInterface } from '../../color-scheme/types';
+import type { ThemeInterface } from '../types';
+export interface ThemesProviderProps {
+    themes: ThemeInterface[];
+    colorSchemes: ColorSchemeInterface[];
+    tag?: keyof JSX.IntrinsicElements;
+}
+export interface ThemesContextState {
+    themes?: ThemeInterface[];
+    findTheme: (name: ThemeName) => ThemeInterface;
+    findColorScheme: (name: ColorSchemeName) => ColorSchemeInterface;
+}
+export declare const ThemesContext: React.Context<ThemesContextState>;
+export declare const ThemesProvider: FC<ThemesProviderProps>;

package/dist/theme/providers/ThemesProvider.js

@@ -0,0 +1,23 @@
+import React, { createContext } from 'react';
+
+const ThemesContext = createContext({});
+const ThemesProvider = ({ themes, colorSchemes, children }) => {
+    const findTheme = (name) => {
+        const t = themes.find(theme => theme.name === name);
+        if (!t) {
+            throw new Error(`Unknown theme ${name}`);
+        }
+        return t;
+    };
+    const findColorScheme = (name) => {
+        const s = colorSchemes.find(theme => theme.name === name);
+        if (!s) {
+            throw new Error(`Unknown color scheme ${name}`);
+        }
+        return s;
+    };
+    return (React.createElement(ThemesContext.Provider, { value: { themes, findTheme, findColorScheme } }, children));
+};
+
+export { ThemesContext, ThemesProvider };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGhlbWVzUHJvdmlkZXIuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90aGVtZS9wcm92aWRlcnMvVGhlbWVzUHJvdmlkZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ29sb3JTY2hlbWVOYW1lLCBUaGVtZU5hbWUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBjcmVhdGVDb250ZXh0IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lSW50ZXJmYWNlIH0gZnJvbSAnLi4vLi4vY29sb3Itc2NoZW1lL3R5cGVzJztcbmltcG9ydCB0eXBlIHsgVGhlbWVJbnRlcmZhY2UgfSBmcm9tICcuLi90eXBlcyc7XG5cbi8vIERFUy0yMiBtb3ZlIHRvIC4uL3RoZW1lc1xuZXhwb3J0IGludGVyZmFjZSBUaGVtZXNQcm92aWRlclByb3BzIHtcbiAgICB0aGVtZXM6IFRoZW1lSW50ZXJmYWNlW107XG4gICAgY29sb3JTY2hlbWVzOiBDb2xvclNjaGVtZUludGVyZmFjZVtdO1xuICAgIHRhZz86IGtleW9mIEpTWC5JbnRyaW5zaWNFbGVtZW50cztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBUaGVtZXNDb250ZXh0U3RhdGUge1xuICAgIHRoZW1lcz86IFRoZW1lSW50ZXJmYWNlW107XG4gICAgZmluZFRoZW1lOiAobmFtZTogVGhlbWVOYW1lKSA9PiBUaGVtZUludGVyZmFjZTtcbiAgICBmaW5kQ29sb3JTY2hlbWU6IChuYW1lOiBDb2xvclNjaGVtZU5hbWUpID0+IENvbG9yU2NoZW1lSW50ZXJmYWNlO1xufVxuXG5leHBvcnQgY29uc3QgVGhlbWVzQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8VGhlbWVzQ29udGV4dFN0YXRlPih7fSBhcyBUaGVtZXNDb250ZXh0U3RhdGUpO1xuXG5leHBvcnQgY29uc3QgVGhlbWVzUHJvdmlkZXI6IEZDPFRoZW1lc1Byb3ZpZGVyUHJvcHM+ID0gKHsgdGhlbWVzLCBjb2xvclNjaGVtZXMsIGNoaWxkcmVuIH0pID0+IHtcbiAgICBjb25zdCBmaW5kVGhlbWUgPSAobmFtZTogVGhlbWVOYW1lKSA9PiB7XG4gICAgICAgIGNvbnN0IHQgPSB0aGVtZXMuZmluZCh0aGVtZSA9PiB0aGVtZS5uYW1lID09PSBuYW1lKTtcbiAgICAgICAgaWYgKCF0KSB7XG4gICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYFVua25vd24gdGhlbWUgJHtuYW1lfWApO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0O1xuICAgIH07XG4gICAgY29uc3QgZmluZENvbG9yU2NoZW1lID0gKG5hbWU6IENvbG9yU2NoZW1lTmFtZSkgPT4ge1xuICAgICAgICBjb25zdCBzID0gY29sb3JTY2hlbWVzLmZpbmQodGhlbWUgPT4gdGhlbWUubmFtZSA9PT0gbmFtZSk7XG4gICAgICAgIGlmICghcykge1xuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBVbmtub3duIGNvbG9yIHNjaGVtZSAke25hbWV9YCk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHM7XG4gICAgfTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8VGhlbWVzQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17eyB0aGVtZXMsIGZpbmRUaGVtZSwgZmluZENvbG9yU2NoZW1lIH19PlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1RoZW1lc0NvbnRleHQuUHJvdmlkZXI+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7TUFtQmEsYUFBYSxHQUFHLGFBQWEsQ0FBcUIsRUFBd0IsRUFBRTtNQUU1RSxjQUFjLEdBQTRCLENBQUMsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRTtJQUN0RixNQUFNLFNBQVMsR0FBRyxDQUFDLElBQWU7UUFDOUIsTUFBTSxDQUFDLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsQ0FBQztRQUNwRCxJQUFJLENBQUMsQ0FBQyxFQUFFO1lBQ0osTUFBTSxJQUFJLEtBQUssQ0FBQyxpQkFBaUIsSUFBSSxFQUFFLENBQUMsQ0FBQztTQUM1QztRQUNELE9BQU8sQ0FBQyxDQUFDO0tBQ1osQ0FBQztJQUNGLE1BQU0sZUFBZSxHQUFHLENBQUMsSUFBcUI7UUFDMUMsTUFBTSxDQUFDLEdBQUcsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsQ0FBQztRQUMxRCxJQUFJLENBQUMsQ0FBQyxFQUFFO1lBQ0osTUFBTSxJQUFJLEtBQUssQ0FBQyx3QkFBd0IsSUFBSSxFQUFFLENBQUMsQ0FBQztTQUNuRDtRQUNELE9BQU8sQ0FBQyxDQUFDO0tBQ1osQ0FBQztJQUNGLFFBQ0ksb0JBQUMsYUFBYSxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxJQUNoRSxRQUFRLENBQ1ksRUFDM0I7QUFDTjs7OzsifQ==

package/dist/theme/style/declarations.mixins.less

@@ -0,0 +1,119 @@
+// DES-22 move to less/tokens
+
+.token(@namespace, @key, @type) {
+    @token: ~'--@{namespace}--@{key}--@{type}';
+    @t: var(@token);
+}
+
+// DES-22 move to less/declarations
+
+.size(@namespace, @key) {
+    @token: ~'--@{namespace}--@{key}--size';
+    width: var(@token);
+    height: var(@token);
+}
+
+.width(@namespace, @key) {
+    @token: ~'--@{namespace}--@{key}--width';
+    height: var(@token);
+}
+
+.height(@namespace, @key) {
+    @token: ~'--@{namespace}--@{key}--height';
+    height: var(@token);
+}
+
+.min-height(@namespace, @key) {
+    @token: ~'--@{namespace}--@{key}--height';
+    min-height: var(@token);
+}
+
+.gap(@namespace, @key) {
+    @token: ~'--@{namespace}--@{key}--space';
+    @gap: var(@token);
+    gap: @gap;
+}
+
+.padding(@namespace, @key) {
+    @token: ~'--@{namespace}--@{key}--padding';
+    @padding: var(@token);
+    padding: @padding;
+}
+
+.padding-h(@namespace, @key) {
+    @token: ~'--@{namespace}--@{key}--padding';
+    @padding: var(@token);
+    padding-left: @padding;
+    padding-right: @padding;
+}
+
+.padding-v(@namespace, @key) {
+    @token: ~'--@{namespace}--@{key}--padding';
+    @padding: var(@token);
+    padding-top: @padding;
+    padding-bottom: @padding;
+}
+
+.font-size(@namespace, @key) {
+    @token: ~'--@{namespace}--@{key}--font-size';
+    font-size: var(@token);
+}
+
+.color(@namespace, @key) {
+    @token: ~'--@{namespace}--@{key}--color';
+    color: var(@token);
+}
+
+.fill(@namespace, @key) {
+    @token: ~'--@{namespace}--@{key}--color';
+    fill: var(@token);
+}
+
+.bg-color(@namespace, @key) {
+    @token: ~'--@{namespace}--@{key}--bg-color';
+    background-color: var(@token);
+}
+
+.border-color(@namespace, @key) {
+    @token: ~'--@{namespace}--@{key}--border-color';
+    border-color: var(@token);
+}
+
+.divider-color(@namespace, @key) {
+    @token: ~'--@{namespace}--@{key}--divider-color';
+    border-color: var(@token);
+}
+
+.border-radius(@namespace, @key) {
+    @token: ~'--@{namespace}--@{key}--border-radius';
+    border-radius: var(@token);
+}
+
+.var(@token) {
+    @var: var(@token);
+}
+
+.hover-filter(@namespace, @key) {
+    @token: ~'--@{namespace}--@{key}-hover--brigthness';
+    @value: var(@token);
+    filter: brightness(@value);
+}
+
+.active-filter(@namespace, @key) {
+    @token: ~'--@{namespace}--@{key}-active--brigthness';
+    @value: var(@token);
+    filter: brightness(@value);
+}
+
+.focus-outline(@namespace, @key) {
+    @token: ~'--@{namespace}--@{key}-focus--outline-color';
+    outline-color: var(@token);
+}
+
+.disabled-filter(@namespace, @key) {
+    // prettier-ignore
+    @brightness: .var(~'--@{namespace}--@{key}-disabled--brightness')[];
+    // prettier-ignore
+    @saturate: .var(~'--@{namespace}--@{key}-disabled--saturate')[];
+    filter: brightness(@brightness) saturate(@saturate);
+}

package/dist/theme/style/declarations.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/theme/types.d.ts

@@ -0,0 +1,11 @@
+import { ThemeName } from '@preply/ds-core';
+export declare type TokenMap = {
+    [key: string]: string;
+};
+export interface ThemeInterface {
+    name: ThemeName;
+    getClassName(): string;
+    fgColor(component: string, variant: string): void;
+    bgColor(component: string, variant: string): void;
+    radius(component: string): void;
+}

package/dist/theme/types.js

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