@osdk/react-components 0.2.0-beta.24 → 0.2.0-beta.25

package/build/cjs/public/experimental.css

@@ -2600,6 +2600,21 @@
   pointer-events: none;
   z-index: 3;
 }
+.annotationGroup {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+}
+.annotationGroup:focus-visible {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+.annotationGroup .annotation {
+  pointer-events: auto;
+}
 .annotation {
   position: absolute;
   pointer-events: auto;
@@ -2642,7 +2657,7 @@
   display: flex;
   flex-direction: column;
   background-color: var(--osdk-pdf-viewer-sidebar-bg);
-  border-right: 1px solid var(--osdk-pdf-viewer-sidebar-border);
+  border-right: var(--osdk-pdf-viewer-sidebar-border);
   overflow: hidden;
 }
 .scrollContainer {
@@ -2726,7 +2741,7 @@
   align-items: center;
   gap: var(--osdk-spacing-2xs, 2px);
   padding: var(--osdk-spacing-2xs, 2px);
-  border: 1px solid var(--osdk-surface-border-color, rgba(0, 0, 0, 0.15));
+  border: none;
   border-radius: var(--osdk-surface-border-radius);
   background-color: var(--osdk-surface-background-color, transparent);
 }
@@ -2828,7 +2843,7 @@
   display: flex;
   flex-direction: column;
   background-color: var(--osdk-pdf-viewer-sidebar-bg);
-  border-right: 1px solid var(--osdk-pdf-viewer-sidebar-border);
+  border-right: var(--osdk-pdf-viewer-sidebar-border);
   overflow: hidden;
 }
 .scrollContainer {
@@ -2929,6 +2944,10 @@
   opacity: 0.5;
   cursor: default;
 }
+.toolbarButtonActive {
+  background-color: var(--osdk-surface-background-color-default-active);
+  color: var(--osdk-typography-color-default-rest);
+}
 .pageInput {
   width: 48px;
   text-align: center;
@@ -3250,8 +3269,66 @@
   height: var(--osdk-datetime-calendar-fallback-height);
 }
 
-/* src/action-form/fields/TextInputField.module.css */
-.osdkTextInput {
+/* src/action-form/fields/RadioButtonsField.module.css */
+.osdkRadioGroup {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-radio-gap);
+}
+.osdkRadioItem {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-radio-item-gap);
+}
+.osdkRadioRoot {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--osdk-radio-size);
+  height: var(--osdk-radio-size);
+  border-radius: 50%;
+  border: var(--osdk-radio-border);
+  cursor: pointer;
+  flex-shrink: 0;
+  &[data-unchecked] {
+    background-color: var(--osdk-radio-bg);
+    &:hover {
+      background-color: var(--osdk-radio-bg-hover);
+    }
+  }
+  &[data-checked] {
+    background-color: var(--osdk-radio-bg-checked);
+    &:hover {
+      background-color: var(--osdk-radio-bg-checked-hover);
+    }
+    &:active {
+      background-color: var(--osdk-radio-bg-checked-active);
+    }
+  }
+  &:focus-visible {
+    outline: var(--osdk-focus-outline);
+    outline-offset: calc(-1 * var(--osdk-focus-visible-outline-offset));
+  }
+}
+.osdkRadioIndicator {
+  width: var(--osdk-radio-indicator-size);
+  height: var(--osdk-radio-indicator-size);
+  border-radius: 50%;
+  background-color: var(--osdk-radio-indicator-color);
+  &[data-unchecked] {
+    display: none;
+  }
+}
+.osdkRadioLabel {
+  font-family: var(--osdk-typography-font-family);
+  font-size: var(--osdk-typography-font-size-default);
+  line-height: var(--osdk-typography-line-height-default);
+  color: var(--osdk-typography-color-default);
+  cursor: pointer;
+}
+
+/* src/action-form/fields/BaseInput.module.css */
+.osdkBaseInput {
   display: block;
   width: 100%;
   min-height: var(--osdk-input-min-height);