@osdk/react-components 0.41.0 → 0.42.0-main-12e6a69f83b9cd7967dac1e944ba33e96f3fc1bc

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @osdk/react-components
 
+## 0.42.0-main-12e6a69f83b9cd7967dac1e944ba33e96f3fc1bc
+
+### Minor Changes
+
+- 12e6a69: Add an `isLoading` prop to `CbacBanner`/`BaseCbacBanner` that renders an animated skeleton placeholder matching the banner's width and height. On the OSDK `CbacBanner`, it is OR'd with the banner query's own loading state so the skeleton also shows automatically while marking data is being fetched.
+
 ## 0.41.0
 
 ### Minor Changes

package/build/browser/cbac-picker/CbacBanner.js

@@ -22,10 +22,12 @@ export function CbacBanner({
   markingIds,
   onClick,
   onDismiss,
-  className
+  className,
+  isLoading = false
 }) {
   const {
-    banner
+    banner,
+    isLoading: isFetchingCbacMarkings
   } = useCbacBanner({
     markingIds
   });
@@ -36,7 +38,8 @@ export function CbacBanner({
     backgroundColors: resolved.backgroundColors,
     onClick: onClick,
     onDismiss: onDismiss,
-    className: className
+    className: className,
+    isLoading: isFetchingCbacMarkings || isLoading
   });
 }
 //# sourceMappingURL=CbacBanner.js.map

package/build/browser/cbac-picker/CbacBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"CbacBanner.js","names":["useCbacBanner","React","BaseCbacBanner","resolveBannerDisplay","CbacBanner","markingIds","onClick","onDismiss","className","banner","resolved","createElement","classificationString","textColor","backgroundColors"],"sources":["CbacBanner.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useCbacBanner } from \"@osdk/react/platform-apis\";\nimport React from \"react\";\n\nimport { BaseCbacBanner } from \"./base/BaseCbacBanner.js\";\nimport { resolveBannerDisplay } from \"./utils/cbacPickerUtils.js\";\n\nexport interface CbacBannerProps {\n  markingIds: string[];\n  onClick?: () => void;\n  onDismiss?: () => void;\n  className?: string;\n}\n\nexport function CbacBanner({\n  markingIds,\n  onClick,\n  onDismiss,\n  className,\n}: CbacBannerProps): React.ReactElement {\n  const { banner } = useCbacBanner({ markingIds });\n  const resolved = resolveBannerDisplay(banner);\n\n  return (\n    <BaseCbacBanner\n      classificationString={resolved.classificationString}\n      textColor={resolved.textColor}\n      backgroundColors={resolved.backgroundColors}\n      onClick={onClick}\n      onDismiss={onDismiss}\n      className={className}\n    />\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,2BAA2B;AACzD,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,oBAAoB,QAAQ,4BAA4B;AASjE,OAAO,SAASC,UAAUA,CAAC;EACzBC,UAAU;EACVC,OAAO;EACPC,SAAS;EACTC;AACe,CAAC,EAAsB;EACtC,MAAM;IAAEC;EAAO,CAAC,GAAGT,aAAa,CAAC;IAAEK;EAAW,CAAC,CAAC;EAChD,MAAMK,QAAQ,GAAGP,oBAAoB,CAACM,MAAM,CAAC;EAE7C,oBACER,KAAA,CAAAU,aAAA,CAACT,cAAc;IACbU,oBAAoB,EAAEF,QAAQ,CAACE,oBAAqB;IACpDC,SAAS,EAAEH,QAAQ,CAACG,SAAU;IAC9BC,gBAAgB,EAAEJ,QAAQ,CAACI,gBAAiB;IAC5CR,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN","ignoreList":[]}
+{"version":3,"file":"CbacBanner.js","names":["useCbacBanner","React","BaseCbacBanner","resolveBannerDisplay","CbacBanner","markingIds","onClick","onDismiss","className","isLoading","banner","isFetchingCbacMarkings","resolved","createElement","classificationString","textColor","backgroundColors"],"sources":["CbacBanner.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useCbacBanner } from \"@osdk/react/platform-apis\";\nimport React from \"react\";\n\nimport { BaseCbacBanner } from \"./base/BaseCbacBanner.js\";\nimport { resolveBannerDisplay } from \"./utils/cbacPickerUtils.js\";\n\nexport interface CbacBannerProps {\n  markingIds: string[];\n  onClick?: () => void;\n  onDismiss?: () => void;\n  className?: string;\n  isLoading?: boolean;\n}\n\nexport function CbacBanner({\n  markingIds,\n  onClick,\n  onDismiss,\n  className,\n  isLoading = false,\n}: CbacBannerProps): React.ReactElement {\n  const { banner, isLoading: isFetchingCbacMarkings } = useCbacBanner({\n    markingIds,\n  });\n  const resolved = resolveBannerDisplay(banner);\n\n  return (\n    <BaseCbacBanner\n      classificationString={resolved.classificationString}\n      textColor={resolved.textColor}\n      backgroundColors={resolved.backgroundColors}\n      onClick={onClick}\n      onDismiss={onDismiss}\n      className={className}\n      isLoading={isFetchingCbacMarkings || isLoading}\n    />\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,2BAA2B;AACzD,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,oBAAoB,QAAQ,4BAA4B;AAUjE,OAAO,SAASC,UAAUA,CAAC;EACzBC,UAAU;EACVC,OAAO;EACPC,SAAS;EACTC,SAAS;EACTC,SAAS,GAAG;AACG,CAAC,EAAsB;EACtC,MAAM;IAAEC,MAAM;IAAED,SAAS,EAAEE;EAAuB,CAAC,GAAGX,aAAa,CAAC;IAClEK;EACF,CAAC,CAAC;EACF,MAAMO,QAAQ,GAAGT,oBAAoB,CAACO,MAAM,CAAC;EAE7C,oBACET,KAAA,CAAAY,aAAA,CAACX,cAAc;IACbY,oBAAoB,EAAEF,QAAQ,CAACE,oBAAqB;IACpDC,SAAS,EAAEH,QAAQ,CAACG,SAAU;IAC9BC,gBAAgB,EAAEJ,QAAQ,CAACI,gBAAiB;IAC5CV,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEE,sBAAsB,IAAIF;EAAU,CAChD,CAAC;AAEN","ignoreList":[]}

package/build/browser/cbac-picker/base/BaseCbacBanner.js

@@ -18,6 +18,7 @@ import { Button } from "@base-ui/react/button";
 import { Cross } from "@blueprintjs/icons";
 import classnames from "classnames";
 import React from "react";
+import { SkeletonBar } from "../../base-components/skeleton/SkeletonBar.js";
 import { backgroundFromColors } from "../utils/cbacPickerUtils.js";
 import styles from "./BaseCbacBanner.module.css.js";
 export function BaseCbacBanner({
@@ -26,7 +27,8 @@ export function BaseCbacBanner({
   backgroundColors,
   onClick,
   onDismiss,
-  className
+  className,
+  isLoading = false
 }) {
   const bannerStyle = React.useMemo(() => ({
     "--osdk-cbac-banner-bg": backgroundFromColors(backgroundColors),
@@ -36,6 +38,11 @@ export function BaseCbacBanner({
     e.stopPropagation();
     onDismiss?.();
   }, [onDismiss]);
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(BannerSkeleton, {
+      className: className
+    });
+  }
   const dismissButton = onDismiss != null ? /*#__PURE__*/React.createElement(Button, {
     className: styles.dismissButton,
     onClick: handleDismiss,
@@ -61,4 +68,14 @@ export function BaseCbacBanner({
     className: styles.banner
   }, classificationString), dismissButton);
 }
+function BannerSkeleton({
+  className
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.bannerRow, className),
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement(SkeletonBar, {
+    className: styles.skeletonBanner
+  }));
+}
 //# sourceMappingURL=BaseCbacBanner.js.map

package/build/browser/cbac-picker/base/BaseCbacBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCbacBanner.js","names":["Button","Cross","classnames","React","backgroundFromColors","styles","BaseCbacBanner","classificationString","textColor","backgroundColors","onClick","onDismiss","className","bannerStyle","useMemo","handleDismiss","useCallback","e","stopPropagation","dismissButton","createElement","size","color","bannerRow","style","banner","clickable"],"sources":["BaseCbacBanner.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport { Cross } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React from \"react\";\n\nimport { backgroundFromColors } from \"../utils/cbacPickerUtils.js\";\n\nimport styles from \"./BaseCbacBanner.module.css\";\n\nexport interface BaseCbacBannerProps {\n  classificationString: string;\n  textColor: string;\n  backgroundColors: string[];\n  onClick?: () => void;\n  onDismiss?: () => void;\n  className?: string;\n}\n\nexport function BaseCbacBanner({\n  classificationString,\n  textColor,\n  backgroundColors,\n  onClick,\n  onDismiss,\n  className,\n}: BaseCbacBannerProps): React.ReactElement {\n  const bannerStyle = React.useMemo(\n    (): React.CSSProperties =>\n      ({\n        \"--osdk-cbac-banner-bg\": backgroundFromColors(backgroundColors),\n        \"--osdk-cbac-banner-color\": textColor,\n      }) as React.CSSProperties,\n    [textColor, backgroundColors]\n  );\n\n  const handleDismiss = React.useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onDismiss?.();\n    },\n    [onDismiss]\n  );\n\n  const dismissButton =\n    onDismiss != null ? (\n      <Button\n        className={styles.dismissButton}\n        onClick={handleDismiss}\n        aria-label=\"Clear classification\"\n      >\n        <Cross size={12} color=\"currentColor\" />\n      </Button>\n    ) : null;\n\n  if (onClick != null) {\n    return (\n      <div\n        className={classnames(styles.bannerRow, className)}\n        style={bannerStyle}\n      >\n        <Button\n          className={classnames(styles.banner, styles.clickable)}\n          onClick={onClick}\n          aria-label=\"Edit classification\"\n        >\n          {classificationString}\n        </Button>\n        {dismissButton}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={classnames(styles.bannerRow, className)}\n      style={bannerStyle}\n    >\n      <span className={styles.banner}>{classificationString}</span>\n      {dismissButton}\n    </div>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,oBAAoB,QAAQ,6BAA6B;AAElE,OAAOC,MAAM,MAAM,6BAA6B;AAWhD,OAAO,SAASC,cAAcA,CAAC;EAC7BC,oBAAoB;EACpBC,SAAS;EACTC,gBAAgB;EAChBC,OAAO;EACPC,SAAS;EACTC;AACmB,CAAC,EAAsB;EAC1C,MAAMC,WAAW,GAAGV,KAAK,CAACW,OAAO,CAC/B,OACG;IACC,uBAAuB,EAAEV,oBAAoB,CAACK,gBAAgB,CAAC;IAC/D,0BAA0B,EAAED;EAC9B,CAAC,CAAwB,EAC3B,CAACA,SAAS,EAAEC,gBAAgB,CAC9B,CAAC;EAED,MAAMM,aAAa,GAAGZ,KAAK,CAACa,WAAW,CACpCC,CAAmB,IAAK;IACvBA,CAAC,CAACC,eAAe,CAAC,CAAC;IACnBP,SAAS,GAAG,CAAC;EACf,CAAC,EACD,CAACA,SAAS,CACZ,CAAC;EAED,MAAMQ,aAAa,GACjBR,SAAS,IAAI,IAAI,gBACfR,KAAA,CAAAiB,aAAA,CAACpB,MAAM;IACLY,SAAS,EAAEP,MAAM,CAACc,aAAc;IAChCT,OAAO,EAAEK,aAAc;IACvB,cAAW;EAAsB,gBAEjCZ,KAAA,CAAAiB,aAAA,CAACnB,KAAK;IAACoB,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAc,CAAE,CACjC,CAAC,GACP,IAAI;EAEV,IAAIZ,OAAO,IAAI,IAAI,EAAE;IACnB,oBACEP,KAAA,CAAAiB,aAAA;MACER,SAAS,EAAEV,UAAU,CAACG,MAAM,CAACkB,SAAS,EAAEX,SAAS,CAAE;MACnDY,KAAK,EAAEX;IAAY,gBAEnBV,KAAA,CAAAiB,aAAA,CAACpB,MAAM;MACLY,SAAS,EAAEV,UAAU,CAACG,MAAM,CAACoB,MAAM,EAAEpB,MAAM,CAACqB,SAAS,CAAE;MACvDhB,OAAO,EAAEA,OAAQ;MACjB,cAAW;IAAqB,GAE/BH,oBACK,CAAC,EACRY,aACE,CAAC;EAEV;EAEA,oBACEhB,KAAA,CAAAiB,aAAA;IACER,SAAS,EAAEV,UAAU,CAACG,MAAM,CAACkB,SAAS,EAAEX,SAAS,CAAE;IACnDY,KAAK,EAAEX;EAAY,gBAEnBV,KAAA,CAAAiB,aAAA;IAAMR,SAAS,EAAEP,MAAM,CAACoB;EAAO,GAAElB,oBAA2B,CAAC,EAC5DY,aACE,CAAC;AAEV","ignoreList":[]}
+{"version":3,"file":"BaseCbacBanner.js","names":["Button","Cross","classnames","React","SkeletonBar","backgroundFromColors","styles","BaseCbacBanner","classificationString","textColor","backgroundColors","onClick","onDismiss","className","isLoading","bannerStyle","useMemo","handleDismiss","useCallback","e","stopPropagation","createElement","BannerSkeleton","dismissButton","size","color","bannerRow","style","banner","clickable","skeletonBanner"],"sources":["BaseCbacBanner.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport { Cross } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React from \"react\";\n\nimport { SkeletonBar } from \"../../base-components/skeleton/SkeletonBar.js\";\nimport { backgroundFromColors } from \"../utils/cbacPickerUtils.js\";\n\nimport styles from \"./BaseCbacBanner.module.css\";\n\nexport interface BaseCbacBannerProps {\n  classificationString: string;\n  textColor: string;\n  backgroundColors: string[];\n  onClick?: () => void;\n  onDismiss?: () => void;\n  className?: string;\n  isLoading?: boolean;\n}\n\nexport function BaseCbacBanner({\n  classificationString,\n  textColor,\n  backgroundColors,\n  onClick,\n  onDismiss,\n  className,\n  isLoading = false,\n}: BaseCbacBannerProps): React.ReactElement {\n  const bannerStyle = React.useMemo(\n    (): React.CSSProperties =>\n      ({\n        \"--osdk-cbac-banner-bg\": backgroundFromColors(backgroundColors),\n        \"--osdk-cbac-banner-color\": textColor,\n      }) as React.CSSProperties,\n    [textColor, backgroundColors]\n  );\n\n  const handleDismiss = React.useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onDismiss?.();\n    },\n    [onDismiss]\n  );\n\n  if (isLoading) {\n    return <BannerSkeleton className={className} />;\n  }\n\n  const dismissButton =\n    onDismiss != null ? (\n      <Button\n        className={styles.dismissButton}\n        onClick={handleDismiss}\n        aria-label=\"Clear classification\"\n      >\n        <Cross size={12} color=\"currentColor\" />\n      </Button>\n    ) : null;\n\n  if (onClick != null) {\n    return (\n      <div\n        className={classnames(styles.bannerRow, className)}\n        style={bannerStyle}\n      >\n        <Button\n          className={classnames(styles.banner, styles.clickable)}\n          onClick={onClick}\n          aria-label=\"Edit classification\"\n        >\n          {classificationString}\n        </Button>\n        {dismissButton}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={classnames(styles.bannerRow, className)}\n      style={bannerStyle}\n    >\n      <span className={styles.banner}>{classificationString}</span>\n      {dismissButton}\n    </div>\n  );\n}\n\nfunction BannerSkeleton({\n  className,\n}: {\n  className?: string;\n}): React.ReactElement {\n  return (\n    <div className={classnames(styles.bannerRow, className)} aria-hidden=\"true\">\n      <SkeletonBar className={styles.skeletonBanner} />\n    </div>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,WAAW,QAAQ,+CAA+C;AAC3E,SAASC,oBAAoB,QAAQ,6BAA6B;AAElE,OAAOC,MAAM,MAAM,6BAA6B;AAYhD,OAAO,SAASC,cAAcA,CAAC;EAC7BC,oBAAoB;EACpBC,SAAS;EACTC,gBAAgB;EAChBC,OAAO;EACPC,SAAS;EACTC,SAAS;EACTC,SAAS,GAAG;AACO,CAAC,EAAsB;EAC1C,MAAMC,WAAW,GAAGZ,KAAK,CAACa,OAAO,CAC/B,OACG;IACC,uBAAuB,EAAEX,oBAAoB,CAACK,gBAAgB,CAAC;IAC/D,0BAA0B,EAAED;EAC9B,CAAC,CAAwB,EAC3B,CAACA,SAAS,EAAEC,gBAAgB,CAC9B,CAAC;EAED,MAAMO,aAAa,GAAGd,KAAK,CAACe,WAAW,CACpCC,CAAmB,IAAK;IACvBA,CAAC,CAACC,eAAe,CAAC,CAAC;IACnBR,SAAS,GAAG,CAAC;EACf,CAAC,EACD,CAACA,SAAS,CACZ,CAAC;EAED,IAAIE,SAAS,EAAE;IACb,oBAAOX,KAAA,CAAAkB,aAAA,CAACC,cAAc;MAACT,SAAS,EAAEA;IAAU,CAAE,CAAC;EACjD;EAEA,MAAMU,aAAa,GACjBX,SAAS,IAAI,IAAI,gBACfT,KAAA,CAAAkB,aAAA,CAACrB,MAAM;IACLa,SAAS,EAAEP,MAAM,CAACiB,aAAc;IAChCZ,OAAO,EAAEM,aAAc;IACvB,cAAW;EAAsB,gBAEjCd,KAAA,CAAAkB,aAAA,CAACpB,KAAK;IAACuB,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAc,CAAE,CACjC,CAAC,GACP,IAAI;EAEV,IAAId,OAAO,IAAI,IAAI,EAAE;IACnB,oBACER,KAAA,CAAAkB,aAAA;MACER,SAAS,EAAEX,UAAU,CAACI,MAAM,CAACoB,SAAS,EAAEb,SAAS,CAAE;MACnDc,KAAK,EAAEZ;IAAY,gBAEnBZ,KAAA,CAAAkB,aAAA,CAACrB,MAAM;MACLa,SAAS,EAAEX,UAAU,CAACI,MAAM,CAACsB,MAAM,EAAEtB,MAAM,CAACuB,SAAS,CAAE;MACvDlB,OAAO,EAAEA,OAAQ;MACjB,cAAW;IAAqB,GAE/BH,oBACK,CAAC,EACRe,aACE,CAAC;EAEV;EAEA,oBACEpB,KAAA,CAAAkB,aAAA;IACER,SAAS,EAAEX,UAAU,CAACI,MAAM,CAACoB,SAAS,EAAEb,SAAS,CAAE;IACnDc,KAAK,EAAEZ;EAAY,gBAEnBZ,KAAA,CAAAkB,aAAA;IAAMR,SAAS,EAAEP,MAAM,CAACsB;EAAO,GAAEpB,oBAA2B,CAAC,EAC5De,aACE,CAAC;AAEV;AAEA,SAASD,cAAcA,CAAC;EACtBT;AAGF,CAAC,EAAsB;EACrB,oBACEV,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAEX,UAAU,CAACI,MAAM,CAACoB,SAAS,EAAEb,SAAS,CAAE;IAAC,eAAY;EAAM,gBACzEV,KAAA,CAAAkB,aAAA,CAACjB,WAAW;IAACS,SAAS,EAAEP,MAAM,CAACwB;EAAe,CAAE,CAC7C,CAAC;AAEV","ignoreList":[]}

package/build/browser/cbac-picker/base/BaseCbacBanner.module.css

@@ -36,6 +36,12 @@
   color: inherit;
 }
 
+.skeletonBanner {
+  flex: 1;
+  height: var(--osdk-cbac-banner-skeleton-height);
+  border-radius: var(--osdk-cbac-banner-border-radius);
+}
+
 .clickable {
   cursor: pointer;
 }

package/build/browser/cbac-picker/base/BaseCbacBanner.module.css.js

@@ -2,6 +2,7 @@
 const styles = {
   "bannerRow": "BaseCbacBanner-module__bannerRow___oxu42hEl",
   "banner": "BaseCbacBanner-module__banner___IjvLA5g7",
+  "skeletonBanner": "BaseCbacBanner-module__skeletonBanner___KSmlUq-R",
   "clickable": "BaseCbacBanner-module__clickable___EhVZQgrU",
   "dismissButton": "BaseCbacBanner-module__dismissButton___pEhcnzSL"
 };

package/build/browser/styles.css

@@ -937,6 +937,10 @@
   --osdk-cbac-banner-placeholder-color: var(
     --osdk-typography-color-default-rest
   );
+  /* Line height of the banner text plus its top/bottom padding. */
+  --osdk-cbac-banner-skeleton-height: calc(
+    var(--osdk-cbac-banner-font-size) * 1.5 + var(--osdk-surface-spacing) * 2
+  );
 
   /* Marking Button */
   --osdk-cbac-marking-button-padding: calc(var(--osdk-surface-spacing) * 0.5)
@@ -5495,6 +5499,12 @@
   color: inherit;
 }
 
+.BaseCbacBanner-module__skeletonBanner___KSmlUq-R {
+  flex: 1;
+  height: var(--osdk-cbac-banner-skeleton-height);
+  border-radius: var(--osdk-cbac-banner-border-radius);
+}
+
 .BaseCbacBanner-module__clickable___EhVZQgrU {
   cursor: pointer;
 }

package/build/browser/tokens/component-tokens/cbac-picker.css

@@ -28,6 +28,10 @@
   --osdk-cbac-banner-placeholder-color: var(
     --osdk-typography-color-default-rest
   );
+  /* Line height of the banner text plus its top/bottom padding. */
+  --osdk-cbac-banner-skeleton-height: calc(
+    var(--osdk-cbac-banner-font-size) * 1.5 + var(--osdk-surface-spacing) * 2
+  );
 
   /* Marking Button */
   --osdk-cbac-marking-button-padding: calc(var(--osdk-surface-spacing) * 0.5)

package/build/browser/util/UserAgent.js

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-const PACKAGE_USER_AGENT = `osdk-react-components/${"0.41.0"}`;
+const PACKAGE_USER_AGENT = `osdk-react-components/${"0.42.0-main-12e6a69f83b9cd7967dac1e944ba33e96f3fc1bc"}`;
 export function componentUserAgent(componentName) {
   return `${PACKAGE_USER_AGENT}/${componentName}`;
 }

package/build/browser/util/UserAgent.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserAgent.js","names":["PACKAGE_USER_AGENT","componentUserAgent","componentName"],"sources":["UserAgent.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nconst PACKAGE_USER_AGENT = `osdk-react-components/${process.env.PACKAGE_VERSION}`;\n\nexport function componentUserAgent(componentName: string): string {\n  return `${PACKAGE_USER_AGENT}/${componentName}`;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMA,kBAAkB,GAAG,mCAAsD;AAEjF,OAAO,SAASC,kBAAkBA,CAACC,aAAqB,EAAU;EAChE,OAAO,GAAGF,kBAAkB,IAAIE,aAAa,EAAE;AACjD","ignoreList":[]}
+{"version":3,"file":"UserAgent.js","names":["PACKAGE_USER_AGENT","componentUserAgent","componentName"],"sources":["UserAgent.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nconst PACKAGE_USER_AGENT = `osdk-react-components/${process.env.PACKAGE_VERSION}`;\n\nexport function componentUserAgent(componentName: string): string {\n  return `${PACKAGE_USER_AGENT}/${componentName}`;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMA,kBAAkB,GAAG,iFAAsD;AAEjF,OAAO,SAASC,kBAAkBA,CAACC,aAAqB,EAAU;EAChE,OAAO,GAAGF,kBAAkB,IAAIE,aAAa,EAAE;AACjD","ignoreList":[]}

package/build/cjs/{chunk-MSI7HILM.cjs → chunk-62EYAESC.cjs}

@@ -4,13 +4,13 @@ var chunkHWBCFCBO_cjs = require('./chunk-HWBCFCBO.cjs');
 var chunkASBETQHB_cjs = require('./chunk-ASBETQHB.cjs');
 var chunkFDRFBFI7_cjs = require('./chunk-FDRFBFI7.cjs');
 var chunkCUFFPIPP_cjs = require('./chunk-CUFFPIPP.cjs');
-var chunkZMAWPOG5_cjs = require('./chunk-ZMAWPOG5.cjs');
+var chunkAMIL4453_cjs = require('./chunk-AMIL4453.cjs');
 var chunkC6IPNPMZ_cjs = require('./chunk-C6IPNPMZ.cjs');
 var chunkDWNKXV5E_cjs = require('./chunk-DWNKXV5E.cjs');
 var chunkHNBSGCSZ_cjs = require('./chunk-HNBSGCSZ.cjs');
 var chunk7LXS66DW_cjs = require('./chunk-7LXS66DW.cjs');
 var chunkQP2LHBCZ_cjs = require('./chunk-QP2LHBCZ.cjs');
-var chunkOWBDRWL6_cjs = require('./chunk-OWBDRWL6.cjs');
+var chunk6I5HWAIC_cjs = require('./chunk-6I5HWAIC.cjs');
 var reactTable = require('@tanstack/react-table');
 var React17 = require('react');
 var react = require('@osdk/react');
@@ -174,7 +174,7 @@ function CbacMarkingCell({
   if (markingIds.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React17__default.default.createElement(chunkZMAWPOG5_cjs.CbacBanner, {
+  return /* @__PURE__ */ React17__default.default.createElement(chunkAMIL4453_cjs.CbacBanner, {
     markingIds
   });
 }
@@ -192,7 +192,7 @@ function MandatoryMarkingCell({
   }
   return /* @__PURE__ */ React17__default.default.createElement("span", {
     className: MandatoryMarkingCell_default.container
-  }, markingIds.map((id) => /* @__PURE__ */ React17__default.default.createElement(chunkZMAWPOG5_cjs.CbacBanner, {
+  }, markingIds.map((id) => /* @__PURE__ */ React17__default.default.createElement(chunkAMIL4453_cjs.CbacBanner, {
     key: id,
     markingIds: [id],
     className: MandatoryMarkingCell_default.pill
@@ -3340,7 +3340,7 @@ function ObjectTable({
 }
 
 // src/public/experimental/object-table.ts
-var ObjectTable2 = chunkOWBDRWL6_cjs.withOsdkMetrics(ObjectTable, "ObjectTable");
+var ObjectTable2 = chunk6I5HWAIC_cjs.withOsdkMetrics(ObjectTable, "ObjectTable");
 
 exports.BaseTable = BaseTable;
 exports.ColumnConfigDialog = ColumnConfigDialog;
@@ -3361,5 +3361,5 @@ exports.useObjectTableSnapshot = useObjectTableSnapshot;
 exports.useRowSelection = useRowSelection;
 exports.useSelectionColumn = useSelectionColumn;
 exports.useTableSorting = useTableSorting;
-//# sourceMappingURL=chunk-MSI7HILM.cjs.map
-//# sourceMappingURL=chunk-MSI7HILM.cjs.map
+//# sourceMappingURL=chunk-62EYAESC.cjs.map
+//# sourceMappingURL=chunk-62EYAESC.cjs.map