@elliemae/ds-mobile 2.1.0-rc.0 → 2.1.0-rc.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/cjs/MobileCard/Card.js +3 -3
  2. package/cjs/MobileFooter/Action.js +2 -2
  3. package/esm/MobileCard/Card.js +3 -3
  4. package/esm/MobileFooter/Action.js +1 -1
  5. package/package.json +16 -15
package/cjs/MobileCard/Card.js CHANGED
@@ -8,7 +8,7 @@ require('core-js/modules/esnext.iterator.map.js');
8
8
  var React = require('react');
9
9
  var reactDesc = require('react-desc');
10
10
  var styled = require('styled-components');
11
- var styledSystem = require('styled-system');
11
+ var styledComponents = require('@xstyled/styled-components');
12
12
  var dsSystem = require('@elliemae/ds-system');
13
13
  var GroupItem = require('@elliemae/ds-shared/GroupContext/GroupItem');
14
14
  var dsGrid = require('@elliemae/ds-grid');
@@ -30,10 +30,10 @@ const TitleEllipsis = /*#__PURE__*/styled__default["default"].div.withConfig({
30
30
  })(["", ""], dsSystem.truncate());
31
31
  const Title = /*#__PURE__*/styled__default["default"].div.withConfig({
32
32
  componentId: "sc-10tpzm8-1"
33
- })(["", " ", " font-weight:", ";font-size:", ";width:100%;", ""], styledSystem.padding, dsSystem.truncate(), props => props.theme.fontWeights.semibold, props => dsSystem.toMobile(props.theme.fontSizes.title[600]), dsSystem.color('neutral', 800));
33
+ })(["", " ", " font-weight:", ";font-size:", ";width:100%;", ""], styledComponents.space, dsSystem.truncate(), props => props.theme.fontWeights.semibold, props => dsSystem.toMobile(props.theme.fontSizes.title[600]), dsSystem.color('neutral', 800));
34
34
  const Detail = /*#__PURE__*/styled__default["default"].span.withConfig({
35
35
  componentId: "sc-10tpzm8-2"
36
- })(["", " ", " font-size:", ";font-weight:", ";"], styledSystem.padding, dsSystem.truncate(), props => dsSystem.toMobile(props.theme.fontSizes.title[500]), props => props.theme.fontWeights.regular);
36
+ })(["", " ", " font-size:", ";font-weight:", ";"], styledComponents.space, dsSystem.truncate(), props => dsSystem.toMobile(props.theme.fontSizes.title[500]), props => props.theme.fontWeights.regular);
37
37
  const SubText = /*#__PURE__*/styled__default["default"].span.withConfig({
38
38
  componentId: "sc-10tpzm8-3"
39
39
  })(["margin-top:", ";", " &:nth-child(2){padding-left:", ";}"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), dsSystem.truncate(), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s));
package/cjs/MobileFooter/Action.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var _jsx = require('@babel/runtime/helpers/jsx');
6
6
  var React = require('react');
7
7
  var styled = require('styled-components');
8
- var styledSystem = require('styled-system');
8
+ var styledComponents = require('@xstyled/styled-components');
9
9
  var dsSystem = require('@elliemae/ds-system');
10
10
  var dsGrid = require('@elliemae/ds-grid');
11
11
  var reactDesc = require('react-desc');
@@ -18,7 +18,7 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
18
18
 
19
19
  const Label = /*#__PURE__*/styled__default["default"].span.withConfig({
20
20
  componentId: "sc-1op229o-0"
21
- })(["", " ", " padding-bottom:", ";padding-top:calc(", " / 2);"], styledSystem.typography, dsSystem.color('neutral', '800'), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs));
21
+ })(["", " ", " padding-bottom:", ";padding-top:calc(", " / 2);"], styledComponents.typography, dsSystem.color('neutral', '800'), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs));
22
22
 
23
23
  const DSMobileFooterAction = _ref => {
24
24
  let {
package/esm/MobileCard/Card.js CHANGED
@@ -4,7 +4,7 @@ import 'core-js/modules/esnext.iterator.map.js';
4
4
  import { useRef } from 'react';
5
5
  import { describe } from 'react-desc';
6
6
  import styled from 'styled-components';
7
- import { padding } from 'styled-system';
7
+ import { space } from '@xstyled/styled-components';
8
8
  import { truncate, toMobile, color, __UNSAFE_SPACE_TO_DIMSUM, border, withTheme, op } from '@elliemae/ds-system';
9
9
  import GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';
10
10
  import { Grid } from '@elliemae/ds-grid';
@@ -20,10 +20,10 @@ const TitleEllipsis = /*#__PURE__*/styled.div.withConfig({
20
20
  })(["", ""], truncate());
21
21
  const Title = /*#__PURE__*/styled.div.withConfig({
22
22
  componentId: "sc-10tpzm8-1"
23
- })(["", " ", " font-weight:", ";font-size:", ";width:100%;", ""], padding, truncate(), props => props.theme.fontWeights.semibold, props => toMobile(props.theme.fontSizes.title[600]), color('neutral', 800));
23
+ })(["", " ", " font-weight:", ";font-size:", ";width:100%;", ""], space, truncate(), props => props.theme.fontWeights.semibold, props => toMobile(props.theme.fontSizes.title[600]), color('neutral', 800));
24
24
  const Detail = /*#__PURE__*/styled.span.withConfig({
25
25
  componentId: "sc-10tpzm8-2"
26
- })(["", " ", " font-size:", ";font-weight:", ";"], padding, truncate(), props => toMobile(props.theme.fontSizes.title[500]), props => props.theme.fontWeights.regular);
26
+ })(["", " ", " font-size:", ";font-weight:", ";"], space, truncate(), props => toMobile(props.theme.fontSizes.title[500]), props => props.theme.fontWeights.regular);
27
27
  const SubText = /*#__PURE__*/styled.span.withConfig({
28
28
  componentId: "sc-10tpzm8-3"
29
29
  })(["margin-top:", ";", " &:nth-child(2){padding-left:", ";}"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), truncate(), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s));
package/esm/MobileFooter/Action.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _jsx from '@babel/runtime/helpers/esm/jsx';
2
2
  import React from 'react';
3
3
  import styled from 'styled-components';
4
- import { typography } from 'styled-system';
4
+ import { typography } from '@xstyled/styled-components';
5
5
  import { color, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
6
6
  import { Grid } from '@elliemae/ds-grid';
7
7
  import { PropTypes, describe } from 'react-desc';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-mobile",
3
- "version": "2.1.0-rc.0",
3
+ "version": "2.1.0-rc.4",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - System",
6
6
  "module": "./esm/index.js",
@@ -429,20 +429,21 @@
429
429
  "generateSubmodules": true
430
430
  },
431
431
  "dependencies": {
432
- "@elliemae/ds-accordion": "2.1.0-rc.0",
433
- "@elliemae/ds-backdrop": "2.1.0-rc.0",
434
- "@elliemae/ds-button": "2.1.0-rc.0",
435
- "@elliemae/ds-circular-progress-indicator": "2.1.0-rc.0",
436
- "@elliemae/ds-devutils": "2.1.0-rc.0",
437
- "@elliemae/ds-form": "2.1.0-rc.0",
438
- "@elliemae/ds-grid": "2.1.0-rc.0",
439
- "@elliemae/ds-icon": "2.1.0-rc.0",
440
- "@elliemae/ds-icons": "2.1.0-rc.0",
441
- "@elliemae/ds-indeterminate-progress-indicator": "2.1.0-rc.0",
442
- "@elliemae/ds-shared": "2.1.0-rc.0",
443
- "@elliemae/ds-system": "2.1.0-rc.0",
444
- "@elliemae/ds-tabs": "2.1.0-rc.0",
445
- "@elliemae/ds-truncated-expandable-text": "2.1.0-rc.0",
432
+ "@elliemae/ds-accordion": "2.1.0-rc.4",
433
+ "@elliemae/ds-backdrop": "2.1.0-rc.4",
434
+ "@elliemae/ds-button": "2.1.0-rc.4",
435
+ "@elliemae/ds-circular-progress-indicator": "2.1.0-rc.4",
436
+ "@elliemae/ds-devutils": "2.1.0-rc.4",
437
+ "@elliemae/ds-form": "2.1.0-rc.4",
438
+ "@elliemae/ds-grid": "2.1.0-rc.4",
439
+ "@elliemae/ds-icon": "2.1.0-rc.4",
440
+ "@elliemae/ds-icons": "2.1.0-rc.4",
441
+ "@elliemae/ds-indeterminate-progress-indicator": "2.1.0-rc.4",
442
+ "@elliemae/ds-shared": "2.1.0-rc.4",
443
+ "@elliemae/ds-system": "2.1.0-rc.4",
444
+ "@elliemae/ds-tabs": "2.1.0-rc.4",
445
+ "@elliemae/ds-truncated-expandable-text": "2.1.0-rc.4",
446
+ "@xstyled/styled-components": "~3.1.1",
446
447
  "polished": "~3.6.7",
447
448
  "prop-types": "~15.7.2",
448
449
  "react-desc": "~4.1.3",