@flamingo-stack/openframe-frontend-core 0.0.408 → 0.0.409-snapshot.20260711140256
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/components/announcement-bar.d.ts.map +1 -1
- package/dist/components/index.cjs +11 -5
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.js +11 -5
- package/dist/components/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/announcement-bar.tsx +19 -11
package/dist/components/index.js
CHANGED
|
@@ -99,6 +99,7 @@ import {
|
|
|
99
99
|
AIRequiredBadge,
|
|
100
100
|
AIStatusIndicator,
|
|
101
101
|
AIWarningsSection,
|
|
102
|
+
ANNOUNCEMENT_CTA_DEFAULTS,
|
|
102
103
|
ANTHROPIC_SUPPORTED_IMAGE_MIME,
|
|
103
104
|
APPROVAL_BLOCK_VARIANT,
|
|
104
105
|
APPROVAL_STATUS,
|
|
@@ -1188,7 +1189,7 @@ function AnnouncementBar({
|
|
|
1188
1189
|
"aria-label": "Announcement",
|
|
1189
1190
|
"aria-hidden": !expanded,
|
|
1190
1191
|
"data-announcement-bar": true,
|
|
1191
|
-
className: `relative w-full
|
|
1192
|
+
className: `relative w-full grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none ${previewMode ? "" : "z-50"} ${className ?? ""}`,
|
|
1192
1193
|
style: { gridTemplateRows: expanded ? "1fr" : "0fr" },
|
|
1193
1194
|
children: /* @__PURE__ */ jsx("div", { className: `min-h-0 overflow-hidden ${themeScope}`, style: { backgroundColor: displayAnnouncement.background_color }, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full max-w-full min-h-11 text-[color:var(--ods-system-greys-white)]", children: [
|
|
1194
1195
|
/* @__PURE__ */ jsxs(
|
|
@@ -1221,13 +1222,18 @@ function AnnouncementBar({
|
|
|
1221
1222
|
displayAnnouncement.description
|
|
1222
1223
|
] })
|
|
1223
1224
|
] }),
|
|
1224
|
-
hasCta && displayAnnouncement.cta_text && /* @__PURE__ */ jsx("div", { className: "hidden md:flex flex-shrink-0 ml-
|
|
1225
|
+
hasCta && displayAnnouncement.cta_text && /* @__PURE__ */ jsx("div", { className: "hidden md:flex flex-shrink-0 ml-2 md:ml-4", children: /* @__PURE__ */ jsx(
|
|
1225
1226
|
Button,
|
|
1226
1227
|
{
|
|
1227
1228
|
onClick: handleCtaClick,
|
|
1228
|
-
variant: "
|
|
1229
|
+
variant: "outline",
|
|
1229
1230
|
size: "small",
|
|
1230
|
-
className:
|
|
1231
|
+
className: "transition-opacity hover:opacity-90",
|
|
1232
|
+
style: {
|
|
1233
|
+
backgroundColor: displayAnnouncement.cta_button_background_color || ANNOUNCEMENT_CTA_DEFAULTS.background,
|
|
1234
|
+
color: displayAnnouncement.cta_button_text_color || ANNOUNCEMENT_CTA_DEFAULTS.text,
|
|
1235
|
+
borderColor: displayAnnouncement.cta_button_background_color || ANNOUNCEMENT_CTA_DEFAULTS.background
|
|
1236
|
+
},
|
|
1231
1237
|
tabIndex: expanded ? 0 : -1,
|
|
1232
1238
|
leftIcon: displayAnnouncement.cta_show_icon && displayAnnouncement.cta_icon_name ? /* @__PURE__ */ jsx(
|
|
1233
1239
|
EntityIcon,
|
|
@@ -1243,7 +1249,7 @@ function AnnouncementBar({
|
|
|
1243
1249
|
]
|
|
1244
1250
|
}
|
|
1245
1251
|
),
|
|
1246
|
-
/* @__PURE__ */ jsx("div", { className: "flex-shrink-0
|
|
1252
|
+
/* @__PURE__ */ jsx("div", { className: "flex-shrink-0 ml-1 md:ml-2 mr-2 md:mr-4", children: /* @__PURE__ */ jsx(
|
|
1247
1253
|
Button,
|
|
1248
1254
|
{
|
|
1249
1255
|
onClick: (e) => {
|