@gem-sdk/components 2.0.0-staging.961 → 2.0.0-staging.962
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/article/components/ArticleReadMore.js +1 -1
- package/dist/cjs/article/settings/configs/article-read-more/settings.js +1 -1
- package/dist/cjs/article/settings/configs/article-title/settings.js +1 -1
- package/dist/esm/article/components/ArticleReadMore.js +1 -1
- package/dist/esm/article/settings/configs/article-read-more/settings.js +1 -1
- package/dist/esm/article/settings/configs/article-title/settings.js +1 -1
- package/dist/types/index.d.ts +3 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Text=require("../../text/components/Text.js"),Button=require("../../button/components/Button.js"),core=require("@gem-sdk/core");const ArticleReadMore=({setting:e,builderAttrs:t,builderProps:r,styles:i,style:
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Text=require("../../text/components/Text.js"),Button=require("../../button/components/Button.js"),core=require("@gem-sdk/core");const ArticleReadMore=({setting:e,builderAttrs:t,builderProps:r,styles:i,style:s,advanced:l})=>{let o=core.useArticleStore(e=>e.article),{readMoreType:n,label:u,enableHoverEffect:a}=e??{},{typoBtn:c,typoText:d,globalSizeText:x,globalSizeBtn:p,textColorTextState:j,alignBtn:m,alignText:b}=i??{};return jsxRuntime.jsx("div",{id:`shopify-text-element-${r?.uid}`,"data-article-id":o?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:"text"===n?jsxRuntime.jsx(Text.default,{styles:{...i,color:j,typo:d,spacing:"0px",align:b,enableHoverEffect:a},setting:{...e,text:u,globalSize:x,excludeFlex:!0}}):jsxRuntime.jsx(Button.default,{builderAttrs:t,builderProps:r,setting:{...e,label:u,htmlType:"button"},styles:{...i,typo:c,globalSize:p,align:m},style:s,advanced:l})})};exports.default=ArticleReadMore;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use strict";const ArticleReadMoreSettings=[{id:"setting",controls:[{id:"readMoreType",label:"Style",type:"layout-selector",iconViewBox:"0 0 80 48",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",options:[{label:"Filled Square",value:"button",iconName:"gp-article-filled-square"},{label:"Text only",value:"text",iconName:"gp-article-link"}],default:"button"},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"label",label:"Content",type:"input",default:"Read more"},{id:"label",label:"Text",type:"input",default:"Button"},{id:"iconGroup",type:"group",label:"Icon",controls:[{id:"iconVisible",label:"Icon Visible",type:"toggle",default:!0},{id:"iconSvg",label:"SVG Icon",type:"icon",default:`<svg height="20" width="20" data-name="star-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817759863701864">
|
|
2
|
-
<path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg>`},{id:"iconAlign",label:"Icon Alignment",type:"option:value",options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}]},{id:"translate",type:"input",default:"label"},{id:"htmlType",label:"HTML Type",type:"select",default:"button",options:[{label:"Open link, popup & scroll to",value:"button"},{label:"Clear form",value:"reset"},{label:"Submit form",value:"submit"}]},{id:"disabled",label:"Disabled",type:"toggle",default:!1},{id:"shouldClearSpace",label:"",type:"toggle",default:!1},{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Read more"}]},{id:"translate",type:"input",default:"text"},{id:"seo",type:"group",label:"SEO",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"p",label:"P"},{value:"span",label:"Span"},{value:"div",label:"Div"}],default:"div"}]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!1,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"brand",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1}}}}]},{id:"style",controls:[{id:"iconSpacing",type:"input:slider",units:["px"],step:1,ignoreMax:!0,max:40,devices:{desktop:{default:"8px"}}},{id:"behavior-state-btn",type:"behavior-state",controls:[{id:"borderBtn",type:"border",label:"Border",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},state:{hover:!0,normal:!0}},{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}
|
|
2
|
+
<path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg>`},{id:"iconAlign",label:"Icon Alignment",type:"option:value",options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}]},{id:"translate",type:"input",default:"label"},{id:"htmlType",label:"HTML Type",type:"select",default:"button",options:[{label:"Open link, popup & scroll to",value:"button"},{label:"Clear form",value:"reset"},{label:"Submit form",value:"submit"}]},{id:"disabled",label:"Disabled",type:"toggle",default:!1},{id:"shouldClearSpace",label:"",type:"toggle",default:!1},{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Read more"}]},{id:"translate",type:"input",default:"text"},{id:"seo",type:"group",label:"SEO",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"p",label:"P"},{value:"span",label:"Span"},{value:"div",label:"Div"}],default:"div"}]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!1,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"brand",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1}}}}]},{id:"style",controls:[{id:"iconSpacing",type:"input:slider",units:["px"],step:1,ignoreMax:!0,max:40,devices:{desktop:{default:"8px"}}},{id:"enableHoverEffectText",type:"toggle",label:"Hover",default:!0},{id:"behavior-state-btn",type:"behavior-state",controls:[{id:"borderBtn",type:"border",label:"Border",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},state:{hover:!0,normal:!0}},{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"}}},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"}},{id:"backgroundColor",type:"background-media",label:"Background Color",default:{normal:"brand",hover:"highlight"},state:{hover:!0,normal:!0}},{id:"backgroundImage",type:"background-image",compoDefaultValue:{normal:{image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}},hover:{image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}}}},{id:"textColorBtnState",type:"color-picker-v2",label:"Text Color",default:{hover:"text-3"},compoDefaultValue:{hover:"text-3"},state:{hover:!0,normal:!0}},{id:"textColor",type:"color-picker-v2",compoDefaultValue:{normal:"text-3",hover:"text-3"},state:{hover:!0,normal:!0}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"},hover:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1},state:{normal:!0,hover:!0}},{id:"boxShadowBtn",type:"shadow-v2",compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}]},{id:"alignBtn",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"enableTextStyle",label:"",type:"toggle",default:!0},{id:"typoBtn",type:"typography-v2",default:{type:"paragraph-1",custom:{letterSpacing:"0px",hasShadowText:!1},attrs:{color:"text-3"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{id:"dimensions",type:"group",label:"Dimensions",controls:[{id:"btnSpacing",label:"Inside space",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"width",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"default"}}}]},{id:"dimensions1",type:"group",label:"Icon Dimension",controls:[{id:"iconSizeAuto",type:"toggle",label:"Icon Auto Size",default:!0},{id:"size",label:"Size Icon",type:"select",options:[{label:"Large",value:"1.2em"},{label:"Medium",value:"1em"},{label:"Small",value:"0.8em"}],devices:{desktop:{default:"1em"}}},{id:"iconDimension",type:"input:slider",label:"Size",hide:!0,min:0,max:100,step:1,units:["px","em","rem"],devices:{desktop:{default:"24px"}}},{id:"spacing",label:"Spacing Icon",type:"input:slider",units:["px"],step:1,max:40,ignoreMax:!0,default:"8px"}]},{id:"globalSizeBtn",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"8px",bottom:"8px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]},{id:"behavior-state-text",type:"behavior-state",controls:[{id:"textColorTextState",type:"color-picker-v2",label:"Text Color",state:{hover:!0,normal:!0},default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"}}]},{id:"typoText",type:"typography-v2",default:{type:"paragraph-1",custom:{hasShadowText:!1},attrs:{color:"text-2"}},ignoreReRender:!0},{id:"alignText",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}},{id:"hasLineClamp",type:"toggle",label:"Has Line Clamp",devices:{desktop:{default:!1}}},{id:"lineClamp",type:"input:stepper",min:1,label:"Line Clamp",disableDecimal:!0,devices:{desktop:{default:1},tablet:{default:1},mobile:{default:1}},hide:!0},{id:"globalSizeText",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"8px",bottom:"8px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]}]}];exports.ArticleReadMoreSettings=ArticleReadMoreSettings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const ArticleTitleSettings=[{id:"setting",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"h1",label:"H1"},{value:"h2",label:"H2"},{value:"h3",label:"H3"},{value:"h4",label:"H4"},{value:"h5",label:"H5"},{value:"h6",label:"H6"},{value:"div",label:"Div"}],default:"h2"},{id:"enableLink",type:"toggle",label:"Link",default:!0},{id:"linkArticle",label:"After click",type:"select",options:[{label:"Go to article",value:"go-to-article"},{label:"Scroll to",value:"scroll-to"}],default:"go-to-article",info:"Ability to click on article title to go to article detail page."},{id:"customURL",label:"Custom URL",type:"pick-link",default:{target:"_self",type:"scroll-to"},isHiddenOpenLinkSelect:!0,hide:!0},{id:"openNewTab",type:"segment",label:"Open new tab",options:[{label:"Yes",value:!0},{label:"No",value:!1}],default:!1}]},{id:"style",controls:[{id:"typo",type:"typography-v2",default:{type:"subheading-3",attrs:{color:"text-1"}},ignoreReRender:!0},{id:"enableHoverEffect",type:"toggle",label:"Hover",default:!
|
|
1
|
+
"use strict";const ArticleTitleSettings=[{id:"setting",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"h1",label:"H1"},{value:"h2",label:"H2"},{value:"h3",label:"H3"},{value:"h4",label:"H4"},{value:"h5",label:"H5"},{value:"h6",label:"H6"},{value:"div",label:"Div"}],default:"h2"},{id:"enableLink",type:"toggle",label:"Link",default:!0},{id:"linkArticle",label:"After click",type:"select",options:[{label:"Go to article",value:"go-to-article"},{label:"Scroll to",value:"scroll-to"}],default:"go-to-article",info:"Ability to click on article title to go to article detail page."},{id:"customURL",label:"Custom URL",type:"pick-link",default:{target:"_self",type:"scroll-to"},isHiddenOpenLinkSelect:!0,hide:!0},{id:"openNewTab",type:"segment",label:"Open new tab",options:[{label:"Yes",value:!0},{label:"No",value:!1}],default:!1}]},{id:"style",controls:[{id:"typo",type:"typography-v2",default:{type:"subheading-3",attrs:{color:"text-1"}},ignoreReRender:!0},{id:"enableHoverEffect",type:"toggle",label:"Hover",default:!0},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"gp-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"gp-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"gp-text-align-right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify",iconName:"gp-text-align-justify"}],devices:{desktop:{default:"left"}}},{id:"hasLineClamp",type:"segment",label:"Has Line Clamp",options:[{label:"Yes",value:!0},{label:"No",value:!1}],devices:{desktop:{default:!0}}},{id:"lineClamp",type:"input:stepper",min:1,label:"Line Clamp",disableDecimal:!0,devices:{desktop:{default:2}},hide:!0},{id:"color",label:"Text Color",type:"color-picker-v2",default:{normal:"text-1",hover:"#4F4F4F"},state:{normal:!0,hover:!0},compoDefaultValue:{normal:"text-1",hover:"#4F4F4F"}},{id:"hasTextShadow",type:"toggle",label:"Enable Text Shadow",default:{normal:!1,hover:!1},state:{normal:!0,hover:!0}},{id:"textShadow",type:"textShadow",label:"Text Shadow",hideOnState:{normal:!0,hover:!0},default:{normal:{type:"shadow-1"}},state:{normal:!0,hover:!0}}]}];exports.ArticleTitleSettings=ArticleTitleSettings;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import t from"../../text/components/Text.js";import o from"../../button/components/Button.js";import{useArticleStore as r}from"@gem-sdk/core";let ArticleReadMore=({setting:
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import t from"../../text/components/Text.js";import o from"../../button/components/Button.js";import{useArticleStore as r}from"@gem-sdk/core";let ArticleReadMore=({setting:i,builderAttrs:l,builderProps:n,styles:s,style:a,advanced:c})=>{let d=r(e=>e.article),{readMoreType:p,label:m,enableHoverEffect:u}=i??{},{typoBtn:x,typoText:f,globalSizeText:g,globalSizeBtn:b,textColorTextState:y,alignBtn:h,alignText:A}=s??{};return e("div",{id:`shopify-text-element-${n?.uid}`,"data-article-id":d?.baseID?.replace("gid://shopify/OnlineStoreArticle/",""),children:"text"===p?e(t,{styles:{...s,color:y,typo:f,spacing:"0px",align:A,enableHoverEffect:u},setting:{...i,text:m,globalSize:g,excludeFlex:!0}}):e(o,{builderAttrs:l,builderProps:n,setting:{...i,label:m,htmlType:"button"},styles:{...s,typo:x,globalSize:b,align:h},style:a,advanced:c})})};export{ArticleReadMore as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
let ArticleReadMoreSettings=[{id:"setting",controls:[{id:"readMoreType",label:"Style",type:"layout-selector",iconViewBox:"0 0 80 48",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",options:[{label:"Filled Square",value:"button",iconName:"gp-article-filled-square"},{label:"Text only",value:"text",iconName:"gp-article-link"}],default:"button"},{id:"enableHoverEffect",type:"toggle",default:!0},{id:"label",label:"Content",type:"input",default:"Read more"},{id:"label",label:"Text",type:"input",default:"Button"},{id:"iconGroup",type:"group",label:"Icon",controls:[{id:"iconVisible",label:"Icon Visible",type:"toggle",default:!0},{id:"iconSvg",label:"SVG Icon",type:"icon",default:`<svg height="20" width="20" data-name="star-filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817759863701864">
|
|
2
|
-
<path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg>`},{id:"iconAlign",label:"Icon Alignment",type:"option:value",options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}]},{id:"translate",type:"input",default:"label"},{id:"htmlType",label:"HTML Type",type:"select",default:"button",options:[{label:"Open link, popup & scroll to",value:"button"},{label:"Clear form",value:"reset"},{label:"Submit form",value:"submit"}]},{id:"disabled",label:"Disabled",type:"toggle",default:!1},{id:"shouldClearSpace",label:"",type:"toggle",default:!1},{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Read more"}]},{id:"translate",type:"input",default:"text"},{id:"seo",type:"group",label:"SEO",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"p",label:"P"},{value:"span",label:"Span"},{value:"div",label:"Div"}],default:"div"}]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!1,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"brand",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1}}}}]},{id:"style",controls:[{id:"iconSpacing",type:"input:slider",units:["px"],step:1,ignoreMax:!0,max:40,devices:{desktop:{default:"8px"}}},{id:"behavior-state-btn",type:"behavior-state",controls:[{id:"borderBtn",type:"border",label:"Border",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},state:{hover:!0,normal:!0}},{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}
|
|
2
|
+
<path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg>`},{id:"iconAlign",label:"Icon Alignment",type:"option:value",options:[{label:"Left",value:"left"},{label:"Right",value:"right"}],default:"left"}]},{id:"translate",type:"input",default:"label"},{id:"htmlType",label:"HTML Type",type:"select",default:"button",options:[{label:"Open link, popup & scroll to",value:"button"},{label:"Clear form",value:"reset"},{label:"Submit form",value:"submit"}]},{id:"disabled",label:"Disabled",type:"toggle",default:!1},{id:"shouldClearSpace",label:"",type:"toggle",default:!1},{id:"textGroup",type:"group",label:"Text",controls:[{id:"text",label:"Content",type:"texteditor",options:["bold","italic","underline","foreColor","createlink"],default:"Read more"}]},{id:"translate",type:"input",default:"text"},{id:"seo",type:"group",label:"SEO",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"p",label:"P"},{value:"span",label:"Span"},{value:"div",label:"Div"}],default:"div"}]},{id:"background",type:"background-media",ignoreReRender:!0,showVideo:!1,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"brand",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1}}}}]},{id:"style",controls:[{id:"iconSpacing",type:"input:slider",units:["px"],step:1,ignoreMax:!0,max:40,devices:{desktop:{default:"8px"}}},{id:"enableHoverEffectText",type:"toggle",label:"Hover",default:!0},{id:"behavior-state-btn",type:"behavior-state",controls:[{id:"borderBtn",type:"border",label:"Border",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},state:{hover:!0,normal:!0}},{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"#121212",width:"1px",borderWidth:"1px"}}},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"}},{id:"backgroundColor",type:"background-media",label:"Background Color",default:{normal:"brand",hover:"highlight"},state:{hover:!0,normal:!0}},{id:"backgroundImage",type:"background-image",compoDefaultValue:{normal:{image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}},hover:{image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}}}},{id:"textColorBtnState",type:"color-picker-v2",label:"Text Color",default:{hover:"text-3"},compoDefaultValue:{hover:"text-3"},state:{hover:!0,normal:!0}},{id:"textColor",type:"color-picker-v2",compoDefaultValue:{normal:"text-3",hover:"text-3"},state:{hover:!0,normal:!0}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"},hover:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1},state:{normal:!0,hover:!0}},{id:"boxShadowBtn",type:"shadow-v2",compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}]},{id:"alignBtn",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"left"}}},{id:"enableTextStyle",label:"",type:"toggle",default:!0},{id:"typoBtn",type:"typography-v2",default:{type:"paragraph-1",custom:{letterSpacing:"0px",hasShadowText:!1},attrs:{color:"text-3"}},ignoreReRender:!0,hiddenSetting:{textAlign:!0}},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{id:"dimensions",type:"group",label:"Dimensions",controls:[{id:"btnSpacing",label:"Inside space",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"width",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:"default"}}}]},{id:"dimensions1",type:"group",label:"Icon Dimension",controls:[{id:"iconSizeAuto",type:"toggle",label:"Icon Auto Size",default:!0},{id:"size",label:"Size Icon",type:"select",options:[{label:"Large",value:"1.2em"},{label:"Medium",value:"1em"},{label:"Small",value:"0.8em"}],devices:{desktop:{default:"1em"}}},{id:"iconDimension",type:"input:slider",label:"Size",hide:!0,min:0,max:100,step:1,units:["px","em","rem"],devices:{desktop:{default:"24px"}}},{id:"spacing",label:"Spacing Icon",type:"input:slider",units:["px"],step:1,max:40,ignoreMax:!0,default:"8px"}]},{id:"globalSizeBtn",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"8px",bottom:"8px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]},{id:"behavior-state-text",type:"behavior-state",controls:[{id:"textColorTextState",type:"color-picker-v2",label:"Text Color",state:{hover:!0,normal:!0},default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"}}]},{id:"typoText",type:"typography-v2",default:{type:"paragraph-1",custom:{hasShadowText:!1},attrs:{color:"text-2"}},ignoreReRender:!0},{id:"alignText",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}},{id:"hasLineClamp",type:"toggle",label:"Has Line Clamp",devices:{desktop:{default:!1}}},{id:"lineClamp",type:"input:stepper",min:1,label:"Line Clamp",disableDecimal:!0,devices:{desktop:{default:1},tablet:{default:1},mobile:{default:1}},hide:!0},{id:"globalSizeText",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"8px",bottom:"8px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]}]}];export{ArticleReadMoreSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let ArticleTitleSettings=[{id:"setting",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"h1",label:"H1"},{value:"h2",label:"H2"},{value:"h3",label:"H3"},{value:"h4",label:"H4"},{value:"h5",label:"H5"},{value:"h6",label:"H6"},{value:"div",label:"Div"}],default:"h2"},{id:"enableLink",type:"toggle",label:"Link",default:!0},{id:"linkArticle",label:"After click",type:"select",options:[{label:"Go to article",value:"go-to-article"},{label:"Scroll to",value:"scroll-to"}],default:"go-to-article",info:"Ability to click on article title to go to article detail page."},{id:"customURL",label:"Custom URL",type:"pick-link",default:{target:"_self",type:"scroll-to"},isHiddenOpenLinkSelect:!0,hide:!0},{id:"openNewTab",type:"segment",label:"Open new tab",options:[{label:"Yes",value:!0},{label:"No",value:!1}],default:!1}]},{id:"style",controls:[{id:"typo",type:"typography-v2",default:{type:"subheading-3",attrs:{color:"text-1"}},ignoreReRender:!0},{id:"enableHoverEffect",type:"toggle",label:"Hover",default:!
|
|
1
|
+
let ArticleTitleSettings=[{id:"setting",controls:[{id:"htmlTag",label:"HTML Tag",type:"select",options:[{value:"h1",label:"H1"},{value:"h2",label:"H2"},{value:"h3",label:"H3"},{value:"h4",label:"H4"},{value:"h5",label:"H5"},{value:"h6",label:"H6"},{value:"div",label:"Div"}],default:"h2"},{id:"enableLink",type:"toggle",label:"Link",default:!0},{id:"linkArticle",label:"After click",type:"select",options:[{label:"Go to article",value:"go-to-article"},{label:"Scroll to",value:"scroll-to"}],default:"go-to-article",info:"Ability to click on article title to go to article detail page."},{id:"customURL",label:"Custom URL",type:"pick-link",default:{target:"_self",type:"scroll-to"},isHiddenOpenLinkSelect:!0,hide:!0},{id:"openNewTab",type:"segment",label:"Open new tab",options:[{label:"Yes",value:!0},{label:"No",value:!1}],default:!1}]},{id:"style",controls:[{id:"typo",type:"typography-v2",default:{type:"subheading-3",attrs:{color:"text-1"}},ignoreReRender:!0},{id:"enableHoverEffect",type:"toggle",label:"Hover",default:!0},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"gp-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"gp-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"gp-text-align-right"},{label:"Justify",value:"justify",type:"text",tooltip:"Align justify",iconName:"gp-text-align-justify"}],devices:{desktop:{default:"left"}}},{id:"hasLineClamp",type:"segment",label:"Has Line Clamp",options:[{label:"Yes",value:!0},{label:"No",value:!1}],devices:{desktop:{default:!0}}},{id:"lineClamp",type:"input:stepper",min:1,label:"Line Clamp",disableDecimal:!0,devices:{desktop:{default:2}},hide:!0},{id:"color",label:"Text Color",type:"color-picker-v2",default:{normal:"text-1",hover:"#4F4F4F"},state:{normal:!0,hover:!0},compoDefaultValue:{normal:"text-1",hover:"#4F4F4F"}},{id:"hasTextShadow",type:"toggle",label:"Enable Text Shadow",default:{normal:!1,hover:!1},state:{normal:!0,hover:!0}},{id:"textShadow",type:"textShadow",label:"Text Shadow",hideOnState:{normal:!0,hover:!0},default:{normal:{type:"shadow-1"}},state:{normal:!0,hover:!0}}]}];export{ArticleTitleSettings};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -390,7 +390,9 @@ type ArticleDateProps = BasePropsWrap<TextSettingProps & {
|
|
|
390
390
|
}, TextStyleProps>;
|
|
391
391
|
type ArticleReadMoreSidebarSettingProps = {
|
|
392
392
|
setting: Pick<OriginalArticleReadMoreSettingProps, 'readMoreType' | 'label'> & Pick<TextSettingProps, 'htmlTag' | 'text' | 'background'> & Pick<ButtonSettingProps, 'iconVisible' | 'iconSvg' | 'iconAlign' | 'translate' | 'htmlType' | 'disabled' | 'shouldClearSpace' | 'enableHoverEffect'>;
|
|
393
|
-
styles: Pick<ArticleReadMoreStyleProps, 'iconSpacing' | 'borderBtn' | 'borderBtnV2' | 'backgroundColorV2' | 'backgroundColor' | 'backgroundImage' | 'textColorBtnState' | 'roundedBtn' | 'roundedBtnV2' | 'boxShadowBtn' | 'hasBoxShadowBtn' | 'alignBtn' | 'enableTextStyle' | 'typoBtn' | 'transform' | 'btnSpacing' | 'fullWidth' | 'width' | 'iconSizeAuto' | 'size' | 'iconDimension' | 'globalSizeBtn' | 'textColorTextState' | 'typoText' | 'alignText' | 'hasLineClamp' | 'lineClamp' | 'globalSizeText' | 'spacing'> &
|
|
393
|
+
styles: Pick<ArticleReadMoreStyleProps, 'iconSpacing' | 'borderBtn' | 'borderBtnV2' | 'backgroundColorV2' | 'backgroundColor' | 'backgroundImage' | 'textColorBtnState' | 'roundedBtn' | 'roundedBtnV2' | 'boxShadowBtn' | 'hasBoxShadowBtn' | 'alignBtn' | 'enableTextStyle' | 'typoBtn' | 'transform' | 'btnSpacing' | 'fullWidth' | 'width' | 'iconSizeAuto' | 'size' | 'iconDimension' | 'globalSizeBtn' | 'textColorTextState' | 'typoText' | 'alignText' | 'hasLineClamp' | 'lineClamp' | 'globalSizeText' | 'spacing'> & {
|
|
394
|
+
enableHoverEffectText?: boolean;
|
|
395
|
+
} & Pick<ButtonStyleProps, 'textColor'>;
|
|
394
396
|
};
|
|
395
397
|
type OriginalArticleReadMoreSettingProps = {
|
|
396
398
|
readMoreType: 'text' | 'button' | 'rounded' | 'outline';
|