@gem-sdk/components 2.2.0-staging.29 → 2.2.0-staging.31

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/button/components/Button.liquid.js +2 -2
  2. package/dist/cjs/grid/setting/Section.js +37 -7
  3. package/dist/esm/button/components/Button.liquid.js +2 -2
  4. package/dist/esm/grid/setting/Section.js +37 -7
  5. package/package.json +2 -2
package/dist/cjs/button/components/Button.liquid.js CHANGED
@@ -103,7 +103,7 @@ const Button = ({ className, builderProps, customAttrs, pageContext, setting = {
103
103
  ...customAttrs
104
104
  }}
105
105
  data-state="${loading ? 'loading' : 'idle'}"
106
- class="${core.cls(builderProps?.uid, 'gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none', core.getGlobalColorStateClass('bg', backgroundColor), core.getGlobalColorStateClass('text', textColor), {
106
+ class="${core.cls(builderProps?.uid, 'gp-button-base gp-group/button gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none', core.getGlobalColorStateClass('bg', backgroundColor), core.getGlobalColorStateClass('text', textColor), {
107
107
  'gp-animate-bounce': styles?.animation?.normal === 'bounce',
108
108
  'hover:gp-animate-bounce': styles?.animation?.hover === 'bounce',
109
109
  'gp-scale-[1.1]': styles?.animation?.normal === 'grow',
@@ -161,7 +161,7 @@ const Button = ({ className, builderProps, customAttrs, pageContext, setting = {
161
161
  >${iconSvg}</span>`)}
162
162
  <span
163
163
  data-gp-text
164
- class="${`gp-content-product-button gp-button-text-only gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden ${nodePrice ? appendTypoClass : ''}
164
+ class="${`gp-content-product-button group-hover/button:!gp-text-inherit gp-button-text-only gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden ${nodePrice ? appendTypoClass : ''}
165
165
  ${styles?.typo?.attrs?.italic ? '[&:not(:has(p))]:gp-pr-[0.2em] [&_p]:[&:has(p)]:gp-pr-[0.2em]' : ''}`}"
166
166
  style="${{
167
167
  ...nodePrice && appendTypoStyle,
package/dist/cjs/grid/setting/Section.js CHANGED
@@ -260,6 +260,21 @@ const config = {
260
260
  }
261
261
  }
262
262
  },
263
+ {
264
+ id: 'columnGap',
265
+ type: 'range',
266
+ min: 0,
267
+ max: 100,
268
+ step: 1,
269
+ units: [
270
+ '%'
271
+ ],
272
+ devices: {
273
+ desktop: {
274
+ default: '0%'
275
+ }
276
+ }
277
+ },
263
278
  {
264
279
  id: 'background',
265
280
  type: 'background',
@@ -296,14 +311,29 @@ const config = {
296
311
  ],
297
312
  ui: [
298
313
  {
299
- type: 'control',
314
+ type: 'group',
300
315
  label: {
301
316
  en: 'Layout'
302
317
  },
303
- setting: {
304
- id: 'layout'
305
- },
306
- layout: 'vertical'
318
+ controls: [
319
+ {
320
+ type: 'control',
321
+ setting: {
322
+ id: 'layout'
323
+ },
324
+ layout: 'vertical'
325
+ },
326
+ {
327
+ type: 'control',
328
+ label: {
329
+ en: 'Column gap'
330
+ },
331
+ setting: {
332
+ id: 'columnGap'
333
+ },
334
+ condition: `!!layout.cols && layout.cols.length > 1 && pageType == "POST_PURCHASE"`
335
+ }
336
+ ]
307
337
  },
308
338
  {
309
339
  type: 'group',
@@ -340,7 +370,7 @@ const config = {
340
370
  setting: {
341
371
  id: 'verticalGutter'
342
372
  },
343
- condition: `!!layout.cols && layout.cols.length > 1`
373
+ condition: `!!layout.cols && layout.cols.length > 1 && pageType != "POST_PURCHASE"`
344
374
  }
345
375
  ]
346
376
  },
@@ -349,7 +379,7 @@ const config = {
349
379
  label: {
350
380
  en: 'Align'
351
381
  },
352
- condition: `layout.display !== 'fill' || (layout.display === 'fill' && !!layout.cols && layout.cols.length > 1)`,
382
+ condition: `(layout.display !== 'fill' || (layout.display === 'fill' && !!layout.cols && layout.cols.length > 1)) && pageType != "POST_PURCHASE"`,
353
383
  controls: [
354
384
  {
355
385
  type: 'control',
package/dist/esm/button/components/Button.liquid.js CHANGED
@@ -99,7 +99,7 @@ const Button = ({ className, builderProps, customAttrs, pageContext, setting = {
99
99
  ...customAttrs
100
100
  }}
101
101
  data-state="${loading ? 'loading' : 'idle'}"
102
- class="${cls(builderProps?.uid, 'gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none', getGlobalColorStateClass('bg', backgroundColor), getGlobalColorStateClass('text', textColor), {
102
+ class="${cls(builderProps?.uid, 'gp-button-base gp-group/button gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none', getGlobalColorStateClass('bg', backgroundColor), getGlobalColorStateClass('text', textColor), {
103
103
  'gp-animate-bounce': styles?.animation?.normal === 'bounce',
104
104
  'hover:gp-animate-bounce': styles?.animation?.hover === 'bounce',
105
105
  'gp-scale-[1.1]': styles?.animation?.normal === 'grow',
@@ -157,7 +157,7 @@ const Button = ({ className, builderProps, customAttrs, pageContext, setting = {
157
157
  >${iconSvg}</span>`)}
158
158
  <span
159
159
  data-gp-text
160
- class="${`gp-content-product-button gp-button-text-only gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden ${nodePrice ? appendTypoClass : ''}
160
+ class="${`gp-content-product-button group-hover/button:!gp-text-inherit gp-button-text-only gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden ${nodePrice ? appendTypoClass : ''}
161
161
  ${styles?.typo?.attrs?.italic ? '[&:not(:has(p))]:gp-pr-[0.2em] [&_p]:[&:has(p)]:gp-pr-[0.2em]' : ''}`}"
162
162
  style="${{
163
163
  ...nodePrice && appendTypoStyle,
package/dist/esm/grid/setting/Section.js CHANGED
@@ -256,6 +256,21 @@ const config = {
256
256
  }
257
257
  }
258
258
  },
259
+ {
260
+ id: 'columnGap',
261
+ type: 'range',
262
+ min: 0,
263
+ max: 100,
264
+ step: 1,
265
+ units: [
266
+ '%'
267
+ ],
268
+ devices: {
269
+ desktop: {
270
+ default: '0%'
271
+ }
272
+ }
273
+ },
259
274
  {
260
275
  id: 'background',
261
276
  type: 'background',
@@ -292,14 +307,29 @@ const config = {
292
307
  ],
293
308
  ui: [
294
309
  {
295
- type: 'control',
310
+ type: 'group',
296
311
  label: {
297
312
  en: 'Layout'
298
313
  },
299
- setting: {
300
- id: 'layout'
301
- },
302
- layout: 'vertical'
314
+ controls: [
315
+ {
316
+ type: 'control',
317
+ setting: {
318
+ id: 'layout'
319
+ },
320
+ layout: 'vertical'
321
+ },
322
+ {
323
+ type: 'control',
324
+ label: {
325
+ en: 'Column gap'
326
+ },
327
+ setting: {
328
+ id: 'columnGap'
329
+ },
330
+ condition: `!!layout.cols && layout.cols.length > 1 && pageType == "POST_PURCHASE"`
331
+ }
332
+ ]
303
333
  },
304
334
  {
305
335
  type: 'group',
@@ -336,7 +366,7 @@ const config = {
336
366
  setting: {
337
367
  id: 'verticalGutter'
338
368
  },
339
- condition: `!!layout.cols && layout.cols.length > 1`
369
+ condition: `!!layout.cols && layout.cols.length > 1 && pageType != "POST_PURCHASE"`
340
370
  }
341
371
  ]
342
372
  },
@@ -345,7 +375,7 @@ const config = {
345
375
  label: {
346
376
  en: 'Align'
347
377
  },
348
- condition: `layout.display !== 'fill' || (layout.display === 'fill' && !!layout.cols && layout.cols.length > 1)`,
378
+ condition: `(layout.display !== 'fill' || (layout.display === 'fill' && !!layout.cols && layout.cols.length > 1)) && pageType != "POST_PURCHASE"`,
349
379
  controls: [
350
380
  {
351
381
  type: 'control',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/components",
3
- "version": "2.2.0-staging.29",
3
+ "version": "2.2.0-staging.31",
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.2.0-staging.29",
24
+ "@gem-sdk/core": "2.2.0-staging.30",
25
25
  "@gem-sdk/styles": "2.1.27-staging.13",
26
26
  "@types/react-transition-group": "^4.4.5"
27
27
  },