@osdk/cbac-components 0.1.0-beta.1 → 0.1.0-beta.2

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 (68) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/build/browser/cbac-picker/base/CategoryMarkingGroup.js +80 -0
  3. package/build/browser/cbac-picker/base/CategoryMarkingGroup.js.map +1 -0
  4. package/build/browser/cbac-picker/base/CategoryMarkingGroup.module.css +44 -0
  5. package/build/browser/cbac-picker/base/CategoryMarkingGroup.module.css.js +9 -0
  6. package/build/browser/cbac-picker/base/InfoBanner.js +32 -0
  7. package/build/browser/cbac-picker/base/InfoBanner.js.map +1 -0
  8. package/build/browser/cbac-picker/base/InfoBanner.module.css +30 -0
  9. package/build/browser/cbac-picker/base/InfoBanner.module.css.js +7 -0
  10. package/build/browser/cbac-picker/base/MarkingButton.js +42 -0
  11. package/build/browser/cbac-picker/base/MarkingButton.js.map +1 -0
  12. package/build/browser/cbac-picker/base/MarkingButton.module.css +76 -0
  13. package/build/browser/cbac-picker/base/MarkingButton.module.css.js +10 -0
  14. package/build/browser/cbac-picker/base/OverflowButton.js +50 -0
  15. package/build/browser/cbac-picker/base/OverflowButton.js.map +1 -0
  16. package/build/browser/cbac-picker/base/OverflowButton.module.css +57 -0
  17. package/build/browser/cbac-picker/base/OverflowButton.module.css.js +8 -0
  18. package/build/browser/cbac-picker/base/OverflowItem.js +42 -0
  19. package/build/browser/cbac-picker/base/OverflowItem.js.map +1 -0
  20. package/build/browser/cbac-picker/base/OverflowItem.module.css +51 -0
  21. package/build/browser/cbac-picker/base/OverflowItem.module.css.js +8 -0
  22. package/build/browser/cbac-picker/base/ValidationWarning.js +44 -0
  23. package/build/browser/cbac-picker/base/ValidationWarning.js.map +1 -0
  24. package/build/browser/cbac-picker/base/ValidationWarning.module.css +71 -0
  25. package/build/browser/cbac-picker/base/ValidationWarning.module.css.js +12 -0
  26. package/build/browser/cbac-picker/base/selectionStateHelpers.js +26 -0
  27. package/build/browser/cbac-picker/base/selectionStateHelpers.js.map +1 -0
  28. package/build/browser/cbac-picker/types.js.map +1 -1
  29. package/build/browser/styles.css +347 -0
  30. package/build/cjs/public/experimental.d.cts +1 -1
  31. package/build/esm/cbac-picker/base/CategoryMarkingGroup.js +80 -0
  32. package/build/esm/cbac-picker/base/CategoryMarkingGroup.js.map +1 -0
  33. package/build/esm/cbac-picker/base/CategoryMarkingGroup.module.css +44 -0
  34. package/build/esm/cbac-picker/base/InfoBanner.js +32 -0
  35. package/build/esm/cbac-picker/base/InfoBanner.js.map +1 -0
  36. package/build/esm/cbac-picker/base/InfoBanner.module.css +30 -0
  37. package/build/esm/cbac-picker/base/MarkingButton.js +42 -0
  38. package/build/esm/cbac-picker/base/MarkingButton.js.map +1 -0
  39. package/build/esm/cbac-picker/base/MarkingButton.module.css +76 -0
  40. package/build/esm/cbac-picker/base/OverflowButton.js +50 -0
  41. package/build/esm/cbac-picker/base/OverflowButton.js.map +1 -0
  42. package/build/esm/cbac-picker/base/OverflowButton.module.css +57 -0
  43. package/build/esm/cbac-picker/base/OverflowItem.js +42 -0
  44. package/build/esm/cbac-picker/base/OverflowItem.js.map +1 -0
  45. package/build/esm/cbac-picker/base/OverflowItem.module.css +51 -0
  46. package/build/esm/cbac-picker/base/ValidationWarning.js +44 -0
  47. package/build/esm/cbac-picker/base/ValidationWarning.js.map +1 -0
  48. package/build/esm/cbac-picker/base/ValidationWarning.module.css +71 -0
  49. package/build/esm/cbac-picker/base/selectionStateHelpers.js +26 -0
  50. package/build/esm/cbac-picker/base/selectionStateHelpers.js.map +1 -0
  51. package/build/esm/cbac-picker/types.js.map +1 -1
  52. package/build/types/cbac-picker/base/CategoryMarkingGroup.d.ts +13 -0
  53. package/build/types/cbac-picker/base/CategoryMarkingGroup.d.ts.map +1 -0
  54. package/build/types/cbac-picker/base/InfoBanner.d.ts +6 -0
  55. package/build/types/cbac-picker/base/InfoBanner.d.ts.map +1 -0
  56. package/build/types/cbac-picker/base/MarkingButton.d.ts +9 -0
  57. package/build/types/cbac-picker/base/MarkingButton.d.ts.map +1 -0
  58. package/build/types/cbac-picker/base/OverflowButton.d.ts +13 -0
  59. package/build/types/cbac-picker/base/OverflowButton.d.ts.map +1 -0
  60. package/build/types/cbac-picker/base/OverflowItem.d.ts +10 -0
  61. package/build/types/cbac-picker/base/OverflowItem.d.ts.map +1 -0
  62. package/build/types/cbac-picker/base/ValidationWarning.d.ts +7 -0
  63. package/build/types/cbac-picker/base/ValidationWarning.d.ts.map +1 -0
  64. package/build/types/cbac-picker/base/selectionStateHelpers.d.ts +4 -0
  65. package/build/types/cbac-picker/base/selectionStateHelpers.d.ts.map +1 -0
  66. package/build/types/cbac-picker/types.d.ts +1 -1
  67. package/build/types/cbac-picker/types.d.ts.map +1 -1
  68. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @osdk/cbac-components
2
2
 
3
+ ## 0.1.0-beta.2
4
+
5
+ ### Minor Changes
6
+
7
+ - c3da451: add marking button, category group, and validation components for CBAC picker
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [8eea31b]
12
+ - Updated dependencies [c3da451]
13
+ - Updated dependencies [073a5b1]
14
+ - Updated dependencies [82573b8]
15
+ - Updated dependencies [66b7125]
16
+ - Updated dependencies [6ec2110]
17
+ - Updated dependencies [b0930e4]
18
+ - @osdk/react-components@0.2.0-beta.26
19
+ - @osdk/react@0.10.0-beta.14
20
+
3
21
  ## 0.1.0-beta.1
4
22
 
5
23
  ### Minor Changes
@@ -0,0 +1,80 @@
1
+ /*
2
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+
17
+ import React from "react";
18
+ import styles from "./CategoryMarkingGroup.module.css.js";
19
+ import { MarkingButton } from "./MarkingButton.js";
20
+ import { OverflowButton } from "./OverflowButton.js";
21
+ import { isImplied } from "./selectionStateHelpers.js";
22
+ const GRID_COLUMNS = 4;
23
+ const VISIBLE_ROWS = 3;
24
+ export const CategoryMarkingGroup = /*#__PURE__*/React.memo(function ({
25
+ categoryName,
26
+ markings,
27
+ onMarkingToggle
28
+ }) {
29
+ const headingId = React.useId();
30
+ const maxVisible = GRID_COLUMNS * VISIBLE_ROWS;
31
+ const hasOverflow = markings.length > maxVisible;
32
+ const visibleMarkings = hasOverflow ? markings.slice(0, maxVisible - 1) : markings;
33
+ const overflowMarkings = hasOverflow ? markings.slice(maxVisible - 1) : [];
34
+ const gridItemCount = hasOverflow ? visibleMarkings.length + 1 : visibleMarkings.length;
35
+ const hasActiveOverflow = overflowMarkings.some(m => m.selectionState === "SELECTED" || isImplied(m.selectionState));
36
+ return /*#__PURE__*/React.createElement("div", {
37
+ className: styles.categoryGroup,
38
+ role: "group",
39
+ "aria-labelledby": headingId
40
+ }, /*#__PURE__*/React.createElement("h3", {
41
+ id: headingId,
42
+ className: styles.categoryName
43
+ }, categoryName), /*#__PURE__*/React.createElement("div", {
44
+ className: styles.markingGrid
45
+ }, visibleMarkings.map(marking => /*#__PURE__*/React.createElement(MarkingButtonItem, {
46
+ key: marking.id,
47
+ id: marking.id,
48
+ label: marking.label,
49
+ selectionState: marking.selectionState,
50
+ disabled: marking.disabled,
51
+ onToggle: onMarkingToggle
52
+ })), hasOverflow && /*#__PURE__*/React.createElement(OverflowButton, {
53
+ overflowMarkings: overflowMarkings,
54
+ hasActiveOverflow: hasActiveOverflow,
55
+ onMarkingToggle: onMarkingToggle
56
+ }), Array.from({
57
+ length: (GRID_COLUMNS - gridItemCount % GRID_COLUMNS) % GRID_COLUMNS
58
+ }, (_, i) => /*#__PURE__*/React.createElement("div", {
59
+ key: `empty-${i}`,
60
+ className: styles.emptyCell
61
+ }))));
62
+ });
63
+ const MarkingButtonItem = /*#__PURE__*/React.memo(function ({
64
+ id,
65
+ label,
66
+ selectionState,
67
+ disabled,
68
+ onToggle
69
+ }) {
70
+ const handleToggle = React.useCallback(() => {
71
+ onToggle(id);
72
+ }, [onToggle, id]);
73
+ return /*#__PURE__*/React.createElement(MarkingButton, {
74
+ label: label,
75
+ selectionState: selectionState,
76
+ onToggle: handleToggle,
77
+ disabled: disabled
78
+ });
79
+ });
80
+ //# sourceMappingURL=CategoryMarkingGroup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CategoryMarkingGroup.js","names":["React","styles","MarkingButton","OverflowButton","isImplied","GRID_COLUMNS","VISIBLE_ROWS","CategoryMarkingGroup","memo","categoryName","markings","onMarkingToggle","headingId","useId","maxVisible","hasOverflow","length","visibleMarkings","slice","overflowMarkings","gridItemCount","hasActiveOverflow","some","m","selectionState","createElement","className","categoryGroup","role","id","markingGrid","map","marking","MarkingButtonItem","key","label","disabled","onToggle","Array","from","_","i","emptyCell","handleToggle","useCallback"],"sources":["CategoryMarkingGroup.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 React from \"react\";\nimport type { MarkingSelectionState } from \"../types.js\";\nimport styles from \"./CategoryMarkingGroup.module.css\";\nimport { MarkingButton } from \"./MarkingButton.js\";\nimport { OverflowButton } from \"./OverflowButton.js\";\nimport { isImplied } from \"./selectionStateHelpers.js\";\n\nconst GRID_COLUMNS = 4;\nconst VISIBLE_ROWS = 3;\n\nexport interface CategoryMarkingGroupProps {\n categoryName: string;\n markings: ReadonlyArray<{\n id: string;\n label: string;\n selectionState: MarkingSelectionState;\n disabled?: boolean;\n }>;\n onMarkingToggle: (markingId: string) => void;\n}\n\nexport const CategoryMarkingGroup: React.MemoExoticComponent<\n (props: CategoryMarkingGroupProps) => React.ReactElement\n> = React.memo(function CategoryMarkingGroup({\n categoryName,\n markings,\n onMarkingToggle,\n}: CategoryMarkingGroupProps): React.ReactElement {\n const headingId = React.useId();\n\n const maxVisible = GRID_COLUMNS * VISIBLE_ROWS;\n const hasOverflow = markings.length > maxVisible;\n const visibleMarkings = hasOverflow\n ? markings.slice(0, maxVisible - 1)\n : markings;\n const overflowMarkings = hasOverflow\n ? markings.slice(maxVisible - 1)\n : [];\n\n const gridItemCount = hasOverflow\n ? visibleMarkings.length + 1\n : visibleMarkings.length;\n const emptyCellCount = (GRID_COLUMNS - (gridItemCount % GRID_COLUMNS))\n % GRID_COLUMNS;\n\n const hasActiveOverflow = overflowMarkings.some(\n (m) => m.selectionState === \"SELECTED\" || isImplied(m.selectionState),\n );\n\n return (\n <div\n className={styles.categoryGroup}\n role=\"group\"\n aria-labelledby={headingId}\n >\n <h3 id={headingId} className={styles.categoryName}>{categoryName}</h3>\n <div className={styles.markingGrid}>\n {visibleMarkings.map((marking) => (\n <MarkingButtonItem\n key={marking.id}\n id={marking.id}\n label={marking.label}\n selectionState={marking.selectionState}\n disabled={marking.disabled}\n onToggle={onMarkingToggle}\n />\n ))}\n {hasOverflow && (\n <OverflowButton\n overflowMarkings={overflowMarkings}\n hasActiveOverflow={hasActiveOverflow}\n onMarkingToggle={onMarkingToggle}\n />\n )}\n {Array.from({ length: emptyCellCount }, (_, i) => (\n <div\n key={`empty-${i}`}\n className={styles.emptyCell}\n />\n ))}\n </div>\n </div>\n );\n});\n\ninterface MarkingButtonItemProps {\n id: string;\n label: string;\n selectionState: MarkingSelectionState;\n disabled?: boolean;\n onToggle: (markingId: string) => void;\n}\n\nconst MarkingButtonItem = React.memo(function MarkingButtonItem({\n id,\n label,\n selectionState,\n disabled,\n onToggle,\n}: MarkingButtonItemProps): React.ReactElement {\n const handleToggle = React.useCallback(() => {\n onToggle(id);\n }, [onToggle, id]);\n\n return (\n <MarkingButton\n label={label}\n selectionState={selectionState}\n onToggle={handleToggle}\n disabled={disabled}\n />\n );\n});\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,44 @@
1
+ /*
2
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+
17
+ .categoryGroup {
18
+ display: flex;
19
+ flex-direction: column;
20
+ gap: var(--osdk-cbac-marking-button-gap);
21
+ }
22
+
23
+ .categoryName {
24
+ font-size: var(--osdk-cbac-picker-category-title-font-size);
25
+ font-weight: var(--osdk-cbac-picker-category-title-font-weight);
26
+ color: var(--osdk-cbac-picker-category-title-color);
27
+ letter-spacing: var(--osdk-cbac-picker-category-title-letter-spacing);
28
+ margin: 0;
29
+ }
30
+
31
+ .markingGrid {
32
+ display: grid;
33
+ grid-template-columns: repeat(
34
+ var(--osdk-cbac-picker-marking-grid-columns),
35
+ 1fr
36
+ );
37
+ border-top: 1px solid var(--osdk-cbac-picker-marking-grid-border-color);
38
+ border-left: 1px solid var(--osdk-cbac-picker-marking-grid-border-color);
39
+ }
40
+
41
+ .emptyCell {
42
+ border-right: 1px solid var(--osdk-cbac-marking-button-border-color-default);
43
+ border-bottom: 1px solid var(--osdk-cbac-marking-button-border-color-default);
44
+ }
@@ -0,0 +1,9 @@
1
+ // CSS Module proxy for CategoryMarkingGroup.module.css
2
+ const styles = {
3
+ "categoryGroup": "CategoryMarkingGroup-module__categoryGroup___YLFH-t86",
4
+ "categoryName": "CategoryMarkingGroup-module__categoryName___7n2BZ6EY",
5
+ "markingGrid": "CategoryMarkingGroup-module__markingGrid___1y6ahlKa",
6
+ "emptyCell": "CategoryMarkingGroup-module__emptyCell___ByBo51l5"
7
+ };
8
+
9
+ export default styles;
@@ -0,0 +1,32 @@
1
+ /*
2
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+
17
+ import { InfoSign } from "@blueprintjs/icons";
18
+ import classnames from "classnames";
19
+ import React from "react";
20
+ import styles from "./InfoBanner.module.css.js";
21
+ export function InfoBanner({
22
+ message,
23
+ className
24
+ }) {
25
+ return /*#__PURE__*/React.createElement("div", {
26
+ className: classnames(styles.infoBanner, className)
27
+ }, /*#__PURE__*/React.createElement(InfoSign, {
28
+ className: styles.icon,
29
+ size: 14
30
+ }), /*#__PURE__*/React.createElement("span", null, message));
31
+ }
32
+ //# sourceMappingURL=InfoBanner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InfoBanner.js","names":["InfoSign","classnames","React","styles","InfoBanner","message","className","createElement","infoBanner","icon","size"],"sources":["InfoBanner.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 { InfoSign } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React from \"react\";\nimport styles from \"./InfoBanner.module.css\";\n\nexport interface InfoBannerProps {\n message: string;\n className?: string;\n}\n\nexport function InfoBanner({\n message,\n className,\n}: InfoBannerProps): React.ReactElement {\n return (\n <div className={classnames(styles.infoBanner, className)}>\n <InfoSign className={styles.icon} size={14} />\n <span>{message}</span>\n </div>\n );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,oBAAoB;AAC7C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,yBAAyB;AAO5C,OAAO,SAASC,UAAUA,CAAC;EACzBC,OAAO;EACPC;AACe,CAAC,EAAsB;EACtC,oBACEJ,KAAA,CAAAK,aAAA;IAAKD,SAAS,EAAEL,UAAU,CAACE,MAAM,CAACK,UAAU,EAAEF,SAAS;EAAE,gBACvDJ,KAAA,CAAAK,aAAA,CAACP,QAAQ;IAACM,SAAS,EAAEH,MAAM,CAACM,IAAK;IAACC,IAAI,EAAE;EAAG,CAAE,CAAC,eAC9CR,KAAA,CAAAK,aAAA,eAAOF,OAAc,CAClB,CAAC;AAEV","ignoreList":[]}
@@ -0,0 +1,30 @@
1
+ /*
2
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+
17
+ .infoBanner {
18
+ display: flex;
19
+ align-items: center;
20
+ gap: calc(var(--osdk-surface-spacing) * 1.5);
21
+ padding: var(--osdk-cbac-info-banner-padding);
22
+ background: var(--osdk-cbac-info-banner-bg);
23
+ color: var(--osdk-cbac-info-banner-color);
24
+ font-size: var(--osdk-cbac-info-banner-font-size);
25
+ border-radius: var(--osdk-cbac-info-banner-border-radius);
26
+ }
27
+
28
+ .icon {
29
+ flex-shrink: 0;
30
+ }
@@ -0,0 +1,7 @@
1
+ // CSS Module proxy for InfoBanner.module.css
2
+ const styles = {
3
+ "infoBanner": "InfoBanner-module__infoBanner___UqeHvalP",
4
+ "icon": "InfoBanner-module__icon___Pl0HKY0f"
5
+ };
6
+
7
+ export default styles;
@@ -0,0 +1,42 @@
1
+ /*
2
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+
17
+ import { Button } from "@base-ui/react/button";
18
+ import classnames from "classnames";
19
+ import React from "react";
20
+ import styles from "./MarkingButton.module.css.js";
21
+ import { getDisplayLabel, isDisallowed } from "./selectionStateHelpers.js";
22
+ const selectionStateClassMap = {
23
+ SELECTED: styles.selected,
24
+ IMPLIED: styles.implied,
25
+ DISALLOWED: styles.disallowed,
26
+ IMPLIED_DISALLOWED: styles.impliedDisallowed,
27
+ NONE: undefined
28
+ };
29
+ export function MarkingButton({
30
+ label,
31
+ selectionState,
32
+ onToggle,
33
+ disabled
34
+ }) {
35
+ return /*#__PURE__*/React.createElement(Button, {
36
+ className: classnames(styles.markingButton, selectionStateClassMap[selectionState]),
37
+ onClick: onToggle,
38
+ disabled: disabled ?? isDisallowed(selectionState),
39
+ "aria-pressed": selectionState === "SELECTED" || selectionState === "IMPLIED"
40
+ }, getDisplayLabel(label, selectionState));
41
+ }
42
+ //# sourceMappingURL=MarkingButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MarkingButton.js","names":["Button","classnames","React","styles","getDisplayLabel","isDisallowed","selectionStateClassMap","SELECTED","selected","IMPLIED","implied","DISALLOWED","disallowed","IMPLIED_DISALLOWED","impliedDisallowed","NONE","undefined","MarkingButton","label","selectionState","onToggle","disabled","createElement","className","markingButton","onClick"],"sources":["MarkingButton.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 classnames from \"classnames\";\nimport React from \"react\";\nimport type { MarkingSelectionState } from \"../types.js\";\nimport styles from \"./MarkingButton.module.css\";\nimport { getDisplayLabel, isDisallowed } from \"./selectionStateHelpers.js\";\n\nexport interface MarkingButtonProps {\n label: string;\n selectionState: MarkingSelectionState;\n onToggle: () => void;\n disabled?: boolean;\n}\n\nconst selectionStateClassMap: Record<\n MarkingSelectionState,\n string | undefined\n> = {\n SELECTED: styles.selected,\n IMPLIED: styles.implied,\n DISALLOWED: styles.disallowed,\n IMPLIED_DISALLOWED: styles.impliedDisallowed,\n NONE: undefined,\n};\n\nexport function MarkingButton({\n label,\n selectionState,\n onToggle,\n disabled,\n}: MarkingButtonProps): React.ReactElement {\n return (\n <Button\n className={classnames(\n styles.markingButton,\n selectionStateClassMap[selectionState],\n )}\n onClick={onToggle}\n disabled={disabled ?? isDisallowed(selectionState)}\n aria-pressed={selectionState === \"SELECTED\"\n || selectionState === \"IMPLIED\"}\n >\n {getDisplayLabel(label, selectionState)}\n </Button>\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,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,4BAA4B;AAC/C,SAASC,eAAe,EAAEC,YAAY,QAAQ,4BAA4B;AAS1E,MAAMC,sBAGL,GAAG;EACFC,QAAQ,EAAEJ,MAAM,CAACK,QAAQ;EACzBC,OAAO,EAAEN,MAAM,CAACO,OAAO;EACvBC,UAAU,EAAER,MAAM,CAACS,UAAU;EAC7BC,kBAAkB,EAAEV,MAAM,CAACW,iBAAiB;EAC5CC,IAAI,EAAEC;AACR,CAAC;AAED,OAAO,SAASC,aAAaA,CAAC;EAC5BC,KAAK;EACLC,cAAc;EACdC,QAAQ;EACRC;AACkB,CAAC,EAAsB;EACzC,oBACEnB,KAAA,CAAAoB,aAAA,CAACtB,MAAM;IACLuB,SAAS,EAAEtB,UAAU,CACnBE,MAAM,CAACqB,aAAa,EACpBlB,sBAAsB,CAACa,cAAc,CACvC,CAAE;IACFM,OAAO,EAAEL,QAAS;IAClBC,QAAQ,EAAEA,QAAQ,IAAIhB,YAAY,CAACc,cAAc,CAAE;IACnD,gBAAcA,cAAc,KAAK,UAAU,IACtCA,cAAc,KAAK;EAAU,GAEjCf,eAAe,CAACc,KAAK,EAAEC,cAAc,CAChC,CAAC;AAEb","ignoreList":[]}
@@ -0,0 +1,76 @@
1
+ /*
2
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+
17
+ .markingButton {
18
+ display: inline-flex;
19
+ align-items: center;
20
+ justify-content: center;
21
+ text-align: center;
22
+ padding: var(--osdk-cbac-marking-button-padding);
23
+ border-radius: var(--osdk-cbac-marking-button-border-radius);
24
+ font-size: var(--osdk-cbac-marking-button-font-size);
25
+ font-family: inherit;
26
+ cursor: pointer;
27
+ border: none;
28
+ border-right: 1px solid var(--osdk-cbac-marking-button-border-color-default);
29
+ border-bottom: 1px solid var(--osdk-cbac-marking-button-border-color-default);
30
+ color: var(--osdk-cbac-marking-button-color-default);
31
+ background: var(--osdk-cbac-marking-button-bg-default);
32
+ transition: background var(--osdk-emphasis-transition-duration)
33
+ var(--osdk-emphasis-ease-default),
34
+ border-color var(--osdk-emphasis-transition-duration)
35
+ var(--osdk-emphasis-ease-default),
36
+ color var(--osdk-emphasis-transition-duration)
37
+ var(--osdk-emphasis-ease-default);
38
+ }
39
+
40
+ .markingButton:hover:not(:disabled):not(.disallowed):not(.impliedDisallowed) {
41
+ background: var(--osdk-surface-background-color-default-hover);
42
+ }
43
+
44
+ .selected {
45
+ color: var(--osdk-cbac-marking-button-color-selected);
46
+ background: var(--osdk-cbac-marking-button-bg-selected);
47
+ border-color: var(--osdk-cbac-marking-button-border-color-selected);
48
+ }
49
+
50
+ .selected:hover:not(:disabled) {
51
+ background: var(--osdk-intent-primary-hover);
52
+ }
53
+
54
+ .implied {
55
+ color: var(--osdk-cbac-marking-button-color-implied);
56
+ background: var(--osdk-cbac-marking-button-bg-implied);
57
+ border-color: var(--osdk-cbac-marking-button-border-color-implied);
58
+ }
59
+
60
+ .disallowed,
61
+ .impliedDisallowed {
62
+ color: var(--osdk-cbac-marking-button-color-disallowed);
63
+ background: var(--osdk-cbac-marking-button-bg-disallowed);
64
+ border-color: var(--osdk-cbac-marking-button-border-color-disallowed);
65
+ cursor: not-allowed;
66
+ opacity: var(--osdk-cbac-disabled-opacity);
67
+ }
68
+
69
+ .markingButton:focus-visible {
70
+ outline: var(--osdk-focus-outline);
71
+ outline-offset: var(--osdk-focus-visible-outline-offset);
72
+ }
73
+
74
+ .markingButton:disabled {
75
+ cursor: not-allowed;
76
+ }
@@ -0,0 +1,10 @@
1
+ // CSS Module proxy for MarkingButton.module.css
2
+ const styles = {
3
+ "markingButton": "MarkingButton-module__markingButton___Ra7r3hu1",
4
+ "disallowed": "MarkingButton-module__disallowed___gqq-bTvz",
5
+ "impliedDisallowed": "MarkingButton-module__impliedDisallowed___cpzuUIxC",
6
+ "selected": "MarkingButton-module__selected___HC8AEwJx",
7
+ "implied": "MarkingButton-module__implied___dIs7pIKM"
8
+ };
9
+
10
+ export default styles;
@@ -0,0 +1,50 @@
1
+ /*
2
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+
17
+ import { Button } from "@base-ui/react/button";
18
+ import { Popover } from "@base-ui/react/popover";
19
+ import classnames from "classnames";
20
+ import React from "react";
21
+ import styles from "./OverflowButton.module.css.js";
22
+ import { OverflowItem } from "./OverflowItem.js";
23
+ export function OverflowButton({
24
+ overflowMarkings,
25
+ hasActiveOverflow,
26
+ onMarkingToggle
27
+ }) {
28
+ const [open, setOpen] = React.useState(false);
29
+ return /*#__PURE__*/React.createElement(Popover.Root, {
30
+ open: open,
31
+ onOpenChange: setOpen
32
+ }, /*#__PURE__*/React.createElement(Popover.Trigger, {
33
+ render: /*#__PURE__*/React.createElement(Button, {
34
+ className: classnames(styles.moreButton, hasActiveOverflow && styles.moreButtonActive)
35
+ }, "+", overflowMarkings.length, " more")
36
+ }), /*#__PURE__*/React.createElement(Popover.Portal, null, /*#__PURE__*/React.createElement(Popover.Positioner, {
37
+ side: "bottom",
38
+ align: "start"
39
+ }, /*#__PURE__*/React.createElement(Popover.Popup, {
40
+ className: styles.overflowList
41
+ }, overflowMarkings.map(marking => /*#__PURE__*/React.createElement(OverflowItem, {
42
+ key: marking.id,
43
+ id: marking.id,
44
+ label: marking.label,
45
+ selectionState: marking.selectionState,
46
+ disabled: marking.disabled,
47
+ onToggle: onMarkingToggle
48
+ }))))));
49
+ }
50
+ //# sourceMappingURL=OverflowButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OverflowButton.js","names":["Button","Popover","classnames","React","styles","OverflowItem","OverflowButton","overflowMarkings","hasActiveOverflow","onMarkingToggle","open","setOpen","useState","createElement","Root","onOpenChange","Trigger","render","className","moreButton","moreButtonActive","length","Portal","Positioner","side","align","Popup","overflowList","map","marking","key","id","label","selectionState","disabled","onToggle"],"sources":["OverflowButton.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 { Popover } from \"@base-ui/react/popover\";\nimport classnames from \"classnames\";\nimport React from \"react\";\nimport type { MarkingSelectionState } from \"../types.js\";\nimport styles from \"./OverflowButton.module.css\";\nimport { OverflowItem } from \"./OverflowItem.js\";\n\nexport interface OverflowButtonProps {\n overflowMarkings: ReadonlyArray<{\n id: string;\n label: string;\n selectionState: MarkingSelectionState;\n disabled?: boolean;\n }>;\n hasActiveOverflow: boolean;\n onMarkingToggle: (markingId: string) => void;\n}\n\nexport function OverflowButton({\n overflowMarkings,\n hasActiveOverflow,\n onMarkingToggle,\n}: OverflowButtonProps): React.ReactElement {\n const [open, setOpen] = React.useState(false);\n\n return (\n <Popover.Root open={open} onOpenChange={setOpen}>\n <Popover.Trigger\n render={\n <Button\n className={classnames(\n styles.moreButton,\n hasActiveOverflow && styles.moreButtonActive,\n )}\n >\n +{overflowMarkings.length} more\n </Button>\n }\n />\n <Popover.Portal>\n <Popover.Positioner side=\"bottom\" align=\"start\">\n <Popover.Popup className={styles.overflowList}>\n {overflowMarkings.map((marking) => (\n <OverflowItem\n key={marking.id}\n id={marking.id}\n label={marking.label}\n selectionState={marking.selectionState}\n disabled={marking.disabled}\n onToggle={onMarkingToggle}\n />\n ))}\n </Popover.Popup>\n </Popover.Positioner>\n </Popover.Portal>\n </Popover.Root>\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,OAAO,QAAQ,wBAAwB;AAChD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,6BAA6B;AAChD,SAASC,YAAY,QAAQ,mBAAmB;AAahD,OAAO,SAASC,cAAcA,CAAC;EAC7BC,gBAAgB;EAChBC,iBAAiB;EACjBC;AACmB,CAAC,EAAsB;EAC1C,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGR,KAAK,CAACS,QAAQ,CAAC,KAAK,CAAC;EAE7C,oBACET,KAAA,CAAAU,aAAA,CAACZ,OAAO,CAACa,IAAI;IAACJ,IAAI,EAAEA,IAAK;IAACK,YAAY,EAAEJ;EAAQ,gBAC9CR,KAAA,CAAAU,aAAA,CAACZ,OAAO,CAACe,OAAO;IACdC,MAAM,eACJd,KAAA,CAAAU,aAAA,CAACb,MAAM;MACLkB,SAAS,EAAEhB,UAAU,CACnBE,MAAM,CAACe,UAAU,EACjBX,iBAAiB,IAAIJ,MAAM,CAACgB,gBAC9B;IAAE,GACH,GACE,EAACb,gBAAgB,CAACc,MAAM,EAAC,OACpB;EACT,CACF,CAAC,eACFlB,KAAA,CAAAU,aAAA,CAACZ,OAAO,CAACqB,MAAM,qBACbnB,KAAA,CAAAU,aAAA,CAACZ,OAAO,CAACsB,UAAU;IAACC,IAAI,EAAC,QAAQ;IAACC,KAAK,EAAC;EAAO,gBAC7CtB,KAAA,CAAAU,aAAA,CAACZ,OAAO,CAACyB,KAAK;IAACR,SAAS,EAAEd,MAAM,CAACuB;EAAa,GAC3CpB,gBAAgB,CAACqB,GAAG,CAAEC,OAAO,iBAC5B1B,KAAA,CAAAU,aAAA,CAACR,YAAY;IACXyB,GAAG,EAAED,OAAO,CAACE,EAAG;IAChBA,EAAE,EAAEF,OAAO,CAACE,EAAG;IACfC,KAAK,EAAEH,OAAO,CAACG,KAAM;IACrBC,cAAc,EAAEJ,OAAO,CAACI,cAAe;IACvCC,QAAQ,EAAEL,OAAO,CAACK,QAAS;IAC3BC,QAAQ,EAAE1B;EAAgB,CAC3B,CACF,CACY,CACG,CACN,CACJ,CAAC;AAEnB","ignoreList":[]}
@@ -0,0 +1,57 @@
1
+ /*
2
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+
17
+ .moreButton {
18
+ display: inline-flex;
19
+ align-items: center;
20
+ justify-content: center;
21
+ text-align: center;
22
+ padding: var(--osdk-cbac-overflow-button-padding);
23
+ font-size: var(--osdk-cbac-overflow-button-font-size);
24
+ font-family: inherit;
25
+ cursor: pointer;
26
+ border: none;
27
+ border-right: 1px solid var(--osdk-cbac-marking-button-border-color-default);
28
+ border-bottom: 1px solid var(--osdk-cbac-marking-button-border-color-default);
29
+ color: var(--osdk-cbac-marking-button-color-default);
30
+ background: var(--osdk-cbac-marking-button-bg-default);
31
+ font-weight: var(--osdk-typography-weight-bold);
32
+ }
33
+
34
+ .moreButton:hover {
35
+ background: var(--osdk-surface-background-color-default-hover);
36
+ }
37
+
38
+ .moreButton:focus-visible {
39
+ outline: var(--osdk-focus-outline);
40
+ outline-offset: var(--osdk-focus-visible-outline-offset);
41
+ }
42
+
43
+ .moreButtonActive {
44
+ color: var(--osdk-intent-primary-rest);
45
+ }
46
+
47
+ .overflowList {
48
+ display: flex;
49
+ flex-direction: column;
50
+ max-height: var(--osdk-cbac-overflow-list-max-height);
51
+ overflow-y: auto;
52
+ padding: calc(var(--osdk-surface-spacing) * 0.5);
53
+ background: var(--osdk-surface-background-color-default);
54
+ border: 1px solid var(--osdk-surface-border-color-default);
55
+ border-radius: var(--osdk-surface-border-radius);
56
+ box-shadow: var(--osdk-surface-elevation-2);
57
+ }
@@ -0,0 +1,8 @@
1
+ // CSS Module proxy for OverflowButton.module.css
2
+ const styles = {
3
+ "moreButton": "OverflowButton-module__moreButton___cpjbpYWQ",
4
+ "moreButtonActive": "OverflowButton-module__moreButtonActive___zNMk3W-5",
5
+ "overflowList": "OverflowButton-module__overflowList___7llfP4BH"
6
+ };
7
+
8
+ export default styles;
@@ -0,0 +1,42 @@
1
+ /*
2
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+
17
+ import { Button } from "@base-ui/react/button";
18
+ import classnames from "classnames";
19
+ import React from "react";
20
+ import styles from "./OverflowItem.module.css.js";
21
+ import { getDisplayLabel, isDisallowed, isImplied } from "./selectionStateHelpers.js";
22
+ export const OverflowItem = /*#__PURE__*/React.memo(function ({
23
+ id,
24
+ label,
25
+ selectionState,
26
+ disabled,
27
+ onToggle
28
+ }) {
29
+ const handleClick = React.useCallback(() => {
30
+ onToggle(id);
31
+ }, [onToggle, id]);
32
+ const disallowed = isDisallowed(selectionState);
33
+ const isSelected = selectionState === "SELECTED";
34
+ const implied = isImplied(selectionState);
35
+ return /*#__PURE__*/React.createElement(Button, {
36
+ className: classnames(styles.overflowItem, (isSelected || implied) && styles.overflowItemSelected, disallowed && styles.overflowItemDisabled),
37
+ onClick: handleClick,
38
+ disabled: disabled ?? disallowed,
39
+ "aria-pressed": isSelected || implied
40
+ }, getDisplayLabel(label, selectionState));
41
+ });
42
+ //# sourceMappingURL=OverflowItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OverflowItem.js","names":["Button","classnames","React","styles","getDisplayLabel","isDisallowed","isImplied","OverflowItem","memo","id","label","selectionState","disabled","onToggle","handleClick","useCallback","disallowed","isSelected","implied","createElement","className","overflowItem","overflowItemSelected","overflowItemDisabled","onClick"],"sources":["OverflowItem.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 classnames from \"classnames\";\nimport React from \"react\";\nimport type { MarkingSelectionState } from \"../types.js\";\nimport styles from \"./OverflowItem.module.css\";\nimport {\n getDisplayLabel,\n isDisallowed,\n isImplied,\n} from \"./selectionStateHelpers.js\";\n\nexport interface OverflowItemProps {\n id: string;\n label: string;\n selectionState: MarkingSelectionState;\n disabled?: boolean;\n onToggle: (markingId: string) => void;\n}\n\nexport const OverflowItem: React.MemoExoticComponent<\n (props: OverflowItemProps) => React.ReactElement\n> = React.memo(function OverflowItem({\n id,\n label,\n selectionState,\n disabled,\n onToggle,\n}: OverflowItemProps): React.ReactElement {\n const handleClick = React.useCallback(() => {\n onToggle(id);\n }, [onToggle, id]);\n\n const disallowed = isDisallowed(selectionState);\n const isSelected = selectionState === \"SELECTED\";\n const implied = isImplied(selectionState);\n\n return (\n <Button\n className={classnames(\n styles.overflowItem,\n (isSelected || implied) && styles.overflowItemSelected,\n disallowed && styles.overflowItemDisabled,\n )}\n onClick={handleClick}\n disabled={disabled ?? disallowed}\n aria-pressed={isSelected || implied}\n >\n {getDisplayLabel(label, selectionState)}\n </Button>\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,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,SACEC,eAAe,EACfC,YAAY,EACZC,SAAS,QACJ,4BAA4B;AAUnC,OAAO,MAAMC,YAEZ,gBAAGL,KAAK,CAACM,IAAI,CAAC,UAAsB;EACnCC,EAAE;EACFC,KAAK;EACLC,cAAc;EACdC,QAAQ;EACRC;AACiB,CAAC,EAAsB;EACxC,MAAMC,WAAW,GAAGZ,KAAK,CAACa,WAAW,CAAC,MAAM;IAC1CF,QAAQ,CAACJ,EAAE,CAAC;EACd,CAAC,EAAE,CAACI,QAAQ,EAAEJ,EAAE,CAAC,CAAC;EAElB,MAAMO,UAAU,GAAGX,YAAY,CAACM,cAAc,CAAC;EAC/C,MAAMM,UAAU,GAAGN,cAAc,KAAK,UAAU;EAChD,MAAMO,OAAO,GAAGZ,SAAS,CAACK,cAAc,CAAC;EAEzC,oBACET,KAAA,CAAAiB,aAAA,CAACnB,MAAM;IACLoB,SAAS,EAAEnB,UAAU,CACnBE,MAAM,CAACkB,YAAY,EACnB,CAACJ,UAAU,IAAIC,OAAO,KAAKf,MAAM,CAACmB,oBAAoB,EACtDN,UAAU,IAAIb,MAAM,CAACoB,oBACvB,CAAE;IACFC,OAAO,EAAEV,WAAY;IACrBF,QAAQ,EAAEA,QAAQ,IAAII,UAAW;IACjC,gBAAcC,UAAU,IAAIC;EAAQ,GAEnCd,eAAe,CAACM,KAAK,EAAEC,cAAc,CAChC,CAAC;AAEb,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,51 @@
1
+ /*
2
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+
17
+ .overflowItem {
18
+ display: flex;
19
+ align-items: center;
20
+ width: 100%;
21
+ text-align: left;
22
+ padding: var(--osdk-surface-spacing)
23
+ calc(var(--osdk-surface-spacing) * 1.5);
24
+ font-size: var(--osdk-cbac-overflow-button-font-size);
25
+ font-family: inherit;
26
+ cursor: pointer;
27
+ border: none;
28
+ border-radius: var(--osdk-surface-border-radius);
29
+ color: var(--osdk-cbac-marking-button-color-default);
30
+ background: transparent;
31
+ }
32
+
33
+ .overflowItem:hover:not(:disabled) {
34
+ background: var(--osdk-surface-background-color-default-hover);
35
+ }
36
+
37
+ .overflowItem:focus-visible {
38
+ outline: var(--osdk-focus-outline);
39
+ outline-offset: var(--osdk-focus-visible-outline-offset);
40
+ }
41
+
42
+ .overflowItemSelected {
43
+ color: var(--osdk-intent-primary-rest);
44
+ font-weight: var(--osdk-typography-weight-bold);
45
+ }
46
+
47
+ .overflowItemDisabled {
48
+ color: var(--osdk-cbac-marking-button-color-disallowed);
49
+ cursor: not-allowed;
50
+ opacity: var(--osdk-cbac-disabled-opacity);
51
+ }
@@ -0,0 +1,8 @@
1
+ // CSS Module proxy for OverflowItem.module.css
2
+ const styles = {
3
+ "overflowItem": "OverflowItem-module__overflowItem___VAefeIsF",
4
+ "overflowItemSelected": "OverflowItem-module__overflowItemSelected___5UNc9Ql9",
5
+ "overflowItemDisabled": "OverflowItem-module__overflowItemDisabled___UKHy9SIU"
6
+ };
7
+
8
+ export default styles;