@osdk/react-components 0.30.0 → 0.30.1-main-c24b0cfe0a3dc2f97e32eb1060b9b76e8fd2201d

package/build/cjs/public/experimental/pdf-viewer.cjs

@@ -1,31 +1,31 @@
 'use strict';
 
-var chunkWFXVRAP6_cjs = require('../../chunk-WFXVRAP6.cjs');
+var chunkCSQXWD4M_cjs = require('../../chunk-CSQXWD4M.cjs');
 var chunkEZ56QDIG_cjs = require('../../chunk-EZ56QDIG.cjs');
-require('../../chunk-3S2GECDS.cjs');
+require('../../chunk-OAKML3W7.cjs');
 require('../../chunk-Q2W6GYRK.cjs');
 
 
 
 Object.defineProperty(exports, "PdfViewer", {
   enumerable: true,
-  get: function () { return chunkWFXVRAP6_cjs.PdfViewer; }
+  get: function () { return chunkCSQXWD4M_cjs.PdfViewer; }
 });
 Object.defineProperty(exports, "PdfViewerContent", {
   enumerable: true,
-  get: function () { return chunkWFXVRAP6_cjs.PdfViewerContent; }
+  get: function () { return chunkCSQXWD4M_cjs.PdfViewerContent; }
 });
 Object.defineProperty(exports, "PdfViewerProvider", {
   enumerable: true,
-  get: function () { return chunkWFXVRAP6_cjs.PdfViewerProvider; }
+  get: function () { return chunkCSQXWD4M_cjs.PdfViewerProvider; }
 });
 Object.defineProperty(exports, "usePdfViewerContext", {
   enumerable: true,
-  get: function () { return chunkWFXVRAP6_cjs.usePdfViewerContext; }
+  get: function () { return chunkCSQXWD4M_cjs.usePdfViewerContext; }
 });
 Object.defineProperty(exports, "usePdfViewerInstance", {
   enumerable: true,
-  get: function () { return chunkWFXVRAP6_cjs.usePdfViewerInstance; }
+  get: function () { return chunkCSQXWD4M_cjs.usePdfViewerInstance; }
 });
 Object.defineProperty(exports, "BasePdfViewer", {
   enumerable: true,

package/build/cjs/public/experimental/tiff-renderer.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkG3MN2D5B_cjs = require('../../chunk-G3MN2D5B.cjs');
+var chunkHMVOUGYK_cjs = require('../../chunk-HMVOUGYK.cjs');
 var chunkIISDOJPR_cjs = require('../../chunk-IISDOJPR.cjs');
 require('../../chunk-MVQKV5BJ.cjs');
-require('../../chunk-3S2GECDS.cjs');
+require('../../chunk-OAKML3W7.cjs');
 require('../../chunk-Q2W6GYRK.cjs');
 
 
 
 Object.defineProperty(exports, "TiffViewerMedia", {
   enumerable: true,
-  get: function () { return chunkG3MN2D5B_cjs.TiffViewerMedia; }
+  get: function () { return chunkHMVOUGYK_cjs.TiffViewerMedia; }
 });
 Object.defineProperty(exports, "TiffRenderer", {
   enumerable: true,

package/build/cjs/public/experimental/video-viewer.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkLPI7ZRNN_cjs = require('../../chunk-LPI7ZRNN.cjs');
+var chunkJZZH3VF2_cjs = require('../../chunk-JZZH3VF2.cjs');
 var chunkKHMOMROL_cjs = require('../../chunk-KHMOMROL.cjs');
 require('../../chunk-MVQKV5BJ.cjs');
-require('../../chunk-3S2GECDS.cjs');
+require('../../chunk-OAKML3W7.cjs');
 require('../../chunk-Q2W6GYRK.cjs');
 
 
 
 Object.defineProperty(exports, "VideoViewer", {
   enumerable: true,
-  get: function () { return chunkLPI7ZRNN_cjs.VideoViewer; }
+  get: function () { return chunkJZZH3VF2_cjs.VideoViewer; }
 });
 Object.defineProperty(exports, "BaseVideoViewer", {
   enumerable: true,

package/build/cjs/public/experimental/xml-viewer.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkJOGYZ6HK_cjs = require('../../chunk-JOGYZ6HK.cjs');
+var chunkELV6SPJQ_cjs = require('../../chunk-ELV6SPJQ.cjs');
 var chunkOUJQJQ7N_cjs = require('../../chunk-OUJQJQ7N.cjs');
 require('../../chunk-MVQKV5BJ.cjs');
-require('../../chunk-3S2GECDS.cjs');
+require('../../chunk-OAKML3W7.cjs');
 require('../../chunk-Q2W6GYRK.cjs');
 
 
 
 Object.defineProperty(exports, "XmlViewer", {
   enumerable: true,
-  get: function () { return chunkJOGYZ6HK_cjs.XmlViewer; }
+  get: function () { return chunkELV6SPJQ_cjs.XmlViewer; }
 });
 Object.defineProperty(exports, "BaseXmlViewer", {
   enumerable: true,

package/build/cjs/public/experimental.cjs

@@ -1,22 +1,22 @@
 'use strict';
 
-var chunkJOGYZ6HK_cjs = require('../chunk-JOGYZ6HK.cjs');
-var chunkU6O6YPTC_cjs = require('../chunk-U6O6YPTC.cjs');
-var chunkL57AHJFZ_cjs = require('../chunk-L57AHJFZ.cjs');
-var chunkP7TBU22H_cjs = require('../chunk-P7TBU22H.cjs');
-var chunkCW5XBBZE_cjs = require('../chunk-CW5XBBZE.cjs');
+var chunkELV6SPJQ_cjs = require('../chunk-ELV6SPJQ.cjs');
+var chunkWBNOAJLG_cjs = require('../chunk-WBNOAJLG.cjs');
+var chunkFGFEG4N6_cjs = require('../chunk-FGFEG4N6.cjs');
+var chunkXCKQWSXC_cjs = require('../chunk-XCKQWSXC.cjs');
+var chunkFNVSH5DQ_cjs = require('../chunk-FNVSH5DQ.cjs');
 require('../chunk-POHAXPLQ.cjs');
-var chunkWFXVRAP6_cjs = require('../chunk-WFXVRAP6.cjs');
+var chunkCSQXWD4M_cjs = require('../chunk-CSQXWD4M.cjs');
 var chunk2YA74OKB_cjs = require('../chunk-2YA74OKB.cjs');
-var chunkG3MN2D5B_cjs = require('../chunk-G3MN2D5B.cjs');
-var chunkLPI7ZRNN_cjs = require('../chunk-LPI7ZRNN.cjs');
-var chunkRBOSH7OQ_cjs = require('../chunk-RBOSH7OQ.cjs');
+var chunkHMVOUGYK_cjs = require('../chunk-HMVOUGYK.cjs');
+var chunkJZZH3VF2_cjs = require('../chunk-JZZH3VF2.cjs');
+var chunkKOBL7I7K_cjs = require('../chunk-KOBL7I7K.cjs');
 require('../chunk-JKNARBQW.cjs');
-require('../chunk-OUDNXCJY.cjs');
-require('../chunk-ILQKBQBD.cjs');
-require('../chunk-PS47WZ32.cjs');
-require('../chunk-RITT3EHD.cjs');
-var chunkNXANOER7_cjs = require('../chunk-NXANOER7.cjs');
+require('../chunk-44MSRB5M.cjs');
+require('../chunk-IXZKHEPZ.cjs');
+require('../chunk-XWT6S3FL.cjs');
+require('../chunk-XK4H7EHE.cjs');
+var chunkOV3Z5MRW_cjs = require('../chunk-OV3Z5MRW.cjs');
 var chunkZMAWPOG5_cjs = require('../chunk-ZMAWPOG5.cjs');
 require('../chunk-VFRZREZV.cjs');
 require('../chunk-C6IPNPMZ.cjs');
@@ -24,7 +24,7 @@ require('../chunk-DWNKXV5E.cjs');
 require('../chunk-HNBSGCSZ.cjs');
 require('../chunk-7LXS66DW.cjs');
 require('../chunk-MD4KDE44.cjs');
-var chunkUXCV37T2_cjs = require('../chunk-UXCV37T2.cjs');
+var chunkPSNDYSCM_cjs = require('../chunk-PSNDYSCM.cjs');
 var chunkOUJQJQ7N_cjs = require('../chunk-OUJQJQ7N.cjs');
 var chunkVOROB7KJ_cjs = require('../chunk-VOROB7KJ.cjs');
 var chunkIYJOHKJE_cjs = require('../chunk-IYJOHKJE.cjs');
@@ -32,123 +32,123 @@ var chunkEZ56QDIG_cjs = require('../chunk-EZ56QDIG.cjs');
 var chunkIISDOJPR_cjs = require('../chunk-IISDOJPR.cjs');
 var chunkKHMOMROL_cjs = require('../chunk-KHMOMROL.cjs');
 require('../chunk-UCTQICPR.cjs');
-var chunkWEDW5QSS_cjs = require('../chunk-WEDW5QSS.cjs');
+var chunk2ITZUS3H_cjs = require('../chunk-2ITZUS3H.cjs');
 var chunkPKJFOG2Z_cjs = require('../chunk-PKJFOG2Z.cjs');
-var chunkH75F3WIO_cjs = require('../chunk-H75F3WIO.cjs');
+var chunk7JSM5VUX_cjs = require('../chunk-7JSM5VUX.cjs');
 var chunk3SJODG6U_cjs = require('../chunk-3SJODG6U.cjs');
 require('../chunk-MVQKV5BJ.cjs');
-require('../chunk-3S2GECDS.cjs');
+require('../chunk-OAKML3W7.cjs');
 require('../chunk-Q2W6GYRK.cjs');
 
 
 
 Object.defineProperty(exports, "XmlViewer", {
   enumerable: true,
-  get: function () { return chunkJOGYZ6HK_cjs.XmlViewer; }
+  get: function () { return chunkELV6SPJQ_cjs.XmlViewer; }
 });
 Object.defineProperty(exports, "BaseFilterList", {
   enumerable: true,
-  get: function () { return chunkU6O6YPTC_cjs.BaseFilterList; }
+  get: function () { return chunkWBNOAJLG_cjs.BaseFilterList; }
 });
 Object.defineProperty(exports, "FilterInput", {
   enumerable: true,
-  get: function () { return chunkU6O6YPTC_cjs.FilterInput; }
+  get: function () { return chunkWBNOAJLG_cjs.FilterInput; }
 });
 Object.defineProperty(exports, "FilterList", {
   enumerable: true,
-  get: function () { return chunkU6O6YPTC_cjs.FilterList; }
+  get: function () { return chunkWBNOAJLG_cjs.FilterList; }
 });
 Object.defineProperty(exports, "FilterPopover", {
   enumerable: true,
-  get: function () { return chunkU6O6YPTC_cjs.FilterPopover; }
+  get: function () { return chunkWBNOAJLG_cjs.FilterPopover; }
 });
 Object.defineProperty(exports, "NO_VALUE", {
   enumerable: true,
-  get: function () { return chunkU6O6YPTC_cjs.NO_VALUE; }
+  get: function () { return chunkWBNOAJLG_cjs.NO_VALUE; }
 });
 Object.defineProperty(exports, "deserializeFilterStates", {
   enumerable: true,
-  get: function () { return chunkU6O6YPTC_cjs.deserializeFilterStates; }
+  get: function () { return chunkWBNOAJLG_cjs.deserializeFilterStates; }
 });
 Object.defineProperty(exports, "filterHasActiveState", {
   enumerable: true,
-  get: function () { return chunkU6O6YPTC_cjs.filterHasActiveState; }
+  get: function () { return chunkWBNOAJLG_cjs.filterHasActiveState; }
 });
 Object.defineProperty(exports, "getFilterKey", {
   enumerable: true,
-  get: function () { return chunkU6O6YPTC_cjs.getFilterKey; }
+  get: function () { return chunkWBNOAJLG_cjs.getFilterKey; }
 });
 Object.defineProperty(exports, "getFilterLabel", {
   enumerable: true,
-  get: function () { return chunkU6O6YPTC_cjs.getFilterLabel; }
+  get: function () { return chunkWBNOAJLG_cjs.getFilterLabel; }
 });
 Object.defineProperty(exports, "narrowObjectSet", {
   enumerable: true,
-  get: function () { return chunkU6O6YPTC_cjs.narrowObjectSet; }
+  get: function () { return chunkWBNOAJLG_cjs.narrowObjectSet; }
 });
 Object.defineProperty(exports, "serializeFilterStates", {
   enumerable: true,
-  get: function () { return chunkU6O6YPTC_cjs.serializeFilterStates; }
+  get: function () { return chunkWBNOAJLG_cjs.serializeFilterStates; }
 });
 Object.defineProperty(exports, "summarizeFilterValue", {
   enumerable: true,
-  get: function () { return chunkU6O6YPTC_cjs.summarizeFilterValue; }
+  get: function () { return chunkWBNOAJLG_cjs.summarizeFilterValue; }
 });
 Object.defineProperty(exports, "useFilterListState", {
   enumerable: true,
-  get: function () { return chunkU6O6YPTC_cjs.useFilterListState; }
+  get: function () { return chunkWBNOAJLG_cjs.useFilterListState; }
 });
 Object.defineProperty(exports, "ImageViewer", {
   enumerable: true,
-  get: function () { return chunkL57AHJFZ_cjs.ImageViewer; }
+  get: function () { return chunkFGFEG4N6_cjs.ImageViewer; }
 });
 Object.defineProperty(exports, "MarkdownViewerMedia", {
   enumerable: true,
-  get: function () { return chunkP7TBU22H_cjs.MarkdownViewerMedia; }
+  get: function () { return chunkXCKQWSXC_cjs.MarkdownViewerMedia; }
 });
 Object.defineProperty(exports, "BaseTable", {
   enumerable: true,
-  get: function () { return chunkCW5XBBZE_cjs.BaseTable; }
+  get: function () { return chunkFNVSH5DQ_cjs.BaseTable; }
 });
 Object.defineProperty(exports, "ColumnConfigDialog", {
   enumerable: true,
-  get: function () { return chunkCW5XBBZE_cjs.ColumnConfigDialog; }
+  get: function () { return chunkFNVSH5DQ_cjs.ColumnConfigDialog; }
 });
 Object.defineProperty(exports, "LoadingCell", {
   enumerable: true,
-  get: function () { return chunkCW5XBBZE_cjs.LoadingCell; }
+  get: function () { return chunkFNVSH5DQ_cjs.LoadingCell; }
 });
 Object.defineProperty(exports, "LoadingCellContent", {
   enumerable: true,
-  get: function () { return chunkCW5XBBZE_cjs.LoadingCellContent; }
+  get: function () { return chunkFNVSH5DQ_cjs.LoadingCellContent; }
 });
 Object.defineProperty(exports, "MultiColumnSortDialog", {
   enumerable: true,
-  get: function () { return chunkCW5XBBZE_cjs.MultiColumnSortDialog; }
+  get: function () { return chunkFNVSH5DQ_cjs.MultiColumnSortDialog; }
 });
 Object.defineProperty(exports, "ObjectTable", {
   enumerable: true,
-  get: function () { return chunkCW5XBBZE_cjs.ObjectTable; }
+  get: function () { return chunkFNVSH5DQ_cjs.ObjectTable; }
 });
 Object.defineProperty(exports, "PdfViewer", {
   enumerable: true,
-  get: function () { return chunkWFXVRAP6_cjs.PdfViewer; }
+  get: function () { return chunkCSQXWD4M_cjs.PdfViewer; }
 });
 Object.defineProperty(exports, "PdfViewerContent", {
   enumerable: true,
-  get: function () { return chunkWFXVRAP6_cjs.PdfViewerContent; }
+  get: function () { return chunkCSQXWD4M_cjs.PdfViewerContent; }
 });
 Object.defineProperty(exports, "PdfViewerProvider", {
   enumerable: true,
-  get: function () { return chunkWFXVRAP6_cjs.PdfViewerProvider; }
+  get: function () { return chunkCSQXWD4M_cjs.PdfViewerProvider; }
 });
 Object.defineProperty(exports, "usePdfViewerContext", {
   enumerable: true,
-  get: function () { return chunkWFXVRAP6_cjs.usePdfViewerContext; }
+  get: function () { return chunkCSQXWD4M_cjs.usePdfViewerContext; }
 });
 Object.defineProperty(exports, "usePdfViewerInstance", {
   enumerable: true,
-  get: function () { return chunkWFXVRAP6_cjs.usePdfViewerInstance; }
+  get: function () { return chunkCSQXWD4M_cjs.usePdfViewerInstance; }
 });
 Object.defineProperty(exports, "OsdkThemeProvider", {
   enumerable: true,
@@ -160,55 +160,55 @@ Object.defineProperty(exports, "useOsdkTheme", {
 });
 Object.defineProperty(exports, "TiffViewerMedia", {
   enumerable: true,
-  get: function () { return chunkG3MN2D5B_cjs.TiffViewerMedia; }
+  get: function () { return chunkHMVOUGYK_cjs.TiffViewerMedia; }
 });
 Object.defineProperty(exports, "VideoViewer", {
   enumerable: true,
-  get: function () { return chunkLPI7ZRNN_cjs.VideoViewer; }
+  get: function () { return chunkJZZH3VF2_cjs.VideoViewer; }
 });
 Object.defineProperty(exports, "ActionForm", {
   enumerable: true,
-  get: function () { return chunkRBOSH7OQ_cjs.ActionForm; }
+  get: function () { return chunkKOBL7I7K_cjs.ActionForm; }
 });
 Object.defineProperty(exports, "BaseForm", {
   enumerable: true,
-  get: function () { return chunkRBOSH7OQ_cjs.BaseForm; }
+  get: function () { return chunkKOBL7I7K_cjs.BaseForm; }
 });
 Object.defineProperty(exports, "BaseCbacPicker", {
   enumerable: true,
-  get: function () { return chunkNXANOER7_cjs.BaseCbacPicker; }
+  get: function () { return chunkOV3Z5MRW_cjs.BaseCbacPicker; }
 });
 Object.defineProperty(exports, "BaseCbacPickerDialog", {
   enumerable: true,
-  get: function () { return chunkNXANOER7_cjs.BaseCbacPickerDialog; }
+  get: function () { return chunkOV3Z5MRW_cjs.BaseCbacPickerDialog; }
 });
 Object.defineProperty(exports, "CbacBannerPopover", {
   enumerable: true,
-  get: function () { return chunkNXANOER7_cjs.CbacBannerPopover; }
+  get: function () { return chunkOV3Z5MRW_cjs.CbacBannerPopover; }
 });
 Object.defineProperty(exports, "CbacPicker", {
   enumerable: true,
-  get: function () { return chunkNXANOER7_cjs.CbacPicker; }
+  get: function () { return chunkOV3Z5MRW_cjs.CbacPicker; }
 });
 Object.defineProperty(exports, "CbacPickerDialog", {
   enumerable: true,
-  get: function () { return chunkNXANOER7_cjs.CbacPickerDialog; }
+  get: function () { return chunkOV3Z5MRW_cjs.CbacPickerDialog; }
 });
 Object.defineProperty(exports, "MaxClassificationField", {
   enumerable: true,
-  get: function () { return chunkNXANOER7_cjs.MaxClassificationField; }
+  get: function () { return chunkOV3Z5MRW_cjs.MaxClassificationField; }
 });
 Object.defineProperty(exports, "computeMarkingStates", {
   enumerable: true,
-  get: function () { return chunkNXANOER7_cjs.computeMarkingStates; }
+  get: function () { return chunkOV3Z5MRW_cjs.computeMarkingStates; }
 });
 Object.defineProperty(exports, "groupMarkingsByCategory", {
   enumerable: true,
-  get: function () { return chunkNXANOER7_cjs.groupMarkingsByCategory; }
+  get: function () { return chunkOV3Z5MRW_cjs.groupMarkingsByCategory; }
 });
 Object.defineProperty(exports, "toggleMarking", {
   enumerable: true,
-  get: function () { return chunkNXANOER7_cjs.toggleMarking; }
+  get: function () { return chunkOV3Z5MRW_cjs.toggleMarking; }
 });
 Object.defineProperty(exports, "BaseCbacBanner", {
   enumerable: true,
@@ -220,11 +220,11 @@ Object.defineProperty(exports, "CbacBanner", {
 });
 Object.defineProperty(exports, "DocumentViewer", {
   enumerable: true,
-  get: function () { return chunkUXCV37T2_cjs.DocumentViewer; }
+  get: function () { return chunkPSNDYSCM_cjs.DocumentViewer; }
 });
 Object.defineProperty(exports, "ViewerType", {
   enumerable: true,
-  get: function () { return chunkUXCV37T2_cjs.ViewerType; }
+  get: function () { return chunkPSNDYSCM_cjs.ViewerType; }
 });
 Object.defineProperty(exports, "BaseXmlViewer", {
   enumerable: true,
@@ -316,7 +316,7 @@ Object.defineProperty(exports, "BaseVideoViewer", {
 });
 Object.defineProperty(exports, "EmailViewer", {
   enumerable: true,
-  get: function () { return chunkWEDW5QSS_cjs.EmailViewer; }
+  get: function () { return chunk2ITZUS3H_cjs.EmailViewer; }
 });
 Object.defineProperty(exports, "BaseEmailViewer", {
   enumerable: true,
@@ -324,7 +324,7 @@ Object.defineProperty(exports, "BaseEmailViewer", {
 });
 Object.defineProperty(exports, "ExcelViewer", {
   enumerable: true,
-  get: function () { return chunkH75F3WIO_cjs.ExcelViewer; }
+  get: function () { return chunk7JSM5VUX_cjs.ExcelViewer; }
 });
 Object.defineProperty(exports, "BaseExcelViewer", {
   enumerable: true,

package/build/cjs/public/experimental.css

@@ -422,6 +422,7 @@
   box-shadow: var(--osdk-time-picker-input-shadow);
   &:focus-visible {
     outline: var(--osdk-time-picker-input-focus-outline);
+    outline-offset: var(--osdk-input-focus-outline-offset);
     box-shadow: var(--osdk-time-picker-input-focus-shadow);
   }
   &[aria-invalid] {
@@ -474,8 +475,8 @@
   &::placeholder {
     color: var(--osdk-datetime-input-placeholder-color);
   }
-  &:focus-visible {
-    outline: var(--osdk-datetime-input-focus-outline);
+  &:focus {
+    outline: none;
   }
 }
 .osdkDatePickerDismissLayer {
@@ -517,6 +518,8 @@
   }
   &:focus-within {
     box-shadow: var(--osdk-datetime-input-focus-shadow);
+    outline: var(--osdk-input-focus-outline);
+    outline-offset: var(--osdk-input-focus-outline-offset);
   }
   &[data-disabled] {
     cursor: not-allowed;
@@ -646,8 +649,8 @@
     outline: none;
   }
   &:focus-visible {
-    outline: var( --osdk-combobox-trigger-focus-width, var(--osdk-emphasis-focus-width) ) solid var(--osdk-combobox-trigger-focus-color, var(--osdk-emphasis-focus-color));
-    outline-offset: var( --osdk-combobox-trigger-focus-offset, var(--osdk-emphasis-focus-offset) );
+    outline: var(--osdk-input-focus-outline);
+    outline-offset: var(--osdk-input-focus-outline-offset);
   }
   &[data-popup-open]:focus-visible {
     outline: none;
@@ -711,8 +714,8 @@
   transition: border-color var( --osdk-combobox-transition-duration, var(--osdk-emphasis-transition-duration) ) var(--osdk-combobox-transition-ease, var(--osdk-emphasis-ease-default));
   &:focus-within {
     border-color: var( --osdk-combobox-focus-border-color, var(--osdk-intent-primary-rest) );
-    outline: var(--osdk-combobox-focus-width, var(--osdk-emphasis-focus-width)) solid var(--osdk-combobox-focus-color, var(--osdk-emphasis-focus-color));
-    outline-offset: var( --osdk-combobox-focus-offset, var(--osdk-emphasis-focus-offset) );
+    outline: var(--osdk-input-focus-outline);
+    outline-offset: var(--osdk-input-focus-outline-offset);
   }
 }
 .osdkComboboxSearchIcon {
@@ -992,8 +995,8 @@
     outline: none;
   }
   &:focus-visible {
-    outline: var(--osdk-select-focus-width, var(--osdk-emphasis-focus-width)) solid var(--osdk-select-focus-color, var(--osdk-emphasis-focus-color));
-    outline-offset: var( --osdk-select-focus-offset, var(--osdk-emphasis-focus-offset) );
+    outline: var(--osdk-input-focus-outline);
+    outline-offset: var(--osdk-input-focus-outline-offset);
   }
   &[data-popup-open]:focus-visible {
     outline: none;
@@ -1282,6 +1285,7 @@
   }
   &:focus-visible {
     outline: var(--osdk-input-focus-outline);
+    outline-offset: var(--osdk-input-focus-outline-offset);
   }
 }
 .osdkNumberInputStepper {
@@ -1523,6 +1527,7 @@
   }
   &:focus-visible {
     outline: var(--osdk-input-focus-outline);
+    outline-offset: var(--osdk-input-focus-outline-offset);
     box-shadow: var(--osdk-input-focus-shadow);
   }
   &:disabled {