@maelstrom-futurism/button 0.9.0 → 0.9.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.
- package/dist/Button.styles.d.ts.map +1 -1
- package/dist/index.js +7 -2
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../src/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElE,eAAO,MAAM,MAAM,EAAE,gBAKpB,CAAC;AAEF,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../src/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElE,eAAO,MAAM,MAAM,EAAE,gBAKpB,CAAC;AAEF,eAAO,MAAM,WAAW,kBA6BvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,kBAkB5B,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1152,6 +1152,11 @@ const yt = gt`
|
|
|
1152
1152
|
position: relative;
|
|
1153
1153
|
overflow: hidden;
|
|
1154
1154
|
|
|
1155
|
+
&:active {
|
|
1156
|
+
filter: brightness(0.85);
|
|
1157
|
+
transform: scale(0.98);
|
|
1158
|
+
}
|
|
1159
|
+
|
|
1155
1160
|
div.rippleContainer {
|
|
1156
1161
|
position: absolute;
|
|
1157
1162
|
top: 0;
|
|
@@ -1165,7 +1170,7 @@ const yt = gt`
|
|
|
1165
1170
|
position: absolute;
|
|
1166
1171
|
opacity: 0.75;
|
|
1167
1172
|
background-color: #fff;
|
|
1168
|
-
animation: ${yt}
|
|
1173
|
+
animation: ${yt} var(--mf-dur-ripple);
|
|
1169
1174
|
}
|
|
1170
1175
|
}
|
|
1171
1176
|
`, wt = L`
|
|
@@ -1249,7 +1254,7 @@ const yt = gt`
|
|
|
1249
1254
|
background: ${o};
|
|
1250
1255
|
box-shadow: inset 0 0 0 1px ${a};
|
|
1251
1256
|
color: ${t ? n[0] : n[1]};
|
|
1252
|
-
transition: all
|
|
1257
|
+
transition: all var(--mf-dur-slow);
|
|
1253
1258
|
&:hover {
|
|
1254
1259
|
box-shadow: inset 0 0 0 1000px ${a};
|
|
1255
1260
|
color: ${n[1]};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maelstrom-futurism/button",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.1",
|
|
4
4
|
"description": "A button (with very cool ripples!) for MF",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -30,12 +30,12 @@
|
|
|
30
30
|
},
|
|
31
31
|
"homepage": "https://github.com/DawsonG/maelstrom-futurism#readme",
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@maelstrom-futurism/core": "^0.9.
|
|
34
|
-
"@maelstrom-futurism/icons": "^0.9.
|
|
33
|
+
"@maelstrom-futurism/core": "^0.9.1",
|
|
34
|
+
"@maelstrom-futurism/icons": "^0.9.1"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"@emotion/react": ">= 11.10.5",
|
|
38
38
|
"react": ">= 18.3.1"
|
|
39
39
|
},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "e70900f407baeb2e060065ccaee259390e686ca6"
|
|
41
41
|
}
|