Update Playground to the latest version of the package

Author: elchininet

docs/scripts/index.js

@@ -24,7 +24,7 @@
     "facepaint": "^1.2.1",
     "monaco-editor": "^0.31.1",
     "postcss": "8.3.11",
-    "postcss-rtlcss": "^3.5.3",
+    "postcss-rtlcss": "^3.5.4",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },

playground/package.json

@@ -1,5 +1,5 @@
 import React from 'react';
-import PluginOptions from 'postcss-rtlcss/options';
+import { Mode, Source, Autorename } from 'postcss-rtlcss/options';
 import { useAppContext } from '@components/AppProvider';
 import { Switch } from '@components/Switch';
 import { stylesheet } from './stylesheet';
@@ -21,17 +21,17 @@ export const Options = (): JSX.Element => {
         changeOptionsGreedy
     } = useAppContext();
 
-    const changeMode = (checked: boolean): void => changeOptionsMode(checked ? PluginOptions.Mode.override : PluginOptions.Mode.combined);
-    const changeSource = (checked: boolean): void => changeOptionsSource(checked ? PluginOptions.Source.rtl : PluginOptions.Source.ltr);
+    const changeMode = (checked: boolean): void => changeOptionsMode(checked ? Mode.override : Mode.combined);
+    const changeSource = (checked: boolean): void => changeOptionsSource(checked ? Source.rtl : Source.ltr);
     const changeSafeBothPrefix = (checked: boolean) => changeOptionsSafeBothPrefix(checked);
     const changeIgnorePrefixedRules = (checked: boolean) => changeOptionsIgnorePrefixedRules(checked);
     const changeProcessUrls = (checked: boolean): void => changeOptionsProcessUrls(checked);
     const changeProcessKeyframes = (checked: boolean): void => changeOptionsProcessKeyframes(checked);
     const changeProcessEnv = (checked: boolean): void => changeOptionsProcessEnv(checked);
     const changeUseCalc = (checked: boolean): void => changeOptionsUseCalc(checked);
-    const changeAutoRenameDisabled = (): void => changeOptionsAutoRename(PluginOptions.Autorename.disabled);
-    const changeAutoRenameFlexible = (): void => changeOptionsAutoRename(PluginOptions.Autorename.flexible);
-    const changeAutoRenameStrict = (): void => changeOptionsAutoRename(PluginOptions.Autorename.strict);
+    const changeAutoRenameDisabled = (): void => changeOptionsAutoRename(Autorename.disabled);
+    const changeAutoRenameFlexible = (): void => changeOptionsAutoRename(Autorename.flexible);
+    const changeAutoRenameStrict = (): void => changeOptionsAutoRename(Autorename.strict);
     const changeGreedy = (checked: boolean): void => changeOptionsGreedy(checked);
 
     return (
@@ -104,7 +104,7 @@ export const Options = (): JSX.Element => {
                         labels="autoRename: disabled"
                         checkbox={false}
                         attributes={{
-                            checked: !options.autoRename || options.autoRename === PluginOptions.Autorename.disabled,
+                            checked: !options.autoRename || options.autoRename === Autorename.disabled,
                             name: 'autoRename',
                             value: 'disabled'
                         }}
@@ -116,7 +116,7 @@ export const Options = (): JSX.Element => {
                         labels="autoRename: flexible"
                         checkbox={false}
                         attributes={{
-                            checked: options.autoRename === PluginOptions.Autorename.flexible,
+                            checked: options.autoRename === Autorename.flexible,
                             name: 'autoRename',
                             value: 'flexible'
                         }}
@@ -128,7 +128,7 @@ export const Options = (): JSX.Element => {
                         labels="autoRename: strict"
                         checkbox={false}
                         attributes={{
-                            checked: options.autoRename === PluginOptions.Autorename.strict,
+                            checked: options.autoRename === Autorename.strict,
                             name: 'autoRename',
                             value: 'strict'
                         }}

playground/src/components/Options/Options.tsx

@@ -4066,10 +4066,10 @@ postcss-modules-values@^4.0.0:
   dependencies:
     icss-utils "^5.0.0"
 
-postcss-rtlcss@^3.5.3:
-  version "3.5.3"
-  resolved "https://registry.yarnpkg.com/postcss-rtlcss/-/postcss-rtlcss-3.5.3.tgz#d0db97669bc2df693f840acb5765ea6c6aca160f"
-  integrity sha512-QasqXUUBAqvHtDGJydyw5rJB88S4ZHRdxKsguqfes1PBDkBW97P9GiLCtcg6EuCXRvD+52giBQXKWNWg9gshow==
+postcss-rtlcss@^3.5.4:
+  version "3.5.4"
+  resolved "https://registry.yarnpkg.com/postcss-rtlcss/-/postcss-rtlcss-3.5.4.tgz#b0aac0641cbba1fc566cbdc044239b3da7d8f9f0"
+  integrity sha512-5GpWTmBqeM10rRcFBwaKYCg7M6jiytfSS6pwrphTZnNSioxYNUMZH+88xh1oO4AF7Ix9y2qC76/gQq1HIuUf+g==
   dependencies:
     rtlcss "^3.5.0"