@osdk/react-components-styles 0.3.0-main-20260408142652 → 0.3.0-main-20260408215622

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/CHANGELOG.md +2 -1
  2. package/package.json +1 -1
  3. package/src/index.css +1 -0
  4. package/src/tokens/cbac-picker.css +4 -2
  5. package/src/tokens/object-set.css +21 -0
package/CHANGELOG.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @osdk/react-components-styles
2
2
 
3
- ## 0.3.0-main-20260408142652
3
+ ## 0.3.0-main-20260408215622
4
4
 
5
5
  ### Minor Changes
6
6
 
@@ -8,6 +8,7 @@
8
8
 
9
9
  ### Patch Changes
10
10
 
11
+ - 86d0bce: Add ObjectSetField component for action forms
11
12
  - 79b001e: Add FilePickerField component for attachment and media reference form fields
12
13
  - b2b512e: Address FilePickerField PR review comments: memoize computed values, add aria-label, rename CSS token, add keyboard interaction tests
13
14
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@osdk/react-components-styles",
3
- "version": "0.3.0-main-20260408142652",
3
+ "version": "0.3.0-main-20260408215622",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",
package/src/index.css CHANGED
@@ -14,5 +14,6 @@
14
14
  @import "./tokens/tooltip.css";
15
15
  @import "./tokens/datetime-picker.css";
16
16
  @import "./tokens/pdf-viewer.css";
17
+ @import "./tokens/object-set.css";
17
18
  @import "./tokens/radio.css";
18
19
  @import "./tokens/file-picker.css";
package/src/tokens/cbac-picker.css CHANGED
@@ -112,8 +112,10 @@
112
112
  --osdk-cbac-popover-pill-border-radius: var(--osdk-surface-border-radius);
113
113
 
114
114
  /* Popover Skeleton */
115
- --osdk-cbac-skeleton-bg: var(--osdk-surface-background-color-default-hover);
116
- --osdk-cbac-skeleton-border-radius: var(--osdk-surface-border-radius);
115
+ --osdk-cbac-skeleton-pill-width: 120px;
116
+ --osdk-cbac-skeleton-pill-height: 24px;
117
+ --osdk-cbac-skeleton-line-height: 16px;
118
+ --osdk-cbac-skeleton-line-narrow-width: 80%;
117
119
 
118
120
  /* Popover Warning Callout */
119
121
  --osdk-cbac-warning-callout-bg: var(--osdk-intent-warning-subtle);
package/src/tokens/object-set.css ADDED
@@ -0,0 +1,21 @@
1
+ :root {
2
+ --osdk-object-set-gap: calc(var(--osdk-surface-spacing) * 2);
3
+ --osdk-object-set-min-height: 30px;
4
+ --osdk-object-set-padding: calc(var(--osdk-surface-spacing) * 1.5) 0;
5
+ --osdk-object-set-color: var(--osdk-typography-color-default-rest);
6
+ --osdk-object-set-placeholder-color: var(--osdk-typography-color-muted);
7
+ --osdk-object-set-font-family: var(--osdk-typography-family-default);
8
+ --osdk-object-set-font-size: var(--osdk-typography-size-body-medium);
9
+ --osdk-object-set-line-height: var(--osdk-typography-line-height-default);
10
+
11
+ /* Error state */
12
+ --osdk-object-set-error-color: var(--osdk-intent-danger-rest);
13
+
14
+ /* Icon skeleton */
15
+ --osdk-object-set-icon-skeleton-width: calc(var(--osdk-surface-spacing) * 4);
16
+
17
+ /* Label skeleton */
18
+ --osdk-object-set-label-skeleton-width: calc(
19
+ var(--osdk-surface-spacing) * 30
20
+ );
21
+ }