react-restyle-components 0.1.54 → 0.1.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/core-components/atoms/input/input-otp.styles.css +35 -0
- package/lib/cjs/core-components/atoms/input/input.styles.css +35 -0
- package/lib/esm/core-components/atoms/input/input-otp.styles.css +35 -0
- package/lib/esm/core-components/atoms/input/input.styles.css +35 -0
- package/lib/package.json +35 -11
- package/package.json +4 -4
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
.-z-1 {
|
|
2
|
+
z-index: -1;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.origin-0 {
|
|
6
|
+
transform-origin: 0%;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
input:focus ~ label,
|
|
10
|
+
input:not(:placeholder-shown) ~ label,
|
|
11
|
+
textarea:focus ~ label,
|
|
12
|
+
textarea:not(:placeholder-shown) ~ label,
|
|
13
|
+
select:focus ~ label,
|
|
14
|
+
select:not([value=""]):valid ~ label {
|
|
15
|
+
/* @apply transform; scale-75; -translate-y-6; */
|
|
16
|
+
--tw-translate-x: 0;
|
|
17
|
+
--tw-translate-y: 0;
|
|
18
|
+
--tw-rotate: 0;
|
|
19
|
+
--tw-skew-x: 0;
|
|
20
|
+
--tw-skew-y: 0;
|
|
21
|
+
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))
|
|
22
|
+
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
|
|
23
|
+
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
24
|
+
--tw-scale-x: 0.75;
|
|
25
|
+
--tw-scale-y: 0.75;
|
|
26
|
+
--tw-translate-y: -1.5rem;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
input:focus ~ label,
|
|
30
|
+
select:focus ~ label {
|
|
31
|
+
/* @apply text-black; left-0; */
|
|
32
|
+
--tw-text-opacity: 1;
|
|
33
|
+
color: "#696969";
|
|
34
|
+
left: 0px;
|
|
35
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
.-z-1 {
|
|
2
|
+
z-index: -1;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.origin-0 {
|
|
6
|
+
transform-origin: 0%;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
input:focus ~ label,
|
|
10
|
+
input:not(:placeholder-shown) ~ label,
|
|
11
|
+
textarea:focus ~ label,
|
|
12
|
+
textarea:not(:placeholder-shown) ~ label,
|
|
13
|
+
select:focus ~ label,
|
|
14
|
+
select:not([value=""]):valid ~ label {
|
|
15
|
+
/* @apply transform; scale-75; -translate-y-6; */
|
|
16
|
+
--tw-translate-x: 0;
|
|
17
|
+
--tw-translate-y: 0;
|
|
18
|
+
--tw-rotate: 0;
|
|
19
|
+
--tw-skew-x: 0;
|
|
20
|
+
--tw-skew-y: 0;
|
|
21
|
+
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))
|
|
22
|
+
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
|
|
23
|
+
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
24
|
+
--tw-scale-x: 0.75;
|
|
25
|
+
--tw-scale-y: 0.75;
|
|
26
|
+
--tw-translate-y: -1.5rem;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
input:focus ~ label,
|
|
30
|
+
select:focus ~ label {
|
|
31
|
+
/* @apply text-black; left-0; */
|
|
32
|
+
--tw-text-opacity: 1;
|
|
33
|
+
color: "#696969";
|
|
34
|
+
left: 0px;
|
|
35
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
.-z-1 {
|
|
2
|
+
z-index: -1;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.origin-0 {
|
|
6
|
+
transform-origin: 0%;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
input:focus ~ label,
|
|
10
|
+
input:not(:placeholder-shown) ~ label,
|
|
11
|
+
textarea:focus ~ label,
|
|
12
|
+
textarea:not(:placeholder-shown) ~ label,
|
|
13
|
+
select:focus ~ label,
|
|
14
|
+
select:not([value=""]):valid ~ label {
|
|
15
|
+
/* @apply transform; scale-75; -translate-y-6; */
|
|
16
|
+
--tw-translate-x: 0;
|
|
17
|
+
--tw-translate-y: 0;
|
|
18
|
+
--tw-rotate: 0;
|
|
19
|
+
--tw-skew-x: 0;
|
|
20
|
+
--tw-skew-y: 0;
|
|
21
|
+
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))
|
|
22
|
+
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
|
|
23
|
+
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
24
|
+
--tw-scale-x: 0.75;
|
|
25
|
+
--tw-scale-y: 0.75;
|
|
26
|
+
--tw-translate-y: -1.5rem;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
input:focus ~ label,
|
|
30
|
+
select:focus ~ label {
|
|
31
|
+
/* @apply text-black; left-0; */
|
|
32
|
+
--tw-text-opacity: 1;
|
|
33
|
+
color: "#696969";
|
|
34
|
+
left: 0px;
|
|
35
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
.-z-1 {
|
|
2
|
+
z-index: -1;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.origin-0 {
|
|
6
|
+
transform-origin: 0%;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
input:focus ~ label,
|
|
10
|
+
input:not(:placeholder-shown) ~ label,
|
|
11
|
+
textarea:focus ~ label,
|
|
12
|
+
textarea:not(:placeholder-shown) ~ label,
|
|
13
|
+
select:focus ~ label,
|
|
14
|
+
select:not([value=""]):valid ~ label {
|
|
15
|
+
/* @apply transform; scale-75; -translate-y-6; */
|
|
16
|
+
--tw-translate-x: 0;
|
|
17
|
+
--tw-translate-y: 0;
|
|
18
|
+
--tw-rotate: 0;
|
|
19
|
+
--tw-skew-x: 0;
|
|
20
|
+
--tw-skew-y: 0;
|
|
21
|
+
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))
|
|
22
|
+
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
|
|
23
|
+
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
24
|
+
--tw-scale-x: 0.75;
|
|
25
|
+
--tw-scale-y: 0.75;
|
|
26
|
+
--tw-translate-y: -1.5rem;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
input:focus ~ label,
|
|
30
|
+
select:focus ~ label {
|
|
31
|
+
/* @apply text-black; left-0; */
|
|
32
|
+
--tw-text-opacity: 1;
|
|
33
|
+
color: "#696969";
|
|
34
|
+
left: 0px;
|
|
35
|
+
}
|
package/lib/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-restyle-components",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.42",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Easy use restyle components",
|
|
6
6
|
"main": "lib/cjs/index.js",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"start": "serve -s ./build",
|
|
16
16
|
"dev": "chmod +x setup.sh && sh ./setup.sh && craco start",
|
|
17
17
|
"serve-webapp": "craco build && craco start",
|
|
18
|
-
"build": "rm -rf lib && chmod +x npm-publish.sh && sh ./npm-publish.sh && tsc -p tsconfig.json & tsc -p tsconfig-cjs.json
|
|
18
|
+
"build": "rm -rf lib && chmod +x npm-publish.sh && sh ./npm-publish.sh && tsc -p tsconfig.json & tsc -p tsconfig-cjs.json",
|
|
19
19
|
"test": "react-scripts test",
|
|
20
20
|
"eject": "react-scripts eject",
|
|
21
21
|
"precommit": "lint-staged --allow-empty",
|
|
@@ -58,13 +58,25 @@
|
|
|
58
58
|
"typescript": "*",
|
|
59
59
|
"web-vitals": "*"
|
|
60
60
|
},
|
|
61
|
-
"files": [
|
|
62
|
-
|
|
61
|
+
"files": [
|
|
62
|
+
"*.md",
|
|
63
|
+
"lib",
|
|
64
|
+
"*.css"
|
|
65
|
+
],
|
|
66
|
+
"sideEffects": [
|
|
67
|
+
"**/*.css"
|
|
68
|
+
],
|
|
63
69
|
"eslintConfig": {
|
|
64
|
-
"extends": [
|
|
70
|
+
"extends": [
|
|
71
|
+
"react-app",
|
|
72
|
+
"react-app/jest",
|
|
73
|
+
"plugin:storybook/recommended"
|
|
74
|
+
],
|
|
65
75
|
"overrides": [
|
|
66
76
|
{
|
|
67
|
-
"files": [
|
|
77
|
+
"files": [
|
|
78
|
+
"**/*.stories.*"
|
|
79
|
+
],
|
|
68
80
|
"rules": {
|
|
69
81
|
"import/no-anonymous-default-export": "off"
|
|
70
82
|
}
|
|
@@ -72,7 +84,11 @@
|
|
|
72
84
|
]
|
|
73
85
|
},
|
|
74
86
|
"browserslist": {
|
|
75
|
-
"production": [
|
|
87
|
+
"production": [
|
|
88
|
+
">0.2%",
|
|
89
|
+
"not dead",
|
|
90
|
+
"not op_mini all"
|
|
91
|
+
],
|
|
76
92
|
"development": [
|
|
77
93
|
"last 1 chrome version",
|
|
78
94
|
"last 1 firefox version",
|
|
@@ -95,19 +111,24 @@
|
|
|
95
111
|
"@storybook/test": "^8.0.6",
|
|
96
112
|
"@svgr/webpack": "^8.1.0",
|
|
97
113
|
"autoprefixer": "^10.4.19",
|
|
114
|
+
"copyfiles": "^2.4.1",
|
|
98
115
|
"craco-alias": "^3.0.1",
|
|
99
|
-
"style-loader": "^4.0.0",
|
|
100
116
|
"css-loader": "^7.1.2",
|
|
101
117
|
"eslint-plugin-storybook": "^0.8.0",
|
|
102
118
|
"gh-pages": "^3.2.3",
|
|
103
119
|
"husky": "^7.0.4",
|
|
104
|
-
"copyfiles": "^2.4.1",
|
|
105
120
|
"lint-staged": "^12.4.0",
|
|
106
121
|
"postcss-loader": "^8.1.1",
|
|
107
122
|
"storybook": "^8.0.6",
|
|
123
|
+
"style-loader": "^4.0.0",
|
|
108
124
|
"webpack": "^5.72.0"
|
|
109
125
|
},
|
|
110
|
-
"keywords": [
|
|
126
|
+
"keywords": [
|
|
127
|
+
"react",
|
|
128
|
+
"components",
|
|
129
|
+
"restyle-components",
|
|
130
|
+
"tech-abl"
|
|
131
|
+
],
|
|
111
132
|
"repository": {
|
|
112
133
|
"type": "git",
|
|
113
134
|
"url": "git+https://github.com/appasaheb4/react-restyle-components.git"
|
|
@@ -117,7 +138,10 @@
|
|
|
117
138
|
},
|
|
118
139
|
"homepage": "https://github.com/appasaheb4/react-restyle-components#readme",
|
|
119
140
|
"lint-staged": {
|
|
120
|
-
"*.{js,jsx,json,css,scss,md}": [
|
|
141
|
+
"*.{js,jsx,json,css,scss,md}": [
|
|
142
|
+
"prettier --write",
|
|
143
|
+
"git add"
|
|
144
|
+
]
|
|
121
145
|
},
|
|
122
146
|
"resolutions": {
|
|
123
147
|
"jackspeak": "2.1.1"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-restyle-components",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.55",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Easy use restyle components",
|
|
6
6
|
"main": "lib/cjs/index.js",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"start": "serve -s ./build",
|
|
16
16
|
"dev": "chmod +x setup.sh && sh ./setup.sh && craco start",
|
|
17
17
|
"serve-webapp": "craco build && craco start",
|
|
18
|
-
"build": "rm -rf lib && chmod +x npm-publish.sh && sh ./npm-publish.sh && tsc -p tsconfig.json & tsc -p tsconfig-cjs.json
|
|
18
|
+
"build": "rm -rf lib && chmod +x npm-publish.sh && sh ./npm-publish.sh && tsc -p tsconfig.json & tsc -p tsconfig-cjs.json",
|
|
19
19
|
"test": "react-scripts test",
|
|
20
20
|
"eject": "react-scripts eject",
|
|
21
21
|
"precommit": "lint-staged --allow-empty",
|
|
@@ -111,16 +111,16 @@
|
|
|
111
111
|
"@storybook/test": "^8.0.6",
|
|
112
112
|
"@svgr/webpack": "^8.1.0",
|
|
113
113
|
"autoprefixer": "^10.4.19",
|
|
114
|
+
"copyfiles": "^2.4.1",
|
|
114
115
|
"craco-alias": "^3.0.1",
|
|
115
|
-
"style-loader": "^4.0.0",
|
|
116
116
|
"css-loader": "^7.1.2",
|
|
117
117
|
"eslint-plugin-storybook": "^0.8.0",
|
|
118
118
|
"gh-pages": "^3.2.3",
|
|
119
119
|
"husky": "^7.0.4",
|
|
120
|
-
"copyfiles": "^2.4.1",
|
|
121
120
|
"lint-staged": "^12.4.0",
|
|
122
121
|
"postcss-loader": "^8.1.1",
|
|
123
122
|
"storybook": "^8.0.6",
|
|
123
|
+
"style-loader": "^4.0.0",
|
|
124
124
|
"webpack": "^5.72.0"
|
|
125
125
|
},
|
|
126
126
|
"keywords": [
|