@signosoft/signpad-js 0.3.9 → 0.4.1

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.
Files changed (6) hide show
  1. package/README.md +24 -43
  2. package/dist/signosoft-signpad.js +1230 -1223
  3. package/dist/signosoft-signpad.umd.cjs +35 -38
  4. package/package.json +1 -1
  5. package/src/styles/signosoft-signpad.css +7 -7
  6. package/src/styles/styles-variables.css +17 -17
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@signosoft/signpad-js",
3
3
  "private": false,
4
- "version": "0.3.9",
4
+ "version": "0.4.1",
5
5
  "browser": {
6
6
  "fs": false
7
7
  },
package/src/styles/signosoft-signpad.css CHANGED
@@ -41,7 +41,7 @@ html {
41
41
  .signpad-canvas-wrapper {
42
42
  position: relative;
43
43
  width: 100%;
44
- padding-top: 16px;
44
+ padding-top: 1rem;
45
45
  padding-bottom: 56.25%;
46
46
  height: 0;
47
47
  background-color: var(--sign-canvas-bg-base);
@@ -93,9 +93,9 @@ html {
93
93
  align-items: center;
94
94
  height: var(--sign-line-height);
95
95
  padding-top: 0;
96
- border-top: 2px solid var(--sign-line-border-base);
96
+ border-top: 0.125rem solid var(--sign-line-border-base);
97
97
  box-sizing: border-box;
98
- padding-top: 6px;
98
+ padding-top: 0.375rem;
99
99
  margin: var(--sign-line-margin);
100
100
  }
101
101
  .signpad-canvas-line-additional-text,
@@ -194,10 +194,10 @@ html {
194
194
  align-items: center;
195
195
  z-index: 10;
196
196
  text-align: center;
197
- gap: 10px;
197
+ gap: 0.625rem;
198
198
  }
199
199
  .signpad-loading-overlay .spinner {
200
- border: 4px solid var(--sign-loading-overlay-spinner-border-color);
200
+ border: 0.25rem solid var(--sign-loading-overlay-spinner-border-color);
201
201
  border-left-color: var(--sign-loading-overlay-spinner-color);
202
202
  border-radius: 50%;
203
203
  width: var(--sign-loading-overlay-spinner-size);
@@ -208,8 +208,8 @@ html {
208
208
  .signpad-loading-overlay-text {
209
209
  font-family: var(--sign-font-family);
210
210
  color: var(--sign-loading-overlay-text-color);
211
- font-size: 14px;
212
- margin: 16px 0 0 0;
211
+ font-size: 0.875rem;
212
+ margin: 1rem 0 0 0;
213
213
  }
214
214
 
215
215
  @keyframes spin {
package/src/styles/styles-variables.css CHANGED
@@ -9,12 +9,12 @@
9
9
  --grey-color: #b5b9be;
10
10
 
11
11
  /* Constraints */
12
- --min-height: 48px;
13
- --spacing-constraints: 16px 24px;
12
+ --min-height: 3rem;
13
+ --spacing-constraints: 1rem 1.5rem;
14
14
 
15
15
  /* CSS Variables */
16
16
  --sign-font-family: Arial, Helvetica, sans-serif;
17
- --sign-common-border-radius: 8px;
17
+ --sign-common-border-radius: 0.5rem;
18
18
 
19
19
  /* Top Bar */
20
20
  --sign-top-bar-bg-base: var(--background-color-10);
@@ -34,19 +34,19 @@
34
34
  --sign-canvas-wrapper-border-bottom-right-radius: 0;
35
35
 
36
36
  /* Line */
37
- --sign-line-height: 22px;
38
- --sign-line-margin-bottom: 16px;
37
+ --sign-line-height: 1.375rem;
38
+ --sign-line-margin-bottom: 1rem;
39
39
  --sign-line-border-base: var(--primary-color-10);
40
40
  --sign-line-additional-text-color: var(--text-color-0);
41
- --sign-line-margin: 0px 24px var(--sign-line-margin-bottom) 24px;
42
- --sign-canvas-line-text-font-size: 12px;
41
+ --sign-line-margin: 0rem 1.5rem var(--sign-line-margin-bottom) 1.5rem;
42
+ --sign-canvas-line-text-font-size: 0.75rem;
43
43
  --sign-canvas-height-offset: var(--sign-line-height);
44
44
 
45
45
  /* Bottom Bar */
46
46
  --sign-bottom-bar-bg-base: var(--background-color-10);
47
47
  --sign-bottom-bar-padding: var(--spacing-constraints);
48
48
  --sign-bottom-bar-min-height: var(--min-height);
49
- --sign-bottom-bar-gap: 12px;
49
+ --sign-bottom-bar-gap: 0.75rem;
50
50
  --sign-bottom-bar-border-top-left-radius: 0;
51
51
  --sign-bottom-bar-border-top-right-radius: 0;
52
52
  --sign-bottom-bar-border-bottom-left-radius: var(--sign-common-border-radius);
@@ -55,8 +55,8 @@
55
55
  );
56
56
 
57
57
  /* Button general settings */
58
- --sign-button-font-size: 16px;
59
- --sign-button-padding: 14px 16px;
58
+ --sign-button-font-size: 1rem;
59
+ --sign-button-padding: 0.875rem 1rem;
60
60
  --sign-button-min-height: var(--min-height);
61
61
  --sign-button-border-radius: var(--sign-common-border-radius);
62
62
  --sign-button-font-weight: 500;
@@ -68,9 +68,9 @@
68
68
  --sign-button-primary-text-base: var(--white-color);
69
69
  --sign-button-primary-text-hover: var(--white-color);
70
70
  --sign-button-primary-text-disabled: var(--white-color);
71
- --sign-button-primary-border-base: 1px solid var(--primary-color-0);
72
- --sign-button-primary-border-hover: 1px solid var(--primary-color-10);
73
- --sign-button-primary-border-disabled: 1px solid var(--grey-color);
71
+ --sign-button-primary-border-base: 0.0625rem solid var(--primary-color-0);
72
+ --sign-button-primary-border-hover: 0.0625rem solid var(--primary-color-10);
73
+ --sign-button-primary-border-disabled: 0.0625rem solid var(--grey-color);
74
74
 
75
75
  /* Link Buttons (Connect signpad) */
76
76
  --sign-button-link-bg-base: transparent;
@@ -79,9 +79,9 @@
79
79
  --sign-button-link-text-base: var(--primary-color-0);
80
80
  --sign-button-link-text-hover: var(--primary-color-10);
81
81
  --sign-button-link-text-disabled: var(--grey-color);
82
- --sign-button-link-border-base: 1px solid var(--primary-color-0);
83
- --sign-button-link-border-hover: 1px solid var(--primary-color-10);
84
- --sign-button-link-border-disabled: 1px solid var(--grey-color);
82
+ --sign-button-link-border-base: 0.0625rem solid var(--primary-color-0);
83
+ --sign-button-link-border-hover: 0.0625rem solid var(--primary-color-10);
84
+ --sign-button-link-border-disabled: 0.0625rem solid var(--grey-color);
85
85
 
86
86
  /* Device State Text Colors */
87
87
  --sign-device-state-text-color-connected: green;
@@ -92,5 +92,5 @@
92
92
  --sign-loading-overlay-text-color: var(--text-color-0);
93
93
  --sign-loading-overlay-spinner-color: var(--primary-color-0);
94
94
  --sign-loading-overlay-spinner-border-color: rgba(78, 86, 234, 0.1);
95
- --sign-loading-overlay-spinner-size: 30px;
95
+ --sign-loading-overlay-spinner-size: 1.875rem;
96
96
  }