@gem-sdk/components 2.1.10 → 2.1.12

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 (5) hide show
  1. package/dist/cjs/product/components/ProductVariants/variants/index.js +1 -1
  2. package/dist/cjs/product/components/ProductVariants/variants/index.liquid.js +1 -1
  3. package/dist/esm/product/components/ProductVariants/variants/index.js +1 -1
  4. package/dist/esm/product/components/ProductVariants/variants/index.liquid.js +1 -1
  5. package/package.json +2 -2
package/dist/cjs/product/components/ProductVariants/variants/index.js CHANGED
@@ -80,7 +80,7 @@ const VariantItem = ({ name, variantKey, optionName, optionValue, ...props })=>{
80
80
  htmlFor: `${props.uid}-${variantKey}`,
81
81
  children: [
82
82
  /*#__PURE__*/ jsxRuntime.jsxs("div", {
83
- className: "gp-invisible !gp-max-w-[150px] gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-absolute gp-bottom-[calc(100%+20px)] gp-text-[12px] group-hover:gp-visible gp-w-max gp-bg-[#333333] gp-text-[#F9F9F9] gp-px-[8px] gp-py-[4px] gp-rounded-[8px] gp-mb-[-10px] after:gp-content-[''] after:gp-absolute after:gp-p-[7px] after:gp-left-0 after:gp-w-full after:gp-bottom-[-10px]",
83
+ className: "gp-invisible mobile:gp-overflow-hidden mobile:!gp-max-w-[0px] !gp-max-w-[150px] gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-absolute gp-bottom-[calc(100%+20px)] gp-text-[12px] group-hover:gp-visible gp-w-max gp-bg-[#333333] gp-text-[#F9F9F9] mobile:gp-px-[0px] gp-px-[8px] gp-py-[4px] gp-rounded-[8px] gp-mb-[-10px] after:gp-content-[''] after:gp-absolute mobile:after:gp-p-[0px] after:gp-p-[7px] after:gp-left-0 after:gp-w-full after:gp-bottom-[-10px]",
84
84
  children: [
85
85
  /*#__PURE__*/ jsxRuntime.jsx("p", {
86
86
  className: "gp-text-[#F9F9F9]",
package/dist/cjs/product/components/ProductVariants/variants/index.liquid.js CHANGED
@@ -120,7 +120,7 @@ const VariantItem = ({ name, variantKey, value, id, activeClass, optionPosition,
120
120
  for="{{product.id}}-${props.uid}-${variantKey}"
121
121
  class="gp-group gp-relative option-item gp-child-item-${props.uid}"
122
122
  >
123
- <div class="gp-invisible !gp-max-w-[150px] gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-absolute gp-bottom-[calc(100%+20px)] gp-text-[12px] group-hover:gp-visible gp-w-max gp-bg-[#333333] gp-text-[#F9F9F9] gp-px-[8px] gp-py-[4px] gp-rounded-[8px] gp-mb-[-10px] after:gp-content-[''] after:gp-absolute after:gp-p-[7px] after:gp-left-0 after:gp-w-full after:gp-bottom-[-10px]">
123
+ <div class="gp-invisible mobile:gp-overflow-hidden mobile:!gp-max-w-[0px] !gp-max-w-[150px] gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-absolute gp-bottom-[calc(100%+20px)] gp-text-[12px] group-hover:gp-visible gp-w-max gp-bg-[#333333] gp-text-[#F9F9F9] mobile:gp-px-[0px] gp-px-[8px] gp-py-[4px] gp-rounded-[8px] gp-mb-[-10px] after:gp-content-[''] after:gp-absolute mobile:after:gp-p-[0px] after:gp-p-[7px] after:gp-left-0 after:gp-w-full after:gp-bottom-[-10px]">
124
124
  <p class="gp-text-[#F9F9F9]">${value?.label}</p>
125
125
  <svg class="gp-absolute gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-z-10 gp-bottom-[-4px]" width="8" height="4" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
126
126
  <path d="M8 10L0 0L16 1.41326e-06L8 10Z" fill="#333333"/>
package/dist/esm/product/components/ProductVariants/variants/index.js CHANGED
@@ -76,7 +76,7 @@ const VariantItem = ({ name, variantKey, optionName, optionValue, ...props })=>{
76
76
  htmlFor: `${props.uid}-${variantKey}`,
77
77
  children: [
78
78
  /*#__PURE__*/ jsxs("div", {
79
- className: "gp-invisible !gp-max-w-[150px] gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-absolute gp-bottom-[calc(100%+20px)] gp-text-[12px] group-hover:gp-visible gp-w-max gp-bg-[#333333] gp-text-[#F9F9F9] gp-px-[8px] gp-py-[4px] gp-rounded-[8px] gp-mb-[-10px] after:gp-content-[''] after:gp-absolute after:gp-p-[7px] after:gp-left-0 after:gp-w-full after:gp-bottom-[-10px]",
79
+ className: "gp-invisible mobile:gp-overflow-hidden mobile:!gp-max-w-[0px] !gp-max-w-[150px] gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-absolute gp-bottom-[calc(100%+20px)] gp-text-[12px] group-hover:gp-visible gp-w-max gp-bg-[#333333] gp-text-[#F9F9F9] mobile:gp-px-[0px] gp-px-[8px] gp-py-[4px] gp-rounded-[8px] gp-mb-[-10px] after:gp-content-[''] after:gp-absolute mobile:after:gp-p-[0px] after:gp-p-[7px] after:gp-left-0 after:gp-w-full after:gp-bottom-[-10px]",
80
80
  children: [
81
81
  /*#__PURE__*/ jsx("p", {
82
82
  className: "gp-text-[#F9F9F9]",
package/dist/esm/product/components/ProductVariants/variants/index.liquid.js CHANGED
@@ -116,7 +116,7 @@ const VariantItem = ({ name, variantKey, value, id, activeClass, optionPosition,
116
116
  for="{{product.id}}-${props.uid}-${variantKey}"
117
117
  class="gp-group gp-relative option-item gp-child-item-${props.uid}"
118
118
  >
119
- <div class="gp-invisible !gp-max-w-[150px] gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-absolute gp-bottom-[calc(100%+20px)] gp-text-[12px] group-hover:gp-visible gp-w-max gp-bg-[#333333] gp-text-[#F9F9F9] gp-px-[8px] gp-py-[4px] gp-rounded-[8px] gp-mb-[-10px] after:gp-content-[''] after:gp-absolute after:gp-p-[7px] after:gp-left-0 after:gp-w-full after:gp-bottom-[-10px]">
119
+ <div class="gp-invisible mobile:gp-overflow-hidden mobile:!gp-max-w-[0px] !gp-max-w-[150px] gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-absolute gp-bottom-[calc(100%+20px)] gp-text-[12px] group-hover:gp-visible gp-w-max gp-bg-[#333333] gp-text-[#F9F9F9] mobile:gp-px-[0px] gp-px-[8px] gp-py-[4px] gp-rounded-[8px] gp-mb-[-10px] after:gp-content-[''] after:gp-absolute mobile:after:gp-p-[0px] after:gp-p-[7px] after:gp-left-0 after:gp-w-full after:gp-bottom-[-10px]">
120
120
  <p class="gp-text-[#F9F9F9]">${value?.label}</p>
121
121
  <svg class="gp-absolute gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-z-10 gp-bottom-[-4px]" width="8" height="4" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
122
122
  <path d="M8 10L0 0L16 1.41326e-06L8 10Z" fill="#333333"/>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/components",
3
- "version": "2.1.10",
3
+ "version": "2.1.12",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -21,7 +21,7 @@
21
21
  "format": "prettier --write \"./src/**/*.{ts,tsx}\""
22
22
  },
23
23
  "devDependencies": {
24
- "@gem-sdk/core": "2.1.9",
24
+ "@gem-sdk/core": "2.1.11",
25
25
  "@gem-sdk/styles": "2.1.0",
26
26
  "@types/react-transition-group": "^4.4.5"
27
27
  },