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

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.
Files changed (91) hide show
  1. package/README.md +37 -0
  2. package/dist/color-scheme/classes/ColorScheme.d.ts +11 -0
  3. package/dist/color-scheme/classes/ColorScheme.js +20 -0
  4. package/dist/color-scheme/colorSchemes.d.ts +3 -0
  5. package/dist/color-scheme/colorSchemes.js +8 -0
  6. package/dist/color-scheme/constants.d.ts +2 -0
  7. package/dist/color-scheme/constants.js +4 -0
  8. package/dist/color-scheme/hocs/withColorScheme.d.ts +9 -0
  9. package/dist/color-scheme/hocs/withColorScheme.js +22 -0
  10. package/dist/color-scheme/hooks/useColorScheme.d.ts +2 -0
  11. package/dist/color-scheme/hooks/useColorScheme.js +13 -0
  12. package/dist/color-scheme/index.d.ts +9 -0
  13. package/dist/color-scheme/index.js +7 -0
  14. package/dist/color-scheme/providers/ColorSchemeProvider.d.ts +12 -0
  15. package/dist/color-scheme/providers/ColorSchemeProvider.js +13 -0
  16. package/dist/color-scheme/styles/index.module.less +15 -0
  17. package/dist/color-scheme/styles/index.module.less.js +9 -0
  18. package/dist/color-scheme/styles/mixins.less +11 -0
  19. package/dist/color-scheme/styles/mixins.less.js +8 -0
  20. package/dist/color-scheme/types.d.ts +5 -0
  21. package/dist/color-scheme/types.js +2 -0
  22. package/dist/css-module/index.d.ts +11 -0
  23. package/dist/css-module/index.js +26 -0
  24. package/dist/css-module/types.d.ts +3 -0
  25. package/dist/css-module/types.js +2 -0
  26. package/dist/dom/props/constants.d.ts +6 -0
  27. package/dist/dom/props/constants.js +5 -0
  28. package/dist/dom/props/index.d.ts +4 -0
  29. package/dist/dom/props/index.js +22 -0
  30. package/dist/external/style-inject/dist/style-inject.es.js +29 -0
  31. package/dist/index.d.ts +10 -0
  32. package/dist/index.js +25 -0
  33. package/dist/keyboard/index.d.ts +1 -0
  34. package/dist/keyboard/index.js +21 -0
  35. package/dist/layout/hooks/useLayoutClassNames.d.ts +4 -0
  36. package/dist/layout/hooks/useLayoutClassNames.js +12 -0
  37. package/dist/layout/hooks/useLayoutFlexClassNames.d.ts +4 -0
  38. package/dist/layout/hooks/useLayoutFlexClassNames.js +24 -0
  39. package/dist/layout/hooks/useLayoutGridClassNames.d.ts +4 -0
  40. package/dist/layout/hooks/useLayoutGridClassNames.js +21 -0
  41. package/dist/layout/hooks/useLayoutGridStyles.d.ts +5 -0
  42. package/dist/layout/hooks/useLayoutGridStyles.js +10 -0
  43. package/dist/layout/hooks/useLayoutStyles.d.ts +5 -0
  44. package/dist/layout/hooks/useLayoutStyles.js +9 -0
  45. package/dist/layout/index.d.ts +5 -0
  46. package/dist/layout/index.js +6 -0
  47. package/dist/layout/style/common.mixins.less +46 -0
  48. package/dist/layout/style/common.mixins.less.js +8 -0
  49. package/dist/layout/style/flex.mixins.less +33 -0
  50. package/dist/layout/style/flex.mixins.less.js +8 -0
  51. package/dist/layout/style/grid.mixins.less +5 -0
  52. package/dist/layout/style/grid.mixins.less.js +8 -0
  53. package/dist/layout/style/index.module.less +22 -0
  54. package/dist/layout/style/index.module.less.js +9 -0
  55. package/dist/location/index.d.ts +2 -0
  56. package/dist/location/index.js +5 -0
  57. package/dist/theme/classes/Theme.d.ts +18 -0
  58. package/dist/theme/classes/Theme.js +45 -0
  59. package/dist/theme/constants.d.ts +3 -0
  60. package/dist/theme/constants.js +6 -0
  61. package/dist/theme/hocs/withTheme.d.ts +9 -0
  62. package/dist/theme/hocs/withTheme.js +22 -0
  63. package/dist/theme/hooks/useSetTheme.d.ts +2 -0
  64. package/dist/theme/hooks/useSetTheme.js +10 -0
  65. package/dist/theme/hooks/useTheme.d.ts +2 -0
  66. package/dist/theme/hooks/useTheme.js +13 -0
  67. package/dist/theme/hooks/useThemes.d.ts +2 -0
  68. package/dist/theme/hooks/useThemes.js +13 -0
  69. package/dist/theme/index.d.ts +11 -0
  70. package/dist/theme/index.js +8 -0
  71. package/dist/theme/providers/ThemeProvider.d.ts +15 -0
  72. package/dist/theme/providers/ThemeProvider.js +14 -0
  73. package/dist/theme/providers/ThemesProvider.d.ts +16 -0
  74. package/dist/theme/providers/ThemesProvider.js +23 -0
  75. package/dist/theme/style/declarations.mixins.less +129 -0
  76. package/dist/theme/style/declarations.mixins.less.js +8 -0
  77. package/dist/theme/types.d.ts +11 -0
  78. package/dist/theme/types.js +2 -0
  79. package/dist/types/index.d.ts +4 -0
  80. package/dist/types/index.js +2 -0
  81. package/dist/typography/constants.d.ts +2 -0
  82. package/dist/typography/constants.js +4 -0
  83. package/dist/typography/style/mixins.less +38 -0
  84. package/dist/typography/style/mixins.less.js +8 -0
  85. package/dist/typography/types.d.ts +1 -0
  86. package/dist/typography/types.js +2 -0
  87. package/dist/url/index.d.ts +1 -0
  88. package/dist/url/index.js +17 -0
  89. package/dist/version.d.ts +1 -0
  90. package/dist/version.js +4 -0
  91. package/package.json +30 -0
@@ -0,0 +1,11 @@
1
+ import { ThemeName } from '@preply/ds-core';
2
+ export declare type TokenMap = {
3
+ [key: string]: string;
4
+ };
5
+ export interface ThemeInterface {
6
+ name: ThemeName;
7
+ getClassName(): string;
8
+ fgColor(component: string, variant: string): void;
9
+ bgColor(component: string, variant: string): void;
10
+ radius(component: string): void;
11
+ }
@@ -0,0 +1,2 @@
1
+
2
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=
@@ -0,0 +1,4 @@
1
+ export declare type AnchorProps = {
2
+ rel?: string;
3
+ target?: string;
4
+ };
@@ -0,0 +1,2 @@
1
+
2
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=
@@ -0,0 +1,2 @@
1
+ import { TextAccent } from './types';
2
+ export declare const TEXT_ACCENT_DEFAULT: TextAccent;
@@ -0,0 +1,4 @@
1
+ const TEXT_ACCENT_DEFAULT = 'normal';
2
+
3
+ export { TEXT_ACCENT_DEFAULT };
4
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdHlwb2dyYXBoeS9jb25zdGFudHMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGV4dEFjY2VudCB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgVEVYVF9BQ0NFTlRfREVGQVVMVDogVGV4dEFjY2VudCA9ICdub3JtYWwnO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJNQUVhLG1CQUFtQixHQUFlOzs7OyJ9
@@ -0,0 +1,38 @@
1
+ @import '../../theme/style/declarations.mixins.less';
2
+
3
+ @text-accents: normal, muted, positive, highlighted, brand;
4
+ @text-sizes: xsmall, small, base, medium, large, xlarge;
5
+ @heading-levels: h1, h2, h3, h4, h5;
6
+
7
+ .text-accents() {
8
+ each(@text-accents, {
9
+ &--accent-@{value} {
10
+ @token: 'text-@{value}';
11
+ .color('scheme', @token);
12
+
13
+ // DES-24 accents with a background color
14
+ // display: inline-block ,
15
+ // padding: 4px ,
16
+ // backgroundColor: COLOR[tokens.bg],
17
+ // borderRadius: 4px ,
18
+ }
19
+ });
20
+ }
21
+
22
+ .text-sizes() {
23
+ each(@text-sizes, {
24
+ &--size-@{value} {
25
+ @token: 'size-@{value}';
26
+ .font-size('text', @token);
27
+ }
28
+ });
29
+ }
30
+
31
+ .heading-levels() {
32
+ each(@heading-levels, {
33
+ &--level-@{value} {
34
+ @token: 'level-@{value}';
35
+ .font-size('heading', @token);
36
+ }
37
+ });
38
+ }
@@ -0,0 +1,8 @@
1
+ import styleInject from '../../external/style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = "";
4
+ var stylesheet="";
5
+ styleInject(css_248z);
6
+
7
+ export { css_248z as default, stylesheet };
8
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QixxREFBeUQ7QUFDakY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
@@ -0,0 +1 @@
1
+ export declare type TextAccent = 'normal' | 'muted' | 'positive' | 'highlighted' | 'brand';
@@ -0,0 +1,2 @@
1
+
2
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=
@@ -0,0 +1 @@
1
+ export declare const isExternalUrl: (url: string) => boolean;
@@ -0,0 +1,17 @@
1
+ import { currentProtocol, currentHref } from '../location/index.js';
2
+
3
+ const domainOf = (url) => {
4
+ const urlWithProtocol = url.indexOf('//') === 0 ? currentProtocol() + url : url;
5
+ return urlWithProtocol
6
+ .toLowerCase()
7
+ .replace(/([a-z])?:\/\//, '$1')
8
+ .split('/')[0];
9
+ };
10
+ const isExternalUrl = (url) => {
11
+ const isAbsolute = /^[a-z]+:/.test(url) || url.startsWith('//');
12
+ const isDifferentDomain = domainOf(url) !== domainOf(currentHref());
13
+ return isAbsolute && isDifferentDomain;
14
+ };
15
+
16
+ export { isExternalUrl };
17
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91cmwvaW5kZXgudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3VycmVudEhyZWYsIGN1cnJlbnRQcm90b2NvbCB9IGZyb20gJy4uL2xvY2F0aW9uJztcblxuY29uc3QgZG9tYWluT2YgPSAodXJsOiBzdHJpbmcpOiBzdHJpbmcgPT4ge1xuICAgIGNvbnN0IHVybFdpdGhQcm90b2NvbCA9IHVybC5pbmRleE9mKCcvLycpID09PSAwID8gY3VycmVudFByb3RvY29sKCkgKyB1cmwgOiB1cmw7XG4gICAgcmV0dXJuIHVybFdpdGhQcm90b2NvbFxuICAgICAgICAudG9Mb3dlckNhc2UoKVxuICAgICAgICAucmVwbGFjZSgvKFthLXpdKT86XFwvXFwvLywgJyQxJylcbiAgICAgICAgLnNwbGl0KCcvJylbMF07XG59O1xuXG5leHBvcnQgY29uc3QgaXNFeHRlcm5hbFVybCA9ICh1cmw6IHN0cmluZyk6IGJvb2xlYW4gPT4ge1xuICAgIGNvbnN0IGlzQWJzb2x1dGUgPSAvXlthLXpdKzovLnRlc3QodXJsKSB8fCB1cmwuc3RhcnRzV2l0aCgnLy8nKTtcbiAgICBjb25zdCBpc0RpZmZlcmVudERvbWFpbiA9IGRvbWFpbk9mKHVybCkgIT09IGRvbWFpbk9mKGN1cnJlbnRIcmVmKCkpO1xuICAgIHJldHVybiBpc0Fic29sdXRlICYmIGlzRGlmZmVyZW50RG9tYWluO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUVBLE1BQU0sUUFBUSxHQUFHLENBQUMsR0FBVztJQUN6QixNQUFNLGVBQWUsR0FBRyxHQUFHLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxlQUFlLEVBQUUsR0FBRyxHQUFHLEdBQUcsR0FBRyxDQUFDO0lBQ2hGLE9BQU8sZUFBZTtTQUNqQixXQUFXLEVBQUU7U0FDYixPQUFPLENBQUMsZUFBZSxFQUFFLElBQUksQ0FBQztTQUM5QixLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7QUFDdkIsQ0FBQyxDQUFDO01BRVcsYUFBYSxHQUFHLENBQUMsR0FBVztJQUNyQyxNQUFNLFVBQVUsR0FBRyxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEdBQUcsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEUsTUFBTSxpQkFBaUIsR0FBRyxRQUFRLENBQUMsR0FBRyxDQUFDLEtBQUssUUFBUSxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7SUFDcEUsT0FBTyxVQUFVLElBQUksaUJBQWlCLENBQUM7QUFDM0M7Ozs7In0=
@@ -0,0 +1 @@
1
+ export declare const VERSION: string;
@@ -0,0 +1,4 @@
1
+ const VERSION = `DS-WEB-${process.env.VERSION || ''}`;
2
+
3
+ export { VERSION };
4
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZXMiOlsiLi4vc3JjL3ZlcnNpb24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IFZFUlNJT04gPSBgRFMtV0VCLSR7cHJvY2Vzcy5lbnYuVkVSU0lPTiB8fCAnJ31gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJNQUFhLE9BQU8sR0FBRyxVQUFVLE9BQU8sQ0FBQyxHQUFHLENBQUMsT0FBTyxJQUFJLEVBQUU7Ozs7In0=
package/package.json ADDED
@@ -0,0 +1,30 @@
1
+ {
2
+ "name": "@preply/ds-web-core",
3
+ "version": "0.4.3-beta.32+0890729",
4
+ "publishConfig": {
5
+ "access": "public"
6
+ },
7
+ "main": "dist/index.js",
8
+ "files": [
9
+ "dist/"
10
+ ],
11
+ "sideEffects": false,
12
+ "browserslist": "last 2 versions",
13
+ "scripts": {
14
+ "clean": "rm -rf dist",
15
+ "lint": "run --top-level eslint --ext .js,.ts,.tsx,.mdx *.config.js src/",
16
+ "test": "run --top-level jest --coverage",
17
+ "build": "NODE_ENV=production && run build:rollup",
18
+ "build:rollup": "run --top-level rollup -c rollup.config.js",
19
+ "dev": "run build && run build:rollup -w"
20
+ },
21
+ "dependencies": {
22
+ "@preply/ds-core": "^0.4.3-beta.32+0890729"
23
+ },
24
+ "peerDependencies": {
25
+ "@preply/ds-core": "0.0.0",
26
+ "react": "^16.8.3",
27
+ "react-dom": "^16.8.3"
28
+ },
29
+ "gitHead": "0890729847ca984c649dd0a6d15c569a532743e9"
30
+ }