@atlaskit/editor-plugin-floating-toolbar 1.3.0 → 1.3.1
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/CHANGELOG.md +6 -0
- package/dist/cjs/plugin.js +3 -1
- package/dist/cjs/ui/Toolbar.js +44 -8
- package/dist/es2019/plugin.js +3 -1
- package/dist/es2019/ui/Toolbar.js +43 -50
- package/dist/esm/plugin.js +3 -1
- package/dist/esm/ui/Toolbar.js +43 -5
- package/dist/types/ui/Toolbar.d.ts +1 -0
- package/dist/types-ts4.5/ui/Toolbar.d.ts +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-floating-toolbar
|
|
2
2
|
|
|
3
|
+
## 1.3.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#92007](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92007) [`85525725cb0d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/85525725cb0d) - Migrated to the new button component
|
|
8
|
+
|
|
3
9
|
## 1.3.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
package/dist/cjs/plugin.js
CHANGED
|
@@ -207,7 +207,8 @@ function ContentComponent(_ref5) {
|
|
|
207
207
|
}
|
|
208
208
|
var config = configWithNodeInfo.config,
|
|
209
209
|
node = configWithNodeInfo.node;
|
|
210
|
-
var items = config.items
|
|
210
|
+
var items = config.items,
|
|
211
|
+
groupLabel = config.groupLabel;
|
|
211
212
|
var title = config.title,
|
|
212
213
|
_config$getDomRef = config.getDomRef,
|
|
213
214
|
getDomRef = _config$getDomRef === void 0 ? getDomRefFromSelection : _config$getDomRef,
|
|
@@ -301,6 +302,7 @@ function ContentComponent(_ref5) {
|
|
|
301
302
|
return /*#__PURE__*/_react.default.createElement(_ToolbarLoader.ToolbarLoader, {
|
|
302
303
|
target: targetRef,
|
|
303
304
|
items: toolbarItems,
|
|
305
|
+
groupLabel: groupLabel,
|
|
304
306
|
node: node,
|
|
305
307
|
dispatchCommand: dispatchCommand,
|
|
306
308
|
editorView: editorView,
|
package/dist/cjs/ui/Toolbar.js
CHANGED
|
@@ -15,7 +15,6 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
|
|
|
15
15
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
16
16
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
17
17
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
18
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
19
18
|
var _react = _interopRequireWildcard(require("react"));
|
|
20
19
|
var _react2 = require("@emotion/react");
|
|
21
20
|
var _reactIntlNext = require("react-intl-next");
|
|
@@ -36,13 +35,10 @@ var _Input = _interopRequireDefault(require("./Input"));
|
|
|
36
35
|
var _ScrollButtons = require("./ScrollButtons");
|
|
37
36
|
var _Select = _interopRequireDefault(require("./Select"));
|
|
38
37
|
var _Separator = _interopRequireDefault(require("./Separator"));
|
|
39
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
|
|
40
|
-
/* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation */
|
|
41
|
-
/** @jsx jsx */
|
|
42
38
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
43
39
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
44
40
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
45
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
41
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation */ /** @jsx jsx */
|
|
46
42
|
function groupItems(items) {
|
|
47
43
|
var groupItems = items.reduce(function (accumulator, item, i) {
|
|
48
44
|
var finalOutput = accumulator.finalOutput,
|
|
@@ -74,6 +70,7 @@ function groupItems(items) {
|
|
|
74
70
|
}
|
|
75
71
|
var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
76
72
|
var items = _ref.items,
|
|
73
|
+
groupLabel = _ref.groupLabel,
|
|
77
74
|
dispatchCommand = _ref.dispatchCommand,
|
|
78
75
|
popupsMountPoint = _ref.popupsMountPoint,
|
|
79
76
|
popupsBoundariesElement = _ref.popupsBoundariesElement,
|
|
@@ -271,7 +268,8 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
271
268
|
return (0, _react2.jsx)("div", {
|
|
272
269
|
key: index,
|
|
273
270
|
css: buttonGroupStyles,
|
|
274
|
-
role: "radiogroup"
|
|
271
|
+
role: "radiogroup",
|
|
272
|
+
"aria-label": groupLabel !== null && groupLabel !== void 0 ? groupLabel : undefined
|
|
275
273
|
}, element.map(function (item, idx) {
|
|
276
274
|
return renderItem(item, idx);
|
|
277
275
|
}));
|
|
@@ -301,12 +299,50 @@ var buttonGroupStyles = (0, _react2.css)({
|
|
|
301
299
|
|
|
302
300
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
303
301
|
var toolbarContainer = function toolbarContainer(scrollable, hasSelect, firstElementIsSelect) {
|
|
304
|
-
return (0, _react2.css)(
|
|
302
|
+
return (0, _react2.css)({
|
|
303
|
+
backgroundColor: "var(--ds-surface-overlay, white)",
|
|
304
|
+
borderRadius: "var(--ds-border-radius, 3px)",
|
|
305
|
+
boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25)", ")"),
|
|
306
|
+
display: 'flex',
|
|
307
|
+
lineHeight: 1,
|
|
308
|
+
boxSizing: 'border-box',
|
|
309
|
+
'& > div > div': {
|
|
310
|
+
alignItems: 'center'
|
|
311
|
+
}
|
|
312
|
+
}, scrollable ? (0, _react2.css)(hasSelect ? (0, _react2.css)({
|
|
313
|
+
height: '40px'
|
|
314
|
+
}) : (0, _react2.css)({
|
|
315
|
+
height: '32px'
|
|
316
|
+
}), {
|
|
317
|
+
overflow: 'hidden'
|
|
318
|
+
}) : (0, _react2.css)({
|
|
319
|
+
padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)")
|
|
320
|
+
}, firstElementIsSelect && (0, _react2.css)({
|
|
321
|
+
paddingLeft: "var(--ds-space-050, 4px)"
|
|
322
|
+
})));
|
|
305
323
|
};
|
|
306
324
|
|
|
307
325
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
308
326
|
var toolbarOverflow = function toolbarOverflow(scrollable, scrollDisabled, firstElementIsSelect) {
|
|
309
|
-
return (0, _react2.css)(
|
|
327
|
+
return (0, _react2.css)(scrollable ? (0, _react2.css)(scrollDisabled ? (0, _react2.css)({
|
|
328
|
+
overflow: 'hidden'
|
|
329
|
+
}) : (0, _react2.css)({
|
|
330
|
+
overflowX: 'auto',
|
|
331
|
+
overflowY: 'hidden'
|
|
332
|
+
}), {
|
|
333
|
+
WebkitOverflowScrolling: 'touch',
|
|
334
|
+
padding: "var(--ds-space-050, 4px)".concat(" 0 ", "var(--ds-space-600, 48px)"),
|
|
335
|
+
'> div': {
|
|
336
|
+
'> div:first-child': firstElementIsSelect ? (0, _react2.css)({
|
|
337
|
+
marginLeft: "var(--ds-space-050, 4px)"
|
|
338
|
+
}) : (0, _react2.css)({
|
|
339
|
+
marginLeft: "var(--ds-space-100, 8px)"
|
|
340
|
+
}),
|
|
341
|
+
'> div:last-child': {
|
|
342
|
+
marginRight: "var(--ds-space-100, 8px)"
|
|
343
|
+
}
|
|
344
|
+
}
|
|
345
|
+
}) : (0, _react2.css)({
|
|
310
346
|
display: 'flex'
|
|
311
347
|
}));
|
|
312
348
|
};
|
package/dist/es2019/plugin.js
CHANGED
|
@@ -200,7 +200,8 @@ function ContentComponent({
|
|
|
200
200
|
node
|
|
201
201
|
} = configWithNodeInfo;
|
|
202
202
|
let {
|
|
203
|
-
items
|
|
203
|
+
items,
|
|
204
|
+
groupLabel
|
|
204
205
|
} = config;
|
|
205
206
|
const {
|
|
206
207
|
title,
|
|
@@ -288,6 +289,7 @@ function ContentComponent({
|
|
|
288
289
|
return /*#__PURE__*/React.createElement(ToolbarLoader, {
|
|
289
290
|
target: targetRef,
|
|
290
291
|
items: toolbarItems,
|
|
292
|
+
groupLabel: groupLabel,
|
|
291
293
|
node: node,
|
|
292
294
|
dispatchCommand: dispatchCommand,
|
|
293
295
|
editorView: editorView,
|
|
@@ -55,6 +55,7 @@ export function groupItems(items) {
|
|
|
55
55
|
}
|
|
56
56
|
const ToolbarItems = /*#__PURE__*/React.memo(({
|
|
57
57
|
items,
|
|
58
|
+
groupLabel,
|
|
58
59
|
dispatchCommand,
|
|
59
60
|
popupsMountPoint,
|
|
60
61
|
popupsBoundariesElement,
|
|
@@ -235,7 +236,8 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
|
|
|
235
236
|
return jsx("div", {
|
|
236
237
|
key: index,
|
|
237
238
|
css: buttonGroupStyles,
|
|
238
|
-
role: "radiogroup"
|
|
239
|
+
role: "radiogroup",
|
|
240
|
+
"aria-label": groupLabel !== null && groupLabel !== void 0 ? groupLabel : undefined
|
|
239
241
|
}, element.map((item, idx) => {
|
|
240
242
|
return renderItem(item, idx);
|
|
241
243
|
}));
|
|
@@ -262,59 +264,50 @@ const buttonGroupStyles = css({
|
|
|
262
264
|
});
|
|
263
265
|
|
|
264
266
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
265
|
-
const toolbarContainer = (scrollable, hasSelect, firstElementIsSelect) => css
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
display: flex
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
align-items: center;
|
|
267
|
+
const toolbarContainer = (scrollable, hasSelect, firstElementIsSelect) => css({
|
|
268
|
+
backgroundColor: "var(--ds-surface-overlay, white)",
|
|
269
|
+
borderRadius: "var(--ds-border-radius, 3px)",
|
|
270
|
+
boxShadow: `var(--ds-shadow-overlay, ${`0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25)`})`,
|
|
271
|
+
display: 'flex',
|
|
272
|
+
lineHeight: 1,
|
|
273
|
+
boxSizing: 'border-box',
|
|
274
|
+
'& > div > div': {
|
|
275
|
+
alignItems: 'center'
|
|
275
276
|
}
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
`}
|
|
288
|
-
`}
|
|
289
|
-
`;
|
|
277
|
+
}, scrollable ? css(hasSelect ? css({
|
|
278
|
+
height: '40px'
|
|
279
|
+
}) : css({
|
|
280
|
+
height: '32px'
|
|
281
|
+
}), {
|
|
282
|
+
overflow: 'hidden'
|
|
283
|
+
}) : css({
|
|
284
|
+
padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}`
|
|
285
|
+
}, firstElementIsSelect && css({
|
|
286
|
+
paddingLeft: "var(--ds-space-050, 4px)"
|
|
287
|
+
})));
|
|
290
288
|
|
|
291
289
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
292
|
-
const toolbarOverflow = (scrollable, scrollDisabled, firstElementIsSelect) => css
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
margin-right: ${"var(--ds-space-100, 8px)"};
|
|
312
|
-
}
|
|
313
|
-
}
|
|
314
|
-
` : css({
|
|
290
|
+
const toolbarOverflow = (scrollable, scrollDisabled, firstElementIsSelect) => css(scrollable ? css(scrollDisabled ? css({
|
|
291
|
+
overflow: 'hidden'
|
|
292
|
+
}) : css({
|
|
293
|
+
overflowX: 'auto',
|
|
294
|
+
overflowY: 'hidden'
|
|
295
|
+
}), {
|
|
296
|
+
WebkitOverflowScrolling: 'touch',
|
|
297
|
+
padding: `${"var(--ds-space-050, 4px)"} 0 ${"var(--ds-space-600, 48px)"}`,
|
|
298
|
+
'> div': {
|
|
299
|
+
'> div:first-child': firstElementIsSelect ? css({
|
|
300
|
+
marginLeft: "var(--ds-space-050, 4px)"
|
|
301
|
+
}) : css({
|
|
302
|
+
marginLeft: "var(--ds-space-100, 8px)"
|
|
303
|
+
}),
|
|
304
|
+
'> div:last-child': {
|
|
305
|
+
marginRight: "var(--ds-space-100, 8px)"
|
|
306
|
+
}
|
|
307
|
+
}
|
|
308
|
+
}) : css({
|
|
315
309
|
display: 'flex'
|
|
316
|
-
})
|
|
317
|
-
`;
|
|
310
|
+
}));
|
|
318
311
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
319
312
|
class Toolbar extends Component {
|
|
320
313
|
constructor(props) {
|
package/dist/esm/plugin.js
CHANGED
|
@@ -198,7 +198,8 @@ function ContentComponent(_ref5) {
|
|
|
198
198
|
}
|
|
199
199
|
var config = configWithNodeInfo.config,
|
|
200
200
|
node = configWithNodeInfo.node;
|
|
201
|
-
var items = config.items
|
|
201
|
+
var items = config.items,
|
|
202
|
+
groupLabel = config.groupLabel;
|
|
202
203
|
var title = config.title,
|
|
203
204
|
_config$getDomRef = config.getDomRef,
|
|
204
205
|
getDomRef = _config$getDomRef === void 0 ? getDomRefFromSelection : _config$getDomRef,
|
|
@@ -292,6 +293,7 @@ function ContentComponent(_ref5) {
|
|
|
292
293
|
return /*#__PURE__*/React.createElement(ToolbarLoader, {
|
|
293
294
|
target: targetRef,
|
|
294
295
|
items: toolbarItems,
|
|
296
|
+
groupLabel: groupLabel,
|
|
295
297
|
node: node,
|
|
296
298
|
dispatchCommand: dispatchCommand,
|
|
297
299
|
editorView: editorView,
|
package/dist/esm/ui/Toolbar.js
CHANGED
|
@@ -6,8 +6,6 @@ import _inherits from "@babel/runtime/helpers/inherits";
|
|
|
6
6
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
7
7
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
10
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
|
|
11
9
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
12
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
13
11
|
/* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation */
|
|
@@ -63,6 +61,7 @@ export function groupItems(items) {
|
|
|
63
61
|
}
|
|
64
62
|
var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
|
|
65
63
|
var items = _ref.items,
|
|
64
|
+
groupLabel = _ref.groupLabel,
|
|
66
65
|
dispatchCommand = _ref.dispatchCommand,
|
|
67
66
|
popupsMountPoint = _ref.popupsMountPoint,
|
|
68
67
|
popupsBoundariesElement = _ref.popupsBoundariesElement,
|
|
@@ -260,7 +259,8 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
260
259
|
return jsx("div", {
|
|
261
260
|
key: index,
|
|
262
261
|
css: buttonGroupStyles,
|
|
263
|
-
role: "radiogroup"
|
|
262
|
+
role: "radiogroup",
|
|
263
|
+
"aria-label": groupLabel !== null && groupLabel !== void 0 ? groupLabel : undefined
|
|
264
264
|
}, element.map(function (item, idx) {
|
|
265
265
|
return renderItem(item, idx);
|
|
266
266
|
}));
|
|
@@ -290,12 +290,50 @@ var buttonGroupStyles = css({
|
|
|
290
290
|
|
|
291
291
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
292
292
|
var toolbarContainer = function toolbarContainer(scrollable, hasSelect, firstElementIsSelect) {
|
|
293
|
-
return css(
|
|
293
|
+
return css({
|
|
294
|
+
backgroundColor: "var(--ds-surface-overlay, white)",
|
|
295
|
+
borderRadius: "var(--ds-border-radius, 3px)",
|
|
296
|
+
boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25)", ")"),
|
|
297
|
+
display: 'flex',
|
|
298
|
+
lineHeight: 1,
|
|
299
|
+
boxSizing: 'border-box',
|
|
300
|
+
'& > div > div': {
|
|
301
|
+
alignItems: 'center'
|
|
302
|
+
}
|
|
303
|
+
}, scrollable ? css(hasSelect ? css({
|
|
304
|
+
height: '40px'
|
|
305
|
+
}) : css({
|
|
306
|
+
height: '32px'
|
|
307
|
+
}), {
|
|
308
|
+
overflow: 'hidden'
|
|
309
|
+
}) : css({
|
|
310
|
+
padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)")
|
|
311
|
+
}, firstElementIsSelect && css({
|
|
312
|
+
paddingLeft: "var(--ds-space-050, 4px)"
|
|
313
|
+
})));
|
|
294
314
|
};
|
|
295
315
|
|
|
296
316
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
297
317
|
var toolbarOverflow = function toolbarOverflow(scrollable, scrollDisabled, firstElementIsSelect) {
|
|
298
|
-
return css(
|
|
318
|
+
return css(scrollable ? css(scrollDisabled ? css({
|
|
319
|
+
overflow: 'hidden'
|
|
320
|
+
}) : css({
|
|
321
|
+
overflowX: 'auto',
|
|
322
|
+
overflowY: 'hidden'
|
|
323
|
+
}), {
|
|
324
|
+
WebkitOverflowScrolling: 'touch',
|
|
325
|
+
padding: "var(--ds-space-050, 4px)".concat(" 0 ", "var(--ds-space-600, 48px)"),
|
|
326
|
+
'> div': {
|
|
327
|
+
'> div:first-child': firstElementIsSelect ? css({
|
|
328
|
+
marginLeft: "var(--ds-space-050, 4px)"
|
|
329
|
+
}) : css({
|
|
330
|
+
marginLeft: "var(--ds-space-100, 8px)"
|
|
331
|
+
}),
|
|
332
|
+
'> div:last-child': {
|
|
333
|
+
marginRight: "var(--ds-space-100, 8px)"
|
|
334
|
+
}
|
|
335
|
+
}
|
|
336
|
+
}) : css({
|
|
299
337
|
display: 'flex'
|
|
300
338
|
}));
|
|
301
339
|
};
|