diff --git a/src/components/AlertBanner/AlertBanner.styles.ts b/src/components/AlertBanner/AlertBanner.styles.ts
index 2de57dba..dc69eb74 100644
--- a/src/components/AlertBanner/AlertBanner.styles.ts
+++ b/src/components/AlertBanner/AlertBanner.styles.ts
@@ -63,3 +63,7 @@ export const resolveIconName = (intent: AlertBannerIntent) => {
 
   return iconConfig[intent];
 };
+
+export const alertBannerStyles = {
+  defaultConfig,
+};
diff --git a/src/components/AlertBanner/index.ts b/src/components/AlertBanner/index.ts
index 5f85fe84..0367d790 100644
--- a/src/components/AlertBanner/index.ts
+++ b/src/components/AlertBanner/index.ts
@@ -1,2 +1,3 @@
 export { AlertBanner } from './AlertBanner';
 export type { AlertBannerProps } from './AlertBanner.props';
+export { alertBannerStyles } from './AlertBanner.styles';
diff --git a/src/components/Avatar/Avatar.styles.ts b/src/components/Avatar/Avatar.styles.ts
index 8d5e5bb9..0339f630 100644
--- a/src/components/Avatar/Avatar.styles.ts
+++ b/src/components/Avatar/Avatar.styles.ts
@@ -255,3 +255,7 @@ export const defaultConfig = {
     },
   },
 } satisfies AvatarConfig;
+
+export const avatarStyles = {
+  defaultConfig,
+};
diff --git a/src/components/Avatar/index.ts b/src/components/Avatar/index.ts
index 52c93cf1..66e68bc8 100644
--- a/src/components/Avatar/index.ts
+++ b/src/components/Avatar/index.ts
@@ -1,2 +1,3 @@
 export { Avatar } from './Avatar';
 export type { AvatarProps } from './Avatar.props';
+export { avatarStyles } from './Avatar.styles';
diff --git a/src/components/Badge/Badge.styles.ts b/src/components/Badge/Badge.styles.ts
index 549e3265..3544a4ca 100644
--- a/src/components/Badge/Badge.styles.ts
+++ b/src/components/Badge/Badge.styles.ts
@@ -371,3 +371,7 @@ export const defaultConfig = {
     iconContainer: {},
   },
 } satisfies BadgeConfig;
+
+export const badgeStyles = {
+  defaultConfig,
+};
diff --git a/src/components/Badge/index.ts b/src/components/Badge/index.ts
index 54ad5d93..ac5ba6f9 100644
--- a/src/components/Badge/index.ts
+++ b/src/components/Badge/index.ts
@@ -1,2 +1,3 @@
 export { Badge } from './Badge';
 export type { BadgeProps } from './Badge.props';
+export { badgeStyles } from './Badge.styles';
diff --git a/src/components/Button/Button.styles.ts b/src/components/Button/Button.styles.ts
index cbbbfb52..83386fff 100644
--- a/src/components/Button/Button.styles.ts
+++ b/src/components/Button/Button.styles.ts
@@ -315,6 +315,7 @@ const commonConfig = {
 
 const defaultButtonConfig = {
   ...commonConfig,
+  ring: 'unset',
   boxShadow: '$elevation-bottom-100',
   appearance: {
     primary: {
@@ -647,3 +648,7 @@ export const defaultConfig = {
   ghost: ghostButtonConfig,
   bare: bareButtonConfig,
 } satisfies ButtonConfig;
+
+export const buttonStyles = {
+  defaultConfig,
+};
diff --git a/src/components/Button/index.ts b/src/components/Button/index.ts
index 09131a00..e733a11e 100644
--- a/src/components/Button/index.ts
+++ b/src/components/Button/index.ts
@@ -1,2 +1,3 @@
 export { Button } from './Button';
 export type { ButtonProps } from './Button.props';
+export { buttonStyles } from './Button.styles';
diff --git a/src/components/Button/stylesBuilder/stylesBuilder.test.ts b/src/components/Button/stylesBuilder/stylesBuilder.test.ts
index 1c358923..49470c74 100644
--- a/src/components/Button/stylesBuilder/stylesBuilder.test.ts
+++ b/src/components/Button/stylesBuilder/stylesBuilder.test.ts
@@ -24,6 +24,7 @@ describe('stylesBuilder', () => {
           selected: '$color-action-primary-selected',
         },
         borderRadius: '$border-radius-large',
+        ring: 'unset',
         boxShadow: '$elevation-bottom-100',
         color: '$color-action-inverted-normal',
         display: 'inline-flex',
diff --git a/src/components/Checkbox/Checkbox.styles.ts b/src/components/Checkbox/Checkbox.styles.ts
index 931f6b9d..13b77731 100644
--- a/src/components/Checkbox/Checkbox.styles.ts
+++ b/src/components/Checkbox/Checkbox.styles.ts
@@ -50,8 +50,9 @@ export const defaultConfig = {
           hover: '$color-interaction-default-hover',
         },
       },
-      ring: '$border-width-focus',
       borderRadius: '$border-radius-medium',
+      boxShadow: '0 0 #0000',
+      ring: '$border-width-focus',
       ringInset: true,
       ringColor: {
         _: '$color-interaction-border-neutral-normal',
@@ -104,3 +105,7 @@ export const defaultConfig = {
     },
   },
 } satisfies CheckboxConfig;
+
+export const checkboxStyles = {
+  defaultConfig,
+};
diff --git a/src/components/Checkbox/index.ts b/src/components/Checkbox/index.ts
index accc85d7..e3fc9f4e 100644
--- a/src/components/Checkbox/index.ts
+++ b/src/components/Checkbox/index.ts
@@ -1,2 +1,3 @@
 export { Checkbox } from './Checkbox';
 export type { CheckboxProps } from './Checkbox.props';
+export { checkboxStyles } from './Checkbox.styles';
diff --git a/src/components/CheckboxGroup/CheckboxGroup.style.ts b/src/components/CheckboxGroup/CheckboxGroup.style.ts
index ccb26ee2..3dbe95cc 100644
--- a/src/components/CheckboxGroup/CheckboxGroup.style.ts
+++ b/src/components/CheckboxGroup/CheckboxGroup.style.ts
@@ -26,3 +26,7 @@ export const defaultConfig = {
     helperText: {},
   },
 } satisfies CheckboxGroupConfig;
+
+export const checkboxGroupStyles = {
+  defaultConfig,
+};
diff --git a/src/components/CheckboxGroup/index.ts b/src/components/CheckboxGroup/index.ts
index c375b93b..d4f9f337 100644
--- a/src/components/CheckboxGroup/index.ts
+++ b/src/components/CheckboxGroup/index.ts
@@ -3,3 +3,4 @@ export type {
   CheckboxGroupProps,
   CheckboxGroupItemProps,
 } from './CheckboxGroup.props';
+export { checkboxGroupStyles } from './CheckboxGroup.style';
diff --git a/src/components/Counter/Counter.styles.ts b/src/components/Counter/Counter.styles.ts
index 73361016..8691405b 100644
--- a/src/components/Counter/Counter.styles.ts
+++ b/src/components/Counter/Counter.styles.ts
@@ -28,12 +28,14 @@ export const defaultConfig = {
     default: {
       emphasis: {
         high: {
+          boxShadow: '0 0 #0000',
           ring: '$border-width-small',
           ringColor: '$color-border-neutral-strong',
           backgroundColor: '$color-background-default',
           color: '$color-content-primary',
         },
         low: {
+          boxShadow: '0 0 #0000',
           ring: '$border-width-small',
           ringColor: '$color-border-neutral-subtle',
           backgroundColor: '$color-background-default',
@@ -103,3 +105,7 @@ export const defaultConfig = {
     },
   },
 } satisfies CounterConfig;
+
+export const counterStyles = {
+  defaultConfig,
+};
diff --git a/src/components/Counter/index.ts b/src/components/Counter/index.ts
index 92a56322..3c982754 100644
--- a/src/components/Counter/index.ts
+++ b/src/components/Counter/index.ts
@@ -1,2 +1,3 @@
 export { Counter } from './Counter';
 export type { CounterProps } from './Counter.props';
+export { counterStyles } from './Counter.styles';
diff --git a/src/components/Divider/Divider.styles.ts b/src/components/Divider/Divider.styles.ts
index 820bcc0e..c56a0d64 100644
--- a/src/components/Divider/Divider.styles.ts
+++ b/src/components/Divider/Divider.styles.ts
@@ -19,3 +19,7 @@ export const defaultConfig = {
     },
   },
 } satisfies DividerConfig;
+
+export const dividerStyles = {
+  defaultConfig,
+};
diff --git a/src/components/Divider/index.ts b/src/components/Divider/index.ts
index 72e7b43e..80472c1d 100644
--- a/src/components/Divider/index.ts
+++ b/src/components/Divider/index.ts
@@ -1,2 +1,3 @@
 export { Divider } from './Divider';
 export type { DividerProps } from './Divider.props';
+export { dividerStyles } from './Divider.styles';
diff --git a/src/components/HelperText/HelperText.styles.ts b/src/components/HelperText/HelperText.styles.ts
index d671236e..37f7cf5a 100644
--- a/src/components/HelperText/HelperText.styles.ts
+++ b/src/components/HelperText/HelperText.styles.ts
@@ -44,3 +44,7 @@ export const resolveIconName = (intent: HelperTextIntent): IconName<16> => {
 
   return iconConfig[intent];
 };
+
+export const helperTextStyles = {
+  defaultConfig,
+};
diff --git a/src/components/HelperText/index.ts b/src/components/HelperText/index.ts
index 32c7e92e..708dda52 100644
--- a/src/components/HelperText/index.ts
+++ b/src/components/HelperText/index.ts
@@ -1,2 +1,3 @@
 export { HelperText } from './HelperText';
 export type { HelperTextProps } from './HelperText.props';
+export { helperTextStyles } from './HelperText.styles';
diff --git a/src/components/IconButton/IconButton.styles.ts b/src/components/IconButton/IconButton.styles.ts
index e1e00ece..34e4adc1 100644
--- a/src/components/IconButton/IconButton.styles.ts
+++ b/src/components/IconButton/IconButton.styles.ts
@@ -73,3 +73,7 @@ export const defaultConfig = {
     },
   },
 } satisfies ButtonConfig;
+
+export const iconButtonStyles = {
+  defaultConfig,
+};
diff --git a/src/components/IconButton/index.ts b/src/components/IconButton/index.ts
index 2f2fa388..d57e9584 100644
--- a/src/components/IconButton/index.ts
+++ b/src/components/IconButton/index.ts
@@ -1,2 +1,3 @@
 export { IconButton } from './IconButton';
 export { type IconButtonProps } from './IconButton.props';
+export { iconButtonStyles } from './IconButton.styles';
diff --git a/src/components/InlineBanner/InlineBanner.styles.ts b/src/components/InlineBanner/InlineBanner.styles.ts
index d40b135b..9f6f05e4 100644
--- a/src/components/InlineBanner/InlineBanner.styles.ts
+++ b/src/components/InlineBanner/InlineBanner.styles.ts
@@ -28,6 +28,7 @@ export const defaultConfig = {
   p: '$space-component-padding-xLarge',
   gap: '$space-component-gap-large',
   borderRadius: '$border-radius-large',
+  boxShadow: '0 0 #0000',
   ring: '$border-width-small',
   ringInset: true,
   intent: {
@@ -134,3 +135,5 @@ export const resolveIconName = (intent: InlineBannerIntent): IconName<20> => {
 
   return iconConfig[intent];
 };
+
+export const inlineBannerStyles = { defaultConfig };
diff --git a/src/components/InlineBanner/index.ts b/src/components/InlineBanner/index.ts
index 753c287c..6cedb1fb 100644
--- a/src/components/InlineBanner/index.ts
+++ b/src/components/InlineBanner/index.ts
@@ -1,2 +1,3 @@
 export { InlineBanner } from './InlineBanner';
 export type { InlineBannerProps } from './InlineBanner.props';
+export { inlineBannerStyles } from './InlineBanner.styles';
diff --git a/src/components/InlineMessage/InlineMessage.styles.ts b/src/components/InlineMessage/InlineMessage.styles.ts
index c664e849..24acbc76 100644
--- a/src/components/InlineMessage/InlineMessage.styles.ts
+++ b/src/components/InlineMessage/InlineMessage.styles.ts
@@ -74,3 +74,7 @@ export const resolveIconName = (intent: InlineMessageIntent): IconName<20> => {
 
   return iconConfig[intent];
 };
+
+export const inlineMessageStyles = {
+  defaultConfig,
+};
diff --git a/src/components/InlineMessage/index.ts b/src/components/InlineMessage/index.ts
index a49300f9..3b340eb5 100644
--- a/src/components/InlineMessage/index.ts
+++ b/src/components/InlineMessage/index.ts
@@ -1,2 +1,3 @@
 export { InlineMessage } from './InlineMessage';
 export type { InlineMessageProps } from './InlineMessage.props';
+export { inlineMessageStyles } from './InlineMessage.styles';
diff --git a/src/components/InlineSearchInput/InlineSearchInput.styles.ts b/src/components/InlineSearchInput/InlineSearchInput.styles.ts
index 1bc194b6..d5ba8ae7 100644
--- a/src/components/InlineSearchInput/InlineSearchInput.styles.ts
+++ b/src/components/InlineSearchInput/InlineSearchInput.styles.ts
@@ -41,3 +41,7 @@ export const defaultConfig: SearchInputProps['custom'] = {
     },
   },
 };
+
+export const inlineSearchInputStyles = {
+  defaultConfig,
+};
diff --git a/src/components/InlineSearchInput/index.ts b/src/components/InlineSearchInput/index.ts
index 22e07b1b..5ab0e9e8 100644
--- a/src/components/InlineSearchInput/index.ts
+++ b/src/components/InlineSearchInput/index.ts
@@ -1,2 +1,3 @@
 export { InlineSearchInput } from './InlineSearchInput';
 export type { InlineSearchInputProps } from './InlineSearchInput.props';
+export { inlineSearchInputStyles } from './InlineSearchInput.styles';
diff --git a/src/components/Label/Label.styles.ts b/src/components/Label/Label.styles.ts
index a7bd5cba..8df71119 100644
--- a/src/components/Label/Label.styles.ts
+++ b/src/components/Label/Label.styles.ts
@@ -29,3 +29,7 @@ export const defaultConfig = {
     },
   },
 } satisfies LabelConfig;
+
+export const labelStyles = {
+  defaultConfig,
+};
diff --git a/src/components/Label/index.ts b/src/components/Label/index.ts
index 2b893532..6a844572 100644
--- a/src/components/Label/index.ts
+++ b/src/components/Label/index.ts
@@ -1,2 +1,3 @@
 export { Label } from './Label';
 export type { LabelProps } from './Label.props';
+export { labelStyles } from './Label.styles';
diff --git a/src/components/Loader/Loader.styles.ts b/src/components/Loader/Loader.styles.ts
index 1a229069..9334865c 100644
--- a/src/components/Loader/Loader.styles.ts
+++ b/src/components/Loader/Loader.styles.ts
@@ -128,3 +128,7 @@ export const defaultConfig = {
     },
   },
 } satisfies LoaderConfig;
+
+export const loaderStyles = {
+  defaultConfig,
+};
diff --git a/src/components/Loader/index.tsx b/src/components/Loader/index.tsx
index 9688f02f..afc273d0 100644
--- a/src/components/Loader/index.tsx
+++ b/src/components/Loader/index.tsx
@@ -1,2 +1,3 @@
 export { Loader } from './Loader';
 export type { LoaderProps } from './Loader.props';
+export { loaderStyles } from './Loader.styles';
diff --git a/src/components/Popover/Popover.styles.ts b/src/components/Popover/Popover.styles.ts
index ad0894b6..5e03db64 100644
--- a/src/components/Popover/Popover.styles.ts
+++ b/src/components/Popover/Popover.styles.ts
@@ -97,3 +97,7 @@ export const defaultConfig = {
     },
   },
 } satisfies PopoverConfig;
+
+export const popoverStyles = {
+  defaultConfig,
+};
diff --git a/src/components/Popover/index.ts b/src/components/Popover/index.ts
index f8c0ea33..52097695 100644
--- a/src/components/Popover/index.ts
+++ b/src/components/Popover/index.ts
@@ -1,2 +1,3 @@
 export { Popover } from './Popover';
 export type { PopoverProps } from './Popover.props';
+export { popoverStyles } from './Popover.styles';
diff --git a/src/components/RadioButton/RadioButton.styles.ts b/src/components/RadioButton/RadioButton.styles.ts
index 577dfd29..6eff48e9 100644
--- a/src/components/RadioButton/RadioButton.styles.ts
+++ b/src/components/RadioButton/RadioButton.styles.ts
@@ -36,11 +36,12 @@ export const defaultConfig = {
       alignItems: 'center',
       flexShrink: 0,
       backgroundColor: '$color-interaction-background-formField',
+      borderRadius: '$border-radius-full',
+      boxShadow: '0 0 #0000',
       ring: {
         _: '$border-width-focus',
         checked: '5px',
       },
-      borderRadius: '$border-radius-full',
       ringInset: true,
       ringColor: {
         _: '$color-interaction-border-neutral-normal',
@@ -85,3 +86,7 @@ export const defaultConfig = {
     },
   },
 } satisfies RadioButtonConfig;
+
+export const radioButtonStyles = {
+  defaultConfig,
+};
diff --git a/src/components/RadioButton/index.ts b/src/components/RadioButton/index.ts
index 43d5d2f5..e0129e45 100644
--- a/src/components/RadioButton/index.ts
+++ b/src/components/RadioButton/index.ts
@@ -1,2 +1,3 @@
 export { RadioButton } from './RadioButton';
 export type { RadioButtonProps } from './RadioButton.props';
+export { radioButtonStyles } from './RadioButton.styles';
diff --git a/src/components/RadioButtonGroup/RadioButtonGroup.styles.ts b/src/components/RadioButtonGroup/RadioButtonGroup.styles.ts
index 65c88bb9..cf71efca 100644
--- a/src/components/RadioButtonGroup/RadioButtonGroup.styles.ts
+++ b/src/components/RadioButtonGroup/RadioButtonGroup.styles.ts
@@ -24,3 +24,7 @@ export const defaultConfig = {
     helperText: {},
   },
 } satisfies RadioButtonGroupConfig;
+
+export const radioButtonGroupStyles = {
+  defaultConfig,
+};
diff --git a/src/components/RadioButtonGroup/index.ts b/src/components/RadioButtonGroup/index.ts
index 3c27db7a..207e11c0 100644
--- a/src/components/RadioButtonGroup/index.ts
+++ b/src/components/RadioButtonGroup/index.ts
@@ -3,3 +3,4 @@ export type {
   RadioButtonGroupProps,
   RadioButtonGroupItemProps,
 } from './RadioButtonGroup.props';
+export { radioButtonGroupStyles } from './RadioButtonGroup.styles';
diff --git a/src/components/Select/Select.styles.ts b/src/components/Select/Select.styles.ts
index 89ba8cc3..425f2122 100644
--- a/src/components/Select/Select.styles.ts
+++ b/src/components/Select/Select.styles.ts
@@ -11,3 +11,7 @@ export const defaultConfig: TextInputProps['custom'] = {
     },
   },
 };
+
+export const selectStyles = {
+  defaultConfig,
+};
diff --git a/src/components/Select/index.ts b/src/components/Select/index.ts
index 57890d63..d4a6172c 100644
--- a/src/components/Select/index.ts
+++ b/src/components/Select/index.ts
@@ -1,2 +1,3 @@
 export { Select } from './Select';
 export type { SelectProps } from './Select.props';
+export { selectStyles } from './Select.styles';
diff --git a/src/components/SocialButton/SocialButton.styles.ts b/src/components/SocialButton/SocialButton.styles.ts
index d5e167cd..9db9f317 100644
--- a/src/components/SocialButton/SocialButton.styles.ts
+++ b/src/components/SocialButton/SocialButton.styles.ts
@@ -36,6 +36,12 @@ export const defaultConfig = {
         selected: '$color-action-outline-selected',
       },
     },
-    primary: {},
+    primary: {
+      ring: 'unset',
+    },
   },
 } satisfies SocialButtonConfig;
+
+export const socialButtonStyles = {
+  defaultConfig,
+};
diff --git a/src/components/SocialButton/index.ts b/src/components/SocialButton/index.ts
index c69fc57e..9f456b16 100644
--- a/src/components/SocialButton/index.ts
+++ b/src/components/SocialButton/index.ts
@@ -1,2 +1,3 @@
 export { SocialButton } from './SocialButton';
 export { type SocialButtonProps } from './SocialButton.props';
+export { socialButtonStyles } from './SocialButton.styles';
diff --git a/src/components/StatusDot/StatusDot.styles.ts b/src/components/StatusDot/StatusDot.styles.ts
index 95fc7433..187cb5ee 100644
--- a/src/components/StatusDot/StatusDot.styles.ts
+++ b/src/components/StatusDot/StatusDot.styles.ts
@@ -23,7 +23,12 @@ export const defaultConfig = {
     },
   },
   hasStroke: {
+    boxShadow: '0 0 #0000',
     ring: '$border-width-medium',
     ringColor: '$color-border-inverted',
   },
 } satisfies StatusDotConfig;
+
+export const statusDotStyles = {
+  defaultConfig,
+};
diff --git a/src/components/StatusDot/index.ts b/src/components/StatusDot/index.ts
index 942c67e6..672efa4a 100644
--- a/src/components/StatusDot/index.ts
+++ b/src/components/StatusDot/index.ts
@@ -1,2 +1,3 @@
 export { StatusDot } from './StatusDot';
 export type { StatusDotProps } from './StatusDot.props';
+export { statusDotStyles } from './StatusDot.styles';
diff --git a/src/components/Tag/Tag.styles.ts b/src/components/Tag/Tag.styles.ts
index de04d9ea..6b1ff88f 100644
--- a/src/components/Tag/Tag.styles.ts
+++ b/src/components/Tag/Tag.styles.ts
@@ -67,3 +67,7 @@ export const defaultConfig = {
     },
   },
 } satisfies TagConfig;
+
+export const tagStyles = {
+  defaultConfig,
+};
diff --git a/src/components/Tag/index.ts b/src/components/Tag/index.ts
index cd8beb86..fcb233c4 100644
--- a/src/components/Tag/index.ts
+++ b/src/components/Tag/index.ts
@@ -1,2 +1,3 @@
 export { Tag } from './Tag';
 export type { TagProps } from './Tag.props';
+export { tagStyles } from './Tag.styles';
diff --git a/src/components/TextInput/TextInput.styles.ts b/src/components/TextInput/TextInput.styles.ts
index 781f3010..fac231fe 100644
--- a/src/components/TextInput/TextInput.styles.ts
+++ b/src/components/TextInput/TextInput.styles.ts
@@ -31,6 +31,7 @@ export const defaultConfig = {
   padding: '$space-component-padding-small $space-component-padding-large',
   flexShrink: 0,
   ringInset: true,
+  boxShadow: '0 0 #0000',
   ring: '$border-width-small',
   ringColor: {
     _: '$color-interaction-border-neutral-normal',
@@ -128,3 +129,7 @@ export const defaultConfig = {
     },
   },
 } satisfies TextInputConfig;
+
+export const textInputStyles = {
+  defaultConfig,
+};
diff --git a/src/components/TextInput/index.ts b/src/components/TextInput/index.ts
index e7b0a0f3..b5a3fcdd 100644
--- a/src/components/TextInput/index.ts
+++ b/src/components/TextInput/index.ts
@@ -1,2 +1,3 @@
 export { TextInput } from './TextInput';
 export type { TextInputProps } from './TextInput.props';
+export { textInputStyles } from './TextInput.styles';
diff --git a/src/components/Toast/Toast.styles.ts b/src/components/Toast/Toast.styles.ts
index 327895cf..9e2cd43f 100644
--- a/src/components/Toast/Toast.styles.ts
+++ b/src/components/Toast/Toast.styles.ts
@@ -161,3 +161,7 @@ export const resolveIconName = (intent: ToastIntent): IconName<20> | null => {
 
   return iconConfig[intent];
 };
+
+export const toastStyles = {
+  defaultConfig,
+};
diff --git a/src/components/Toast/index.ts b/src/components/Toast/index.ts
index 9798e1ed..b1235f84 100644
--- a/src/components/Toast/index.ts
+++ b/src/components/Toast/index.ts
@@ -1,2 +1,3 @@
 export { Toast } from './Toast';
 export type { ToastProps } from './Toast.props';
+export { toastStyles } from './Toast.styles';