@elliemae/ds-classnames 2.4.2-rc.9 → 2.4.2
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/cjs/aggregatedClasses.js +2 -2
- package/cjs/classNameManager.js +9 -9
- package/cjs/converPropsToFormModifiers.js +0 -1
- package/cjs/convertPropToFeedBackModifiers.js +1 -2
- package/cjs/convertPropsToColorModifiers.js +1 -2
- package/cjs/convertPropsToLayoutModifiers.js +1 -2
- package/cjs/convertPropsToSizeModifiers.js +1 -2
- package/cjs/convertPropsToTextModifiers.js +1 -2
- package/esm/aggregatedClasses.js +2 -2
- package/esm/classNameManager.js +9 -9
- package/esm/converPropsToFormModifiers.js +0 -1
- package/esm/convertPropToFeedBackModifiers.js +1 -2
- package/esm/convertPropsToColorModifiers.js +1 -2
- package/esm/convertPropsToLayoutModifiers.js +1 -2
- package/esm/convertPropsToSizeModifiers.js +1 -2
- package/esm/convertPropsToTextModifiers.js +1 -2
- package/package.json +3 -3
package/cjs/aggregatedClasses.js
CHANGED
|
@@ -32,10 +32,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
32
32
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
33
33
|
const cssPrefix = DimsumConfig__default["default"].classNamePrefix;
|
|
34
34
|
|
|
35
|
-
const generateClassNameWithModifier = (block, element, modifier) =>
|
|
35
|
+
const generateClassNameWithModifier = (block, element, modifier) => `${cssPrefix}-${block}${element ? `__${element}` : ''}--${modifier}`;
|
|
36
36
|
|
|
37
37
|
const appendBlockAndPrefixToObj = (obj, block, element) => obj ? Object.keys(obj).reduce((acc, key) => _objectSpread(_objectSpread({}, acc), {}, {
|
|
38
|
-
[
|
|
38
|
+
[`${generateClassNameWithModifier(block, element, key)}`]: obj[key]
|
|
39
39
|
}), {}) : [];
|
|
40
40
|
|
|
41
41
|
const aggregatedClasses = (type, props) => function (block, element, additionalModifiers) {
|
package/cjs/classNameManager.js
CHANGED
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
5
|
var utils = require('@elliemae/ds-utilities/utils');
|
|
7
6
|
var DimsumConfig = require('@elliemae/ds-shared/dimsum.config');
|
|
8
7
|
var converPropsToFormModifiers = require('./converPropsToFormModifiers.js');
|
|
@@ -16,7 +15,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
16
15
|
|
|
17
16
|
var DimsumConfig__default = /*#__PURE__*/_interopDefaultLegacy(DimsumConfig);
|
|
18
17
|
|
|
19
|
-
|
|
18
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
19
|
+
const cssPrefix = `${DimsumConfig__default["default"].classNamePrefix}-`;
|
|
20
20
|
|
|
21
21
|
const executePipelines = props => {
|
|
22
22
|
const form = converPropsToFormModifiers().execute(props);
|
|
@@ -49,12 +49,12 @@ const cssPipeline = function () {
|
|
|
49
49
|
prefix,
|
|
50
50
|
element
|
|
51
51
|
} = options;
|
|
52
|
-
const prefixBlockName =
|
|
52
|
+
const prefixBlockName = `${prefix || cssPrefix}${blockName}${element ? `__${element}` : ''}`; // PipeLine
|
|
53
53
|
|
|
54
54
|
const pipes = !utils.isEmpty(props) ? executePipelines(props) : [];
|
|
55
55
|
const basePipeline = [prefixBlockName, ...pipes]; // specific classname
|
|
56
56
|
|
|
57
|
-
const className = cssClassNameModifier ? [...basePipeline].join(
|
|
57
|
+
const className = cssClassNameModifier ? [...basePipeline].join(` ${prefixBlockName}--`).concat(` ${cssClassNameModifier}`) : [...basePipeline].join(` ${prefixBlockName}--`);
|
|
58
58
|
return {
|
|
59
59
|
blockName,
|
|
60
60
|
cssPrefix,
|
|
@@ -62,27 +62,27 @@ const cssPipeline = function () {
|
|
|
62
62
|
cssClassName: className,
|
|
63
63
|
|
|
64
64
|
mainModifier(modifier) {
|
|
65
|
-
return
|
|
65
|
+
return `${className}--${modifier}`;
|
|
66
66
|
},
|
|
67
67
|
|
|
68
68
|
classNameBlock(elementName) {
|
|
69
69
|
let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
70
|
-
return
|
|
70
|
+
return `${!usePrefix ? blockName : prefixBlockName}-${elementName}`;
|
|
71
71
|
},
|
|
72
72
|
|
|
73
73
|
classNameBlockModifier(modifierName) {
|
|
74
74
|
let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
75
|
-
return
|
|
75
|
+
return `${prefixBlockName}-${elementBlockName}--${modifierName}`;
|
|
76
76
|
},
|
|
77
77
|
|
|
78
78
|
classNameElement(elementName) {
|
|
79
79
|
let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
80
|
-
return
|
|
80
|
+
return `${prefixBlockName}${elementBlockName ? `-${elementBlockName}` : ''}__${elementName}`;
|
|
81
81
|
},
|
|
82
82
|
|
|
83
83
|
classNameModifier(modifierName) {
|
|
84
84
|
let elementName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
85
|
-
return
|
|
85
|
+
return `${prefixBlockName}${elementName ? `__${elementName}` : ''}--${modifierName}`;
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
};
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
4
4
|
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
5
|
require('core-js/modules/esnext.iterator.reduce.js');
|
|
6
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
6
|
|
|
8
7
|
const basicAction = _ref => {
|
|
9
8
|
let {
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
4
4
|
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
5
|
require('core-js/modules/esnext.iterator.reduce.js');
|
|
6
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
6
|
|
|
8
7
|
const basicAction = _ref => {
|
|
9
8
|
let {
|
|
@@ -15,7 +14,7 @@ const basicAction = _ref => {
|
|
|
15
14
|
const cssModifier = []; // valid state modifier
|
|
16
15
|
|
|
17
16
|
if (hasError) cssModifier.push('error');else if (hasWarning) cssModifier.push('warning');else if (hasSuccess) cssModifier.push('success');
|
|
18
|
-
if (modalType) cssModifier.push(
|
|
17
|
+
if (modalType) cssModifier.push(`modal-type-${modalType}`);
|
|
19
18
|
return cssModifier;
|
|
20
19
|
};
|
|
21
20
|
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
4
4
|
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
5
|
require('core-js/modules/esnext.iterator.reduce.js');
|
|
6
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
6
|
|
|
8
7
|
const basicAction = _ref => {
|
|
9
8
|
let {
|
|
@@ -12,7 +11,7 @@ const basicAction = _ref => {
|
|
|
12
11
|
const cssModifier = [];
|
|
13
12
|
|
|
14
13
|
if (color && color[0]) {
|
|
15
|
-
if (color[1] !== null) cssModifier.push(
|
|
14
|
+
if (color[1] !== null) cssModifier.push(`color-${color[0]}-${color[1]}`);else cssModifier.push(`color-${color[0]}`);
|
|
16
15
|
}
|
|
17
16
|
|
|
18
17
|
return cssModifier;
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
4
4
|
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
5
|
require('core-js/modules/esnext.iterator.reduce.js');
|
|
6
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
6
|
|
|
8
7
|
const basicAction = _ref => {
|
|
9
8
|
let {
|
|
@@ -14,7 +13,7 @@ const basicAction = _ref => {
|
|
|
14
13
|
} = _ref;
|
|
15
14
|
const cssModifier = []; // buttons types
|
|
16
15
|
|
|
17
|
-
if (id) cssModifier.push(
|
|
16
|
+
if (id) cssModifier.push(`id-${id}`);
|
|
18
17
|
if (buttonType) cssModifier.push(buttonType);
|
|
19
18
|
if (fluidWidth) cssModifier.push('fluid-width');
|
|
20
19
|
if (fluidHeight) cssModifier.push('fluid-height');
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
4
4
|
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
5
|
require('core-js/modules/esnext.iterator.reduce.js');
|
|
6
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
6
|
|
|
8
7
|
const basicAction = _ref => {
|
|
9
8
|
let {
|
|
@@ -17,7 +16,7 @@ const basicAction = _ref => {
|
|
|
17
16
|
superLoose = false
|
|
18
17
|
} = _ref;
|
|
19
18
|
const cssModifier = [];
|
|
20
|
-
if (size) cssModifier.push(
|
|
19
|
+
if (size) cssModifier.push(`${size}`); // Size as Flag
|
|
21
20
|
|
|
22
21
|
if (extraTight) cssModifier.push('size-extra-tight');else if (tight) cssModifier.push('size-tight');else if (base) cssModifier.push('size-base');else if (bitLoose) cssModifier.push('size-bit-loose');else if (loose) cssModifier.push('size-loose');else if (extraLoose) cssModifier.push('size-extra-loose');else if (superLoose) cssModifier.push('size-super-loose');
|
|
23
22
|
return cssModifier;
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
4
4
|
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
5
|
require('core-js/modules/esnext.iterator.reduce.js');
|
|
6
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
6
|
|
|
8
7
|
const basicAction = _ref => {
|
|
9
8
|
let {
|
|
@@ -14,7 +13,7 @@ const basicAction = _ref => {
|
|
|
14
13
|
const cssModifier = [];
|
|
15
14
|
if (textEllipsis) cssModifier.push('text-overflow-ellipsis');
|
|
16
15
|
if (wordBreak) cssModifier.push('text-overflow-word-break');
|
|
17
|
-
if (['left', 'right', 'center', 'justify'].indexOf(textAlignment) > -1) cssModifier.push(
|
|
16
|
+
if (['left', 'right', 'center', 'justify'].indexOf(textAlignment) > -1) cssModifier.push(`text-align-${textAlignment}`);
|
|
18
17
|
return cssModifier;
|
|
19
18
|
};
|
|
20
19
|
|
package/esm/aggregatedClasses.js
CHANGED
|
@@ -20,10 +20,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
20
20
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
21
21
|
const cssPrefix = DimsumConfig.classNamePrefix;
|
|
22
22
|
|
|
23
|
-
const generateClassNameWithModifier = (block, element, modifier) =>
|
|
23
|
+
const generateClassNameWithModifier = (block, element, modifier) => `${cssPrefix}-${block}${element ? `__${element}` : ''}--${modifier}`;
|
|
24
24
|
|
|
25
25
|
const appendBlockAndPrefixToObj = (obj, block, element) => obj ? Object.keys(obj).reduce((acc, key) => _objectSpread(_objectSpread({}, acc), {}, {
|
|
26
|
-
[
|
|
26
|
+
[`${generateClassNameWithModifier(block, element, key)}`]: obj[key]
|
|
27
27
|
}), {}) : [];
|
|
28
28
|
|
|
29
29
|
const aggregatedClasses = (type, props) => function (block, element, additionalModifiers) {
|
package/esm/classNameManager.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
1
|
import { isEmpty } from '@elliemae/ds-utilities/utils';
|
|
3
2
|
import DimsumConfig from '@elliemae/ds-shared/dimsum.config';
|
|
4
3
|
import pipe from './converPropsToFormModifiers.js';
|
|
@@ -8,7 +7,8 @@ import pipe$3 from './convertPropsToSizeModifiers.js';
|
|
|
8
7
|
import pipe$4 from './convertPropsToTextModifiers.js';
|
|
9
8
|
import pipe$5 from './convertPropsToColorModifiers.js';
|
|
10
9
|
|
|
11
|
-
|
|
10
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
11
|
+
const cssPrefix = `${DimsumConfig.classNamePrefix}-`;
|
|
12
12
|
|
|
13
13
|
const executePipelines = props => {
|
|
14
14
|
const form = pipe().execute(props);
|
|
@@ -41,12 +41,12 @@ const cssPipeline = function () {
|
|
|
41
41
|
prefix,
|
|
42
42
|
element
|
|
43
43
|
} = options;
|
|
44
|
-
const prefixBlockName =
|
|
44
|
+
const prefixBlockName = `${prefix || cssPrefix}${blockName}${element ? `__${element}` : ''}`; // PipeLine
|
|
45
45
|
|
|
46
46
|
const pipes = !isEmpty(props) ? executePipelines(props) : [];
|
|
47
47
|
const basePipeline = [prefixBlockName, ...pipes]; // specific classname
|
|
48
48
|
|
|
49
|
-
const className = cssClassNameModifier ? [...basePipeline].join(
|
|
49
|
+
const className = cssClassNameModifier ? [...basePipeline].join(` ${prefixBlockName}--`).concat(` ${cssClassNameModifier}`) : [...basePipeline].join(` ${prefixBlockName}--`);
|
|
50
50
|
return {
|
|
51
51
|
blockName,
|
|
52
52
|
cssPrefix,
|
|
@@ -54,27 +54,27 @@ const cssPipeline = function () {
|
|
|
54
54
|
cssClassName: className,
|
|
55
55
|
|
|
56
56
|
mainModifier(modifier) {
|
|
57
|
-
return
|
|
57
|
+
return `${className}--${modifier}`;
|
|
58
58
|
},
|
|
59
59
|
|
|
60
60
|
classNameBlock(elementName) {
|
|
61
61
|
let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
62
|
-
return
|
|
62
|
+
return `${!usePrefix ? blockName : prefixBlockName}-${elementName}`;
|
|
63
63
|
},
|
|
64
64
|
|
|
65
65
|
classNameBlockModifier(modifierName) {
|
|
66
66
|
let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
67
|
-
return
|
|
67
|
+
return `${prefixBlockName}-${elementBlockName}--${modifierName}`;
|
|
68
68
|
},
|
|
69
69
|
|
|
70
70
|
classNameElement(elementName) {
|
|
71
71
|
let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
72
|
-
return
|
|
72
|
+
return `${prefixBlockName}${elementBlockName ? `-${elementBlockName}` : ''}__${elementName}`;
|
|
73
73
|
},
|
|
74
74
|
|
|
75
75
|
classNameModifier(modifierName) {
|
|
76
76
|
let elementName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
77
|
-
return
|
|
77
|
+
return `${prefixBlockName}${elementName ? `__${elementName}` : ''}--${modifierName}`;
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
2
2
|
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
3
|
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
4
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
5
4
|
|
|
6
5
|
const basicAction = _ref => {
|
|
7
6
|
let {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
2
2
|
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
3
|
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
4
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
5
4
|
|
|
6
5
|
const basicAction = _ref => {
|
|
7
6
|
let {
|
|
@@ -13,7 +12,7 @@ const basicAction = _ref => {
|
|
|
13
12
|
const cssModifier = []; // valid state modifier
|
|
14
13
|
|
|
15
14
|
if (hasError) cssModifier.push('error');else if (hasWarning) cssModifier.push('warning');else if (hasSuccess) cssModifier.push('success');
|
|
16
|
-
if (modalType) cssModifier.push(
|
|
15
|
+
if (modalType) cssModifier.push(`modal-type-${modalType}`);
|
|
17
16
|
return cssModifier;
|
|
18
17
|
};
|
|
19
18
|
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
2
2
|
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
3
|
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
4
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
5
4
|
|
|
6
5
|
const basicAction = _ref => {
|
|
7
6
|
let {
|
|
@@ -10,7 +9,7 @@ const basicAction = _ref => {
|
|
|
10
9
|
const cssModifier = [];
|
|
11
10
|
|
|
12
11
|
if (color && color[0]) {
|
|
13
|
-
if (color[1] !== null) cssModifier.push(
|
|
12
|
+
if (color[1] !== null) cssModifier.push(`color-${color[0]}-${color[1]}`);else cssModifier.push(`color-${color[0]}`);
|
|
14
13
|
}
|
|
15
14
|
|
|
16
15
|
return cssModifier;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
2
2
|
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
3
|
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
4
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
5
4
|
|
|
6
5
|
const basicAction = _ref => {
|
|
7
6
|
let {
|
|
@@ -12,7 +11,7 @@ const basicAction = _ref => {
|
|
|
12
11
|
} = _ref;
|
|
13
12
|
const cssModifier = []; // buttons types
|
|
14
13
|
|
|
15
|
-
if (id) cssModifier.push(
|
|
14
|
+
if (id) cssModifier.push(`id-${id}`);
|
|
16
15
|
if (buttonType) cssModifier.push(buttonType);
|
|
17
16
|
if (fluidWidth) cssModifier.push('fluid-width');
|
|
18
17
|
if (fluidHeight) cssModifier.push('fluid-height');
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
2
2
|
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
3
|
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
4
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
5
4
|
|
|
6
5
|
const basicAction = _ref => {
|
|
7
6
|
let {
|
|
@@ -15,7 +14,7 @@ const basicAction = _ref => {
|
|
|
15
14
|
superLoose = false
|
|
16
15
|
} = _ref;
|
|
17
16
|
const cssModifier = [];
|
|
18
|
-
if (size) cssModifier.push(
|
|
17
|
+
if (size) cssModifier.push(`${size}`); // Size as Flag
|
|
19
18
|
|
|
20
19
|
if (extraTight) cssModifier.push('size-extra-tight');else if (tight) cssModifier.push('size-tight');else if (base) cssModifier.push('size-base');else if (bitLoose) cssModifier.push('size-bit-loose');else if (loose) cssModifier.push('size-loose');else if (extraLoose) cssModifier.push('size-extra-loose');else if (superLoose) cssModifier.push('size-super-loose');
|
|
21
20
|
return cssModifier;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
2
2
|
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
3
|
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
4
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
5
4
|
|
|
6
5
|
const basicAction = _ref => {
|
|
7
6
|
let {
|
|
@@ -12,7 +11,7 @@ const basicAction = _ref => {
|
|
|
12
11
|
const cssModifier = [];
|
|
13
12
|
if (textEllipsis) cssModifier.push('text-overflow-ellipsis');
|
|
14
13
|
if (wordBreak) cssModifier.push('text-overflow-word-break');
|
|
15
|
-
if (['left', 'right', 'center', 'justify'].indexOf(textAlignment) > -1) cssModifier.push(
|
|
14
|
+
if (['left', 'right', 'center', 'justify'].indexOf(textAlignment) > -1) cssModifier.push(`text-align-${textAlignment}`);
|
|
16
15
|
return cssModifier;
|
|
17
16
|
};
|
|
18
17
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-classnames",
|
|
3
|
-
"version": "2.4.2
|
|
3
|
+
"version": "2.4.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum Library - Aggregated classNames to component",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -68,8 +68,8 @@
|
|
|
68
68
|
"dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w"
|
|
69
69
|
},
|
|
70
70
|
"dependencies": {
|
|
71
|
-
"@elliemae/ds-shared": "2.4.2
|
|
72
|
-
"@elliemae/ds-utilities": "2.4.2
|
|
71
|
+
"@elliemae/ds-shared": "2.4.2",
|
|
72
|
+
"@elliemae/ds-utilities": "2.4.2",
|
|
73
73
|
"obj-str": "~1.0.3"
|
|
74
74
|
},
|
|
75
75
|
"publishConfig": {
|