@gem-sdk/core 1.23.0-staging.30 → 1.23.0-staging.32

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 (10) hide show
  1. package/dist/cjs/components/theme-section/CreateThemeSection.js +1 -1
  2. package/dist/cjs/components/theme-section/ThemeSectionStatus.js +1 -1
  3. package/dist/cjs/components/theme-section/ThemeSectionTooltip.js +3 -3
  4. package/dist/cjs/helpers/typography.js +10 -9
  5. package/dist/esm/components/theme-section/CreateThemeSection.js +1 -1
  6. package/dist/esm/components/theme-section/ThemeSectionStatus.js +1 -1
  7. package/dist/esm/components/theme-section/ThemeSectionTooltip.js +3 -3
  8. package/dist/esm/helpers/typography.js +10 -9
  9. package/dist/types/index.d.ts +1 -1
  10. package/package.json +2 -2
package/dist/cjs/components/theme-section/CreateThemeSection.js CHANGED
@@ -105,7 +105,7 @@ const CreateThemeSection = ({ ...props })=>{
105
105
  ]
106
106
  }),
107
107
  /*#__PURE__*/ jsxRuntime.jsx("p", {
108
- children: "Create Theme section"
108
+ children: "Create Theme Section"
109
109
  })
110
110
  ]
111
111
  })
package/dist/cjs/components/theme-section/ThemeSectionStatus.js CHANGED
@@ -26,7 +26,7 @@ const ThemeSectionStatus = ({ ...props })=>{
26
26
  }),
27
27
  /*#__PURE__*/ jsxRuntime.jsx("span", {
28
28
  "data-theme-section-status-text": true,
29
- children: "Need to republish. Go to global edit to publish it"
29
+ children: "Need to republish. Go to global edit and publish this section"
30
30
  })
31
31
  ]
32
32
  })
package/dist/cjs/components/theme-section/ThemeSectionTooltip.js CHANGED
@@ -65,7 +65,7 @@ const ThemeSectionTooltip = ({ isShow, isLimit, isRender, children, onMouseEnter
65
65
  children: [
66
66
  /*#__PURE__*/ jsxRuntime.jsx("div", {
67
67
  className: "theme-section-tooltip__body-title",
68
- children: "Create once, use everywhere with Theme section"
68
+ children: "Create once, use everywhere with Theme Section"
69
69
  }),
70
70
  /*#__PURE__*/ jsxRuntime.jsx("div", {
71
71
  className: "theme-section-tooltip__body-desc",
@@ -80,13 +80,13 @@ const ThemeSectionTooltip = ({ isShow, isLimit, isRender, children, onMouseEnter
80
80
  children: [
81
81
  /*#__PURE__*/ jsxRuntime.jsx("button", {
82
82
  onClick: (e)=>onActions(e),
83
- children: isLimit ? 'Upgrade to create Theme section' : 'Create Theme section'
83
+ children: isLimit ? 'Upgrade to create Theme Section' : 'Create Theme Section'
84
84
  }),
85
85
  isLimit && /*#__PURE__*/ jsxRuntime.jsx("div", {
86
86
  onClick: openHelpCenter,
87
87
  "aria-hidden": true,
88
88
  className: "theme-section-tooltip__action-learn-more",
89
- children: "Learn more about Theme section"
89
+ children: "Learn more about Theme Section"
90
90
  })
91
91
  ]
92
92
  })
package/dist/cjs/helpers/typography.js CHANGED
@@ -18,20 +18,21 @@ const composeTypographyCss = (typography)=>{
18
18
  ${lineHeight ? `line-height: ${lineHeight};` : ''}
19
19
  `;
20
20
  };
21
- const composeTypographyV2Css = (typography)=>{
21
+ const composeTypographyV2Css = (typography, isImportant)=>{
22
22
  const typographyCustom = typography?.custom;
23
23
  const { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing } = typographyCustom ?? {};
24
24
  const typographyAttrs = typography?.attrs;
25
25
  const { bold, italic, underline, transform } = typographyAttrs ?? {};
26
+ const composeImportant = isImportant ? '!important' : '';
26
27
  return `
27
- ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily});` : ''}
28
- ${fontSize?.desktop ? `font-size: ${fontSize?.desktop};` : ''}
29
- ${bold ? `font-weight: bold;` : fontWeight ? `font-weight: ${fontWeight};` : ''}
30
- ${letterSpacing ? `letter-spacing: ${letterSpacing};` : ''}
31
- ${lineHeight ? `line-height: ${lineHeight};` : ''}
32
- ${italic ? `font-style: italic;` : ''}
33
- ${underline ? `text-decoration-line: underline;` : ''}
34
- ${transform ? `text-transform: ${transform};` : ''}
28
+ ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily})${composeImportant};` : ''}
29
+ ${fontSize?.desktop ? `font-size: ${fontSize?.desktop}${composeImportant};` : ''}
30
+ ${bold ? `font-weight: bold;` : fontWeight ? `font-weight: ${fontWeight}${composeImportant};` : ''}
31
+ ${letterSpacing ? `letter-spacing: ${letterSpacing}${composeImportant};` : ''}
32
+ ${lineHeight ? `line-height: ${lineHeight}${composeImportant};` : ''}
33
+ ${italic ? `font-style: italic${composeImportant};` : ''}
34
+ ${underline ? `text-decoration-line: underline${composeImportant};` : ''}
35
+ ${transform ? `text-transform: ${transform}${composeImportant};` : ''}
35
36
  `;
36
37
  };
37
38
  function getCustomCSSByDevice(typography, device) {
package/dist/esm/components/theme-section/CreateThemeSection.js CHANGED
@@ -103,7 +103,7 @@ const CreateThemeSection = ({ ...props })=>{
103
103
  ]
104
104
  }),
105
105
  /*#__PURE__*/ jsx("p", {
106
- children: "Create Theme section"
106
+ children: "Create Theme Section"
107
107
  })
108
108
  ]
109
109
  })
package/dist/esm/components/theme-section/ThemeSectionStatus.js CHANGED
@@ -24,7 +24,7 @@ const ThemeSectionStatus = ({ ...props })=>{
24
24
  }),
25
25
  /*#__PURE__*/ jsx("span", {
26
26
  "data-theme-section-status-text": true,
27
- children: "Need to republish. Go to global edit to publish it"
27
+ children: "Need to republish. Go to global edit and publish this section"
28
28
  })
29
29
  ]
30
30
  })
package/dist/esm/components/theme-section/ThemeSectionTooltip.js CHANGED
@@ -63,7 +63,7 @@ const ThemeSectionTooltip = ({ isShow, isLimit, isRender, children, onMouseEnter
63
63
  children: [
64
64
  /*#__PURE__*/ jsx("div", {
65
65
  className: "theme-section-tooltip__body-title",
66
- children: "Create once, use everywhere with Theme section"
66
+ children: "Create once, use everywhere with Theme Section"
67
67
  }),
68
68
  /*#__PURE__*/ jsx("div", {
69
69
  className: "theme-section-tooltip__body-desc",
@@ -78,13 +78,13 @@ const ThemeSectionTooltip = ({ isShow, isLimit, isRender, children, onMouseEnter
78
78
  children: [
79
79
  /*#__PURE__*/ jsx("button", {
80
80
  onClick: (e)=>onActions(e),
81
- children: isLimit ? 'Upgrade to create Theme section' : 'Create Theme section'
81
+ children: isLimit ? 'Upgrade to create Theme Section' : 'Create Theme Section'
82
82
  }),
83
83
  isLimit && /*#__PURE__*/ jsx("div", {
84
84
  onClick: openHelpCenter,
85
85
  "aria-hidden": true,
86
86
  className: "theme-section-tooltip__action-learn-more",
87
- children: "Learn more about Theme section"
87
+ children: "Learn more about Theme Section"
88
88
  })
89
89
  ]
90
90
  })
package/dist/esm/helpers/typography.js CHANGED
@@ -16,20 +16,21 @@ const composeTypographyCss = (typography)=>{
16
16
  ${lineHeight ? `line-height: ${lineHeight};` : ''}
17
17
  `;
18
18
  };
19
- const composeTypographyV2Css = (typography)=>{
19
+ const composeTypographyV2Css = (typography, isImportant)=>{
20
20
  const typographyCustom = typography?.custom;
21
21
  const { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing } = typographyCustom ?? {};
22
22
  const typographyAttrs = typography?.attrs;
23
23
  const { bold, italic, underline, transform } = typographyAttrs ?? {};
24
+ const composeImportant = isImportant ? '!important' : '';
24
25
  return `
25
- ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily});` : ''}
26
- ${fontSize?.desktop ? `font-size: ${fontSize?.desktop};` : ''}
27
- ${bold ? `font-weight: bold;` : fontWeight ? `font-weight: ${fontWeight};` : ''}
28
- ${letterSpacing ? `letter-spacing: ${letterSpacing};` : ''}
29
- ${lineHeight ? `line-height: ${lineHeight};` : ''}
30
- ${italic ? `font-style: italic;` : ''}
31
- ${underline ? `text-decoration-line: underline;` : ''}
32
- ${transform ? `text-transform: ${transform};` : ''}
26
+ ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily})${composeImportant};` : ''}
27
+ ${fontSize?.desktop ? `font-size: ${fontSize?.desktop}${composeImportant};` : ''}
28
+ ${bold ? `font-weight: bold;` : fontWeight ? `font-weight: ${fontWeight}${composeImportant};` : ''}
29
+ ${letterSpacing ? `letter-spacing: ${letterSpacing}${composeImportant};` : ''}
30
+ ${lineHeight ? `line-height: ${lineHeight}${composeImportant};` : ''}
31
+ ${italic ? `font-style: italic${composeImportant};` : ''}
32
+ ${underline ? `text-decoration-line: underline${composeImportant};` : ''}
33
+ ${transform ? `text-transform: ${transform}${composeImportant};` : ''}
33
34
  `;
34
35
  };
35
36
  function getCustomCSSByDevice(typography, device) {
package/dist/types/index.d.ts CHANGED
@@ -7948,7 +7948,7 @@ declare const composeTextColorCss: (color?: ColorValueType) => string;
7948
7948
  type TypographyClass = `g-${TypographyType}`;
7949
7949
  declare const genTypoClass: (name: TypographyType) => TypographyClass;
7950
7950
  declare const composeTypographyCss: (typography: TypographySetting | undefined) => string;
7951
- declare const composeTypographyV2Css: (typography: TypographySettingV2 | undefined) => string;
7951
+ declare const composeTypographyV2Css: (typography: TypographySettingV2 | undefined, isImportant?: boolean) => string;
7952
7952
  declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) => React.CSSProperties;
7953
7953
  declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
7954
7954
  declare const composeTypographyAttr: (attrs?: TypographyV2Attrs) => React.CSSProperties;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/core",
3
- "version": "1.23.0-staging.30",
3
+ "version": "1.23.0-staging.32",
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.23.0-staging.26",
28
- "@gem-sdk/styles": "1.23.0-staging.29"
28
+ "@gem-sdk/styles": "1.23.0-staging.32"
29
29
  },
30
30
  "dependencies": {
31
31
  "react-error-boundary": "4.0.10",