@preply/ds-web-core 0.20.0 → 0.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n";
4
- var stylesheet="/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n";
3
+ var css_248z = "/* AUTO GENERATED @Thu Apr 07 2022 20:02:16 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Thu Apr 07 2022 20:02:15 GMT+0000 (Coordinated Universal Time) */\n";
4
+ var stylesheet="/* AUTO GENERATED @Thu Apr 07 2022 20:02:16 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Thu Apr 07 2022 20:02:15 GMT+0000 (Coordinated Universal Time) */\n";
5
5
  styleInject(css_248z);
6
6
 
7
7
  export { css_248z as default, stylesheet };
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Thu Apr 07 2022 20:02:15 GMT+0000 (Coordinated Universal Time) */
2
2
 
3
- @AVATAR_SIZE_OPTIONS: 2xs, xs, s, m, l;
3
+ @AVATAR_SIZE_OPTIONS: 2xs, xs, s, m, l, xl;
4
4
  @BUTTON_SIZE_OPTIONS: xs, s, m, l, xl;
5
5
  @BUTTON_VARIANT_OPTIONS: primary, secondary, tertiary, quaternary, plain, dangerous;
6
6
  @COLOR_SCHEME_OPTIONS: base, banner, invert;
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n";
4
- var stylesheet="/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n";
3
+ var css_248z = "/* AUTO GENERATED @Thu Apr 07 2022 20:02:15 GMT+0000 (Coordinated Universal Time) */\n";
4
+ var stylesheet="/* AUTO GENERATED @Thu Apr 07 2022 20:02:15 GMT+0000 (Coordinated Universal Time) */\n";
5
5
  styleInject(css_248z);
6
6
 
7
7
  export { css_248z as default, stylesheet };
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Thu Apr 07 2022 20:02:16 GMT+0000 (Coordinated Universal Time) */
2
2
 
3
3
  @scheme-color: var(--aface);
4
4
  @scheme-bgColor: var(--786b9);
@@ -144,6 +144,7 @@
144
144
  @avatar-size-s-size: var(--2dafb);
145
145
  @avatar-size-m-size: var(--b5133);
146
146
  @avatar-size-l-size: var(--d318a);
147
+ @avatar-size-xl-size: var(--6eb1c);
147
148
  @icon-size-2xs-size: var(--b21f6);
148
149
  @icon-size-xs-size: var(--766f3);
149
150
  @icon-size-s-size: var(--7c1b1);
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n";
4
- var stylesheet="/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n";
3
+ var css_248z = "/* AUTO GENERATED @Thu Apr 07 2022 20:02:16 GMT+0000 (Coordinated Universal Time) */\n";
4
+ var stylesheet="/* AUTO GENERATED @Thu Apr 07 2022 20:02:16 GMT+0000 (Coordinated Universal Time) */\n";
5
5
  styleInject(css_248z);
6
6
 
7
7
  export { css_248z as default, stylesheet };
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n";
4
- var stylesheet="/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n";
3
+ var css_248z = "/* AUTO GENERATED @Thu Apr 07 2022 20:02:16 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Thu Apr 07 2022 20:02:15 GMT+0000 (Coordinated Universal Time) */\n";
4
+ var stylesheet="/* AUTO GENERATED @Thu Apr 07 2022 20:02:16 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Thu Apr 07 2022 20:02:15 GMT+0000 (Coordinated Universal Time) */\n";
5
5
  styleInject(css_248z);
6
6
 
7
7
  export { css_248z as default, stylesheet };
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n";
4
- var stylesheet="/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n";
3
+ var css_248z = "/* AUTO GENERATED @Thu Apr 07 2022 20:02:16 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Thu Apr 07 2022 20:02:15 GMT+0000 (Coordinated Universal Time) */\n";
4
+ var stylesheet="/* AUTO GENERATED @Thu Apr 07 2022 20:02:16 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Thu Apr 07 2022 20:02:15 GMT+0000 (Coordinated Universal Time) */\n";
5
5
  styleInject(css_248z);
6
6
 
7
7
  export { css_248z as default, stylesheet };
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n";
4
- var stylesheet="/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n";
3
+ var css_248z = "/* AUTO GENERATED @Thu Apr 07 2022 20:02:16 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Thu Apr 07 2022 20:02:15 GMT+0000 (Coordinated Universal Time) */\n";
4
+ var stylesheet="/* AUTO GENERATED @Thu Apr 07 2022 20:02:16 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Thu Apr 07 2022 20:02:15 GMT+0000 (Coordinated Universal Time) */\n";
5
5
  styleInject(css_248z);
6
6
 
7
7
  export { css_248z as default, stylesheet };
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n._15uGWh {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\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(--74358);\n gap: var(--74358);\n}\n._3NW7L7 {\n grid-gap: var(--6947b);\n gap: var(--6947b);\n}\n.rXTJOf {\n grid-gap: var(--1ba55);\n gap: var(--1ba55);\n}\n._1epFyH {\n grid-gap: var(--477fd);\n gap: var(--477fd);\n}\n._3ZkSph {\n grid-gap: var(--74380);\n gap: var(--74380);\n}\n._1YQCoq {\n grid-gap: var(--39ce9);\n gap: var(--39ce9);\n}\n._1kgBLJ {\n grid-gap: var(--28cff);\n gap: var(--28cff);\n}\n.WwTEFN {\n grid-gap: var(--6acb5);\n gap: var(--6acb5);\n}\n._1s0AvS {\n padding: var(--74358);\n}\n._1KSvD2 {\n padding: var(--6947b);\n}\n._2eHbRB {\n padding: var(--1ba55);\n}\n.Mg8ym6 {\n padding: var(--477fd);\n}\n._3UmbJn {\n padding: var(--74380);\n}\n.gC6B_2 {\n padding: var(--39ce9);\n}\n._2AUsLk {\n padding: var(--28cff);\n}\n._1w8p7U {\n padding: var(--6acb5);\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: flex-start;\n}\n._33a0v9 {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-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: flex-start;\n}\n._3AQmNs {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-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 margin: 0;\n padding: 0;\n display: grid;\n}\n._3JhbNt {\n grid-gap: var(--74358);\n gap: var(--74358);\n}\n._1HEcbC {\n grid-gap: var(--6947b);\n gap: var(--6947b);\n}\n._1N4Zuv {\n grid-gap: var(--1ba55);\n gap: var(--1ba55);\n}\n._1-XHso {\n grid-gap: var(--477fd);\n gap: var(--477fd);\n}\n._2IkWNq {\n grid-gap: var(--74380);\n gap: var(--74380);\n}\n._2hyzTo {\n grid-gap: var(--39ce9);\n gap: var(--39ce9);\n}\n._2ZTaVv {\n grid-gap: var(--28cff);\n gap: var(--28cff);\n}\n._3qb755 {\n grid-gap: var(--6acb5);\n gap: var(--6acb5);\n}\n._2810ZQ {\n padding: var(--74358);\n}\n.GCWWp1 {\n padding: var(--6947b);\n}\n._26DBh8 {\n padding: var(--1ba55);\n}\n._2MOywW {\n padding: var(--477fd);\n}\n._2qYGQe {\n padding: var(--74380);\n}\n._3vJ5sb {\n padding: var(--39ce9);\n}\n._1NStuR {\n padding: var(--28cff);\n}\n._1YQt_H {\n padding: var(--6acb5);\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._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";
3
+ var css_248z = "/* AUTO GENERATED @Thu Apr 07 2022 20:02:16 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Thu Apr 07 2022 20:02:15 GMT+0000 (Coordinated Universal Time) */\n._15uGWh {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\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(--74358);\n gap: var(--74358);\n}\n._3NW7L7 {\n grid-gap: var(--6947b);\n gap: var(--6947b);\n}\n.rXTJOf {\n grid-gap: var(--1ba55);\n gap: var(--1ba55);\n}\n._1epFyH {\n grid-gap: var(--477fd);\n gap: var(--477fd);\n}\n._3ZkSph {\n grid-gap: var(--74380);\n gap: var(--74380);\n}\n._1YQCoq {\n grid-gap: var(--39ce9);\n gap: var(--39ce9);\n}\n._1kgBLJ {\n grid-gap: var(--28cff);\n gap: var(--28cff);\n}\n.WwTEFN {\n grid-gap: var(--6acb5);\n gap: var(--6acb5);\n}\n._1s0AvS {\n padding: var(--74358);\n}\n._1KSvD2 {\n padding: var(--6947b);\n}\n._2eHbRB {\n padding: var(--1ba55);\n}\n.Mg8ym6 {\n padding: var(--477fd);\n}\n._3UmbJn {\n padding: var(--74380);\n}\n.gC6B_2 {\n padding: var(--39ce9);\n}\n._2AUsLk {\n padding: var(--28cff);\n}\n._1w8p7U {\n padding: var(--6acb5);\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: flex-start;\n}\n._33a0v9 {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-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: flex-start;\n}\n._3AQmNs {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-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 margin: 0;\n padding: 0;\n display: grid;\n}\n._3JhbNt {\n grid-gap: var(--74358);\n gap: var(--74358);\n}\n._1HEcbC {\n grid-gap: var(--6947b);\n gap: var(--6947b);\n}\n._1N4Zuv {\n grid-gap: var(--1ba55);\n gap: var(--1ba55);\n}\n._1-XHso {\n grid-gap: var(--477fd);\n gap: var(--477fd);\n}\n._2IkWNq {\n grid-gap: var(--74380);\n gap: var(--74380);\n}\n._2hyzTo {\n grid-gap: var(--39ce9);\n gap: var(--39ce9);\n}\n._2ZTaVv {\n grid-gap: var(--28cff);\n gap: var(--28cff);\n}\n._3qb755 {\n grid-gap: var(--6acb5);\n gap: var(--6acb5);\n}\n._2810ZQ {\n padding: var(--74358);\n}\n.GCWWp1 {\n padding: var(--6947b);\n}\n._26DBh8 {\n padding: var(--1ba55);\n}\n._2MOywW {\n padding: var(--477fd);\n}\n._2qYGQe {\n padding: var(--74380);\n}\n._3vJ5sb {\n padding: var(--39ce9);\n}\n._1NStuR {\n padding: var(--28cff);\n}\n._1YQt_H {\n padding: var(--6acb5);\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._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";
4
4
  var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-core/src/layout/style/index.module.less",__css:css_248z,"LayoutFlex":"_15uGWh","LayoutFlex--nowrap":"_3rnoor","LayoutFlex--inline":"_1_IXQm","LayoutFlex--gap-none":"_1eu8AB","LayoutFlex--gap-3xs":"_3NW7L7","LayoutFlex--gap-2xs":"rXTJOf","LayoutFlex--gap-xs":"_1epFyH","LayoutFlex--gap-s":"_3ZkSph","LayoutFlex--gap-m":"_1YQCoq","LayoutFlex--gap-l":"_1kgBLJ","LayoutFlex--gap-xl":"WwTEFN","LayoutFlex--padding-none":"_1s0AvS","LayoutFlex--padding-3xs":"_1KSvD2","LayoutFlex--padding-2xs":"_2eHbRB","LayoutFlex--padding-xs":"Mg8ym6","LayoutFlex--padding-s":"_3UmbJn","LayoutFlex--padding-m":"gC6B_2","LayoutFlex--padding-l":"_2AUsLk","LayoutFlex--padding-xl":"_1w8p7U","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-3xs":"_1HEcbC","LayoutGrid--gap-2xs":"_1N4Zuv","LayoutGrid--gap-xs":"_1-XHso","LayoutGrid--gap-s":"_2IkWNq","LayoutGrid--gap-m":"_2hyzTo","LayoutGrid--gap-l":"_2ZTaVv","LayoutGrid--gap-xl":"_3qb755","LayoutGrid--padding-none":"_2810ZQ","LayoutGrid--padding-3xs":"GCWWp1","LayoutGrid--padding-2xs":"_26DBh8","LayoutGrid--padding-xs":"_2MOywW","LayoutGrid--padding-s":"_2qYGQe","LayoutGrid--padding-m":"_3vJ5sb","LayoutGrid--padding-l":"_1NStuR","LayoutGrid--padding-xl":"_1YQt_H","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-items-center":"_1nyAA2","LayoutGrid--align-items-start":"_1Xe-EI","LayoutGrid--align-items-end":"_3hQvqA","LayoutGrid--align-items-stretch":"KBSz7h","LayoutGrid--align-items-baseline":"KBW4yE"};
5
5
  var stylesheet=css_248z;
6
6
  styleInject(css_248z);
@@ -1,14 +1,20 @@
1
- import React, { createContext, useState } from 'react';
1
+ import React, { createContext, useContext, useState } from 'react';
2
+ import { ColorSchemeContext } from '../../color-scheme/providers/ColorSchemeProvider.js';
2
3
  import { useThemes } from '../hooks/useThemes.js';
3
4
 
4
5
  const ThemeContext = createContext({});
5
6
  const ThemeProvider = ({ theme: themeName, children, tag: Tag, }) => {
6
7
  const { findTheme } = useThemes();
8
+ const { colorScheme } = useContext(ColorSchemeContext);
7
9
  const [theme, setTheme] = useState(findTheme(themeName));
10
+ if (Tag && !colorScheme) {
11
+ throw new Error('ThemeProvider with "tag" prop must be used within a ColorSchemeProvider');
12
+ }
13
+ const tagClassNames = Tag && `${theme.getClassName()} ${colorScheme.getClassName()}`;
8
14
  return (React.createElement(ThemeContext.Provider, { value: { theme, setTheme } },
9
- Tag && React.createElement(Tag, { className: theme.getClassName() }, children),
15
+ Tag && React.createElement(Tag, { className: tagClassNames }, children),
10
16
  !Tag && children));
11
17
  };
12
18
 
13
19
  export { ThemeContext, ThemeProvider };
14
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGhlbWVQcm92aWRlci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RoZW1lL3Byb3ZpZGVycy9UaGVtZVByb3ZpZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgY3JlYXRlQ29udGV4dCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHVzZVRoZW1lcyB9IGZyb20gJy4uL2hvb2tzL3VzZVRoZW1lcyc7XG5pbXBvcnQgdHlwZSB7IFRoZW1lSW50ZXJmYWNlIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRoZW1lUHJvdmlkZXJQcm9wcyB7XG4gICAgdGhlbWU6IFRoZW1lTmFtZTtcbiAgICB0YWc/OiBrZXlvZiBKU1guSW50cmluc2ljRWxlbWVudHM7XG59XG5cbnR5cGUgU2V0VGhlbWUgPSAobmV3VGhlbWU6IFRoZW1lSW50ZXJmYWNlKSA9PiB2b2lkO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRoZW1lQ29udGV4dFN0YXRlIHtcbiAgICB0aGVtZTogVGhlbWVJbnRlcmZhY2U7XG4gICAgc2V0VGhlbWU/OiBTZXRUaGVtZTtcbn1cblxuZXhwb3J0IGNvbnN0IFRoZW1lQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8VGhlbWVDb250ZXh0U3RhdGU+KHt9IGFzIFRoZW1lQ29udGV4dFN0YXRlKTtcblxuZXhwb3J0IGNvbnN0IFRoZW1lUHJvdmlkZXI6IFJlYWN0LkZDPFRoZW1lUHJvdmlkZXJQcm9wcz4gPSAoe1xuICAgIHRoZW1lOiB0aGVtZU5hbWUsXG4gICAgY2hpbGRyZW4sXG4gICAgdGFnOiBUYWcsXG59KSA9PiB7XG4gICAgY29uc3QgeyBmaW5kVGhlbWUgfSA9IHVzZVRoZW1lcygpO1xuXG4gICAgY29uc3QgW3RoZW1lLCBzZXRUaGVtZV0gPSB1c2VTdGF0ZTxUaGVtZUludGVyZmFjZT4oZmluZFRoZW1lKHRoZW1lTmFtZSkpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRoZW1lQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17eyB0aGVtZSwgc2V0VGhlbWUgfX0+XG4gICAgICAgICAgICB7VGFnICYmIDxUYWcgY2xhc3NOYW1lPXt0aGVtZS5nZXRDbGFzc05hbWUoKX0+e2NoaWxkcmVufTwvVGFnPn1cbiAgICAgICAgICAgIHshVGFnICYmIGNoaWxkcmVufVxuICAgICAgICA8L1RoZW1lQ29udGV4dC5Qcm92aWRlcj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7TUFrQmEsWUFBWSxHQUFHLGFBQWEsQ0FBb0IsRUFBdUIsRUFBRTtNQUV6RSxhQUFhLEdBQWlDLENBQUMsRUFDeEQsS0FBSyxFQUFFLFNBQVMsRUFDaEIsUUFBUSxFQUNSLEdBQUcsRUFBRSxHQUFHLEdBQ1g7SUFDRyxNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsU0FBUyxFQUFFLENBQUM7SUFFbEMsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxRQUFRLENBQWlCLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDO0lBRXpFLFFBQ0ksb0JBQUMsWUFBWSxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFO1FBQzVDLEdBQUcsSUFBSSxvQkFBQyxHQUFHLElBQUMsU0FBUyxFQUFFLEtBQUssQ0FBQyxZQUFZLEVBQUUsSUFBRyxRQUFRLENBQU87UUFDN0QsQ0FBQyxHQUFHLElBQUksUUFBUSxDQUNHLEVBQzFCO0FBQ047Ozs7In0=
20
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGhlbWVQcm92aWRlci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RoZW1lL3Byb3ZpZGVycy9UaGVtZVByb3ZpZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgY3JlYXRlQ29udGV4dCwgdXNlQ29udGV4dCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IENvbG9yU2NoZW1lQ29udGV4dCB9IGZyb20gJy4uLy4uL2NvbG9yLXNjaGVtZS9wcm92aWRlcnMvQ29sb3JTY2hlbWVQcm92aWRlcic7XG5pbXBvcnQgeyB1c2VUaGVtZXMgfSBmcm9tICcuLi9ob29rcy91c2VUaGVtZXMnO1xuaW1wb3J0IHR5cGUgeyBUaGVtZUludGVyZmFjZSB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBUaGVtZVByb3ZpZGVyUHJvcHMge1xuICAgIHRoZW1lOiBUaGVtZU5hbWU7XG4gICAgdGFnPzoga2V5b2YgSlNYLkludHJpbnNpY0VsZW1lbnRzO1xufVxuXG50eXBlIFNldFRoZW1lID0gKG5ld1RoZW1lOiBUaGVtZUludGVyZmFjZSkgPT4gdm9pZDtcblxuZXhwb3J0IGludGVyZmFjZSBUaGVtZUNvbnRleHRTdGF0ZSB7XG4gICAgdGhlbWU6IFRoZW1lSW50ZXJmYWNlO1xuICAgIHNldFRoZW1lPzogU2V0VGhlbWU7XG59XG5cbmV4cG9ydCBjb25zdCBUaGVtZUNvbnRleHQgPSBjcmVhdGVDb250ZXh0PFRoZW1lQ29udGV4dFN0YXRlPih7fSBhcyBUaGVtZUNvbnRleHRTdGF0ZSk7XG5cbmV4cG9ydCBjb25zdCBUaGVtZVByb3ZpZGVyOiBSZWFjdC5GQzxUaGVtZVByb3ZpZGVyUHJvcHM+ID0gKHtcbiAgICB0aGVtZTogdGhlbWVOYW1lLFxuICAgIGNoaWxkcmVuLFxuICAgIHRhZzogVGFnLFxufSkgPT4ge1xuICAgIGNvbnN0IHsgZmluZFRoZW1lIH0gPSB1c2VUaGVtZXMoKTtcbiAgICBjb25zdCB7IGNvbG9yU2NoZW1lIH0gPSB1c2VDb250ZXh0KENvbG9yU2NoZW1lQ29udGV4dCk7XG5cbiAgICBjb25zdCBbdGhlbWUsIHNldFRoZW1lXSA9IHVzZVN0YXRlPFRoZW1lSW50ZXJmYWNlPihmaW5kVGhlbWUodGhlbWVOYW1lKSk7XG5cbiAgICBpZiAoVGFnICYmICFjb2xvclNjaGVtZSkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ1RoZW1lUHJvdmlkZXIgd2l0aCBcInRhZ1wiIHByb3AgbXVzdCBiZSB1c2VkIHdpdGhpbiBhIENvbG9yU2NoZW1lUHJvdmlkZXInKTtcbiAgICB9XG5cbiAgICBjb25zdCB0YWdDbGFzc05hbWVzID0gVGFnICYmIGAke3RoZW1lLmdldENsYXNzTmFtZSgpfSAke2NvbG9yU2NoZW1lLmdldENsYXNzTmFtZSgpfWA7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VGhlbWVDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXt7IHRoZW1lLCBzZXRUaGVtZSB9fT5cbiAgICAgICAgICAgIHtUYWcgJiYgPFRhZyBjbGFzc05hbWU9e3RhZ0NsYXNzTmFtZXN9PntjaGlsZHJlbn08L1RhZz59XG4gICAgICAgICAgICB7IVRhZyAmJiBjaGlsZHJlbn1cbiAgICAgICAgPC9UaGVtZUNvbnRleHQuUHJvdmlkZXI+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztNQW1CYSxZQUFZLEdBQUcsYUFBYSxDQUFvQixFQUF1QixFQUFFO01BRXpFLGFBQWEsR0FBaUMsQ0FBQyxFQUN4RCxLQUFLLEVBQUUsU0FBUyxFQUNoQixRQUFRLEVBQ1IsR0FBRyxFQUFFLEdBQUcsR0FDWDtJQUNHLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxTQUFTLEVBQUUsQ0FBQztJQUNsQyxNQUFNLEVBQUUsV0FBVyxFQUFFLEdBQUcsVUFBVSxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFFdkQsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxRQUFRLENBQWlCLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDO0lBRXpFLElBQUksR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFO1FBQ3JCLE1BQU0sSUFBSSxLQUFLLENBQUMseUVBQXlFLENBQUMsQ0FBQztLQUM5RjtJQUVELE1BQU0sYUFBYSxHQUFHLEdBQUcsSUFBSSxHQUFHLEtBQUssQ0FBQyxZQUFZLEVBQUUsSUFBSSxXQUFXLENBQUMsWUFBWSxFQUFFLEVBQUUsQ0FBQztJQUVyRixRQUNJLG9CQUFDLFlBQVksQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRTtRQUM1QyxHQUFHLElBQUksb0JBQUMsR0FBRyxJQUFDLFNBQVMsRUFBRSxhQUFhLElBQUcsUUFBUSxDQUFPO1FBQ3RELENBQUMsR0FBRyxJQUFJLFFBQVEsQ0FDRyxFQUMxQjtBQUNOOzs7OyJ9
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n";
4
- var stylesheet="/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n";
3
+ var css_248z = "/* AUTO GENERATED @Thu Apr 07 2022 20:02:16 GMT+0000 (Coordinated Universal Time) */\n";
4
+ var stylesheet="/* AUTO GENERATED @Thu Apr 07 2022 20:02:16 GMT+0000 (Coordinated Universal Time) */\n";
5
5
  styleInject(css_248z);
6
6
 
7
7
  export { css_248z as default, stylesheet };
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n";
4
- var stylesheet="/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Wed Mar 23 2022 10:43:26 GMT+0000 (Coordinated Universal Time) */\n";
3
+ var css_248z = "/* AUTO GENERATED @Thu Apr 07 2022 20:02:16 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Thu Apr 07 2022 20:02:15 GMT+0000 (Coordinated Universal Time) */\n";
4
+ var stylesheet="/* AUTO GENERATED @Thu Apr 07 2022 20:02:16 GMT+0000 (Coordinated Universal Time) */\n/* AUTO GENERATED @Thu Apr 07 2022 20:02:15 GMT+0000 (Coordinated Universal Time) */\n";
5
5
  styleInject(css_248z);
6
6
 
7
7
  export { css_248z as default, stylesheet };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@preply/ds-web-core",
3
- "version": "0.20.0",
3
+ "version": "0.22.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -19,14 +19,14 @@
19
19
  "dev": "run build:rollup -w"
20
20
  },
21
21
  "dependencies": {
22
- "@preply/ds-core": "0.20.0",
23
- "@preply/ds-core-types": "0.20.0"
22
+ "@preply/ds-core": "0.22.0",
23
+ "@preply/ds-core-types": "0.22.0"
24
24
  },
25
25
  "peerDependencies": {
26
- "@preply/ds-core": "0.20.0",
27
- "@preply/ds-core-types": "0.20.0",
26
+ "@preply/ds-core": "0.22.0",
27
+ "@preply/ds-core-types": "0.22.0",
28
28
  "react": "^16.8.3",
29
29
  "react-dom": "^16.8.3"
30
30
  },
31
- "gitHead": "d4ea0db82ac0b5292a7330a0e3332984deb667a9"
31
+ "gitHead": "a00a9516d5990b2a3bc0d650adfa6a2661dd10fe"
32
32
  }