@elliemae/ds-dialog 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 (4) hide show
  1. package/cjs/styles.js +7 -7
  2. package/esm/styles.js +5 -5
  3. package/package.json +5 -5
  4. package/types/styles.d.ts +1 -2
package/cjs/styles.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
6
6
  var styled = require('styled-components');
7
7
  var dsSystem = require('@elliemae/ds-system');
8
- var styledSystem = require('styled-system');
8
+ var styledComponents = require('@xstyled/styled-components');
9
9
  var utils = require('./utils.js');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -50,7 +50,7 @@ const StyledDialogContainer = /*#__PURE__*/styled__default["default"].div.withCo
50
50
  theme
51
51
  } = _ref6;
52
52
  return theme.colors.neutral['000'];
53
- }, styledSystem.space);
53
+ }, styledComponents.space);
54
54
  const DSDialogTitle = /*#__PURE__*/styled__default["default"].h3.withConfig({
55
55
  componentId: "sc-106vqwv-2"
56
56
  })(["font-size:", ";display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;"], _ref7 => {
@@ -74,7 +74,7 @@ const DSDialogHeader = /*#__PURE__*/styled__default["default"].div.withConfig({
74
74
  theme
75
75
  } = _ref9;
76
76
  return theme.space.xs;
77
- }, DSDialogTitle, DSDialogAddon, DSDialogAddon, styledSystem.space);
77
+ }, DSDialogTitle, DSDialogAddon, DSDialogAddon, styledComponents.space);
78
78
  const DSDialogSeparator = /*#__PURE__*/styled__default["default"].hr.attrs(() => ({
79
79
  'aria-hidden': true
80
80
  })).withConfig({
@@ -87,12 +87,12 @@ const DSDialogSeparator = /*#__PURE__*/styled__default["default"].hr.attrs(() =>
87
87
  });
88
88
  const DSDialogBody = /*#__PURE__*/styled__default["default"].div.withConfig({
89
89
  componentId: "sc-106vqwv-6"
90
- })(["padding:", ";overflow-y:auto;", " ", " ", ""], _ref11 => {
90
+ })(["padding:", ";overflow-y:auto;", " ", " ", " ", ""], _ref11 => {
91
91
  let {
92
92
  theme
93
93
  } = _ref11;
94
94
  return theme.space.xs;
95
- }, styledSystem.layout, styledSystem.space, styledSystem.flexbox);
95
+ }, styledComponents.layout, styledComponents.space, styledComponents.flexboxes, styledComponents.sizing);
96
96
  const DSDialogPrimaryMessage = /*#__PURE__*/styled__default["default"].h3.withConfig({
97
97
  componentId: "sc-106vqwv-7"
98
98
  })(["margin:0;"]);
@@ -114,7 +114,7 @@ const DSDialogDefaultLayout = /*#__PURE__*/styled__default["default"].div.withCo
114
114
  }, DSDialogSecondaryMessage);
115
115
  const DSDialogFooter = /*#__PURE__*/styled__default["default"].div.withConfig({
116
116
  componentId: "sc-106vqwv-10"
117
- })(["display:grid;grid-auto-flow:column;align-items:center;justify-content:flex-end;grid-gap:", ";min-height:", ";padding:0 ", ";", " ", ""], _ref14 => {
117
+ })(["display:grid;grid-auto-flow:column;align-items:center;justify-content:flex-end;grid-gap:", ";min-height:", ";padding:0 ", ";", " ", " ", ""], _ref14 => {
118
118
  let {
119
119
  theme
120
120
  } = _ref14;
@@ -129,7 +129,7 @@ const DSDialogFooter = /*#__PURE__*/styled__default["default"].div.withConfig({
129
129
  theme
130
130
  } = _ref16;
131
131
  return theme.space.xs;
132
- }, styledSystem.space, styledSystem.flexbox);
132
+ }, styledComponents.space, styledComponents.flexboxes, styledComponents.sizing);
133
133
 
134
134
  exports.DSDialogAddon = DSDialogAddon;
135
135
  exports.DSDialogBody = DSDialogBody;
package/esm/styles.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
2
2
  import styled from 'styled-components';
3
3
  import { createGlobalStyle } from '@elliemae/ds-system';
4
- import { space, layout, flexbox } from 'styled-system';
4
+ import { space, layout, flexboxes, sizing } from '@xstyled/styled-components';
5
5
  import { allSizes } from './utils.js';
6
6
 
7
7
  var _templateObject;
@@ -78,12 +78,12 @@ const DSDialogSeparator = /*#__PURE__*/styled.hr.attrs(() => ({
78
78
  });
79
79
  const DSDialogBody = /*#__PURE__*/styled.div.withConfig({
80
80
  componentId: "sc-106vqwv-6"
81
- })(["padding:", ";overflow-y:auto;", " ", " ", ""], _ref11 => {
81
+ })(["padding:", ";overflow-y:auto;", " ", " ", " ", ""], _ref11 => {
82
82
  let {
83
83
  theme
84
84
  } = _ref11;
85
85
  return theme.space.xs;
86
- }, layout, space, flexbox);
86
+ }, layout, space, flexboxes, sizing);
87
87
  const DSDialogPrimaryMessage = /*#__PURE__*/styled.h3.withConfig({
88
88
  componentId: "sc-106vqwv-7"
89
89
  })(["margin:0;"]);
@@ -105,7 +105,7 @@ const DSDialogDefaultLayout = /*#__PURE__*/styled.div.withConfig({
105
105
  }, DSDialogSecondaryMessage);
106
106
  const DSDialogFooter = /*#__PURE__*/styled.div.withConfig({
107
107
  componentId: "sc-106vqwv-10"
108
- })(["display:grid;grid-auto-flow:column;align-items:center;justify-content:flex-end;grid-gap:", ";min-height:", ";padding:0 ", ";", " ", ""], _ref14 => {
108
+ })(["display:grid;grid-auto-flow:column;align-items:center;justify-content:flex-end;grid-gap:", ";min-height:", ";padding:0 ", ";", " ", " ", ""], _ref14 => {
109
109
  let {
110
110
  theme
111
111
  } = _ref14;
@@ -120,6 +120,6 @@ const DSDialogFooter = /*#__PURE__*/styled.div.withConfig({
120
120
  theme
121
121
  } = _ref16;
122
122
  return theme.space.xs;
123
- }, space, flexbox);
123
+ }, space, flexboxes, sizing);
124
124
 
125
125
  export { DSDialogAddon, DSDialogBody, DSDialogDefaultLayout, DSDialogFooter, DSDialogHeader, DSDialogPrimaryMessage, DSDialogSecondaryMessage, DSDialogSeparator, DSDialogTitle, FixedBody, StyledDialogBackground, StyledDialogContainer };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-dialog",
3
- "version": "2.1.0-rc.0",
3
+ "version": "2.1.0-rc.4",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Dialog",
6
6
  "module": "./esm/index.js",
@@ -64,10 +64,10 @@
64
64
  "build": "node ../../scripts/build/build.js"
65
65
  },
66
66
  "dependencies": {
67
- "@elliemae/ds-props-helpers": "2.1.0-rc.0",
68
- "@elliemae/ds-system": "2.1.0-rc.0",
69
- "react-desc": "~4.1.3",
70
- "styled-system": "~5.1.5"
67
+ "@elliemae/ds-props-helpers": "2.1.0-rc.4",
68
+ "@elliemae/ds-system": "2.1.0-rc.4",
69
+ "@xstyled/styled-components": "~3.1.1",
70
+ "react-desc": "~4.1.3"
71
71
  },
72
72
  "devDependencies": {
73
73
  "styled-components": "~5.3.3"
package/types/styles.d.ts CHANGED
@@ -1,7 +1,6 @@
1
- import type { StyledDialogContainerT } from './DSDialogInternalTypes';
2
1
  export declare const FixedBody: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
3
2
  export declare const StyledDialogBackground: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
4
- export declare const StyledDialogContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledDialogContainerT, never>;
3
+ export declare const StyledDialogContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;
5
4
  export declare const DSDialogTitle: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, {}, never>;
6
5
  export declare const DSDialogAddon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
7
6
  export declare const DSDialogHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;