feat: pass RTL flag to rules function

CHANGELOG.md

@@ -23,6 +23,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 - Fix Accordion to hide the content provided as nested children when closed ([#108](https://github.com/stardust-ui/react/pull/108))
 
 ### Features
+- Add `rtl` flag to rules (styles) function @kuzhelov ([#109](https://github.com/stardust-ui/react/pull/109))
 - Add Icon `circular` and `bordered` props @kuzhelov [#85](https://github.com/stardust-ui/react/pull/85)
 - Add Divider `type` and `important` props @mnajdova ([#67](https://github.com/stardust-ui/react/pulls/67))
 - Add Avatar component @mnajdova ([#75](https://github.com/stardust-ui/react/pull/75))

src/components/Provider/Provider.tsx

@@ -90,11 +90,11 @@ class Provider extends Component<any, any> {
   }
 
   render() {
-    const { componentVariables, siteVariables, children } = this.props
+    const { componentVariables, siteVariables, children, rtl } = this.props
 
     // ensure we don't assign `undefined` values to the theme context
     // they will override values down stream
-    const theme: any = {}
+    const theme: any = { rtl: !!rtl }
     if (siteVariables) {
       theme.siteVariables = siteVariables
     }

src/lib/getClasses.tsx

@@ -17,6 +17,7 @@ const getClasses = (props, rules, variables: any = () => {}, theme: any = {}): I
     props,
     theme,
     variables: variables(theme.siteVariables),
+    rtl: theme.rtl,
   }
 
   return Object.keys(rules).reduce((acc, ruleName) => {