@gr4vy/secure-fields 0.1.0 → 0.2.0
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/CHANGELOG.md +1 -0
- package/README.md +16 -9
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
#### 🐛 Bug Fix
|
|
8
8
|
|
|
9
|
+
- docs: update readme [#23](https://github.com/gr4vy/secure-fields/pull/23) ([@douglaseggleton](https://github.com/douglaseggleton))
|
|
9
10
|
- ci: add npm release configuration [#16](https://github.com/gr4vy/secure-fields/pull/16) ([@douglaseggleton](https://github.com/douglaseggleton))
|
|
10
11
|
- fix: removing share constant [#15](https://github.com/gr4vy/secure-fields/pull/15) ([@douglaseggleton](https://github.com/douglaseggleton))
|
|
11
12
|
- feat: add field [#13](https://github.com/gr4vy/secure-fields/pull/13) ([@luca-gr4vy](https://github.com/luca-gr4vy))
|
package/README.md
CHANGED
|
@@ -88,7 +88,7 @@ form.addEventListener('submit', (e) => {
|
|
|
88
88
|
|
|
89
89
|
The outer styling (any containers around fields, etc) is completely in the your control. SecureFields will also generate a set of so-called managed CSS classes and attach them to the outer iframe containers, so you can target them with your own CSS. Finally, an object of CSS rules can be passed to the `addField` options to style elements inside the iframe(s).
|
|
90
90
|
|
|
91
|
-
```
|
|
91
|
+
```js
|
|
92
92
|
const styles = {
|
|
93
93
|
// Default styles
|
|
94
94
|
base: { ... },
|
|
@@ -146,21 +146,28 @@ WebkitFontSmoothing
|
|
|
146
146
|
|
|
147
147
|
Here are the managed classes generated by Secure Fields:
|
|
148
148
|
|
|
149
|
-
```
|
|
149
|
+
```css
|
|
150
150
|
/* Applied to the (form) container */
|
|
151
|
-
.secure-fields {
|
|
151
|
+
.secure-fields {
|
|
152
|
+
}
|
|
152
153
|
/* Applied to each field */
|
|
153
|
-
.secure-fields__field {
|
|
154
|
+
.secure-fields__field {
|
|
155
|
+
}
|
|
154
156
|
/* Applied to a disabled field */
|
|
155
|
-
.secure-fields__field--disabled {
|
|
157
|
+
.secure-fields__field--disabled {
|
|
158
|
+
}
|
|
156
159
|
/* Applied to a focused field */
|
|
157
|
-
.secure-fields__field--focused {
|
|
160
|
+
.secure-fields__field--focused {
|
|
161
|
+
}
|
|
158
162
|
/* Applied to a valid field */
|
|
159
|
-
.secure-fields__field--valid {
|
|
163
|
+
.secure-fields__field--valid {
|
|
164
|
+
}
|
|
160
165
|
/* Applied to an invalid field */
|
|
161
|
-
.secure-fields__field--invalid {
|
|
166
|
+
.secure-fields__field--invalid {
|
|
167
|
+
}
|
|
162
168
|
/* Applied to a autofilled field */
|
|
163
|
-
.secure-fields__field--autofilled {
|
|
169
|
+
.secure-fields__field--autofilled {
|
|
170
|
+
}
|
|
164
171
|
```
|
|
165
172
|
|
|
166
173
|
### Events
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gr4vy/secure-fields",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"description": "Gr4vy-hosted secure fields offering advanced theming, PCI compliance, event handling, and more.",
|
|
5
5
|
"main": "lib/index",
|
|
6
6
|
"types": "lib/index",
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"publishConfig": {
|
|
47
47
|
"access": "public"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "5c07139edd2d6f5ea95bfd2b850ff3bb8434609b"
|
|
50
50
|
}
|