@gem-sdk/core 1.17.6 → 1.17.10
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/dist/cjs/graphql/fragments/media.generated.js +1 -0
- package/dist/cjs/helpers/radius.js +7 -9
- package/dist/cjs/helpers/shadow.js +3 -2
- package/dist/esm/graphql/fragments/media.generated.js +1 -0
- package/dist/esm/helpers/radius.js +7 -9
- package/dist/esm/helpers/shadow.js +3 -2
- package/dist/types/index.d.ts +25 -24
- package/package.json +2 -2
|
@@ -97,11 +97,12 @@ const getRadiusStyleActiveState = (radiusValue)=>{
|
|
|
97
97
|
}
|
|
98
98
|
return getRadiusCSSFromGlobal('normal', radiusValue?.active?.radiusType);
|
|
99
99
|
};
|
|
100
|
-
const composeCornerCss = (value)=>{
|
|
100
|
+
const composeCornerCss = (value, important = false)=>{
|
|
101
101
|
if (!value) {
|
|
102
|
-
return;
|
|
102
|
+
return '';
|
|
103
103
|
}
|
|
104
104
|
const { radiusType, bblr, bbrr, btlr, btrr } = value;
|
|
105
|
+
const sub = important ? ' !important' : '';
|
|
105
106
|
let radiusValue = undefined;
|
|
106
107
|
switch(radiusType){
|
|
107
108
|
case 'medium':
|
|
@@ -113,13 +114,10 @@ const composeCornerCss = (value)=>{
|
|
|
113
114
|
case 'none':
|
|
114
115
|
case 'custom':
|
|
115
116
|
radiusValue = `
|
|
116
|
-
${bblr ? `border-bottom-left-radius: ${bblr};` : ''}
|
|
117
|
-
|
|
118
|
-
${
|
|
119
|
-
|
|
120
|
-
${btlr ? `border-top-left-radius: ${btlr};` : ''}
|
|
121
|
-
|
|
122
|
-
${btrr ? `border-top-right-radius: ${btrr};` : ''}
|
|
117
|
+
${bblr ? `border-bottom-left-radius: ${bblr}${sub};` : ''}
|
|
118
|
+
${bbrr ? `border-bottom-right-radius: ${bbrr}${sub};` : ''}
|
|
119
|
+
${btlr ? `border-top-left-radius: ${btlr}${sub};` : ''}
|
|
120
|
+
${btrr ? `border-top-right-radius: ${btrr}${sub};` : ''}
|
|
123
121
|
`;
|
|
124
122
|
break;
|
|
125
123
|
}
|
|
@@ -43,11 +43,12 @@ const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow)=>{
|
|
|
43
43
|
}
|
|
44
44
|
return style;
|
|
45
45
|
};
|
|
46
|
-
const composeShadowCss = ({ hasBoxShadow, boxShadowValue })=>{
|
|
46
|
+
const composeShadowCss = ({ hasBoxShadow, boxShadowValue, important })=>{
|
|
47
47
|
if (!hasBoxShadow) return undefined;
|
|
48
48
|
if (!boxShadowValue) return undefined;
|
|
49
49
|
const { value: distance, unit: unitDistance } = parseValueWithUnit(`${boxShadowValue?.distance}`);
|
|
50
|
-
|
|
50
|
+
const sub = important ? ' !important' : '';
|
|
51
|
+
return `box-shadow: ${Math.cos(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${boxShadowValue?.blur} ${boxShadowValue?.spread + ' '}${colors.getSingleColorVariable(boxShadowValue?.color)}${sub};`;
|
|
51
52
|
};
|
|
52
53
|
|
|
53
54
|
exports.composeShadowCss = composeShadowCss;
|
|
@@ -95,11 +95,12 @@ const getRadiusStyleActiveState = (radiusValue)=>{
|
|
|
95
95
|
}
|
|
96
96
|
return getRadiusCSSFromGlobal('normal', radiusValue?.active?.radiusType);
|
|
97
97
|
};
|
|
98
|
-
const composeCornerCss = (value)=>{
|
|
98
|
+
const composeCornerCss = (value, important = false)=>{
|
|
99
99
|
if (!value) {
|
|
100
|
-
return;
|
|
100
|
+
return '';
|
|
101
101
|
}
|
|
102
102
|
const { radiusType, bblr, bbrr, btlr, btrr } = value;
|
|
103
|
+
const sub = important ? ' !important' : '';
|
|
103
104
|
let radiusValue = undefined;
|
|
104
105
|
switch(radiusType){
|
|
105
106
|
case 'medium':
|
|
@@ -111,13 +112,10 @@ const composeCornerCss = (value)=>{
|
|
|
111
112
|
case 'none':
|
|
112
113
|
case 'custom':
|
|
113
114
|
radiusValue = `
|
|
114
|
-
${bblr ? `border-bottom-left-radius: ${bblr};` : ''}
|
|
115
|
-
|
|
116
|
-
${
|
|
117
|
-
|
|
118
|
-
${btlr ? `border-top-left-radius: ${btlr};` : ''}
|
|
119
|
-
|
|
120
|
-
${btrr ? `border-top-right-radius: ${btrr};` : ''}
|
|
115
|
+
${bblr ? `border-bottom-left-radius: ${bblr}${sub};` : ''}
|
|
116
|
+
${bbrr ? `border-bottom-right-radius: ${bbrr}${sub};` : ''}
|
|
117
|
+
${btlr ? `border-top-left-radius: ${btlr}${sub};` : ''}
|
|
118
|
+
${btrr ? `border-top-right-radius: ${btrr}${sub};` : ''}
|
|
121
119
|
`;
|
|
122
120
|
break;
|
|
123
121
|
}
|
|
@@ -41,11 +41,12 @@ const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow)=>{
|
|
|
41
41
|
}
|
|
42
42
|
return style;
|
|
43
43
|
};
|
|
44
|
-
const composeShadowCss = ({ hasBoxShadow, boxShadowValue })=>{
|
|
44
|
+
const composeShadowCss = ({ hasBoxShadow, boxShadowValue, important })=>{
|
|
45
45
|
if (!hasBoxShadow) return undefined;
|
|
46
46
|
if (!boxShadowValue) return undefined;
|
|
47
47
|
const { value: distance, unit: unitDistance } = parseValueWithUnit(`${boxShadowValue?.distance}`);
|
|
48
|
-
|
|
48
|
+
const sub = important ? ' !important' : '';
|
|
49
|
+
return `box-shadow: ${Math.cos(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${boxShadowValue?.blur} ${boxShadowValue?.spread + ' '}${getSingleColorVariable(boxShadowValue?.color)}${sub};`;
|
|
49
50
|
};
|
|
50
51
|
|
|
51
52
|
export { composeShadowCss, getStyleShadow, getStyleShadowState, parseValueWithUnit };
|
package/dist/types/index.d.ts
CHANGED
|
@@ -7271,7 +7271,7 @@ type CollectionProductSelectFragment = Pick<Collection, 'id' | 'createdAt' | 'up
|
|
|
7271
7271
|
node?: Maybe<Pick<Product, 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
|
|
7272
7272
|
medias?: Maybe<{
|
|
7273
7273
|
edges: Array<Pick<MediaEdge, 'cursor'> & {
|
|
7274
|
-
node?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7274
|
+
node?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7275
7275
|
}>;
|
|
7276
7276
|
pageInfo?: Maybe<Pick<PageInfo, 'endCursor' | 'hasNextPage'>>;
|
|
7277
7277
|
}>;
|
|
@@ -7279,7 +7279,7 @@ type CollectionProductSelectFragment = Pick<Collection, 'id' | 'createdAt' | 'up
|
|
|
7279
7279
|
edges: Array<Pick<ProductVariantEdge, 'cursor'> & {
|
|
7280
7280
|
node?: Maybe<Pick<ProductVariant, 'id' | 'title' | 'barcode' | 'baseID' | 'costPrice' | 'height' | 'inventoryPolicy' | 'inventoryQuantity' | 'inventoryStatus' | 'isDigital' | 'length' | 'lowInventoryAmount' | 'manageInventory' | 'mediaId' | 'platform' | 'price' | 'salePrice' | 'sku' | 'soldIndividually' | 'weight' | 'width'> & {
|
|
7281
7281
|
selectedOptions: Array<Pick<SelectedOption, 'name' | 'value' | 'optionType'>>;
|
|
7282
|
-
media?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7282
|
+
media?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7283
7283
|
}>;
|
|
7284
7284
|
}>;
|
|
7285
7285
|
pageInfo?: Maybe<Pick<PageInfo, 'hasNextPage' | 'endCursor'>>;
|
|
@@ -7287,7 +7287,7 @@ type CollectionProductSelectFragment = Pick<Collection, 'id' | 'createdAt' | 'up
|
|
|
7287
7287
|
options?: Maybe<Array<Pick<ProductOption, 'id' | 'name' | 'optionType'> & {
|
|
7288
7288
|
values: Array<Pick<ProductOptionValue, 'id' | 'label' | 'isDefault' | 'baseID'>>;
|
|
7289
7289
|
}>>;
|
|
7290
|
-
featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7290
|
+
featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7291
7291
|
}>;
|
|
7292
7292
|
}>;
|
|
7293
7293
|
pageInfo?: Maybe<Pick<PageInfo, 'endCursor' | 'hasNextPage'>>;
|
|
@@ -7296,7 +7296,7 @@ type CollectionProductSelectFragment = Pick<Collection, 'id' | 'createdAt' | 'up
|
|
|
7296
7296
|
};
|
|
7297
7297
|
|
|
7298
7298
|
type ProductQuickSelectFragment = Pick<Product, 'id' | 'title' | 'handle' | 'averageRating' | 'baseID' | 'description' | 'sku' | 'vendor'> & {
|
|
7299
|
-
featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7299
|
+
featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7300
7300
|
options?: Maybe<Array<Pick<ProductOption, 'id' | 'name' | 'optionType'> & {
|
|
7301
7301
|
values: Array<Pick<ProductOptionValue, 'id' | 'label' | 'isDefault' | 'baseID'>>;
|
|
7302
7302
|
}>>;
|
|
@@ -7304,7 +7304,7 @@ type ProductQuickSelectFragment = Pick<Product, 'id' | 'title' | 'handle' | 'ave
|
|
|
7304
7304
|
edges: Array<{
|
|
7305
7305
|
node?: Maybe<Pick<ProductVariant, 'id' | 'title' | 'barcode' | 'costPrice' | 'height' | 'inventoryQuantity' | 'inventoryStatus' | 'length' | 'price' | 'salePrice' | 'sku' | 'baseID' | 'weight' | 'width'> & {
|
|
7306
7306
|
selectedOptions: Array<Pick<SelectedOption, 'name' | 'value' | 'optionType'>>;
|
|
7307
|
-
media?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7307
|
+
media?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7308
7308
|
}>;
|
|
7309
7309
|
}>;
|
|
7310
7310
|
}>;
|
|
@@ -7343,7 +7343,7 @@ declare const useProductListStore: <U>(selector: (state: ExtractState<StoreApi<P
|
|
|
7343
7343
|
type ProductSelectFragment = Pick<Product, 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
|
|
7344
7344
|
medias?: Maybe<{
|
|
7345
7345
|
edges: Array<Pick<MediaEdge, 'cursor'> & {
|
|
7346
|
-
node?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7346
|
+
node?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7347
7347
|
}>;
|
|
7348
7348
|
pageInfo?: Maybe<Pick<PageInfo, 'endCursor' | 'hasNextPage'>>;
|
|
7349
7349
|
}>;
|
|
@@ -7351,7 +7351,7 @@ type ProductSelectFragment = Pick<Product, 'id' | 'title' | 'description' | 'des
|
|
|
7351
7351
|
edges: Array<Pick<ProductVariantEdge, 'cursor'> & {
|
|
7352
7352
|
node?: Maybe<Pick<ProductVariant, 'id' | 'title' | 'barcode' | 'baseID' | 'costPrice' | 'height' | 'inventoryPolicy' | 'inventoryQuantity' | 'inventoryStatus' | 'isDigital' | 'length' | 'lowInventoryAmount' | 'manageInventory' | 'mediaId' | 'platform' | 'price' | 'salePrice' | 'sku' | 'soldIndividually' | 'weight' | 'width'> & {
|
|
7353
7353
|
selectedOptions: Array<Pick<SelectedOption, 'name' | 'value' | 'optionType'>>;
|
|
7354
|
-
media?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7354
|
+
media?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7355
7355
|
}>;
|
|
7356
7356
|
}>;
|
|
7357
7357
|
pageInfo?: Maybe<Pick<PageInfo, 'hasNextPage' | 'endCursor'>>;
|
|
@@ -7359,10 +7359,10 @@ type ProductSelectFragment = Pick<Product, 'id' | 'title' | 'description' | 'des
|
|
|
7359
7359
|
options?: Maybe<Array<Pick<ProductOption, 'id' | 'name' | 'optionType'> & {
|
|
7360
7360
|
values: Array<Pick<ProductOptionValue, 'id' | 'label' | 'isDefault' | 'baseID'>>;
|
|
7361
7361
|
}>>;
|
|
7362
|
-
featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7362
|
+
featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7363
7363
|
};
|
|
7364
7364
|
|
|
7365
|
-
type MediaSelectFragment = Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>;
|
|
7365
|
+
type MediaSelectFragment = Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>;
|
|
7366
7366
|
|
|
7367
7367
|
type AttributeProp = {
|
|
7368
7368
|
key: string;
|
|
@@ -7514,7 +7514,7 @@ type CollectionDetailFilterQueryResponse = {
|
|
|
7514
7514
|
node?: Maybe<Pick<Product, 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
|
|
7515
7515
|
medias?: Maybe<{
|
|
7516
7516
|
edges: Array<Pick<MediaEdge, 'cursor'> & {
|
|
7517
|
-
node?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7517
|
+
node?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7518
7518
|
}>;
|
|
7519
7519
|
pageInfo?: Maybe<Pick<PageInfo, 'endCursor' | 'hasNextPage'>>;
|
|
7520
7520
|
}>;
|
|
@@ -7522,7 +7522,7 @@ type CollectionDetailFilterQueryResponse = {
|
|
|
7522
7522
|
edges: Array<Pick<ProductVariantEdge, 'cursor'> & {
|
|
7523
7523
|
node?: Maybe<Pick<ProductVariant, 'id' | 'title' | 'barcode' | 'baseID' | 'costPrice' | 'height' | 'inventoryPolicy' | 'inventoryQuantity' | 'inventoryStatus' | 'isDigital' | 'length' | 'lowInventoryAmount' | 'manageInventory' | 'mediaId' | 'platform' | 'price' | 'salePrice' | 'sku' | 'soldIndividually' | 'weight' | 'width'> & {
|
|
7524
7524
|
selectedOptions: Array<Pick<SelectedOption, 'name' | 'value' | 'optionType'>>;
|
|
7525
|
-
media?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7525
|
+
media?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7526
7526
|
}>;
|
|
7527
7527
|
}>;
|
|
7528
7528
|
pageInfo?: Maybe<Pick<PageInfo, 'hasNextPage' | 'endCursor'>>;
|
|
@@ -7530,7 +7530,7 @@ type CollectionDetailFilterQueryResponse = {
|
|
|
7530
7530
|
options?: Maybe<Array<Pick<ProductOption, 'id' | 'name' | 'optionType'> & {
|
|
7531
7531
|
values: Array<Pick<ProductOptionValue, 'id' | 'label' | 'isDefault' | 'baseID'>>;
|
|
7532
7532
|
}>>;
|
|
7533
|
-
featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7533
|
+
featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7534
7534
|
}>;
|
|
7535
7535
|
}>;
|
|
7536
7536
|
pageInfo?: Maybe<Pick<PageInfo, 'endCursor' | 'hasNextPage'>>;
|
|
@@ -7559,7 +7559,7 @@ type CollectionQueryResponse = {
|
|
|
7559
7559
|
node?: Maybe<Pick<Product, 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
|
|
7560
7560
|
medias?: Maybe<{
|
|
7561
7561
|
edges: Array<Pick<MediaEdge, 'cursor'> & {
|
|
7562
|
-
node?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7562
|
+
node?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7563
7563
|
}>;
|
|
7564
7564
|
pageInfo?: Maybe<Pick<PageInfo, 'endCursor' | 'hasNextPage'>>;
|
|
7565
7565
|
}>;
|
|
@@ -7567,7 +7567,7 @@ type CollectionQueryResponse = {
|
|
|
7567
7567
|
edges: Array<Pick<ProductVariantEdge, 'cursor'> & {
|
|
7568
7568
|
node?: Maybe<Pick<ProductVariant, 'id' | 'title' | 'barcode' | 'baseID' | 'costPrice' | 'height' | 'inventoryPolicy' | 'inventoryQuantity' | 'inventoryStatus' | 'isDigital' | 'length' | 'lowInventoryAmount' | 'manageInventory' | 'mediaId' | 'platform' | 'price' | 'salePrice' | 'sku' | 'soldIndividually' | 'weight' | 'width'> & {
|
|
7569
7569
|
selectedOptions: Array<Pick<SelectedOption, 'name' | 'value' | 'optionType'>>;
|
|
7570
|
-
media?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7570
|
+
media?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7571
7571
|
}>;
|
|
7572
7572
|
}>;
|
|
7573
7573
|
pageInfo?: Maybe<Pick<PageInfo, 'hasNextPage' | 'endCursor'>>;
|
|
@@ -7575,7 +7575,7 @@ type CollectionQueryResponse = {
|
|
|
7575
7575
|
options?: Maybe<Array<Pick<ProductOption, 'id' | 'name' | 'optionType'> & {
|
|
7576
7576
|
values: Array<Pick<ProductOptionValue, 'id' | 'label' | 'isDefault' | 'baseID'>>;
|
|
7577
7577
|
}>>;
|
|
7578
|
-
featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7578
|
+
featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7579
7579
|
}>;
|
|
7580
7580
|
}>;
|
|
7581
7581
|
pageInfo?: Maybe<Pick<PageInfo, 'endCursor' | 'hasNextPage' | 'hasPreviousPage' | 'startCursor'>>;
|
|
@@ -7643,7 +7643,7 @@ type ProductsQueryResponse = {
|
|
|
7643
7643
|
node?: Maybe<Pick<Product, 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
|
|
7644
7644
|
medias?: Maybe<{
|
|
7645
7645
|
edges: Array<Pick<MediaEdge, 'cursor'> & {
|
|
7646
|
-
node?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7646
|
+
node?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7647
7647
|
}>;
|
|
7648
7648
|
pageInfo?: Maybe<Pick<PageInfo, 'endCursor' | 'hasNextPage'>>;
|
|
7649
7649
|
}>;
|
|
@@ -7651,7 +7651,7 @@ type ProductsQueryResponse = {
|
|
|
7651
7651
|
edges: Array<Pick<ProductVariantEdge, 'cursor'> & {
|
|
7652
7652
|
node?: Maybe<Pick<ProductVariant, 'id' | 'title' | 'barcode' | 'baseID' | 'costPrice' | 'height' | 'inventoryPolicy' | 'inventoryQuantity' | 'inventoryStatus' | 'isDigital' | 'length' | 'lowInventoryAmount' | 'manageInventory' | 'mediaId' | 'platform' | 'price' | 'salePrice' | 'sku' | 'soldIndividually' | 'weight' | 'width'> & {
|
|
7653
7653
|
selectedOptions: Array<Pick<SelectedOption, 'name' | 'value' | 'optionType'>>;
|
|
7654
|
-
media?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7654
|
+
media?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7655
7655
|
}>;
|
|
7656
7656
|
}>;
|
|
7657
7657
|
pageInfo?: Maybe<Pick<PageInfo, 'hasNextPage' | 'endCursor'>>;
|
|
@@ -7659,7 +7659,7 @@ type ProductsQueryResponse = {
|
|
|
7659
7659
|
options?: Maybe<Array<Pick<ProductOption, 'id' | 'name' | 'optionType'> & {
|
|
7660
7660
|
values: Array<Pick<ProductOptionValue, 'id' | 'label' | 'isDefault' | 'baseID'>>;
|
|
7661
7661
|
}>>;
|
|
7662
|
-
featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7662
|
+
featuredImage?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7663
7663
|
}>;
|
|
7664
7664
|
}>;
|
|
7665
7665
|
pageInfo?: Maybe<Pick<PageInfo, 'endCursor' | 'hasNextPage'>>;
|
|
@@ -7693,7 +7693,7 @@ declare const PreviewPageDocument: string;
|
|
|
7693
7693
|
|
|
7694
7694
|
type VariantSelectFragment = Pick<ProductVariant, 'id' | 'title' | 'barcode' | 'baseID' | 'costPrice' | 'height' | 'inventoryPolicy' | 'inventoryQuantity' | 'inventoryStatus' | 'isDigital' | 'length' | 'lowInventoryAmount' | 'manageInventory' | 'mediaId' | 'platform' | 'price' | 'salePrice' | 'sku' | 'soldIndividually' | 'weight' | 'width'> & {
|
|
7695
7695
|
selectedOptions: Array<Pick<SelectedOption, 'name' | 'value' | 'optionType'>>;
|
|
7696
|
-
media?: Maybe<Pick<Media, 'id' | 'contentType' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7696
|
+
media?: Maybe<Pick<Media, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
|
|
7697
7697
|
};
|
|
7698
7698
|
|
|
7699
7699
|
type BorderStyle = StateProp<Border> | ResponsiveStateProp<Border>;
|
|
@@ -9290,7 +9290,7 @@ declare const getRadiusCSSFromGlobal: (state: StateType, key?: RoundedSize, devi
|
|
|
9290
9290
|
declare const getCustomRadius: (state: StateType, radius?: CornerRadius, device?: NameDevices) => React.CSSProperties;
|
|
9291
9291
|
declare const composeRadius: (value?: StateProp<CornerRadius> | ResponsiveStateProp<CornerRadius>) => React.CSSProperties;
|
|
9292
9292
|
declare const getRadiusStyleActiveState: (radiusValue?: StateProp<CornerRadius>) => React.CSSProperties;
|
|
9293
|
-
declare const composeCornerCss: (value?: CornerRadius | undefined) => string | undefined;
|
|
9293
|
+
declare const composeCornerCss: (value?: CornerRadius | undefined, important?: boolean) => string | undefined;
|
|
9294
9294
|
|
|
9295
9295
|
declare function getSelectedVariant(variants?: Maybe<VariantSelectFragment>[], choices?: Record<string, string>): Maybe<VariantSelectFragment>;
|
|
9296
9296
|
declare function parseSelectedOption(options: SelectedOption[]): SelectedOption | undefined;
|
|
@@ -9370,9 +9370,10 @@ declare const getStyleShadow: (shadowStyle: ShadowStyle, isActiveState?: boolean
|
|
|
9370
9370
|
[x: string]: string;
|
|
9371
9371
|
};
|
|
9372
9372
|
declare const getStyleShadowState: (shadow?: StateProp<ShadowProps>, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: StateProp<boolean>) => React.CSSProperties;
|
|
9373
|
-
declare const composeShadowCss: ({ hasBoxShadow, boxShadowValue, }: {
|
|
9373
|
+
declare const composeShadowCss: ({ hasBoxShadow, boxShadowValue, important, }: {
|
|
9374
9374
|
hasBoxShadow?: boolean | undefined;
|
|
9375
9375
|
boxShadowValue?: ShadowProps | undefined;
|
|
9376
|
+
important?: boolean | undefined;
|
|
9376
9377
|
}) => string | undefined;
|
|
9377
9378
|
|
|
9378
9379
|
type Options = {
|
|
@@ -9404,7 +9405,7 @@ type RequiredCursorEdge<T> = {
|
|
|
9404
9405
|
};
|
|
9405
9406
|
declare const fetchVariants: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<RequiredCursorEdge<VariantSelectFragment>[]>;
|
|
9406
9407
|
declare const fetchMedias: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<(Pick<MediaEdge, "cursor"> & {
|
|
9407
|
-
node?: Maybe<Pick<Media, "width" | "height" | "id" | "contentType" | "src" | "alt">>;
|
|
9408
|
+
node?: Maybe<Pick<Media, "width" | "height" | "id" | "contentType" | "previewImage" | "src" | "alt">>;
|
|
9408
9409
|
})[]>;
|
|
9409
9410
|
|
|
9410
9411
|
type FetchProductsParams = {
|
|
@@ -9601,11 +9602,11 @@ declare const useSelectedOption: () => {
|
|
|
9601
9602
|
};
|
|
9602
9603
|
declare const useVariants: () => Maybe<Pick<ProductVariant, "title" | "width" | "length" | "weight" | "height" | "id" | "barcode" | "baseID" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "platform" | "price" | "salePrice" | "sku" | "soldIndividually"> & {
|
|
9603
9604
|
selectedOptions: Pick<SelectedOption, "value" | "name" | "optionType">[];
|
|
9604
|
-
media?: Maybe<Pick<Media, "width" | "height" | "id" | "contentType" | "src" | "alt">>;
|
|
9605
|
+
media?: Maybe<Pick<Media, "width" | "height" | "id" | "contentType" | "previewImage" | "src" | "alt">>;
|
|
9605
9606
|
}>[];
|
|
9606
9607
|
declare const useVariant: (id: string) => Maybe<Pick<ProductVariant, "title" | "width" | "length" | "weight" | "height" | "id" | "barcode" | "baseID" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "platform" | "price" | "salePrice" | "sku" | "soldIndividually"> & {
|
|
9607
9608
|
selectedOptions: Pick<SelectedOption, "value" | "name" | "optionType">[];
|
|
9608
|
-
media?: Maybe<Pick<Media, "width" | "height" | "id" | "contentType" | "src" | "alt">>;
|
|
9609
|
+
media?: Maybe<Pick<Media, "width" | "height" | "id" | "contentType" | "previewImage" | "src" | "alt">>;
|
|
9609
9610
|
}>;
|
|
9610
9611
|
declare const useCurrentVariant: () => Maybe<VariantSelectFragment>;
|
|
9611
9612
|
declare const useCurrentVariantInStock: () => boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/core",
|
|
3
|
-
"version": "1.17.
|
|
3
|
+
"version": "1.17.10",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"@gem-sdk/adapter-shopify": "1.12.0",
|
|
28
|
-
"@gem-sdk/styles": "1.
|
|
28
|
+
"@gem-sdk/styles": "1.17.10"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"react-error-boundary": "4.0.10",
|