@royaloperahouse/chord 2.1.10 → 2.2.0-bugfix-revert-column

package/dist/chord.esm.js

@@ -2477,29 +2477,29 @@ var _templateObject$9;
 var Grid = /*#__PURE__*/styled.div(_templateObject$9 || (_templateObject$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: grid;\n  grid-template-columns: var(--grid-template-columns);\n  grid-template-rows: max-content;\n  gap: var(--grid-column-gap);\n  margin: 0;\n"])));
 
 var _templateObject$a;
-var GridItem = /*#__PURE__*/styled.div(_templateObject$a || (_templateObject$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: span ", ";\n  grid-column-start: ", ";\n\n  @media ", " {\n    & {\n      grid-column: span\n        ", ";\n      grid-column-start: ", ";\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-column: span ", ";\n      grid-column-start: ", ";\n    }\n  }\n"])), function (_ref) {
-  var _ref$columnSpanDeskto = _ref.columnSpanDesktop,
-      columnSpanDesktop = _ref$columnSpanDeskto === void 0 ? 1 : _ref$columnSpanDeskto;
-  return columnSpanDesktop;
-}, function (_ref2) {
-  var columnStartDesktop = _ref2.columnStartDesktop;
+var GridItem = /*#__PURE__*/styled.div(_templateObject$a || (_templateObject$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: ", " / span\n    ", ";\n\n  @media ", " {\n    & {\n      grid-column: ", " /\n        span ", ";\n    }\n  }\n\n  @media ", " {\n    & {\n      grid-column: ", " / span\n        ", ";\n    }\n  }\n"])), function (_ref) {
+  var columnStartDesktop = _ref.columnStartDesktop;
   return columnStartDesktop;
+}, function (_ref2) {
+  var _ref2$columnSpanDeskt = _ref2.columnSpanDesktop,
+      columnSpanDesktop = _ref2$columnSpanDeskt === void 0 ? 1 : _ref2$columnSpanDeskt;
+  return columnSpanDesktop;
 }, devices.mobile, function (_ref3) {
-  var _ref3$columnSpanDevic = _ref3.columnSpanDevice,
-      columnSpanDevice = _ref3$columnSpanDevic === void 0 ? 1 : _ref3$columnSpanDevic,
-      columnSpanSmallDevice = _ref3.columnSpanSmallDevice;
-  return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
-}, function (_ref4) {
-  var columnStartDevice = _ref4.columnStartDevice,
-      columnStartSmallDevice = _ref4.columnStartSmallDevice;
+  var columnStartDevice = _ref3.columnStartDevice,
+      columnStartSmallDevice = _ref3.columnStartSmallDevice;
   return columnStartSmallDevice != null ? columnStartSmallDevice : columnStartDevice;
+}, function (_ref4) {
+  var _ref4$columnSpanDevic = _ref4.columnSpanDevice,
+      columnSpanDevice = _ref4$columnSpanDevic === void 0 ? 1 : _ref4$columnSpanDevic,
+      columnSpanSmallDevice = _ref4.columnSpanSmallDevice;
+  return columnSpanSmallDevice != null ? columnSpanSmallDevice : columnSpanDevice;
 }, devices.tablet, function (_ref5) {
-  var _ref5$columnSpanDevic = _ref5.columnSpanDevice,
-      columnSpanDevice = _ref5$columnSpanDevic === void 0 ? 1 : _ref5$columnSpanDevic;
-  return columnSpanDevice;
-}, function (_ref6) {
-  var columnStartDevice = _ref6.columnStartDevice;
+  var columnStartDevice = _ref5.columnStartDevice;
   return columnStartDevice;
+}, function (_ref6) {
+  var _ref6$columnSpanDevic = _ref6.columnSpanDevice,
+      columnSpanDevice = _ref6$columnSpanDevic === void 0 ? 1 : _ref6$columnSpanDevic;
+  return columnSpanDevice;
 });
 
 var _templateObject$b;