@elliemae/ds-resizeable-container 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.
Files changed (3) hide show
  1. package/cjs/Resizable.js +46 -3
  2. package/esm/Resizable.js +46 -3
  3. package/package.json +3 -3
package/cjs/Resizable.js CHANGED
@@ -7,7 +7,6 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
7
7
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
8
8
  require('core-js/modules/esnext.async-iterator.map.js');
9
9
  require('core-js/modules/esnext.iterator.map.js');
10
- require('core-js/modules/web.dom-collections.iterator.js');
11
10
  require('core-js/modules/esnext.async-iterator.every.js');
12
11
  require('core-js/modules/esnext.iterator.constructor.js');
13
12
  require('core-js/modules/esnext.iterator.every.js');
@@ -124,10 +123,54 @@ const ResizableBar = /*#__PURE__*/styled__default["default"].div.withConfig({
124
123
  return cursorResolver(nextContainer, container, v);
125
124
  }, props => {
126
125
  if (props.v) {
127
- return "\n bottom: calc(".concat(dsSystem.mapGap(props.gutter), " * -0.5);\n left: 0;\n width: 100%;\n height: 10px;\n margin-bottom: -5px;\n display: flex;\n flex-direction: column;\n justify-content:space-around;\n align-items: center;\n &:after{\n width: 100%;\n height: 1px;\n display: block;\n background: ").concat(props.theme.colors.neutral['300'], ";\n content: '';\n }\n &:hover{\n &:after{\n background: ").concat(props.theme.colors.brand['600'], ";\n } \n }\n ");
126
+ return `
127
+ bottom: calc(${dsSystem.mapGap(props.gutter)} * -0.5);
128
+ left: 0;
129
+ width: 100%;
130
+ height: 10px;
131
+ margin-bottom: -5px;
132
+ display: flex;
133
+ flex-direction: column;
134
+ justify-content:space-around;
135
+ align-items: center;
136
+ &:after{
137
+ width: 100%;
138
+ height: 1px;
139
+ display: block;
140
+ background: ${props.theme.colors.neutral['300']};
141
+ content: '';
142
+ }
143
+ &:hover{
144
+ &:after{
145
+ background: ${props.theme.colors.brand['600']};
146
+ }
147
+ }
148
+ `;
128
149
  }
129
150
 
130
- return "\n top: 0;\n right: calc(".concat(dsSystem.mapGap(props.gutter), " * -0.5);\n height: 100%;\n width: 10px;\n margin-right: -5px;\n display: flex;\n flex-direction: row;\n justify-content:space-around;\n align-items: center;\n &:after{\n height: 100%;\n width: 1px;\n display: block;\n background: ").concat(props.theme.colors.neutral['300'], ";\n content: '';\n }\n &:hover{\n &:after{\n background: ").concat(props.theme.colors.brand['600'], ";\n } \n }\n ");
151
+ return `
152
+ top: 0;
153
+ right: calc(${dsSystem.mapGap(props.gutter)} * -0.5);
154
+ height: 100%;
155
+ width: 10px;
156
+ margin-right: -5px;
157
+ display: flex;
158
+ flex-direction: row;
159
+ justify-content:space-around;
160
+ align-items: center;
161
+ &:after{
162
+ height: 100%;
163
+ width: 1px;
164
+ display: block;
165
+ background: ${props.theme.colors.neutral['300']};
166
+ content: '';
167
+ }
168
+ &:hover{
169
+ &:after{
170
+ background: ${props.theme.colors.brand['600']};
171
+ }
172
+ }
173
+ `;
131
174
  });
132
175
 
133
176
  const getWidths = list => list.map(l => l.clientWidth);
package/esm/Resizable.js CHANGED
@@ -7,7 +7,6 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
7
7
  import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
8
8
  import 'core-js/modules/esnext.async-iterator.map.js';
9
9
  import 'core-js/modules/esnext.iterator.map.js';
10
- import 'core-js/modules/web.dom-collections.iterator.js';
11
10
  import 'core-js/modules/esnext.async-iterator.every.js';
12
11
  import 'core-js/modules/esnext.iterator.constructor.js';
13
12
  import 'core-js/modules/esnext.iterator.every.js';
@@ -112,10 +111,54 @@ const ResizableBar = /*#__PURE__*/styled.div.withConfig({
112
111
  return cursorResolver(nextContainer, container, v);
113
112
  }, props => {
114
113
  if (props.v) {
115
- return "\n bottom: calc(".concat(mapGap(props.gutter), " * -0.5);\n left: 0;\n width: 100%;\n height: 10px;\n margin-bottom: -5px;\n display: flex;\n flex-direction: column;\n justify-content:space-around;\n align-items: center;\n &:after{\n width: 100%;\n height: 1px;\n display: block;\n background: ").concat(props.theme.colors.neutral['300'], ";\n content: '';\n }\n &:hover{\n &:after{\n background: ").concat(props.theme.colors.brand['600'], ";\n } \n }\n ");
114
+ return `
115
+ bottom: calc(${mapGap(props.gutter)} * -0.5);
116
+ left: 0;
117
+ width: 100%;
118
+ height: 10px;
119
+ margin-bottom: -5px;
120
+ display: flex;
121
+ flex-direction: column;
122
+ justify-content:space-around;
123
+ align-items: center;
124
+ &:after{
125
+ width: 100%;
126
+ height: 1px;
127
+ display: block;
128
+ background: ${props.theme.colors.neutral['300']};
129
+ content: '';
130
+ }
131
+ &:hover{
132
+ &:after{
133
+ background: ${props.theme.colors.brand['600']};
134
+ }
135
+ }
136
+ `;
116
137
  }
117
138
 
118
- return "\n top: 0;\n right: calc(".concat(mapGap(props.gutter), " * -0.5);\n height: 100%;\n width: 10px;\n margin-right: -5px;\n display: flex;\n flex-direction: row;\n justify-content:space-around;\n align-items: center;\n &:after{\n height: 100%;\n width: 1px;\n display: block;\n background: ").concat(props.theme.colors.neutral['300'], ";\n content: '';\n }\n &:hover{\n &:after{\n background: ").concat(props.theme.colors.brand['600'], ";\n } \n }\n ");
139
+ return `
140
+ top: 0;
141
+ right: calc(${mapGap(props.gutter)} * -0.5);
142
+ height: 100%;
143
+ width: 10px;
144
+ margin-right: -5px;
145
+ display: flex;
146
+ flex-direction: row;
147
+ justify-content:space-around;
148
+ align-items: center;
149
+ &:after{
150
+ height: 100%;
151
+ width: 1px;
152
+ display: block;
153
+ background: ${props.theme.colors.neutral['300']};
154
+ content: '';
155
+ }
156
+ &:hover{
157
+ &:after{
158
+ background: ${props.theme.colors.brand['600']};
159
+ }
160
+ }
161
+ `;
119
162
  });
120
163
 
121
164
  const getWidths = list => list.map(l => l.clientWidth);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-resizeable-container",
3
- "version": "2.4.2-rc.9",
3
+ "version": "2.4.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Resizeable Container",
6
6
  "module": "./esm/index.js",
@@ -44,8 +44,8 @@
44
44
  "build": "node ../../scripts/build/build.js"
45
45
  },
46
46
  "dependencies": {
47
- "@elliemae/ds-grid": "2.4.2-rc.9",
48
- "@elliemae/ds-system": "2.4.2-rc.9",
47
+ "@elliemae/ds-grid": "2.4.2",
48
+ "@elliemae/ds-system": "2.4.2",
49
49
  "react-desc": "~4.1.3"
50
50
  },
51
51
  "devDependencies": {