@preply/ds-web-lib 0.80.3 → 0.81.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.
@@ -2,6 +2,7 @@ import { Dataset, Responsive, SpinnerSize } from '@preply/ds-core';
2
2
  import { FC } from 'react';
3
3
  export interface Props {
4
4
  size?: Responsive<SpinnerSize>;
5
+ inverted?: boolean;
5
6
  dataset?: Dataset;
6
7
  }
7
8
  export declare const Loader: FC<Props>;
@@ -1,12 +1,14 @@
1
- import { useStyleExtract, moduleClassNames, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
1
+ import { useStyleExtract, moduleClassNames, booleanClassNames, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
2
2
  import React__default from 'react';
3
3
  import { Spinner } from '../private/Spinner/Spinner.js';
4
4
  import styles from './style/index.module.less.js';
5
5
 
6
6
  const LOADER = 'Loader';
7
- const Loader = ({ size, dataset }) => {
7
+ const Loader = ({ size, inverted = false, dataset }) => {
8
8
  useStyleExtract(styles);
9
- const classNames = moduleClassNames(styles, LOADER, []);
9
+ const classNames = moduleClassNames(styles, LOADER, [
10
+ booleanClassNames('inverted', 'normal', inverted),
11
+ ]);
10
12
  const props = {
11
13
  className: useVisualModeClassNames(classNames).join(' '),
12
14
  ...getDatasetProps(dataset, { preplyDsComponent: LOADER }),
@@ -16,4 +18,4 @@ const Loader = ({ size, dataset }) => {
16
18
  };
17
19
 
18
20
  export { Loader };
19
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9hZGVyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvTG9hZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEYXRhc2V0LCBSZXNwb25zaXZlLCBTcGlubmVyU2l6ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuLi9wcml2YXRlL1NwaW5uZXIvU3Bpbm5lcic7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IExPQURFUiA9ICdMb2FkZXInO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICBzaXplPzogUmVzcG9uc2l2ZTxTcGlubmVyU2l6ZT47XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG59XG5cbmV4cG9ydCBjb25zdCBMb2FkZXI6IEZDPFByb3BzPiA9ICh7IHNpemUsIGRhdGFzZXQgfSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBMT0FERVIsIFtdKTtcblxuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICBjbGFzc05hbWU6IHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzKGNsYXNzTmFtZXMpLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQsIHsgcHJlcGx5RHNDb21wb25lbnQ6IExPQURFUiB9KSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHNwYW4gey4uLnByb3BzfT5cbiAgICAgICAgICAgIDxTcGlubmVyIHNpemU9e3NpemV9IC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFhQSxNQUFNLE1BQU0sR0FBRyxRQUFRLENBQUM7TUFPWCxNQUFNLEdBQWMsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUU7SUFDL0MsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFeEQsTUFBTSxLQUFLLEdBQUc7UUFDVixTQUFTLEVBQUUsdUJBQXVCLENBQUMsVUFBVSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUN4RCxHQUFHLGVBQWUsQ0FBQyxPQUFPLEVBQUUsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsQ0FBQztLQUM3RCxDQUFDO0lBRUYsUUFDSUEsdURBQVUsS0FBSztRQUNYQSw2QkFBQyxPQUFPLElBQUMsSUFBSSxFQUFFLElBQUksR0FBSSxDQUNwQixFQUNUO0FBQ047Ozs7In0=
21
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9hZGVyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvTG9hZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEYXRhc2V0LCBSZXNwb25zaXZlLCBTcGlubmVyU2l6ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuLi9wcml2YXRlL1NwaW5uZXIvU3Bpbm5lcic7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IExPQURFUiA9ICdMb2FkZXInO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICBzaXplPzogUmVzcG9uc2l2ZTxTcGlubmVyU2l6ZT47XG4gICAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xufVxuXG5leHBvcnQgY29uc3QgTG9hZGVyOiBGQzxQcm9wcz4gPSAoeyBzaXplLCBpbnZlcnRlZCA9IGZhbHNlLCBkYXRhc2V0IH0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgTE9BREVSLCBbXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdpbnZlcnRlZCcsICdub3JtYWwnLCBpbnZlcnRlZCksXG4gICAgXSk7XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgY2xhc3NOYW1lOiB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyhjbGFzc05hbWVzKS5qb2luKCcgJyksXG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0LCB7IHByZXBseURzQ29tcG9uZW50OiBMT0FERVIgfSksXG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuIHsuLi5wcm9wc30+XG4gICAgICAgICAgICA8U3Bpbm5lciBzaXplPXtzaXplfSAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBY0EsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDO01BUVgsTUFBTSxHQUFjLENBQUMsRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxPQUFPLEVBQUU7SUFDakUsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUU7UUFDaEQsaUJBQWlCLENBQUMsVUFBVSxFQUFFLFFBQVEsRUFBRSxRQUFRLENBQUM7S0FDcEQsQ0FBQyxDQUFDO0lBRUgsTUFBTSxLQUFLLEdBQUc7UUFDVixTQUFTLEVBQUUsdUJBQXVCLENBQUMsVUFBVSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUN4RCxHQUFHLGVBQWUsQ0FBQyxPQUFPLEVBQUUsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsQ0FBQztLQUM3RCxDQUFDO0lBRUYsUUFDSUEsdURBQVUsS0FBSztRQUNYQSw2QkFBQyxPQUFPLElBQUMsSUFBSSxFQUFFLElBQUksR0FBSSxDQUNwQixFQUNUO0FBQ047Ozs7In0=
@@ -4,5 +4,11 @@
4
4
  display: inline-flex;
5
5
  width: fit-content;
6
6
  height: fit-content;
7
- color: @spinner-icon-color
7
+
8
+ &--normal {
9
+ color: @spinner-icon-color-normal;
10
+ }
11
+ &--inverted {
12
+ color: @spinner-icon-color-inverted;
13
+ }
8
14
  }
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "._3Dx6Vr{color:var(--d288ed);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}";
4
- var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Loader/style/index.module.less",__css:css_248z,"Loader":"_3Dx6Vr"};
3
+ var css_248z = "._3Dx6Vr{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._2Ar8LM{color:var(--19bcb6)}._1JTP91{color:var(--38413d)}";
4
+ var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Loader/style/index.module.less",__css:css_248z,"Loader":"_3Dx6Vr","Loader--normal":"_2Ar8LM","Loader--inverted":"_1JTP91"};
5
5
  var stylesheet=css_248z;
6
6
  styleInject(css_248z);
7
7
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@preply/ds-web-lib",
3
- "version": "0.80.3",
3
+ "version": "0.81.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -19,26 +19,26 @@
19
19
  "dev": "run build:rollup -w"
20
20
  },
21
21
  "dependencies": {
22
- "@preply/ds-core": "0.80.3",
23
- "@preply/ds-media-icons": "0.80.3",
24
- "@preply/ds-web-core": "0.80.3",
25
- "@preply/ds-web-root": "0.80.3"
22
+ "@preply/ds-core": "0.81.0",
23
+ "@preply/ds-media-icons": "0.81.0",
24
+ "@preply/ds-web-core": "0.81.0",
25
+ "@preply/ds-web-root": "0.81.0"
26
26
  },
27
27
  "peerDependencies": {
28
- "@preply/ds-core": "0.80.3",
29
- "@preply/ds-media-icons": "0.80.3",
30
- "@preply/ds-web-core": "0.80.3",
31
- "@preply/ds-web-root": "0.80.3",
28
+ "@preply/ds-core": "0.81.0",
29
+ "@preply/ds-media-icons": "0.81.0",
30
+ "@preply/ds-web-core": "0.81.0",
31
+ "@preply/ds-web-root": "0.81.0",
32
32
  "react": "^16.8.3",
33
33
  "react-dom": "^16.8.3"
34
34
  },
35
35
  "devDependencies": {
36
- "@preply/ds-docs-toolkit": "0.80.3",
37
- "@preply/ds-theme-base-ui": "0.80.3",
36
+ "@preply/ds-docs-toolkit": "0.81.0",
37
+ "@preply/ds-theme-base-ui": "0.81.0",
38
38
  "@storybook/addon-docs": "6.4.18",
39
39
  "@storybook/react": "6.4.18",
40
40
  "@testing-library/react": "11.2.7",
41
41
  "jsdom-testing-mocks": "^1.7.0"
42
42
  },
43
- "gitHead": "38ee46a2677d56ab471024136df515a642de1727"
43
+ "gitHead": "0d77d8fb87287190f173ae9ccaaecfec310f30ba"
44
44
  }