Skip to content

Commit 2b51028

Browse files
Andrew87EAndrew87E
authored
Merge pull request #21 from Andrew87E/release/0.1.0
Release/0.1.0
2 parents 3bd7051 + 5eabb5b commit 2b51028

File tree

8 files changed

+927
-2624
lines changed

8 files changed

+927
-2624
lines changed

‎example/dist/index_bundle.js

Lines changed: 3 additions & 2613 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎example/package-lock.json

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎example/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "react-style-text-demo",
33
"homepage": "https://andrew87e.github.io/",
4-
"version": "0.0.1",
4+
"version": "0.0.3",
55
"description": "",
66
"main": "index.js",
77
"scripts": {

‎example/src/App.js

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,18 @@
11
import React from 'react'
22
import { ThemeProvider } from 'styled-components'
3-
import { BrowserRouter as Router, Routes, Route, createBrowserRouter } from "react-router-dom";
43
import { GlobalStyles } from './globalStyles';
54
import theme from './theme';
65
import Header from './components/Header/header';
76
import Playground from './components/Playground/playground';
87
import Footer from './components/Footer/footer';
9-
import ExamplePage from './components/ExamplePage/examplePage';
10-
118

129
function App() {
1310
return (
1411
<>
1512
<GlobalStyles />
1613
<ThemeProvider theme={theme}>
1714
<Header />
18-
<Playground />
15+
<Playground />
1916
<Footer />
2017
</ThemeProvider>
2118
</>

‎example/src/components/Playground/playground.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,8 @@ import { TimingFunctionItems, DirectionItems, FillModeItems, AnimationTypes } fr
1313
const Text = "react-style-text"
1414
const Letters = Text.split("")
1515
const borderColor = "#000"
16-
const Playground = () => {
1716

17+
const Playground = () => {
1818
const [ counter, setCounter ] = React.useState(0)
1919
const [ animationObject, setAnimationObject ] = React.useState("object")
2020
const [ animationType, setAnimationType ] = React.useState("fadeIn")
@@ -48,7 +48,7 @@ const Playground = () => {
4848
}
4949

5050
return (
51-
<PlaygroundContainer className="playground">
51+
<PlaygroundContainer>
5252
<StyledText
5353
onAnimationEnd={() => setInitialAnimationFinished(true)}
5454
animationProps={{

‎example/src/components/atoms/rangeController.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -77,9 +77,9 @@ const StyledInput = styled.input.attrs({ type: "range" })`
7777
width: 13px;
7878
border-radius: 20px;
7979
background: ${(props) =>
80-
props.disabled ? props.theme.colors.gray : props.theme.colors.middle};
80+
props.disabled ? props.theme.colors.gray : props.theme.colors.gray};
8181
cursor: pointer;
82-
-webkit-appearance: none;
82+
// -webkit-appearance: none;
8383
margin-top: -4.5px;
8484
}
8585

‎index.html

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<html>
2+
<head>
3+
<title>React-Style-Text</title>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<script defer src="index_bundle.js"></script></head>
8+
<body>
9+
<div id="root"></div>
10+
</body>
11+
</html>

‎index_bundle.js

Lines changed: 905 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)