added text direction variable

[blakeganderson]

Ticket

• THEMES-1363

Description

Added variable for use in transformations that is equal to 1 if dir="ltr", and -1 if dir="rtl" . This variable can be used in calculations for transformations, such as the side-drawer slide out action

Acceptance Criteria

copy from ticket

Test Steps

1. Checkout branch - git checkout {branch-name}
2. Update dependencies - npm i
3. Run Storybook npm run storybook
4. Check out the button storybook documentation

Author Checklist

The author of the PR should fill out the following sections to ensure this PR is ready for review.

• Confirmed all the test steps a reviewer will follow above are working.
• Ran this code locally and checked that there are not any unintended side effects. For example, that a CSS selector is scoped only to a particular block.
• Confirmed relevant documentation has been updated/added.
• Add label - ready for review when the pull request is ready for someone to begin reviewing

Reviewer Checklist

The reviewer of the PR should copy-paste this template into the review comments on review.

• All GitHub Actions pass
• Ran the code locally based on the test instructions.
• Checked Chromatic for Storybook changes, accepted the updates if acceptable
• Looked to see that the new or changed code has code coverage, specifically. We want the global code coverage to keep on going up with targeted testing.
• Approve and Add label - ready to merge if you are happy with the pull request
• Want another reviewer? Add the label additional review