Chore: export GLOBAL_DARK_CLASS_NAME constant [publish]

Author: andrey-skl

.storybook/preview.ts

@@ -6,7 +6,7 @@ import URLSearchParams from '@ungap/url-search-params';
 import {Component} from '@storybook/addon-docs';
 import {Parameters} from '@storybook/react';
 
-import Theme, {applyTheme} from '../src/global/theme';
+import Theme, {applyTheme, GLOBAL_DARK_CLASS_NAME} from '../src/global/theme';
 
 import styles from './preview.css';
 import strictModeDecorator from './strict-mode-decorator';
@@ -47,7 +47,7 @@ export const parameters = {
     default: 'Light',
     list: [
       {name: 'Light', color: '#FFF'},
-      {name: 'Dark', class: 'ring-ui-theme-dark', color: '#23272b'}
+      {name: 'Dark', class: GLOBAL_DARK_CLASS_NAME, color: '#23272b'}
     ]
   }
 };

src/global/theme.stories.tsx

@@ -5,7 +5,7 @@ import Text from '../text/text';
 
 import Select from '../select/select';
 
-import Theme, {ThemeProvider} from './theme';
+import Theme, {GLOBAL_DARK_CLASS_NAME, ThemeProvider} from './theme';
 
 export default {
   title: 'Components/Theme Provider'
@@ -29,7 +29,7 @@ const ThemedWrapper: React.FC<{children: React.ReactNode}> = ({children}) => (
 export const basic = () => {
   const ThemeExample: React.FC = () => (
     <div>
-      <div className="ring-ui-theme-dark">
+      <div className={GLOBAL_DARK_CLASS_NAME}>
         <ThemedWrapper>
           <Text>This is dark (via global css class)</Text>
         </ThemedWrapper>

src/global/theme.tsx

@@ -29,7 +29,7 @@ enum Theme {
 
 export const ThemeContext = createContext<{theme: Theme.LIGHT | Theme.DARK}>({theme: Theme.LIGHT});
 
-const GLOBAL_DARK_CLASS_NAME = 'ring-ui-theme-dark';
+export const GLOBAL_DARK_CLASS_NAME = 'ring-ui-theme-dark';
 
 const darkMatcher = window.matchMedia('(prefers-color-scheme: dark)');