@sitecore/sc-contenthub-blok 0.0.12 → 0.0.14

package/esm/Components/BlokLabeledIcon/BlokLabeledIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { css, cx } from "@emotion/css";
 import { useMemo } from "react";
-import { borderRadiusBase, colorMap, fontSizeSmall, fontWeightBold, } from "../../Foundations";
+import { borderRadiusBase, borderRadiusFull, colorMap, fontSizeSmall, fontWeightBold, } from "../../Foundations";
 import { BlokIcon } from "../BlokIcon/BlokIcon";
 const classes = {
     labeledIcon: css({
@@ -20,14 +20,25 @@ const classes = {
     }),
     labeledIconBackground: css({
         padding: "0.25rem",
+        justifyContent: "center",
+    }),
+    round: css({
+        borderRadius: borderRadiusFull,
+        minWidth: "32px",
+        minHeight: "32px",
+        ".m-icon": {
+            fontSize: "1.2rem",
+        },
     }),
 };
-export const BlokLabeledIcon = ({ iconName, children, colorTarget = "foreground", colorScheme = "neutral", fontSize = fontSizeSmall, className, ...extraProps }) => {
+export const BlokLabeledIcon = ({ iconName, children, colorTarget = "foreground", colorScheme = "neutral", fontSize = fontSizeSmall, isRound = false, className, ...extraProps }) => {
     const styles = useMemo(() => {
         if (colorTarget === "background") {
             return {
                 backgroundColor: colorMap[colorScheme]?.[100],
-                color: colorMap[colorScheme]?.[300],
+                color: isRound
+                    ? colorMap[colorScheme]?.[500]
+                    : colorMap[colorScheme]?.[300],
                 fontSize,
             };
         }
@@ -40,6 +51,6 @@ export const BlokLabeledIcon = ({ iconName, children, colorTarget = "foreground"
     }, [children, colorScheme, colorTarget, fontSize]);
     return (_jsxs("span", { style: styles, className: cx(classes.labeledIcon, colorTarget === "background"
             ? classes.labeledIconBackground
-            : undefined, className), ...extraProps, children: [iconName && _jsx(BlokIcon, { icon: iconName }), children] }));
+            : undefined, isRound ? classes.round : undefined, className), ...extraProps, children: [iconName && _jsx(BlokIcon, { icon: iconName }), children] }));
 };
 //# sourceMappingURL=BlokLabeledIcon.js.map

package/esm/Components/BlokLabeledIcon/BlokLabeledIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlokLabeledIcon.js","sourceRoot":"","sources":["../../../src/Components/BlokLabeledIcon/BlokLabeledIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAyB,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EACL,gBAAgB,EAChB,QAAQ,EAER,aAAa,EACb,cAAc,GACf,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAY,MAAM,sBAAsB,CAAC;AAE1D,MAAM,OAAO,GAAG;IACd,WAAW,EAAE,GAAG,CAAC;QACf,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;QACN,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,aAAa;QACvB,UAAU,EAAE,cAAc;QAC1B,YAAY,EAAE,gBAAgB;QAE9B,SAAS,EAAE;YACT,QAAQ,EAAE,OAAO;SAClB;KACF,CAAC;IACF,qBAAqB,EAAE,GAAG,CAAC;QACzB,OAAO,EAAE,SAAS;KACnB,CAAC;CACH,CAAC;AAUF,MAAM,CAAC,MAAM,eAAe,GAAgD,CAAC,EAC3E,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,YAAY,EAC1B,WAAW,GAAG,SAAS,EACvB,QAAQ,GAAG,aAAa,EACxB,SAAS,EACT,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,IAAI,WAAW,KAAK,YAAY,EAAE,CAAC;YACjC,OAAO;gBACL,eAAe,EAAE,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC;gBAC7C,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC;gBACnC,QAAQ;aACT,CAAC;QACJ,CAAC;QACD,OAAO;YACL,KAAK,EAAE,QAAQ;gBACb,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC;gBAC9B,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC;YAChC,QAAQ;SACT,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEnD,OAAO,CACL,gBACE,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,WAAW,EACnB,WAAW,KAAK,YAAY;YAC1B,CAAC,CAAC,OAAO,CAAC,qBAAqB;YAC/B,CAAC,CAAC,SAAS,EACb,SAAS,CACV,KACG,UAAU,aAEb,QAAQ,IAAI,KAAC,QAAQ,IAAC,IAAI,EAAE,QAAQ,GAAI,EACxC,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"BlokLabeledIcon.js","sourceRoot":"","sources":["../../../src/Components/BlokLabeledIcon/BlokLabeledIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAyB,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,QAAQ,EAER,aAAa,EACb,cAAc,GACf,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAiB,MAAM,sBAAsB,CAAC;AAE/D,MAAM,OAAO,GAAG;IACd,WAAW,EAAE,GAAG,CAAC;QACf,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;QACN,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,aAAa;QACvB,UAAU,EAAE,cAAc;QAC1B,YAAY,EAAE,gBAAgB;QAE9B,SAAS,EAAE;YACT,QAAQ,EAAE,OAAO;SAClB;KACF,CAAC;IACF,qBAAqB,EAAE,GAAG,CAAC;QACzB,OAAO,EAAE,SAAS;QAClB,cAAc,EAAE,QAAQ;KACzB,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;QACT,YAAY,EAAE,gBAAgB;QAC9B,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE;YACT,QAAQ,EAAE,QAAQ;SACnB;KACF,CAAC;CACH,CAAC;AAWF,MAAM,CAAC,MAAM,eAAe,GAAgD,CAAC,EAC3E,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,YAAY,EAC1B,WAAW,GAAG,SAAS,EACvB,QAAQ,GAAG,aAAa,EACxB,OAAO,GAAG,KAAK,EACf,SAAS,EACT,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,IAAI,WAAW,KAAK,YAAY,EAAE,CAAC;YACjC,OAAO;gBACL,eAAe,EAAE,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC;gBAC7C,KAAK,EAAE,OAAO;oBACZ,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC;oBAC9B,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC;gBAChC,QAAQ;aACT,CAAC;QACJ,CAAC;QACD,OAAO;YACL,KAAK,EAAE,QAAQ;gBACb,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC;gBAC9B,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC;YAChC,QAAQ;SACT,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEnD,OAAO,CACL,gBACE,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,WAAW,EACnB,WAAW,KAAK,YAAY;YAC1B,CAAC,CAAC,OAAO,CAAC,qBAAqB;YAC/B,CAAC,CAAC,SAAS,EACb,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACnC,SAAS,CACV,KACG,UAAU,aAEb,QAAQ,IAAI,KAAC,QAAQ,IAAC,IAAI,EAAE,QAAQ,GAAI,EACxC,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CAAC"}

package/esm/Components/index.js

@@ -1,8 +1,10 @@
+export * from "./BlokAlert/BlokAlert";
 export * from "./BlokBadge/BlokBadge";
 export * from "./BlokButton/BlokButton";
 export * from "./BlokIcon/BlokIcon";
 export * from "./BlokIcon/BlokIconContext";
 export * from "./BlokIconButton/BlokIconButton";
+export * from "./BlokLabeledIcon/BlokLabeledIcon";
 export * from "./BlokLink/BlokLink";
 export * from "./BlokTag/BlokTag";
 //# sourceMappingURL=index.js.map

package/esm/Components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sitecore/sc-contenthub-blok",
   "private": false,
-  "version": "0.0.12",
+  "version": "0.0.14",
   "type": "module",
   "sideEffects": false,
   "main": "dist/index.js",