@dreamcommerce/aurora 2.4.0-4 → 2.4.0-6
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.
- package/build/cjs/packages/aurora/src/components/heading/index.js +4 -5
- package/build/cjs/packages/aurora/src/components/heading/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/stack/index.js +3 -3
- package/build/cjs/packages/aurora/src/components/stack/stack_constants.js +6 -1
- package/build/cjs/packages/aurora/src/components/stack/stack_constants.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/typography/index.js +24 -0
- package/build/cjs/packages/aurora/src/components/typography/index.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/typography/typography_constants.js +58 -0
- package/build/cjs/packages/aurora/src/components/typography/typography_constants.js.map +1 -0
- package/build/cjs/packages/aurora/src/css/heading/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/css/stack/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/css/typography/main.module.less.js +12 -0
- package/build/cjs/packages/aurora/src/css/typography/main.module.less.js.map +1 -0
- package/build/cjs/packages/aurora/src/index.js +43 -41
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/heading/index.js +4 -5
- package/build/esm/packages/aurora/src/components/heading/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/stack/index.js +4 -4
- package/build/esm/packages/aurora/src/components/stack/stack_constants.d.ts +5 -1
- package/build/esm/packages/aurora/src/components/stack/stack_constants.js +6 -2
- package/build/esm/packages/aurora/src/components/stack/stack_constants.js.map +1 -1
- package/build/esm/packages/aurora/src/components/stack/stack_types.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/typography/index.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/typography/index.js +15 -0
- package/build/esm/packages/aurora/src/components/typography/index.js.map +1 -0
- package/build/esm/packages/aurora/src/components/typography/typography_constants.d.ts +44 -0
- package/build/esm/packages/aurora/src/components/typography/typography_constants.js +48 -0
- package/build/esm/packages/aurora/src/components/typography/typography_constants.js.map +1 -0
- package/build/esm/packages/aurora/src/components/typography/typography_types.d.ts +13 -0
- package/build/esm/packages/aurora/src/components/typography/typography_types.js +3 -0
- package/build/esm/packages/aurora/src/components/typography/typography_types.js.map +1 -0
- package/build/esm/packages/aurora/src/css/heading/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/css/stack/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/css/typography/main.module.less.js +8 -0
- package/build/esm/packages/aurora/src/css/typography/main.module.less.js.map +1 -0
- package/build/esm/packages/aurora/src/index.d.ts +2 -1
- package/build/esm/packages/aurora/src/index.js +1 -0
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var classnames = require('classnames');
|
|
7
7
|
var main_module = require('../../css/heading/main.module.less.js');
|
|
8
|
+
var index = require('../typography/index.js');
|
|
8
9
|
|
|
9
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
11
|
|
|
@@ -12,13 +13,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
12
13
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
13
14
|
|
|
14
15
|
const Heading = ({ as = 'h1', isSubheading, withHeadline, children }) => {
|
|
15
|
-
const classes = classnames__default['default'](
|
|
16
|
+
const classes = classnames__default['default'](withHeadline && main_module['default'].head_line);
|
|
16
17
|
if (!isSubheading) {
|
|
17
|
-
return React__default['default'].createElement(
|
|
18
|
-
className: classes
|
|
19
|
-
}, children);
|
|
18
|
+
return (React__default['default'].createElement(index.Typography, { as: as, cssClasses: classes }, children));
|
|
20
19
|
}
|
|
21
|
-
return React__default['default'].createElement("span",
|
|
20
|
+
return (React__default['default'].createElement(index.Typography, { as: "span", variant: as }, children));
|
|
22
21
|
};
|
|
23
22
|
|
|
24
23
|
exports.default = Heading;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -13,10 +13,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
14
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
15
15
|
|
|
16
|
-
const Stack = ({ children, spacing = 0, className = '', direction = stack_constants.STACK_DIRECTIONS.row, justify = stack_constants.STACK_JUSTIFICATIONS.flexStart, align = stack_constants.STACK_ALIGNMENTS.normal, wrap = stack_constants.STACK_WRAP.nowrap, as = 'div' }) => {
|
|
17
|
-
const stackClass = classnames__default['default'](main_module['default'][css_classes.cssStack], main_module['default'][stack_constants.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], main_module['default'][stack_constants.STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], main_module['default'][stack_constants.STACK_JUSTIFICATIONS[justify]], main_module['default'][stack_constants.STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], className);
|
|
16
|
+
const Stack = ({ children, spacing = 0, className = '', direction = stack_constants.STACK_DIRECTIONS.row, justify = stack_constants.STACK_JUSTIFICATIONS.flexStart, align = stack_constants.STACK_ALIGNMENTS.normal, wrap = stack_constants.STACK_WRAP.nowrap, as = 'div', inline = false }) => {
|
|
17
|
+
const stackClass = classnames__default['default'](main_module['default'][css_classes.cssStack], main_module['default'][stack_constants.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], main_module['default'][stack_constants.STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], main_module['default'][stack_constants.STACK_JUSTIFICATIONS[justify]], main_module['default'][stack_constants.STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], stack_constants.STACK_CSS_CLASSES.inline ? main_module['default'][stack_constants.STACK_CSS_CLASSES.inline] : '', className);
|
|
18
18
|
return React__default['default'].createElement(as, {
|
|
19
|
-
className: `${stackClass}
|
|
19
|
+
className: `${stackClass}`,
|
|
20
20
|
style: { gap: `${spacing}px` }
|
|
21
21
|
}, children);
|
|
22
22
|
};
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
const stackCssBaseClass = 'stack';
|
|
5
6
|
const STACK_DIRECTIONS = {
|
|
6
7
|
row: 'row',
|
|
7
8
|
column: 'column',
|
|
@@ -39,7 +40,10 @@ const STACK_WRAP = {
|
|
|
39
40
|
initial: 'initial',
|
|
40
41
|
inherit: 'inherit'
|
|
41
42
|
};
|
|
42
|
-
const
|
|
43
|
+
const STACK_CSS_CLASSES = {
|
|
44
|
+
stack: stackCssBaseClass,
|
|
45
|
+
inline: `${stackCssBaseClass}_inline`
|
|
46
|
+
};
|
|
43
47
|
const STACK_DIRECTIONS_TO_CSS_CLASSES_MAP = {
|
|
44
48
|
[STACK_DIRECTIONS.row]: `${stackCssBaseClass}_direction_row`,
|
|
45
49
|
[STACK_DIRECTIONS.column]: `${stackCssBaseClass}_direction_column`,
|
|
@@ -66,6 +70,7 @@ const STACK_WRAP_TO_CSS_CLASSES_MAP = {
|
|
|
66
70
|
|
|
67
71
|
exports.STACK_ALIGNMENTS = STACK_ALIGNMENTS;
|
|
68
72
|
exports.STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP = STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP;
|
|
73
|
+
exports.STACK_CSS_CLASSES = STACK_CSS_CLASSES;
|
|
69
74
|
exports.STACK_DIRECTIONS = STACK_DIRECTIONS;
|
|
70
75
|
exports.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP = STACK_DIRECTIONS_TO_CSS_CLASSES_MAP;
|
|
71
76
|
exports.STACK_JUSTIFICATIONS = STACK_JUSTIFICATIONS;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var classnames = require('classnames');
|
|
7
|
+
var typography_constants = require('./typography_constants.js');
|
|
8
|
+
var main_module = require('../../css/typography/main.module.less.js');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
14
|
+
|
|
15
|
+
const Typography = ({ as = 'p', children, variant = 'h1', weight, transform, cssClasses }) => {
|
|
16
|
+
const typographyClasses = classnames__default['default'](main_module['default'][typography_constants.TYPOGRAPHY_CSS_CLASSES.typography], as ? main_module['default'][typography_constants.TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[as]] : '', variant ? main_module['default'][typography_constants.TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[variant]] : '', transform ? main_module['default'][typography_constants.TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP[transform]] : '', weight ? main_module['default'][typography_constants.TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP[weight]] : '', cssClasses);
|
|
17
|
+
return React__default['default'].createElement(as, {
|
|
18
|
+
className: typographyClasses
|
|
19
|
+
}, children);
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
exports.Typography = Typography;
|
|
23
|
+
exports.default = Typography;
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const TYPOGRAPHY_COMPONENTS_TYPES = {
|
|
6
|
+
h1: 'h1',
|
|
7
|
+
h2: 'h2',
|
|
8
|
+
h3: 'h3',
|
|
9
|
+
h4: 'h4',
|
|
10
|
+
h5: 'h5',
|
|
11
|
+
h6: 'h6',
|
|
12
|
+
p: 'p',
|
|
13
|
+
span: 'span',
|
|
14
|
+
div: 'div'
|
|
15
|
+
};
|
|
16
|
+
const TYPOGRAPHY_TRANSFORM = {
|
|
17
|
+
uppercase: 'uppercase',
|
|
18
|
+
lowercase: 'lowercase',
|
|
19
|
+
capitalize: 'capitalize'
|
|
20
|
+
};
|
|
21
|
+
const TYPOGRAPHY_WEIGHT = {
|
|
22
|
+
regular: 'regular',
|
|
23
|
+
bold: 'bold',
|
|
24
|
+
semibold: 'semibold'
|
|
25
|
+
};
|
|
26
|
+
const typographyCssBaseClass = 'typography';
|
|
27
|
+
const TYPOGRAPHY_CSS_CLASSES = {
|
|
28
|
+
typography: typographyCssBaseClass
|
|
29
|
+
};
|
|
30
|
+
const TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP = {
|
|
31
|
+
[TYPOGRAPHY_COMPONENTS_TYPES.h1]: `${typographyCssBaseClass}_h1`,
|
|
32
|
+
[TYPOGRAPHY_COMPONENTS_TYPES.h2]: `${typographyCssBaseClass}_h2`,
|
|
33
|
+
[TYPOGRAPHY_COMPONENTS_TYPES.h3]: `${typographyCssBaseClass}_h3`,
|
|
34
|
+
[TYPOGRAPHY_COMPONENTS_TYPES.h4]: `${typographyCssBaseClass}_h4`,
|
|
35
|
+
[TYPOGRAPHY_COMPONENTS_TYPES.h5]: `${typographyCssBaseClass}_h5`,
|
|
36
|
+
[TYPOGRAPHY_COMPONENTS_TYPES.h6]: `${typographyCssBaseClass}_h6`,
|
|
37
|
+
[TYPOGRAPHY_COMPONENTS_TYPES.p]: `${typographyCssBaseClass}_p`,
|
|
38
|
+
[TYPOGRAPHY_COMPONENTS_TYPES.span]: `${typographyCssBaseClass}_span`
|
|
39
|
+
};
|
|
40
|
+
const TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP = {
|
|
41
|
+
[TYPOGRAPHY_TRANSFORM.uppercase]: `${typographyCssBaseClass}_uppercase`,
|
|
42
|
+
[TYPOGRAPHY_TRANSFORM.lowercase]: `${typographyCssBaseClass}_lowercase`,
|
|
43
|
+
[TYPOGRAPHY_TRANSFORM.capitalize]: `${typographyCssBaseClass}_capitalize`
|
|
44
|
+
};
|
|
45
|
+
const TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP = {
|
|
46
|
+
[TYPOGRAPHY_WEIGHT.regular]: `${typographyCssBaseClass}_regular`,
|
|
47
|
+
[TYPOGRAPHY_WEIGHT.bold]: `${typographyCssBaseClass}_bold`,
|
|
48
|
+
[TYPOGRAPHY_WEIGHT.semibold]: `${typographyCssBaseClass}_semibold`
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
exports.TYPOGRAPHY_COMPONENTS_TYPES = TYPOGRAPHY_COMPONENTS_TYPES;
|
|
52
|
+
exports.TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP = TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP;
|
|
53
|
+
exports.TYPOGRAPHY_CSS_CLASSES = TYPOGRAPHY_CSS_CLASSES;
|
|
54
|
+
exports.TYPOGRAPHY_TRANSFORM = TYPOGRAPHY_TRANSFORM;
|
|
55
|
+
exports.TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP = TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP;
|
|
56
|
+
exports.TYPOGRAPHY_WEIGHT = TYPOGRAPHY_WEIGHT;
|
|
57
|
+
exports.TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP = TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP;
|
|
58
|
+
//# sourceMappingURL=typography_constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_h1__3a-Nj,\n.main-module_h2__21pDL,\n.main-module_h3__3imzT,\n.main-module_h4__2QRuk,\n.main-module_h5__1c9ae,\n.main-module_h6__3jfrk {\n display: block;\n color: #2d3748;\n font-weight: 600;\n}\n.main-module_h1__3a-Nj:not(:last-child),\n.main-module_h2__21pDL:not(:last-child) {\n margin-bottom: 2rem;\n}\n.main-module_h3__3imzT:not(:last-child),\n.main-module_h4__2QRuk:not(:last-child),\n.main-module_h5__1c9ae:not(:last-child),\n.main-module_h6__3jfrk:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_h1__3a-Nj {\n font-size: 36px;\n font-size: 2.5714285714285716rem;\n}\n.main-module_h2__21pDL {\n font-size: 24px;\n font-size: 1.7142857142857142rem;\n}\n.main-module_h3__3imzT {\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n}\n.main-module_h4__2QRuk {\n font-size: 16px;\n font-size: 1.1428571428571428rem;\n}\n.main-module_h5__1c9ae {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_h6__3jfrk {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n}\n.main-module_p__2sOVc {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_p__2sOVc:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_strong__3Jzt0 {\n font-weight: 700;\n}\n.main-module_small__3ODLs {\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n}\n.main-module_display-1__1PNue {\n font-size: 64px;\n font-size: 4.571428571428571rem;\n font-weight: 700;\n color: #2d3748;\n}\n.main-module_head_line__3DhiP {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #5c657e;\n font-weight: 400;\n display: flex;\n align-items: center;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n}\n.main-module_head_line__3DhiP::after {\n content: '';\n flex: 1 1 auto;\n height: 0px;\n border-top: 1px solid #ececec;\n opacity: 1;\n margin-left: 1rem;\n}\n.main-module_head_box__2Xzof {\n
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_h1__3a-Nj,\n.main-module_h2__21pDL,\n.main-module_h3__3imzT,\n.main-module_h4__2QRuk,\n.main-module_h5__1c9ae,\n.main-module_h6__3jfrk {\n display: block;\n color: #2d3748;\n font-weight: 600;\n}\n.main-module_h1__3a-Nj:not(:last-child),\n.main-module_h2__21pDL:not(:last-child) {\n margin-bottom: 2rem;\n}\n.main-module_h3__3imzT:not(:last-child),\n.main-module_h4__2QRuk:not(:last-child),\n.main-module_h5__1c9ae:not(:last-child),\n.main-module_h6__3jfrk:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_h1__3a-Nj {\n font-size: 36px;\n font-size: 2.5714285714285716rem;\n}\n.main-module_h2__21pDL {\n font-size: 24px;\n font-size: 1.7142857142857142rem;\n}\n.main-module_h3__3imzT {\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n}\n.main-module_h4__2QRuk {\n font-size: 16px;\n font-size: 1.1428571428571428rem;\n}\n.main-module_h5__1c9ae {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_h6__3jfrk {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n}\n.main-module_p__2sOVc {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_p__2sOVc:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_strong__3Jzt0 {\n font-weight: 700;\n}\n.main-module_small__3ODLs {\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n}\n.main-module_display-1__1PNue {\n font-size: 64px;\n font-size: 4.571428571428571rem;\n font-weight: 700;\n color: #2d3748;\n}\n.main-module_head_line__3DhiP {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #5c657e;\n font-weight: 400;\n display: flex;\n align-items: center;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n}\n.main-module_head_line__3DhiP::after {\n content: '';\n flex: 1 1 auto;\n height: 0px;\n border-top: 1px solid #ececec;\n opacity: 1;\n margin-left: 1rem;\n}\n.main-module_head_box__2Xzof {\n text-transform: uppercase;\n letter-spacing: 1.1px;\n font-weight: 700;\n display: block;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #2d3748;\n font-weight: 600;\n}\n.main-module_head_box__2Xzof:not(:last-child) {\n margin-bottom: 1rem;\n}\n";
|
|
8
8
|
var cssClasses = {"h1":"main-module_h1__3a-Nj","h2":"main-module_h2__21pDL","h3":"main-module_h3__3imzT","h4":"main-module_h4__2QRuk","h5":"main-module_h5__1c9ae","h6":"main-module_h6__3jfrk","p":"main-module_p__2sOVc","strong":"main-module_strong__3Jzt0","small":"main-module_small__3ODLs","display-1":"main-module_display-1__1PNue","head_line":"main-module_head_line__3DhiP","head_box":"main-module_head_box__2Xzof"};
|
|
9
9
|
styleInject_es['default'](css_248z);
|
|
10
10
|
|
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
|
-
var css_248z = ".main-module_stack__3-jiz {\n display: flex;\n}\n.main-module_stack_align_baseline__3SbXR {\n align-items: baseline;\n}\n.main-module_stack_align_center__8Oiot {\n align-items: center;\n}\n.main-module_stack_align_start__1XZH7 {\n align-items: start;\n}\n.main-module_stack_align_end__3QU1b {\n align-items: end;\n}\n.main-module_stack_align_flex-start__2f9Wz {\n align-items: flex-start;\n}\n.main-module_stack_align_flex-end__3xf08 {\n align-items: flex-end;\n}\n.main-module_stack_align_inherit__xPQNE {\n align-items: inherit;\n}\n.main-module_stack_align_initial__1qB9J {\n align-items: initial;\n}\n.main-module_stack_align_normal__3V4Fe {\n align-items: normal;\n}\n.main-module_stack_align_revert__11jKE {\n align-items: revert;\n}\n.main-module_stack_align_self-start__3Yb8f {\n align-items: self-start;\n}\n.main-module_stack_align_self-end__3eK1k {\n align-items: self-end;\n}\n.main-module_stack_align_stretch__1Wqh9 {\n align-items: stretch;\n}\n.main-module_stack_align_unset__3MxA_ {\n align-items: unset;\n}\n.main-module_stack_justify_center__2yHEa {\n flex-justify: center;\n}\n.main-module_stack_justify_start__3-Xzo {\n flex-justify: start;\n}\n.main-module_stack_justify_end__2bxER {\n flex-justify: end;\n}\n.main-module_stack_justify_flex-start__37n5K {\n flex-justify: flex-start;\n}\n.main-module_stack_justify_flex-end__1Bn86 {\n flex-justify: flex-end;\n}\n.main-module_stack_justify_inherit__vBXE0 {\n flex-justify: inherit;\n}\n.main-module_stack_justify_initial__1ZrSu {\n flex-justify: initial;\n}\n.main-module_stack_justify_normal__oCHaG {\n flex-justify: normal;\n}\n.main-module_stack_justify_revert__178VV {\n flex-justify: revert;\n}\n.main-module_stack_justify_left__2OXyY {\n flex-justify: left;\n}\n.main-module_stack_justify_right__SpZ4H {\n flex-justify: right;\n}\n.main-module_stack_justify_space-around__3bdw0 {\n flex-justify: space-around;\n}\n.main-module_stack_justify_space-between__3F8bw {\n flex-justify: space-between;\n}\n.main-module_stack_justify_space-evenly__FJU9F {\n flex-justify: space-evenly;\n}\n.main-module_stack_justify_stretch__1jlvC {\n flex-justify: stretch;\n}\n.main-module_stack_justify_unset__2HlHd {\n flex-justify: unset;\n}\n.main-module_stack_wrap_wrap__uKbM1 {\n flex-wrap: wrap;\n}\n.main-module_stack_wrap_nowrap__i2Afg {\n flex-wrap: nowrap;\n}\n.main-module_stack_wrap_wrap-reverse__d4f4t {\n flex-wrap: wrap-reverse;\n}\n.main-module_stack_wrap_inherit__14f1V {\n flex-wrap: inherit;\n}\n.main-module_stack_wrap_initial__12dgJ {\n flex-wrap: initial;\n}\n.main-module_stack_wrap_revert__2rF92 {\n flex-wrap: revert;\n}\n.main-module_stack_wrap_unset__3D9Go {\n flex-wrap: unset;\n}\n.main-module_stack_direction_column__1lGtW {\n flex-direction: column;\n}\n.main-module_stack_direction_column-reverse__2ZEqE {\n flex-direction: column-reverse;\n}\n.main-module_stack_direction_inherit__3-x4i {\n flex-direction: inherit;\n}\n.main-module_stack_direction_initial__jieCo {\n flex-direction: initial;\n}\n.main-module_stack_direction_row__1I2OC {\n flex-direction: row;\n}\n.main-module_stack_direction_row-reverse__2wnjd {\n flex-direction: row-reverse;\n}\n.main-module_stack_direction_unset__q3yaL {\n flex-direction: unset;\n}\n";
|
|
8
|
-
var cssClasses = {"stack":"main-module_stack__3-jiz","stack_align_baseline":"main-module_stack_align_baseline__3SbXR","stack_align_center":"main-module_stack_align_center__8Oiot","stack_align_start":"main-module_stack_align_start__1XZH7","stack_align_end":"main-module_stack_align_end__3QU1b","stack_align_flex-start":"main-module_stack_align_flex-start__2f9Wz","stack_align_flex-end":"main-module_stack_align_flex-end__3xf08","stack_align_inherit":"main-module_stack_align_inherit__xPQNE","stack_align_initial":"main-module_stack_align_initial__1qB9J","stack_align_normal":"main-module_stack_align_normal__3V4Fe","stack_align_revert":"main-module_stack_align_revert__11jKE","stack_align_self-start":"main-module_stack_align_self-start__3Yb8f","stack_align_self-end":"main-module_stack_align_self-end__3eK1k","stack_align_stretch":"main-module_stack_align_stretch__1Wqh9","stack_align_unset":"main-module_stack_align_unset__3MxA_","stack_justify_center":"main-module_stack_justify_center__2yHEa","stack_justify_start":"main-module_stack_justify_start__3-Xzo","stack_justify_end":"main-module_stack_justify_end__2bxER","stack_justify_flex-start":"main-module_stack_justify_flex-start__37n5K","stack_justify_flex-end":"main-module_stack_justify_flex-end__1Bn86","stack_justify_inherit":"main-module_stack_justify_inherit__vBXE0","stack_justify_initial":"main-module_stack_justify_initial__1ZrSu","stack_justify_normal":"main-module_stack_justify_normal__oCHaG","stack_justify_revert":"main-module_stack_justify_revert__178VV","stack_justify_left":"main-module_stack_justify_left__2OXyY","stack_justify_right":"main-module_stack_justify_right__SpZ4H","stack_justify_space-around":"main-module_stack_justify_space-around__3bdw0","stack_justify_space-between":"main-module_stack_justify_space-between__3F8bw","stack_justify_space-evenly":"main-module_stack_justify_space-evenly__FJU9F","stack_justify_stretch":"main-module_stack_justify_stretch__1jlvC","stack_justify_unset":"main-module_stack_justify_unset__2HlHd","stack_wrap_wrap":"main-module_stack_wrap_wrap__uKbM1","stack_wrap_nowrap":"main-module_stack_wrap_nowrap__i2Afg","stack_wrap_wrap-reverse":"main-module_stack_wrap_wrap-reverse__d4f4t","stack_wrap_inherit":"main-module_stack_wrap_inherit__14f1V","stack_wrap_initial":"main-module_stack_wrap_initial__12dgJ","stack_wrap_revert":"main-module_stack_wrap_revert__2rF92","stack_wrap_unset":"main-module_stack_wrap_unset__3D9Go","stack_direction_column":"main-module_stack_direction_column__1lGtW","stack_direction_column-reverse":"main-module_stack_direction_column-reverse__2ZEqE","stack_direction_inherit":"main-module_stack_direction_inherit__3-x4i","stack_direction_initial":"main-module_stack_direction_initial__jieCo","stack_direction_row":"main-module_stack_direction_row__1I2OC","stack_direction_row-reverse":"main-module_stack_direction_row-reverse__2wnjd","stack_direction_unset":"main-module_stack_direction_unset__q3yaL"};
|
|
7
|
+
var css_248z = ".main-module_stack__3-jiz {\n display: flex;\n}\n.main-module_stack_inline__3_yIz {\n display: inline-flex;\n}\n.main-module_stack_align_baseline__3SbXR {\n align-items: baseline;\n}\n.main-module_stack_align_center__8Oiot {\n align-items: center;\n}\n.main-module_stack_align_start__1XZH7 {\n align-items: start;\n}\n.main-module_stack_align_end__3QU1b {\n align-items: end;\n}\n.main-module_stack_align_flex-start__2f9Wz {\n align-items: flex-start;\n}\n.main-module_stack_align_flex-end__3xf08 {\n align-items: flex-end;\n}\n.main-module_stack_align_inherit__xPQNE {\n align-items: inherit;\n}\n.main-module_stack_align_initial__1qB9J {\n align-items: initial;\n}\n.main-module_stack_align_normal__3V4Fe {\n align-items: normal;\n}\n.main-module_stack_align_revert__11jKE {\n align-items: revert;\n}\n.main-module_stack_align_self-start__3Yb8f {\n align-items: self-start;\n}\n.main-module_stack_align_self-end__3eK1k {\n align-items: self-end;\n}\n.main-module_stack_align_stretch__1Wqh9 {\n align-items: stretch;\n}\n.main-module_stack_align_unset__3MxA_ {\n align-items: unset;\n}\n.main-module_stack_justify_center__2yHEa {\n flex-justify: center;\n}\n.main-module_stack_justify_start__3-Xzo {\n flex-justify: start;\n}\n.main-module_stack_justify_end__2bxER {\n flex-justify: end;\n}\n.main-module_stack_justify_flex-start__37n5K {\n flex-justify: flex-start;\n}\n.main-module_stack_justify_flex-end__1Bn86 {\n flex-justify: flex-end;\n}\n.main-module_stack_justify_inherit__vBXE0 {\n flex-justify: inherit;\n}\n.main-module_stack_justify_initial__1ZrSu {\n flex-justify: initial;\n}\n.main-module_stack_justify_normal__oCHaG {\n flex-justify: normal;\n}\n.main-module_stack_justify_revert__178VV {\n flex-justify: revert;\n}\n.main-module_stack_justify_left__2OXyY {\n flex-justify: left;\n}\n.main-module_stack_justify_right__SpZ4H {\n flex-justify: right;\n}\n.main-module_stack_justify_space-around__3bdw0 {\n flex-justify: space-around;\n}\n.main-module_stack_justify_space-between__3F8bw {\n flex-justify: space-between;\n}\n.main-module_stack_justify_space-evenly__FJU9F {\n flex-justify: space-evenly;\n}\n.main-module_stack_justify_stretch__1jlvC {\n flex-justify: stretch;\n}\n.main-module_stack_justify_unset__2HlHd {\n flex-justify: unset;\n}\n.main-module_stack_wrap_wrap__uKbM1 {\n flex-wrap: wrap;\n}\n.main-module_stack_wrap_nowrap__i2Afg {\n flex-wrap: nowrap;\n}\n.main-module_stack_wrap_wrap-reverse__d4f4t {\n flex-wrap: wrap-reverse;\n}\n.main-module_stack_wrap_inherit__14f1V {\n flex-wrap: inherit;\n}\n.main-module_stack_wrap_initial__12dgJ {\n flex-wrap: initial;\n}\n.main-module_stack_wrap_revert__2rF92 {\n flex-wrap: revert;\n}\n.main-module_stack_wrap_unset__3D9Go {\n flex-wrap: unset;\n}\n.main-module_stack_direction_column__1lGtW {\n flex-direction: column;\n}\n.main-module_stack_direction_column-reverse__2ZEqE {\n flex-direction: column-reverse;\n}\n.main-module_stack_direction_inherit__3-x4i {\n flex-direction: inherit;\n}\n.main-module_stack_direction_initial__jieCo {\n flex-direction: initial;\n}\n.main-module_stack_direction_row__1I2OC {\n flex-direction: row;\n}\n.main-module_stack_direction_row-reverse__2wnjd {\n flex-direction: row-reverse;\n}\n.main-module_stack_direction_unset__q3yaL {\n flex-direction: unset;\n}\n";
|
|
8
|
+
var cssClasses = {"stack":"main-module_stack__3-jiz","stack_inline":"main-module_stack_inline__3_yIz","stack_align_baseline":"main-module_stack_align_baseline__3SbXR","stack_align_center":"main-module_stack_align_center__8Oiot","stack_align_start":"main-module_stack_align_start__1XZH7","stack_align_end":"main-module_stack_align_end__3QU1b","stack_align_flex-start":"main-module_stack_align_flex-start__2f9Wz","stack_align_flex-end":"main-module_stack_align_flex-end__3xf08","stack_align_inherit":"main-module_stack_align_inherit__xPQNE","stack_align_initial":"main-module_stack_align_initial__1qB9J","stack_align_normal":"main-module_stack_align_normal__3V4Fe","stack_align_revert":"main-module_stack_align_revert__11jKE","stack_align_self-start":"main-module_stack_align_self-start__3Yb8f","stack_align_self-end":"main-module_stack_align_self-end__3eK1k","stack_align_stretch":"main-module_stack_align_stretch__1Wqh9","stack_align_unset":"main-module_stack_align_unset__3MxA_","stack_justify_center":"main-module_stack_justify_center__2yHEa","stack_justify_start":"main-module_stack_justify_start__3-Xzo","stack_justify_end":"main-module_stack_justify_end__2bxER","stack_justify_flex-start":"main-module_stack_justify_flex-start__37n5K","stack_justify_flex-end":"main-module_stack_justify_flex-end__1Bn86","stack_justify_inherit":"main-module_stack_justify_inherit__vBXE0","stack_justify_initial":"main-module_stack_justify_initial__1ZrSu","stack_justify_normal":"main-module_stack_justify_normal__oCHaG","stack_justify_revert":"main-module_stack_justify_revert__178VV","stack_justify_left":"main-module_stack_justify_left__2OXyY","stack_justify_right":"main-module_stack_justify_right__SpZ4H","stack_justify_space-around":"main-module_stack_justify_space-around__3bdw0","stack_justify_space-between":"main-module_stack_justify_space-between__3F8bw","stack_justify_space-evenly":"main-module_stack_justify_space-evenly__FJU9F","stack_justify_stretch":"main-module_stack_justify_stretch__1jlvC","stack_justify_unset":"main-module_stack_justify_unset__2HlHd","stack_wrap_wrap":"main-module_stack_wrap_wrap__uKbM1","stack_wrap_nowrap":"main-module_stack_wrap_nowrap__i2Afg","stack_wrap_wrap-reverse":"main-module_stack_wrap_wrap-reverse__d4f4t","stack_wrap_inherit":"main-module_stack_wrap_inherit__14f1V","stack_wrap_initial":"main-module_stack_wrap_initial__12dgJ","stack_wrap_revert":"main-module_stack_wrap_revert__2rF92","stack_wrap_unset":"main-module_stack_wrap_unset__3D9Go","stack_direction_column":"main-module_stack_direction_column__1lGtW","stack_direction_column-reverse":"main-module_stack_direction_column-reverse__2ZEqE","stack_direction_inherit":"main-module_stack_direction_inherit__3-x4i","stack_direction_initial":"main-module_stack_direction_initial__jieCo","stack_direction_row":"main-module_stack_direction_row__1I2OC","stack_direction_row-reverse":"main-module_stack_direction_row-reverse__2wnjd","stack_direction_unset":"main-module_stack_direction_unset__q3yaL"};
|
|
9
9
|
styleInject_es['default'](css_248z);
|
|
10
10
|
|
|
11
11
|
exports.default = cssClasses;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
|
+
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_typography_h1__3-Uq1 {\n font-size: 36px;\n font-size: 2.5714285714285716rem;\n}\n.main-module_typography_h2__2S8Us {\n font-size: 24px;\n font-size: 1.7142857142857142rem;\n}\n.main-module_typography_h3__2TNaC {\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n}\n.main-module_typography_h4__2yTuP {\n font-size: 16px;\n font-size: 1.1428571428571428rem;\n}\n.main-module_typography_h5__1-Tt- {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_h6__2oHDB {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n}\n.main-module_typography_p__vWW6a {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_bold__18xiI {\n font-weight: 700;\n}\n.main-module_typography_semibold__1kr14 {\n font-weight: 600;\n}\n.main-module_typography_normal__oKS8F {\n font-weight: 400;\n}\n.main-module_typography_uppercase__PMlo5 {\n text-transform: uppercase;\n}\n.main-module_typography_lowercase__17D2L {\n text-transform: lowercase;\n}\n.main-module_typography_capitalize__3L3XA {\n text-transform: capitalize;\n}\n.main-module_typography_h1__3-Uq1,\n.main-module_typography_h2__2S8Us,\n.main-module_typography_h3__2TNaC,\n.main-module_typography_h4__2yTuP,\n.main-module_typography_h5__1-Tt-,\n.main-module_typography_h6__2oHDB {\n display: block;\n color: #2d3748;\n font-weight: 600;\n}\n.main-module_typography_h1__3-Uq1:not(:last-child),\n.main-module_typography_h2__2S8Us:not(:last-child) {\n margin-bottom: 2rem;\n}\n.main-module_typography_h3__2TNaC:not(:last-child),\n.main-module_typography_h4__2yTuP:not(:last-child),\n.main-module_typography_h5__1-Tt-:not(:last-child),\n.main-module_typography_h6__2oHDB:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_typography_p__vWW6a {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_p__vWW6a:not(:last-child) {\n margin-bottom: 1rem;\n}\n";
|
|
8
|
+
var typographyCssClasses = {"typography_h1":"main-module_typography_h1__3-Uq1","typography_h2":"main-module_typography_h2__2S8Us","typography_h3":"main-module_typography_h3__2TNaC","typography_h4":"main-module_typography_h4__2yTuP","typography_h5":"main-module_typography_h5__1-Tt-","typography_h6":"main-module_typography_h6__2oHDB","typography_p":"main-module_typography_p__vWW6a","typography_bold":"main-module_typography_bold__18xiI","typography_semibold":"main-module_typography_semibold__1kr14","typography_normal":"main-module_typography_normal__oKS8F","typography_uppercase":"main-module_typography_uppercase__PMlo5","typography_lowercase":"main-module_typography_lowercase__17D2L","typography_capitalize":"main-module_typography_capitalize__3L3XA"};
|
|
9
|
+
styleInject_es['default'](css_248z);
|
|
10
|
+
|
|
11
|
+
exports.default = typographyCssClasses;
|
|
12
|
+
//# sourceMappingURL=main.module.less.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -2,66 +2,67 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var index$
|
|
5
|
+
var index$r = require('./components/modal/hoc/absolute_modal/index.js');
|
|
6
6
|
var index = require('./components/accordion/index.js');
|
|
7
7
|
var index$1 = require('./components/button/index.js');
|
|
8
8
|
var index$3 = require('./components/buttons_group/index.js');
|
|
9
|
-
var index$
|
|
9
|
+
var index$y = require('./components/dropdown/context/index.js');
|
|
10
10
|
var index$k = require('./components/color_picker/index.js');
|
|
11
11
|
var icon_tick = require('./assets/icon_tick.js');
|
|
12
12
|
var index$7 = require('./components/label/index.js');
|
|
13
13
|
var index$9 = require('./components/controls/index.js');
|
|
14
|
-
var index$
|
|
15
|
-
var index$
|
|
14
|
+
var index$C = require('./components/hint/index.js');
|
|
15
|
+
var index$B = require('./components/controls/hoc/control_cell_selector/index.js');
|
|
16
16
|
var index$b = require('./components/controls/hoc/control_checkbox/index.js');
|
|
17
17
|
var index$c = require('./components/controls/hoc/control_checkbox_switch/index.js');
|
|
18
18
|
var icon_arrow = require('./assets/icon_arrow.js');
|
|
19
19
|
var use_toggle = require('./components/dropdown/hooks/use_toggle.js');
|
|
20
20
|
var index$4 = require('./components/dropdown/index.js');
|
|
21
|
-
var index$
|
|
21
|
+
var index$z = require('./components/spacing/index.js');
|
|
22
22
|
var index$l = require('./components/controls/hoc/control_color_picker/index.js');
|
|
23
23
|
var icon_calendar = require('./assets/icon_calendar.js');
|
|
24
24
|
var index$5 = require('./components/dropdown/hoc/select/index.js');
|
|
25
25
|
var index$j = require('./components/date_picker/index.js');
|
|
26
26
|
var index$m = require('./components/controls/hoc/control_date_picker/index.js');
|
|
27
|
-
var index$
|
|
27
|
+
var index$A = require('./components/file_picker/index.js');
|
|
28
28
|
var index$n = require('./components/controls/hoc/control_file_picker/index.js');
|
|
29
29
|
var index$a = require('./components/controls/hoc/control_input/index.js');
|
|
30
30
|
var index$6 = require('./components/dropdown/hoc/multiselect/index.js');
|
|
31
31
|
var index$g = require('./components/controls/hoc/control_multi_select/index.js');
|
|
32
32
|
var index$d = require('./components/controls/hoc/control_radio/index.js');
|
|
33
|
-
var index$
|
|
33
|
+
var index$D = require('./components/controls/hoc/control_radio_group/index.js');
|
|
34
34
|
var index$f = require('./components/controls/hoc/control_range/index.js');
|
|
35
35
|
var index$e = require('./components/controls/hoc/control_select/index.js');
|
|
36
|
-
var index$
|
|
37
|
-
var index$
|
|
38
|
-
var index$
|
|
36
|
+
var index$t = require('./components/tag/index.js');
|
|
37
|
+
var index$u = require('./components/tags_selector/index.js');
|
|
38
|
+
var index$v = require('./components/controls/hoc/control_tags_selector/index.js');
|
|
39
39
|
var index$h = require('./components/controls/hoc/control_textarea/index.js');
|
|
40
|
-
var index$
|
|
40
|
+
var index$w = require('./components/table/index.js');
|
|
41
41
|
var dataTable = require('./components/table/hoc/data-table.js');
|
|
42
42
|
var context = require('./components/flash_messenger/context.js');
|
|
43
|
-
var index$
|
|
44
|
-
var index$
|
|
43
|
+
var index$E = require('./components/message-box/index.js');
|
|
44
|
+
var index$x = require('./components/grid/index.js');
|
|
45
45
|
var flash_messages_list = require('./components/flash_messenger/components/flash_messages_list.js');
|
|
46
|
-
var index$
|
|
46
|
+
var index$F = require('./components/flash_messenger/index.js');
|
|
47
47
|
var index$i = require('./components/gallery/index.js');
|
|
48
|
+
var index$p = require('./components/typography/index.js');
|
|
48
49
|
var index$o = require('./components/heading/index.js');
|
|
49
50
|
var icon_desktop = require('./assets/icon_desktop.js');
|
|
50
51
|
var icon_laptop = require('./assets/icon_laptop.js');
|
|
51
52
|
var icon_mobile = require('./assets/icon_mobile.js');
|
|
52
53
|
var icon_tablet = require('./assets/icon_tablet.js');
|
|
53
54
|
var icon_warning = require('./assets/icon_warning.js');
|
|
54
|
-
var index$
|
|
55
|
-
var index$
|
|
56
|
-
var index$
|
|
55
|
+
var index$I = require('./components/link/index.js');
|
|
56
|
+
var index$G = require('./components/loader/index.js');
|
|
57
|
+
var index$q = require('./components/modal/index.js');
|
|
57
58
|
var modal_context = require('./components/modal/context/modal_context.js');
|
|
58
59
|
var modal_provider = require('./components/modal/hoc/modal_provider.js');
|
|
59
|
-
var index$
|
|
60
|
+
var index$s = require('./components/modal/hoc/relative_modal/index.js');
|
|
60
61
|
var search_list = require('./components/search_list/components/search_list.js');
|
|
61
62
|
var use_search_list = require('./components/search_list/use_search_list.js');
|
|
62
63
|
var search_list_input = require('./components/search_list/components/search_list_input.js');
|
|
63
64
|
var search_list_results = require('./components/search_list/components/search_list_results.js');
|
|
64
|
-
var index$
|
|
65
|
+
var index$J = require('./components/slide/index.js');
|
|
65
66
|
var slide_close_btn_wrapper = require('./components/slide/components/slide_close_btn_wrapper.js');
|
|
66
67
|
var slide_content = require('./components/slide/components/slide_content.js');
|
|
67
68
|
var slide_footer = require('./components/slide/components/slide_footer.js');
|
|
@@ -74,72 +75,73 @@ var tabs_panel = require('./components/tabs/components/tabs_panel.js');
|
|
|
74
75
|
var tabs_panel_list = require('./components/tabs/components/tabs_panel_list.js');
|
|
75
76
|
var tabs_wrapper = require('./components/tabs/components/tabs_wrapper.js');
|
|
76
77
|
var index$2 = require('./components/tooltip/index.js');
|
|
77
|
-
var index$
|
|
78
|
+
var index$H = require('./components/with_loader/index.js');
|
|
78
79
|
|
|
79
80
|
|
|
80
81
|
|
|
81
|
-
exports.AbsoluteModal = index$
|
|
82
|
+
exports.AbsoluteModal = index$r['default'];
|
|
82
83
|
exports.Accordion = index['default'];
|
|
83
84
|
exports.Button = index$1['default'];
|
|
84
85
|
exports.ButtonsGroup = index$3['default'];
|
|
85
|
-
exports.DropdownContext = index$
|
|
86
|
-
exports.useDropdownContext = index$
|
|
86
|
+
exports.DropdownContext = index$y.DropdownContext;
|
|
87
|
+
exports.useDropdownContext = index$y.useDropdownContext;
|
|
87
88
|
exports.ColorPicker = index$k['default'];
|
|
88
89
|
exports.IconTick = icon_tick['default'];
|
|
89
90
|
exports.Label = index$7['default'];
|
|
90
91
|
exports.Control = index$9['default'];
|
|
91
|
-
exports.Hint = index$
|
|
92
|
-
exports.ControlCellSelector = index$
|
|
92
|
+
exports.Hint = index$C['default'];
|
|
93
|
+
exports.ControlCellSelector = index$B['default'];
|
|
93
94
|
exports.ControlCheckbox = index$b['default'];
|
|
94
95
|
exports.ControlCheckboxSwitch = index$c['default'];
|
|
95
96
|
exports.IconArrow = icon_arrow['default'];
|
|
96
97
|
exports.useToggle = use_toggle.useToggle;
|
|
97
98
|
exports.Dropdown = index$4['default'];
|
|
98
|
-
exports.Spacing = index$
|
|
99
|
+
exports.Spacing = index$z['default'];
|
|
99
100
|
exports.ControlColorPicker = index$l['default'];
|
|
100
101
|
exports.IconCalendar = icon_calendar['default'];
|
|
101
102
|
exports.Select = index$5['default'];
|
|
102
103
|
exports.Datepicker = index$j['default'];
|
|
103
104
|
exports.ControlDatepicker = index$m['default'];
|
|
104
|
-
exports.FilePicker = index$
|
|
105
|
+
exports.FilePicker = index$A['default'];
|
|
105
106
|
exports.ControlFilePicker = index$n['default'];
|
|
106
107
|
exports.ControlInput = index$a['default'];
|
|
107
108
|
exports.MultiSelect = index$6['default'];
|
|
108
109
|
exports.ControlMultiSelect = index$g['default'];
|
|
109
110
|
exports.ControlRadio = index$d['default'];
|
|
110
|
-
exports.ControlRadioGroup = index$
|
|
111
|
+
exports.ControlRadioGroup = index$D['default'];
|
|
111
112
|
exports.ControlRange = index$f['default'];
|
|
112
113
|
exports.ControlSelect = index$e['default'];
|
|
113
|
-
exports.Tag = index$
|
|
114
|
-
exports.TagsSelector = index$
|
|
115
|
-
exports.ControlTagsSelector = index$
|
|
114
|
+
exports.Tag = index$t['default'];
|
|
115
|
+
exports.TagsSelector = index$u['default'];
|
|
116
|
+
exports.ControlTagsSelector = index$v['default'];
|
|
116
117
|
exports.ControlTextarea = index$h['default'];
|
|
117
|
-
exports.Table = index$
|
|
118
|
+
exports.Table = index$w['default'];
|
|
118
119
|
exports.DataTable = dataTable['default'];
|
|
119
120
|
exports.FlashMessengerContext = context.FlashMessengerContext;
|
|
120
121
|
exports.useFlashMessenger = context.useFlashMessenger;
|
|
121
|
-
exports.MessageBox = index$
|
|
122
|
-
exports.Grid = index$
|
|
122
|
+
exports.MessageBox = index$E['default'];
|
|
123
|
+
exports.Grid = index$x['default'];
|
|
123
124
|
exports.FlashMessagesList = flash_messages_list['default'];
|
|
124
|
-
exports.FlashMessenger = index$
|
|
125
|
+
exports.FlashMessenger = index$F['default'];
|
|
125
126
|
exports.Gallery = index$i['default'];
|
|
127
|
+
exports.Typography = index$p.Typography;
|
|
126
128
|
exports.Heading = index$o['default'];
|
|
127
129
|
exports.IconDesktop = icon_desktop['default'];
|
|
128
130
|
exports.IconLaptop = icon_laptop['default'];
|
|
129
131
|
exports.IconMobile = icon_mobile['default'];
|
|
130
132
|
exports.IconTablet = icon_tablet['default'];
|
|
131
133
|
exports.IconWarning = icon_warning['default'];
|
|
132
|
-
exports.Link = index$
|
|
133
|
-
exports.Loader = index$
|
|
134
|
-
exports.Modal = index$
|
|
134
|
+
exports.Link = index$I['default'];
|
|
135
|
+
exports.Loader = index$G['default'];
|
|
136
|
+
exports.Modal = index$q['default'];
|
|
135
137
|
exports.ModalContext = modal_context.ModalContext;
|
|
136
138
|
exports.ModalProvider = modal_provider['default'];
|
|
137
|
-
exports.RelativeModal = index$
|
|
139
|
+
exports.RelativeModal = index$s['default'];
|
|
138
140
|
exports.SearchList = search_list.SearchList;
|
|
139
141
|
exports.useSearchList = use_search_list.useSearchList;
|
|
140
142
|
exports.SearchListInput = search_list_input.SearchListInput;
|
|
141
143
|
exports.SearchListResults = search_list_results.SearchListResults;
|
|
142
|
-
exports.Slide = index$
|
|
144
|
+
exports.Slide = index$J['default'];
|
|
143
145
|
exports.SlideCloseBtnWrapper = slide_close_btn_wrapper.SlideCloseBtnWrapper;
|
|
144
146
|
exports.SlideContent = slide_content.SlideContent;
|
|
145
147
|
exports.SlideFooter = slide_footer.SlideFooter;
|
|
@@ -152,5 +154,5 @@ exports.TabsPanel = tabs_panel.TabsPanel;
|
|
|
152
154
|
exports.TabsPanelList = tabs_panel_list.TabsPanelList;
|
|
153
155
|
exports.TabsWrapper = tabs_wrapper['default'];
|
|
154
156
|
exports.Tooltip = index$2['default'];
|
|
155
|
-
exports.WithLoader = index$
|
|
157
|
+
exports.WithLoader = index$H['default'];
|
|
156
158
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
3
|
import cssClasses from '../../css/heading/main.module.less.js';
|
|
4
|
+
import { Typography } from '../typography/index.js';
|
|
4
5
|
|
|
5
6
|
const Heading = ({ as = 'h1', isSubheading, withHeadline, children }) => {
|
|
6
|
-
const classes = classnames(
|
|
7
|
+
const classes = classnames(withHeadline && cssClasses.head_line);
|
|
7
8
|
if (!isSubheading) {
|
|
8
|
-
return React.createElement(
|
|
9
|
-
className: classes
|
|
10
|
-
}, children);
|
|
9
|
+
return (React.createElement(Typography, { as: as, cssClasses: classes }, children));
|
|
11
10
|
}
|
|
12
|
-
return React.createElement("span",
|
|
11
|
+
return (React.createElement(Typography, { as: "span", variant: as }, children));
|
|
13
12
|
};
|
|
14
13
|
|
|
15
14
|
export default Heading;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
|
-
import { STACK_DIRECTIONS, STACK_JUSTIFICATIONS, STACK_ALIGNMENTS, STACK_WRAP, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_WRAP_TO_CSS_CLASSES_MAP } from './stack_constants.js';
|
|
3
|
+
import { STACK_DIRECTIONS, STACK_JUSTIFICATIONS, STACK_ALIGNMENTS, STACK_WRAP, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_WRAP_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES } from './stack_constants.js';
|
|
4
4
|
import cssClasses from '../../css/stack/main.module.less.js';
|
|
5
5
|
import { cssStack } from './css_classes.js';
|
|
6
6
|
|
|
7
|
-
const Stack = ({ children, spacing = 0, className = '', direction = STACK_DIRECTIONS.row, justify = STACK_JUSTIFICATIONS.flexStart, align = STACK_ALIGNMENTS.normal, wrap = STACK_WRAP.nowrap, as = 'div' }) => {
|
|
8
|
-
const stackClass = classnames(cssClasses[cssStack], cssClasses[STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], cssClasses[STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], cssClasses[STACK_JUSTIFICATIONS[justify]], cssClasses[STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], className);
|
|
7
|
+
const Stack = ({ children, spacing = 0, className = '', direction = STACK_DIRECTIONS.row, justify = STACK_JUSTIFICATIONS.flexStart, align = STACK_ALIGNMENTS.normal, wrap = STACK_WRAP.nowrap, as = 'div', inline = false }) => {
|
|
8
|
+
const stackClass = classnames(cssClasses[cssStack], cssClasses[STACK_DIRECTIONS_TO_CSS_CLASSES_MAP[direction]], cssClasses[STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP[align]], cssClasses[STACK_JUSTIFICATIONS[justify]], cssClasses[STACK_WRAP_TO_CSS_CLASSES_MAP[wrap]], STACK_CSS_CLASSES.inline ? cssClasses[STACK_CSS_CLASSES.inline] : '', className);
|
|
9
9
|
return React.createElement(as, {
|
|
10
|
-
className: `${stackClass}
|
|
10
|
+
className: `${stackClass}`,
|
|
11
11
|
style: { gap: `${spacing}px` }
|
|
12
12
|
}, children);
|
|
13
13
|
};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export declare const stackCssBaseClass = "stack";
|
|
1
2
|
export declare const STACK_DIRECTIONS: {
|
|
2
3
|
readonly row: "row";
|
|
3
4
|
readonly column: "column";
|
|
@@ -35,7 +36,10 @@ export declare const STACK_WRAP: {
|
|
|
35
36
|
initial: string;
|
|
36
37
|
inherit: string;
|
|
37
38
|
};
|
|
38
|
-
export declare const
|
|
39
|
+
export declare const STACK_CSS_CLASSES: {
|
|
40
|
+
readonly stack: "stack";
|
|
41
|
+
readonly inline: "stack_inline";
|
|
42
|
+
};
|
|
39
43
|
export declare const STACK_DIRECTIONS_TO_CSS_CLASSES_MAP: {
|
|
40
44
|
readonly row: "stack_direction_row";
|
|
41
45
|
readonly column: "stack_direction_column";
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
const stackCssBaseClass = 'stack';
|
|
1
2
|
const STACK_DIRECTIONS = {
|
|
2
3
|
row: 'row',
|
|
3
4
|
column: 'column',
|
|
@@ -35,7 +36,10 @@ const STACK_WRAP = {
|
|
|
35
36
|
initial: 'initial',
|
|
36
37
|
inherit: 'inherit'
|
|
37
38
|
};
|
|
38
|
-
const
|
|
39
|
+
const STACK_CSS_CLASSES = {
|
|
40
|
+
stack: stackCssBaseClass,
|
|
41
|
+
inline: `${stackCssBaseClass}_inline`
|
|
42
|
+
};
|
|
39
43
|
const STACK_DIRECTIONS_TO_CSS_CLASSES_MAP = {
|
|
40
44
|
[STACK_DIRECTIONS.row]: `${stackCssBaseClass}_direction_row`,
|
|
41
45
|
[STACK_DIRECTIONS.column]: `${stackCssBaseClass}_direction_column`,
|
|
@@ -60,5 +64,5 @@ const STACK_WRAP_TO_CSS_CLASSES_MAP = {
|
|
|
60
64
|
[STACK_WRAP.wrapReverse]: `${stackCssBaseClass}_wrap_wrap-reverse`
|
|
61
65
|
};
|
|
62
66
|
|
|
63
|
-
export { STACK_ALIGNMENTS, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_DIRECTIONS, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_JUSTIFICATIONS, STACK_WRAP, STACK_WRAP_TO_CSS_CLASSES_MAP, stackCssBaseClass };
|
|
67
|
+
export { STACK_ALIGNMENTS, STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP, STACK_CSS_CLASSES, STACK_DIRECTIONS, STACK_DIRECTIONS_TO_CSS_CLASSES_MAP, STACK_JUSTIFICATIONS, STACK_WRAP, STACK_WRAP_TO_CSS_CLASSES_MAP, stackCssBaseClass };
|
|
64
68
|
//# sourceMappingURL=stack_constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -10,6 +10,7 @@ export declare type TStackProps = {
|
|
|
10
10
|
className?: string;
|
|
11
11
|
children?: React.ReactNode;
|
|
12
12
|
as?: string;
|
|
13
|
+
inline?: boolean;
|
|
13
14
|
};
|
|
14
15
|
export declare type TStackJustify = Any.Keys<typeof STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP>;
|
|
15
16
|
export declare type TStackDirection = Any.Keys<typeof STACK_DIRECTIONS>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classnames from 'classnames';
|
|
3
|
+
import { TYPOGRAPHY_CSS_CLASSES, TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP, TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP, TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP } from './typography_constants.js';
|
|
4
|
+
import typographyCssClasses from '../../css/typography/main.module.less.js';
|
|
5
|
+
|
|
6
|
+
const Typography = ({ as = 'p', children, variant = 'h1', weight, transform, cssClasses }) => {
|
|
7
|
+
const typographyClasses = classnames(typographyCssClasses[TYPOGRAPHY_CSS_CLASSES.typography], as ? typographyCssClasses[TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[as]] : '', variant ? typographyCssClasses[TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[variant]] : '', transform ? typographyCssClasses[TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP[transform]] : '', weight ? typographyCssClasses[TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP[weight]] : '', cssClasses);
|
|
8
|
+
return React.createElement(as, {
|
|
9
|
+
className: typographyClasses
|
|
10
|
+
}, children);
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export default Typography;
|
|
14
|
+
export { Typography };
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export declare const TYPOGRAPHY_COMPONENTS_TYPES: {
|
|
2
|
+
readonly h1: "h1";
|
|
3
|
+
readonly h2: "h2";
|
|
4
|
+
readonly h3: "h3";
|
|
5
|
+
readonly h4: "h4";
|
|
6
|
+
readonly h5: "h5";
|
|
7
|
+
readonly h6: "h6";
|
|
8
|
+
readonly p: "p";
|
|
9
|
+
readonly span: "span";
|
|
10
|
+
readonly div: "div";
|
|
11
|
+
};
|
|
12
|
+
export declare const TYPOGRAPHY_TRANSFORM: {
|
|
13
|
+
readonly uppercase: "uppercase";
|
|
14
|
+
readonly lowercase: "lowercase";
|
|
15
|
+
readonly capitalize: "capitalize";
|
|
16
|
+
};
|
|
17
|
+
export declare const TYPOGRAPHY_WEIGHT: {
|
|
18
|
+
readonly regular: "regular";
|
|
19
|
+
readonly bold: "bold";
|
|
20
|
+
readonly semibold: "semibold";
|
|
21
|
+
};
|
|
22
|
+
export declare const TYPOGRAPHY_CSS_CLASSES: {
|
|
23
|
+
readonly typography: "typography";
|
|
24
|
+
};
|
|
25
|
+
export declare const TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP: {
|
|
26
|
+
readonly h1: "typography_h1";
|
|
27
|
+
readonly h2: "typography_h2";
|
|
28
|
+
readonly h3: "typography_h3";
|
|
29
|
+
readonly h4: "typography_h4";
|
|
30
|
+
readonly h5: "typography_h5";
|
|
31
|
+
readonly h6: "typography_h6";
|
|
32
|
+
readonly p: "typography_p";
|
|
33
|
+
readonly span: "typography_span";
|
|
34
|
+
};
|
|
35
|
+
export declare const TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP: {
|
|
36
|
+
readonly uppercase: "typography_uppercase";
|
|
37
|
+
readonly lowercase: "typography_lowercase";
|
|
38
|
+
readonly capitalize: "typography_capitalize";
|
|
39
|
+
};
|
|
40
|
+
export declare const TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP: {
|
|
41
|
+
readonly regular: "typography_regular";
|
|
42
|
+
readonly bold: "typography_bold";
|
|
43
|
+
readonly semibold: "typography_semibold";
|
|
44
|
+
};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
const TYPOGRAPHY_COMPONENTS_TYPES = {
|
|
2
|
+
h1: 'h1',
|
|
3
|
+
h2: 'h2',
|
|
4
|
+
h3: 'h3',
|
|
5
|
+
h4: 'h4',
|
|
6
|
+
h5: 'h5',
|
|
7
|
+
h6: 'h6',
|
|
8
|
+
p: 'p',
|
|
9
|
+
span: 'span',
|
|
10
|
+
div: 'div'
|
|
11
|
+
};
|
|
12
|
+
const TYPOGRAPHY_TRANSFORM = {
|
|
13
|
+
uppercase: 'uppercase',
|
|
14
|
+
lowercase: 'lowercase',
|
|
15
|
+
capitalize: 'capitalize'
|
|
16
|
+
};
|
|
17
|
+
const TYPOGRAPHY_WEIGHT = {
|
|
18
|
+
regular: 'regular',
|
|
19
|
+
bold: 'bold',
|
|
20
|
+
semibold: 'semibold'
|
|
21
|
+
};
|
|
22
|
+
const typographyCssBaseClass = 'typography';
|
|
23
|
+
const TYPOGRAPHY_CSS_CLASSES = {
|
|
24
|
+
typography: typographyCssBaseClass
|
|
25
|
+
};
|
|
26
|
+
const TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP = {
|
|
27
|
+
[TYPOGRAPHY_COMPONENTS_TYPES.h1]: `${typographyCssBaseClass}_h1`,
|
|
28
|
+
[TYPOGRAPHY_COMPONENTS_TYPES.h2]: `${typographyCssBaseClass}_h2`,
|
|
29
|
+
[TYPOGRAPHY_COMPONENTS_TYPES.h3]: `${typographyCssBaseClass}_h3`,
|
|
30
|
+
[TYPOGRAPHY_COMPONENTS_TYPES.h4]: `${typographyCssBaseClass}_h4`,
|
|
31
|
+
[TYPOGRAPHY_COMPONENTS_TYPES.h5]: `${typographyCssBaseClass}_h5`,
|
|
32
|
+
[TYPOGRAPHY_COMPONENTS_TYPES.h6]: `${typographyCssBaseClass}_h6`,
|
|
33
|
+
[TYPOGRAPHY_COMPONENTS_TYPES.p]: `${typographyCssBaseClass}_p`,
|
|
34
|
+
[TYPOGRAPHY_COMPONENTS_TYPES.span]: `${typographyCssBaseClass}_span`
|
|
35
|
+
};
|
|
36
|
+
const TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP = {
|
|
37
|
+
[TYPOGRAPHY_TRANSFORM.uppercase]: `${typographyCssBaseClass}_uppercase`,
|
|
38
|
+
[TYPOGRAPHY_TRANSFORM.lowercase]: `${typographyCssBaseClass}_lowercase`,
|
|
39
|
+
[TYPOGRAPHY_TRANSFORM.capitalize]: `${typographyCssBaseClass}_capitalize`
|
|
40
|
+
};
|
|
41
|
+
const TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP = {
|
|
42
|
+
[TYPOGRAPHY_WEIGHT.regular]: `${typographyCssBaseClass}_regular`,
|
|
43
|
+
[TYPOGRAPHY_WEIGHT.bold]: `${typographyCssBaseClass}_bold`,
|
|
44
|
+
[TYPOGRAPHY_WEIGHT.semibold]: `${typographyCssBaseClass}_semibold`
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
export { TYPOGRAPHY_COMPONENTS_TYPES, TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP, TYPOGRAPHY_CSS_CLASSES, TYPOGRAPHY_TRANSFORM, TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP, TYPOGRAPHY_WEIGHT, TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP };
|
|
48
|
+
//# sourceMappingURL=typography_constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { TYPOGRAPHY_COMPONENTS_TYPES, TYPOGRAPHY_TRANSFORM, TYPOGRAPHY_WEIGHT } from "./typography_constants";
|
|
2
|
+
import { Any } from 'ts-toolbelt';
|
|
3
|
+
export declare type TTypographyComponentTypes = Any.Keys<typeof TYPOGRAPHY_COMPONENTS_TYPES>;
|
|
4
|
+
export interface ITypographyProps {
|
|
5
|
+
as: TTypographyComponentTypes;
|
|
6
|
+
variant?: TTypographyVariantTypes;
|
|
7
|
+
transform?: TTypographyTransform;
|
|
8
|
+
weight?: TTypographyWeight;
|
|
9
|
+
cssClasses?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare type TTypographyTransform = Any.Keys<typeof TYPOGRAPHY_TRANSFORM>;
|
|
12
|
+
export declare type TTypographyVariantTypes = TTypographyComponentTypes;
|
|
13
|
+
export declare type TTypographyWeight = Any.Keys<typeof TYPOGRAPHY_WEIGHT>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography_types.js","sourceRoot":"","sources":["../../../../../../../src/components/typography/typography_types.ts"],"names":[],"mappings":"AAAA,OAAqF,mDAAmD,CAAC;AACzI,OAAoB,aAAa,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_h1__3a-Nj,\n.main-module_h2__21pDL,\n.main-module_h3__3imzT,\n.main-module_h4__2QRuk,\n.main-module_h5__1c9ae,\n.main-module_h6__3jfrk {\n display: block;\n color: #2d3748;\n font-weight: 600;\n}\n.main-module_h1__3a-Nj:not(:last-child),\n.main-module_h2__21pDL:not(:last-child) {\n margin-bottom: 2rem;\n}\n.main-module_h3__3imzT:not(:last-child),\n.main-module_h4__2QRuk:not(:last-child),\n.main-module_h5__1c9ae:not(:last-child),\n.main-module_h6__3jfrk:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_h1__3a-Nj {\n font-size: 36px;\n font-size: 2.5714285714285716rem;\n}\n.main-module_h2__21pDL {\n font-size: 24px;\n font-size: 1.7142857142857142rem;\n}\n.main-module_h3__3imzT {\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n}\n.main-module_h4__2QRuk {\n font-size: 16px;\n font-size: 1.1428571428571428rem;\n}\n.main-module_h5__1c9ae {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_h6__3jfrk {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n}\n.main-module_p__2sOVc {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_p__2sOVc:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_strong__3Jzt0 {\n font-weight: 700;\n}\n.main-module_small__3ODLs {\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n}\n.main-module_display-1__1PNue {\n font-size: 64px;\n font-size: 4.571428571428571rem;\n font-weight: 700;\n color: #2d3748;\n}\n.main-module_head_line__3DhiP {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #5c657e;\n font-weight: 400;\n display: flex;\n align-items: center;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n}\n.main-module_head_line__3DhiP::after {\n content: '';\n flex: 1 1 auto;\n height: 0px;\n border-top: 1px solid #ececec;\n opacity: 1;\n margin-left: 1rem;\n}\n.main-module_head_box__2Xzof {\n
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_h1__3a-Nj,\n.main-module_h2__21pDL,\n.main-module_h3__3imzT,\n.main-module_h4__2QRuk,\n.main-module_h5__1c9ae,\n.main-module_h6__3jfrk {\n display: block;\n color: #2d3748;\n font-weight: 600;\n}\n.main-module_h1__3a-Nj:not(:last-child),\n.main-module_h2__21pDL:not(:last-child) {\n margin-bottom: 2rem;\n}\n.main-module_h3__3imzT:not(:last-child),\n.main-module_h4__2QRuk:not(:last-child),\n.main-module_h5__1c9ae:not(:last-child),\n.main-module_h6__3jfrk:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_h1__3a-Nj {\n font-size: 36px;\n font-size: 2.5714285714285716rem;\n}\n.main-module_h2__21pDL {\n font-size: 24px;\n font-size: 1.7142857142857142rem;\n}\n.main-module_h3__3imzT {\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n}\n.main-module_h4__2QRuk {\n font-size: 16px;\n font-size: 1.1428571428571428rem;\n}\n.main-module_h5__1c9ae {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_h6__3jfrk {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n}\n.main-module_p__2sOVc {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_p__2sOVc:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_strong__3Jzt0 {\n font-weight: 700;\n}\n.main-module_small__3ODLs {\n font-size: 11px;\n font-size: 0.7857142857142857rem;\n}\n.main-module_display-1__1PNue {\n font-size: 64px;\n font-size: 4.571428571428571rem;\n font-weight: 700;\n color: #2d3748;\n}\n.main-module_head_line__3DhiP {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #5c657e;\n font-weight: 400;\n display: flex;\n align-items: center;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n}\n.main-module_head_line__3DhiP::after {\n content: '';\n flex: 1 1 auto;\n height: 0px;\n border-top: 1px solid #ececec;\n opacity: 1;\n margin-left: 1rem;\n}\n.main-module_head_box__2Xzof {\n text-transform: uppercase;\n letter-spacing: 1.1px;\n font-weight: 700;\n display: block;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #2d3748;\n font-weight: 600;\n}\n.main-module_head_box__2Xzof:not(:last-child) {\n margin-bottom: 1rem;\n}\n";
|
|
4
4
|
var cssClasses = {"h1":"main-module_h1__3a-Nj","h2":"main-module_h2__21pDL","h3":"main-module_h3__3imzT","h4":"main-module_h4__2QRuk","h5":"main-module_h5__1c9ae","h6":"main-module_h6__3jfrk","p":"main-module_p__2sOVc","strong":"main-module_strong__3Jzt0","small":"main-module_small__3ODLs","display-1":"main-module_display-1__1PNue","head_line":"main-module_head_line__3DhiP","head_box":"main-module_head_box__2Xzof"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".main-module_stack__3-jiz {\n display: flex;\n}\n.main-module_stack_align_baseline__3SbXR {\n align-items: baseline;\n}\n.main-module_stack_align_center__8Oiot {\n align-items: center;\n}\n.main-module_stack_align_start__1XZH7 {\n align-items: start;\n}\n.main-module_stack_align_end__3QU1b {\n align-items: end;\n}\n.main-module_stack_align_flex-start__2f9Wz {\n align-items: flex-start;\n}\n.main-module_stack_align_flex-end__3xf08 {\n align-items: flex-end;\n}\n.main-module_stack_align_inherit__xPQNE {\n align-items: inherit;\n}\n.main-module_stack_align_initial__1qB9J {\n align-items: initial;\n}\n.main-module_stack_align_normal__3V4Fe {\n align-items: normal;\n}\n.main-module_stack_align_revert__11jKE {\n align-items: revert;\n}\n.main-module_stack_align_self-start__3Yb8f {\n align-items: self-start;\n}\n.main-module_stack_align_self-end__3eK1k {\n align-items: self-end;\n}\n.main-module_stack_align_stretch__1Wqh9 {\n align-items: stretch;\n}\n.main-module_stack_align_unset__3MxA_ {\n align-items: unset;\n}\n.main-module_stack_justify_center__2yHEa {\n flex-justify: center;\n}\n.main-module_stack_justify_start__3-Xzo {\n flex-justify: start;\n}\n.main-module_stack_justify_end__2bxER {\n flex-justify: end;\n}\n.main-module_stack_justify_flex-start__37n5K {\n flex-justify: flex-start;\n}\n.main-module_stack_justify_flex-end__1Bn86 {\n flex-justify: flex-end;\n}\n.main-module_stack_justify_inherit__vBXE0 {\n flex-justify: inherit;\n}\n.main-module_stack_justify_initial__1ZrSu {\n flex-justify: initial;\n}\n.main-module_stack_justify_normal__oCHaG {\n flex-justify: normal;\n}\n.main-module_stack_justify_revert__178VV {\n flex-justify: revert;\n}\n.main-module_stack_justify_left__2OXyY {\n flex-justify: left;\n}\n.main-module_stack_justify_right__SpZ4H {\n flex-justify: right;\n}\n.main-module_stack_justify_space-around__3bdw0 {\n flex-justify: space-around;\n}\n.main-module_stack_justify_space-between__3F8bw {\n flex-justify: space-between;\n}\n.main-module_stack_justify_space-evenly__FJU9F {\n flex-justify: space-evenly;\n}\n.main-module_stack_justify_stretch__1jlvC {\n flex-justify: stretch;\n}\n.main-module_stack_justify_unset__2HlHd {\n flex-justify: unset;\n}\n.main-module_stack_wrap_wrap__uKbM1 {\n flex-wrap: wrap;\n}\n.main-module_stack_wrap_nowrap__i2Afg {\n flex-wrap: nowrap;\n}\n.main-module_stack_wrap_wrap-reverse__d4f4t {\n flex-wrap: wrap-reverse;\n}\n.main-module_stack_wrap_inherit__14f1V {\n flex-wrap: inherit;\n}\n.main-module_stack_wrap_initial__12dgJ {\n flex-wrap: initial;\n}\n.main-module_stack_wrap_revert__2rF92 {\n flex-wrap: revert;\n}\n.main-module_stack_wrap_unset__3D9Go {\n flex-wrap: unset;\n}\n.main-module_stack_direction_column__1lGtW {\n flex-direction: column;\n}\n.main-module_stack_direction_column-reverse__2ZEqE {\n flex-direction: column-reverse;\n}\n.main-module_stack_direction_inherit__3-x4i {\n flex-direction: inherit;\n}\n.main-module_stack_direction_initial__jieCo {\n flex-direction: initial;\n}\n.main-module_stack_direction_row__1I2OC {\n flex-direction: row;\n}\n.main-module_stack_direction_row-reverse__2wnjd {\n flex-direction: row-reverse;\n}\n.main-module_stack_direction_unset__q3yaL {\n flex-direction: unset;\n}\n";
|
|
4
|
-
var cssClasses = {"stack":"main-module_stack__3-jiz","stack_align_baseline":"main-module_stack_align_baseline__3SbXR","stack_align_center":"main-module_stack_align_center__8Oiot","stack_align_start":"main-module_stack_align_start__1XZH7","stack_align_end":"main-module_stack_align_end__3QU1b","stack_align_flex-start":"main-module_stack_align_flex-start__2f9Wz","stack_align_flex-end":"main-module_stack_align_flex-end__3xf08","stack_align_inherit":"main-module_stack_align_inherit__xPQNE","stack_align_initial":"main-module_stack_align_initial__1qB9J","stack_align_normal":"main-module_stack_align_normal__3V4Fe","stack_align_revert":"main-module_stack_align_revert__11jKE","stack_align_self-start":"main-module_stack_align_self-start__3Yb8f","stack_align_self-end":"main-module_stack_align_self-end__3eK1k","stack_align_stretch":"main-module_stack_align_stretch__1Wqh9","stack_align_unset":"main-module_stack_align_unset__3MxA_","stack_justify_center":"main-module_stack_justify_center__2yHEa","stack_justify_start":"main-module_stack_justify_start__3-Xzo","stack_justify_end":"main-module_stack_justify_end__2bxER","stack_justify_flex-start":"main-module_stack_justify_flex-start__37n5K","stack_justify_flex-end":"main-module_stack_justify_flex-end__1Bn86","stack_justify_inherit":"main-module_stack_justify_inherit__vBXE0","stack_justify_initial":"main-module_stack_justify_initial__1ZrSu","stack_justify_normal":"main-module_stack_justify_normal__oCHaG","stack_justify_revert":"main-module_stack_justify_revert__178VV","stack_justify_left":"main-module_stack_justify_left__2OXyY","stack_justify_right":"main-module_stack_justify_right__SpZ4H","stack_justify_space-around":"main-module_stack_justify_space-around__3bdw0","stack_justify_space-between":"main-module_stack_justify_space-between__3F8bw","stack_justify_space-evenly":"main-module_stack_justify_space-evenly__FJU9F","stack_justify_stretch":"main-module_stack_justify_stretch__1jlvC","stack_justify_unset":"main-module_stack_justify_unset__2HlHd","stack_wrap_wrap":"main-module_stack_wrap_wrap__uKbM1","stack_wrap_nowrap":"main-module_stack_wrap_nowrap__i2Afg","stack_wrap_wrap-reverse":"main-module_stack_wrap_wrap-reverse__d4f4t","stack_wrap_inherit":"main-module_stack_wrap_inherit__14f1V","stack_wrap_initial":"main-module_stack_wrap_initial__12dgJ","stack_wrap_revert":"main-module_stack_wrap_revert__2rF92","stack_wrap_unset":"main-module_stack_wrap_unset__3D9Go","stack_direction_column":"main-module_stack_direction_column__1lGtW","stack_direction_column-reverse":"main-module_stack_direction_column-reverse__2ZEqE","stack_direction_inherit":"main-module_stack_direction_inherit__3-x4i","stack_direction_initial":"main-module_stack_direction_initial__jieCo","stack_direction_row":"main-module_stack_direction_row__1I2OC","stack_direction_row-reverse":"main-module_stack_direction_row-reverse__2wnjd","stack_direction_unset":"main-module_stack_direction_unset__q3yaL"};
|
|
3
|
+
var css_248z = ".main-module_stack__3-jiz {\n display: flex;\n}\n.main-module_stack_inline__3_yIz {\n display: inline-flex;\n}\n.main-module_stack_align_baseline__3SbXR {\n align-items: baseline;\n}\n.main-module_stack_align_center__8Oiot {\n align-items: center;\n}\n.main-module_stack_align_start__1XZH7 {\n align-items: start;\n}\n.main-module_stack_align_end__3QU1b {\n align-items: end;\n}\n.main-module_stack_align_flex-start__2f9Wz {\n align-items: flex-start;\n}\n.main-module_stack_align_flex-end__3xf08 {\n align-items: flex-end;\n}\n.main-module_stack_align_inherit__xPQNE {\n align-items: inherit;\n}\n.main-module_stack_align_initial__1qB9J {\n align-items: initial;\n}\n.main-module_stack_align_normal__3V4Fe {\n align-items: normal;\n}\n.main-module_stack_align_revert__11jKE {\n align-items: revert;\n}\n.main-module_stack_align_self-start__3Yb8f {\n align-items: self-start;\n}\n.main-module_stack_align_self-end__3eK1k {\n align-items: self-end;\n}\n.main-module_stack_align_stretch__1Wqh9 {\n align-items: stretch;\n}\n.main-module_stack_align_unset__3MxA_ {\n align-items: unset;\n}\n.main-module_stack_justify_center__2yHEa {\n flex-justify: center;\n}\n.main-module_stack_justify_start__3-Xzo {\n flex-justify: start;\n}\n.main-module_stack_justify_end__2bxER {\n flex-justify: end;\n}\n.main-module_stack_justify_flex-start__37n5K {\n flex-justify: flex-start;\n}\n.main-module_stack_justify_flex-end__1Bn86 {\n flex-justify: flex-end;\n}\n.main-module_stack_justify_inherit__vBXE0 {\n flex-justify: inherit;\n}\n.main-module_stack_justify_initial__1ZrSu {\n flex-justify: initial;\n}\n.main-module_stack_justify_normal__oCHaG {\n flex-justify: normal;\n}\n.main-module_stack_justify_revert__178VV {\n flex-justify: revert;\n}\n.main-module_stack_justify_left__2OXyY {\n flex-justify: left;\n}\n.main-module_stack_justify_right__SpZ4H {\n flex-justify: right;\n}\n.main-module_stack_justify_space-around__3bdw0 {\n flex-justify: space-around;\n}\n.main-module_stack_justify_space-between__3F8bw {\n flex-justify: space-between;\n}\n.main-module_stack_justify_space-evenly__FJU9F {\n flex-justify: space-evenly;\n}\n.main-module_stack_justify_stretch__1jlvC {\n flex-justify: stretch;\n}\n.main-module_stack_justify_unset__2HlHd {\n flex-justify: unset;\n}\n.main-module_stack_wrap_wrap__uKbM1 {\n flex-wrap: wrap;\n}\n.main-module_stack_wrap_nowrap__i2Afg {\n flex-wrap: nowrap;\n}\n.main-module_stack_wrap_wrap-reverse__d4f4t {\n flex-wrap: wrap-reverse;\n}\n.main-module_stack_wrap_inherit__14f1V {\n flex-wrap: inherit;\n}\n.main-module_stack_wrap_initial__12dgJ {\n flex-wrap: initial;\n}\n.main-module_stack_wrap_revert__2rF92 {\n flex-wrap: revert;\n}\n.main-module_stack_wrap_unset__3D9Go {\n flex-wrap: unset;\n}\n.main-module_stack_direction_column__1lGtW {\n flex-direction: column;\n}\n.main-module_stack_direction_column-reverse__2ZEqE {\n flex-direction: column-reverse;\n}\n.main-module_stack_direction_inherit__3-x4i {\n flex-direction: inherit;\n}\n.main-module_stack_direction_initial__jieCo {\n flex-direction: initial;\n}\n.main-module_stack_direction_row__1I2OC {\n flex-direction: row;\n}\n.main-module_stack_direction_row-reverse__2wnjd {\n flex-direction: row-reverse;\n}\n.main-module_stack_direction_unset__q3yaL {\n flex-direction: unset;\n}\n";
|
|
4
|
+
var cssClasses = {"stack":"main-module_stack__3-jiz","stack_inline":"main-module_stack_inline__3_yIz","stack_align_baseline":"main-module_stack_align_baseline__3SbXR","stack_align_center":"main-module_stack_align_center__8Oiot","stack_align_start":"main-module_stack_align_start__1XZH7","stack_align_end":"main-module_stack_align_end__3QU1b","stack_align_flex-start":"main-module_stack_align_flex-start__2f9Wz","stack_align_flex-end":"main-module_stack_align_flex-end__3xf08","stack_align_inherit":"main-module_stack_align_inherit__xPQNE","stack_align_initial":"main-module_stack_align_initial__1qB9J","stack_align_normal":"main-module_stack_align_normal__3V4Fe","stack_align_revert":"main-module_stack_align_revert__11jKE","stack_align_self-start":"main-module_stack_align_self-start__3Yb8f","stack_align_self-end":"main-module_stack_align_self-end__3eK1k","stack_align_stretch":"main-module_stack_align_stretch__1Wqh9","stack_align_unset":"main-module_stack_align_unset__3MxA_","stack_justify_center":"main-module_stack_justify_center__2yHEa","stack_justify_start":"main-module_stack_justify_start__3-Xzo","stack_justify_end":"main-module_stack_justify_end__2bxER","stack_justify_flex-start":"main-module_stack_justify_flex-start__37n5K","stack_justify_flex-end":"main-module_stack_justify_flex-end__1Bn86","stack_justify_inherit":"main-module_stack_justify_inherit__vBXE0","stack_justify_initial":"main-module_stack_justify_initial__1ZrSu","stack_justify_normal":"main-module_stack_justify_normal__oCHaG","stack_justify_revert":"main-module_stack_justify_revert__178VV","stack_justify_left":"main-module_stack_justify_left__2OXyY","stack_justify_right":"main-module_stack_justify_right__SpZ4H","stack_justify_space-around":"main-module_stack_justify_space-around__3bdw0","stack_justify_space-between":"main-module_stack_justify_space-between__3F8bw","stack_justify_space-evenly":"main-module_stack_justify_space-evenly__FJU9F","stack_justify_stretch":"main-module_stack_justify_stretch__1jlvC","stack_justify_unset":"main-module_stack_justify_unset__2HlHd","stack_wrap_wrap":"main-module_stack_wrap_wrap__uKbM1","stack_wrap_nowrap":"main-module_stack_wrap_nowrap__i2Afg","stack_wrap_wrap-reverse":"main-module_stack_wrap_wrap-reverse__d4f4t","stack_wrap_inherit":"main-module_stack_wrap_inherit__14f1V","stack_wrap_initial":"main-module_stack_wrap_initial__12dgJ","stack_wrap_revert":"main-module_stack_wrap_revert__2rF92","stack_wrap_unset":"main-module_stack_wrap_unset__3D9Go","stack_direction_column":"main-module_stack_direction_column__1lGtW","stack_direction_column-reverse":"main-module_stack_direction_column-reverse__2ZEqE","stack_direction_inherit":"main-module_stack_direction_inherit__3-x4i","stack_direction_initial":"main-module_stack_direction_initial__jieCo","stack_direction_row":"main-module_stack_direction_row__1I2OC","stack_direction_row-reverse":"main-module_stack_direction_row-reverse__2wnjd","stack_direction_unset":"main-module_stack_direction_unset__q3yaL"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export default cssClasses;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_typography_h1__3-Uq1 {\n font-size: 36px;\n font-size: 2.5714285714285716rem;\n}\n.main-module_typography_h2__2S8Us {\n font-size: 24px;\n font-size: 1.7142857142857142rem;\n}\n.main-module_typography_h3__2TNaC {\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n}\n.main-module_typography_h4__2yTuP {\n font-size: 16px;\n font-size: 1.1428571428571428rem;\n}\n.main-module_typography_h5__1-Tt- {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_h6__2oHDB {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n}\n.main-module_typography_p__vWW6a {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_bold__18xiI {\n font-weight: 700;\n}\n.main-module_typography_semibold__1kr14 {\n font-weight: 600;\n}\n.main-module_typography_normal__oKS8F {\n font-weight: 400;\n}\n.main-module_typography_uppercase__PMlo5 {\n text-transform: uppercase;\n}\n.main-module_typography_lowercase__17D2L {\n text-transform: lowercase;\n}\n.main-module_typography_capitalize__3L3XA {\n text-transform: capitalize;\n}\n.main-module_typography_h1__3-Uq1,\n.main-module_typography_h2__2S8Us,\n.main-module_typography_h3__2TNaC,\n.main-module_typography_h4__2yTuP,\n.main-module_typography_h5__1-Tt-,\n.main-module_typography_h6__2oHDB {\n display: block;\n color: #2d3748;\n font-weight: 600;\n}\n.main-module_typography_h1__3-Uq1:not(:last-child),\n.main-module_typography_h2__2S8Us:not(:last-child) {\n margin-bottom: 2rem;\n}\n.main-module_typography_h3__2TNaC:not(:last-child),\n.main-module_typography_h4__2yTuP:not(:last-child),\n.main-module_typography_h5__1-Tt-:not(:last-child),\n.main-module_typography_h6__2oHDB:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_typography_p__vWW6a {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_p__vWW6a:not(:last-child) {\n margin-bottom: 1rem;\n}\n";
|
|
4
|
+
var typographyCssClasses = {"typography_h1":"main-module_typography_h1__3-Uq1","typography_h2":"main-module_typography_h2__2S8Us","typography_h3":"main-module_typography_h3__2TNaC","typography_h4":"main-module_typography_h4__2yTuP","typography_h5":"main-module_typography_h5__1-Tt-","typography_h6":"main-module_typography_h6__2oHDB","typography_p":"main-module_typography_p__vWW6a","typography_bold":"main-module_typography_bold__18xiI","typography_semibold":"main-module_typography_semibold__1kr14","typography_normal":"main-module_typography_normal__oKS8F","typography_uppercase":"main-module_typography_uppercase__PMlo5","typography_lowercase":"main-module_typography_lowercase__17D2L","typography_capitalize":"main-module_typography_capitalize__3L3XA"};
|
|
5
|
+
styleInject(css_248z);
|
|
6
|
+
|
|
7
|
+
export default typographyCssClasses;
|
|
8
|
+
//# sourceMappingURL=main.module.less.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -98,13 +98,14 @@ import { useDropdownContext } from "./components/dropdown/context";
|
|
|
98
98
|
import { useFlashMessenger } from "./components/flash_messenger/context";
|
|
99
99
|
import { useSearchList } from "./components/search_list/use_search_list";
|
|
100
100
|
import { useToggle } from "./components/dropdown/hooks";
|
|
101
|
+
import { Typography } from "./components/typography";
|
|
101
102
|
/**
|
|
102
103
|
* export hooks
|
|
103
104
|
*/
|
|
104
105
|
/**
|
|
105
106
|
* export components
|
|
106
107
|
*/
|
|
107
|
-
export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideCloseBtnWrapper, SlideContent, SlideFooter };
|
|
108
|
+
export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Typography, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideCloseBtnWrapper, SlideContent, SlideFooter };
|
|
108
109
|
/**
|
|
109
110
|
* export types
|
|
110
111
|
*/
|
|
@@ -41,6 +41,7 @@ export { default as Grid } from './components/grid/index.js';
|
|
|
41
41
|
export { default as FlashMessagesList } from './components/flash_messenger/components/flash_messages_list.js';
|
|
42
42
|
export { default as FlashMessenger } from './components/flash_messenger/index.js';
|
|
43
43
|
export { default as Gallery } from './components/gallery/index.js';
|
|
44
|
+
export { Typography } from './components/typography/index.js';
|
|
44
45
|
export { default as Heading } from './components/heading/index.js';
|
|
45
46
|
export { default as IconDesktop } from './assets/icon_desktop.js';
|
|
46
47
|
export { default as IconLaptop } from './assets/icon_laptop.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|