@crystaldesign/product-gallery 24.12.0-rc.9 → 24.12.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.
Files changed (4) hide show
  1. package/build/esm/index.js +1 -1
  2. package/build/umd/product-gallery.umd.min.js +1 -1
  3. package/build/umd/report.html +1 -1
  4. package/package.json +3 -3
package/build/esm/index.js CHANGED
@@ -112,7 +112,7 @@ var navigationVisible = "navigation-visible-omUqh";
112
112
  var pdpBackground = "pdp-background-uw3-u";
113
113
  var pdpContainer = "pdp-container--d0P1";
114
114
  var isMobileClass = "is-mobile-class-3tbms";
115
- var css_248z = ".scroller-class-J6Z4Z {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: auto;\n}\n\n.max-width-XHcc4 {\n position: relative;\n max-width: 1600px;\n margin: auto;\n height: 100%;\n width: 100%;\n}\n\n.parent-qDEav {\n height: 100%;\n width: 100%;\n position: relative;\n display: flex;\n margin-top: 12px;\n}\n\n.parent-qDEav.is-mobile-class {\n flex-direction: column;\n margin-top: 0;\n margin-top: initial;\n}\n\n.right-side-VPkpL {\n height: 100%;\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n grid-template-rows: repeat(10, 1fr);\n grid-column-gap: 0px;\n padding-right: 12px;\n width: calc(100% - 12px);\n}\n\n.is-mobile-class .right-side-VPkpL {\n overflow: auto;\n padding-left: 6px;\n padding-right: 6px;\n width: calc(100% - 12px);\n}\n\n.disabled-nOvnY {\n pointer-events: none;\n}\n\n.products-Ui7d6 {\n grid-area: 5 / 1 / 11 / 6;\n}\n\n.filter-DmVHL {\n margin: 0 10px;\n min-width: 244px;\n max-width: 244px;\n z-index: 12;\n height: -moz-fit-content;\n height: fit-content;\n display: flex;\n flex-direction: column;\n /* gap: 12px; */\n}\n\n.is-mobile-class .filter-DmVHL {\n margin: 8px;\n width: calc(100% - 16px);\n}\n\n.top-image-zf6oO {\n grid-area: 1 / 1 / 5 / 6;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n z-index: 10;\n}\n\n.is-mobile-class .top-image-zf6oO {\n grid-area: 1 / 1 / 3 / 6;\n}\n.is-mobile-class .products-Ui7d6 {\n grid-area: 3 / 1 / 6 / 6;\n}\n\n.header-hidden-class .products-Ui7d6 {\n grid-area: 1 / 1 / 6 / 6;\n}\n.pdp-overlay-O21gM {\n display: flex;\n justify-content: center;\n align-items: center;\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 500;\n}\n.navigation-visible-omUqh.pdp-overlay-O21gM {\n position: absolute;\n}\n\n.pdp-background-uw3-u {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background-color: rgba(244, 244, 244, 0.8);\n\n z-index: 540;\n}\n\n.pdp-container--d0P1 {\n z-index: 580;\n background-color: #fff;\n height: 100%;\n width: 100%;\n max-width: 1650px;\n max-height: 1000px;\n}\n\n.is-mobile-class-3tbms .pdp-container--d0P1 {\n max-width: none;\n max-width: initial;\n max-height: none;\n max-height: initial;\n}\n";
115
+ var css_248z = ".scroller-class-J6Z4Z {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n overflow: auto;\r\n}\r\n\r\n.max-width-XHcc4 {\r\n position: relative;\r\n max-width: 1600px;\r\n margin: auto;\r\n height: 100%;\r\n width: 100%;\r\n}\r\n\r\n.parent-qDEav {\r\n height: 100%;\r\n width: 100%;\r\n position: relative;\r\n display: flex;\r\n margin-top: 12px;\r\n}\r\n\r\n.parent-qDEav.is-mobile-class {\r\n flex-direction: column;\r\n margin-top: 0;\r\n margin-top: initial;\r\n}\r\n\r\n.right-side-VPkpL {\r\n height: 100%;\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n grid-template-rows: repeat(10, 1fr);\r\n grid-column-gap: 0px;\r\n padding-right: 12px;\r\n width: calc(100% - 12px);\r\n}\r\n\r\n.is-mobile-class .right-side-VPkpL {\r\n overflow: auto;\r\n padding-left: 6px;\r\n padding-right: 6px;\r\n width: calc(100% - 12px);\r\n}\r\n\r\n.disabled-nOvnY {\r\n pointer-events: none;\r\n}\r\n\r\n.products-Ui7d6 {\r\n grid-area: 5 / 1 / 11 / 6;\r\n}\r\n\r\n.filter-DmVHL {\r\n margin: 0 10px;\r\n min-width: 244px;\r\n max-width: 244px;\r\n z-index: 12;\r\n height: -moz-fit-content;\r\n height: fit-content;\r\n display: flex;\r\n flex-direction: column;\r\n /* gap: 12px; */\r\n}\r\n\r\n.is-mobile-class .filter-DmVHL {\r\n margin: 8px;\r\n width: calc(100% - 16px);\r\n}\r\n\r\n.top-image-zf6oO {\r\n grid-area: 1 / 1 / 5 / 6;\r\n overflow: hidden;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n z-index: 10;\r\n}\r\n\r\n.is-mobile-class .top-image-zf6oO {\r\n grid-area: 1 / 1 / 3 / 6;\r\n}\r\n.is-mobile-class .products-Ui7d6 {\r\n grid-area: 3 / 1 / 6 / 6;\r\n}\r\n\r\n.header-hidden-class .products-Ui7d6 {\r\n grid-area: 1 / 1 / 6 / 6;\r\n}\r\n.pdp-overlay-O21gM {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: fixed;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n z-index: 500;\r\n}\r\n.navigation-visible-omUqh.pdp-overlay-O21gM {\r\n position: absolute;\r\n}\r\n\r\n.pdp-background-uw3-u {\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n background-color: rgba(244, 244, 244, 0.8);\r\n\r\n z-index: 540;\r\n}\r\n\r\n.pdp-container--d0P1 {\r\n z-index: 580;\r\n background-color: #fff;\r\n height: 100%;\r\n width: 100%;\r\n max-width: 1650px;\r\n max-height: 1000px;\r\n}\r\n\r\n.is-mobile-class-3tbms .pdp-container--d0P1 {\r\n max-width: none;\r\n max-width: initial;\r\n max-height: none;\r\n max-height: initial;\r\n}\r\n";
116
116
  styleInject(css_248z);
117
117
 
118
118
  function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }