@deneb-ui/ui 2.0.27 → 2.0.29

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/EditableAnnouncementBar.js +2 -2
  2. package/dist/EditableCard.js +13 -13
  3. package/dist/EditableFooter.js +1 -1
  4. package/dist/EditableText.js +8 -8
  5. package/package.json +2 -2
package/dist/EditableAnnouncementBar.js CHANGED
@@ -29,8 +29,8 @@ function EditableAnnouncementBar({ fieldPath = 'site.announcement', defaultText
29
29
  const badge = announcementData?.badge || defaultBadge;
30
30
  const linkText = announcementData?.linkText || defaultLinkText;
31
31
  const linkUrl = announcementData?.linkUrl || defaultLinkUrl;
32
- const activeFieldPath = announcementData ? fieldPath : undefined;
33
- if (isDismissed || !isEnabled) {
32
+ const activeFieldPath = fieldPath || 'site.announcement';
33
+ if (isDismissed || !announcementData || !isEnabled) {
34
34
  return null;
35
35
  }
36
36
  const containerStyle = {
package/dist/EditableCard.js CHANGED
@@ -61,13 +61,13 @@ function EditableCard({ itemPath, item, titleKey = 'title', bodyKey = 'body', im
61
61
  const stylePath = `${itemPath}.card`;
62
62
  const { cssVars: styleVars } = (0, useComponentStyle_1.useComponentStyle)(stylePath, 'card');
63
63
  const cardStyle = {
64
- ...(width !== undefined ? { width } : {}),
65
- ...(minWidth !== undefined ? { minWidth } : {}),
66
- ...(maxWidth !== undefined ? { maxWidth } : {}),
67
- ...(height !== undefined ? { height } : {}),
68
- ...(minHeight !== undefined ? { minHeight } : {}),
69
- ...(maxHeight !== undefined ? { maxHeight } : {}),
70
- ...(resolvedAspect ? { aspectRatio: resolvedAspect } : {}),
64
+ width: width !== undefined ? `var(--deneb-card-width, ${width})` : 'var(--deneb-card-width, inherit)',
65
+ minWidth: minWidth !== undefined ? `var(--deneb-card-min-width, ${minWidth})` : undefined,
66
+ maxWidth: maxWidth !== undefined ? `var(--deneb-card-max-width, ${maxWidth})` : undefined,
67
+ height: height !== undefined ? `var(--deneb-card-height, ${height})` : undefined,
68
+ minHeight: minHeight !== undefined ? `var(--deneb-card-min-height, ${minHeight})` : undefined,
69
+ maxHeight: maxHeight !== undefined ? `var(--deneb-card-max-height, ${maxHeight})` : undefined,
70
+ ...(resolvedAspect ? { aspectRatio: `var(--deneb-card-aspect-ratio, ${resolvedAspect})` } : {}),
71
71
  ...(balance
72
72
  ? {
73
73
  display: 'flex',
@@ -76,12 +76,12 @@ function EditableCard({ itemPath, item, titleKey = 'title', bodyKey = 'body', im
76
76
  flex: '1 1 0%',
77
77
  }
78
78
  : {}),
79
- ...(bg ? { background: bg } : {}),
80
- ...(resolvedRadius ? { borderRadius: resolvedRadius } : {}),
81
- ...(resolvedShadow ? { boxShadow: resolvedShadow } : {}),
82
- ...(resolvedBorder ? { border: resolvedBorder } : {}),
83
- ...(resolvedPadding ? { padding: resolvedPadding } : {}),
84
- ...(align ? { textAlign: align } : {}),
79
+ background: bg ? `var(--deneb-card-bg, ${bg})` : 'var(--deneb-card-bg, inherit)',
80
+ borderRadius: resolvedRadius ? `var(--deneb-card-radius, ${resolvedRadius})` : 'var(--deneb-card-radius, inherit)',
81
+ boxShadow: resolvedShadow ? `var(--deneb-card-shadow, ${resolvedShadow})` : 'var(--deneb-card-shadow, inherit)',
82
+ ...(resolvedBorder ? { border: `var(--deneb-card-border, ${resolvedBorder})` } : {}),
83
+ padding: resolvedPadding ? `var(--deneb-card-pt, ${resolvedPadding})` : 'var(--deneb-card-pt, inherit)',
84
+ textAlign: (align ? `var(--deneb-card-align, ${align})` : 'var(--deneb-card-align, inherit)'),
85
85
  ...styleVars,
86
86
  ...style,
87
87
  };
package/dist/EditableFooter.js CHANGED
@@ -159,7 +159,7 @@ function EditableFooter({ defaultLinks = DEFAULT_FOOTER_PAGES, links, basePath =
159
159
  gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))',
160
160
  gap: '3rem',
161
161
  marginBottom: '4rem',
162
- }, className: "deneb-footer-grid grid grid-cols-1 gap-10 md:grid-cols-2 lg:grid-cols-4 lg:gap-8 mb-16", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", "data-preview-static": "footer-brand-link", onClick: () => navigate('/'), style: {
162
+ }, className: "deneb-footer-grid grid grid-cols-1 gap-10 md:grid-cols-2 lg:grid-cols-4 lg:gap-8 mb-16", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => navigate('/'), style: {
163
163
  display: 'inline-flex',
164
164
  alignItems: 'center',
165
165
  gap: '0.75rem',
package/dist/EditableText.js CHANGED
@@ -140,14 +140,14 @@ function EditableText({ id, 'data-preview-field-path': previewFieldPath, default
140
140
  minWidth: '1.5ch',
141
141
  ...(Component === 'span' || ComponentOverride === 'span' ? { display: 'inline-block' } : {}),
142
142
  ...(isPlaceholderActive ? { opacity: 0.55, fontStyle: 'italic' } : {}),
143
- ...(resolvedColor ? { color: resolvedColor } : {}),
144
- ...(resolvedSize ? { fontSize: resolvedSize } : {}),
145
- ...(resolvedWeight ? { fontWeight: resolvedWeight } : {}),
146
- ...(resolvedLineHeight ? { lineHeight: resolvedLineHeight } : {}),
147
- ...(align ? { textAlign: align } : {}),
148
- ...(effectiveTransform ? { textTransform: effectiveTransform } : {}),
149
- ...(resolvedLetterSpacing ? { letterSpacing: resolvedLetterSpacing } : {}),
150
- ...(resolvedFontFamily ? { fontFamily: resolvedFontFamily } : {}),
143
+ color: resolvedColor ? `var(--deneb-color, ${resolvedColor})` : 'var(--deneb-color, inherit)',
144
+ fontSize: resolvedSize ? `var(--deneb-font-size, ${resolvedSize})` : 'var(--deneb-font-size, inherit)',
145
+ fontWeight: resolvedWeight !== undefined ? `var(--deneb-font-weight, ${resolvedWeight})` : 'var(--deneb-font-weight, inherit)',
146
+ lineHeight: resolvedLineHeight !== undefined ? `var(--deneb-line-height, ${resolvedLineHeight})` : 'var(--deneb-line-height, inherit)',
147
+ textAlign: (align ? `var(--deneb-text-align, ${align})` : 'var(--deneb-text-align, inherit)'),
148
+ textTransform: (effectiveTransform ? `var(--deneb-text-transform, ${effectiveTransform})` : 'var(--deneb-text-transform, inherit)'),
149
+ letterSpacing: resolvedLetterSpacing ? `var(--deneb-letter-spacing, ${resolvedLetterSpacing})` : 'var(--deneb-letter-spacing, inherit)',
150
+ fontFamily: resolvedFontFamily ? `var(--deneb-font-family, ${resolvedFontFamily})` : 'var(--deneb-font-family, inherit)',
151
151
  ...styleVars,
152
152
  ...style,
153
153
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deneb-ui/ui",
3
- "version": "2.0.27",
3
+ "version": "2.0.29",
4
4
  "description": "Visual-first React component library for editable commerce storefronts. Built for Next.js and Fivora.",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -49,7 +49,7 @@
49
49
  ],
50
50
  "license": "MIT",
51
51
  "dependencies": {
52
- "@deneb-ui/core": "^2.0.27"
52
+ "@deneb-ui/core": "^2.0.29"
53
53
  },
54
54
  "peerDependencies": {
55
55
  "react": "^18.0.0 || ^19.0.0",