@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 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.1.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": "c8e8a5d43d547fe325b18e2e294862ae1b29f6e1"
49
+ "gitHead": "5c07139edd2d6f5ea95bfd2b850ff3bb8434609b"
50
50
  }