@spothero/ui 22.1.0 → 22.1.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.
|
@@ -13,24 +13,23 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
13
13
|
// No clue how to move these into the style file so just co-located to keep from slowing down
|
|
14
14
|
// Chakra V2 will heavily impact this component
|
|
15
15
|
const labelStyle = {
|
|
16
|
-
color:
|
|
17
|
-
fontWeight:
|
|
16
|
+
color: 'gray.600',
|
|
17
|
+
fontWeight: 'semibold',
|
|
18
18
|
top: 3,
|
|
19
19
|
left: 0,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
pointerEvents: "none",
|
|
20
|
+
position: 'absolute',
|
|
21
|
+
pointerEvents: 'none',
|
|
23
22
|
padding: 'inherit',
|
|
24
23
|
marginX: 3,
|
|
25
24
|
paddingX: 1,
|
|
26
25
|
marginY: 2,
|
|
27
|
-
transformOrigin:
|
|
26
|
+
transformOrigin: 'left top',
|
|
28
27
|
// below is from chakra v2 that I'm pulling in
|
|
29
28
|
transitionProperty: 'scale translate',
|
|
30
29
|
transitionDuration: '200ms'
|
|
31
30
|
};
|
|
32
31
|
const activeLabelStyles = {
|
|
33
|
-
transform:
|
|
32
|
+
transform: 'scale(0.85) translateY(-16px)',
|
|
34
33
|
_invalid: {
|
|
35
34
|
color: 'error',
|
|
36
35
|
'& .chakra-form__required-indicator': {
|
|
@@ -39,8 +38,8 @@ const activeLabelStyles = {
|
|
|
39
38
|
}
|
|
40
39
|
};
|
|
41
40
|
const controlStyles = {
|
|
42
|
-
position:
|
|
43
|
-
borderWidth:
|
|
41
|
+
position: 'relative',
|
|
42
|
+
borderWidth: '0',
|
|
44
43
|
sx: {
|
|
45
44
|
label: labelStyle,
|
|
46
45
|
input: {
|
|
@@ -58,7 +57,7 @@ const controlStyles = {
|
|
|
58
57
|
}
|
|
59
58
|
},
|
|
60
59
|
// styles used for when we extend functionality - textarea:not(:placeholder-shown) ~ label
|
|
61
|
-
|
|
60
|
+
'input:not(:placeholder-shown) + label, .chakra-select__wrapper + label': {
|
|
62
61
|
...activeLabelStyles
|
|
63
62
|
},
|
|
64
63
|
// should be a cleaner way of doing this
|
|
@@ -78,9 +77,9 @@ const controlStyles = {
|
|
|
78
77
|
paddingLeft: 8
|
|
79
78
|
},
|
|
80
79
|
// Styling for select
|
|
81
|
-
|
|
80
|
+
'.chakra-select__wrapper + label': {
|
|
82
81
|
...activeLabelStyles,
|
|
83
|
-
transform:
|
|
82
|
+
transform: 'scale(0.85) translateY(-16px) translateX(-2px)' //X added to help align
|
|
84
83
|
},
|
|
85
84
|
'button[data-value] + label': {
|
|
86
85
|
...activeLabelStyles
|
|
@@ -95,7 +94,7 @@ const controlStyles = {
|
|
|
95
94
|
},
|
|
96
95
|
input: {
|
|
97
96
|
'&::placeholder': {
|
|
98
|
-
opacity:
|
|
97
|
+
opacity: '1'
|
|
99
98
|
}
|
|
100
99
|
}
|
|
101
100
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spothero/ui",
|
|
3
|
-
"version": "22.1.
|
|
3
|
+
"version": "22.1.1",
|
|
4
4
|
"description": "SpotHero's React component UI library.",
|
|
5
5
|
"main": "./dist/components/index.js",
|
|
6
6
|
"exports": "./dist/components/index.js",
|
|
@@ -94,14 +94,14 @@
|
|
|
94
94
|
"webpack-merge": "5.1.4",
|
|
95
95
|
"css-loader": "5.1.3",
|
|
96
96
|
"sass-loader": "10.2.1",
|
|
97
|
-
"@spothero/browserslist-config": "4.0.0",
|
|
98
|
-
"@spothero/core": "7.0.1",
|
|
99
97
|
"@spothero/babel-preset-spothero": "5.1.0",
|
|
98
|
+
"@spothero/core": "7.0.1",
|
|
100
99
|
"@spothero/eslint-config": "6.1.0",
|
|
100
|
+
"@spothero/browserslist-config": "4.0.0",
|
|
101
|
+
"@spothero/prettier-config": "4.0.0",
|
|
101
102
|
"@spothero/icons": "9.0.0",
|
|
102
|
-
"@spothero/npm-publisher": "7.0.0",
|
|
103
103
|
"@spothero/stylelint-config": "6.0.0",
|
|
104
|
-
"@spothero/
|
|
104
|
+
"@spothero/npm-publisher": "7.0.0"
|
|
105
105
|
},
|
|
106
106
|
"dependencies": {
|
|
107
107
|
"@chakra-ui/react": "1.8.8",
|