@a-type/ui 6.1.22 → 6.1.24

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 (5) hide show
  1. package/dist/components/button/Button.module.css +5 -1
  2. package/dist/components/drawer/Drawer.module.css +10 -2
  3. package/package.json +1 -1
  4. package/src/components/button/Button.module.css +5 -1
  5. package/src/components/drawer/Drawer.module.css +10 -2
package/dist/components/button/Button.module.css CHANGED
@@ -2,7 +2,11 @@
2
2
  user-select: none;
3
3
  appearance: none;
4
4
  cursor: pointer;
5
- transition: all var(--m-dur) var(--m-ease);
5
+ transition:
6
+ background-color,
7
+ color,
8
+ border-color,
9
+ opacity var(--m-dur) var(--m-ease);
6
10
 
7
11
  display: flex;
8
12
  flex-direction: row;
package/dist/components/drawer/Drawer.module.css CHANGED
@@ -76,12 +76,20 @@
76
76
  min-height: 0;
77
77
  /*
78
78
  This padding is what defines the actual height of the drawer.
79
+
80
+ Movement is added to expand the bottom padding while swiping upward using
81
+ snap points. Movement contribution is capped at 0 (only negative is included)
82
+ to make sure a downward swipe to close a drawer is respected (downward swipe
83
+ means positive movement value; if we added this to padding in real time, we
84
+ would be increasing the height of the drawer exactly commensurate to the
85
+ attempted downward movement, making it "stuck" - if this behavior resurfaces,
86
+ this is the line to inspect...
79
87
  */
80
88
  padding-bottom: max(
81
89
  0px,
82
90
  calc(
83
- var(--drawer-snap-point-offset, 0px) + var(--drawer-swipe-movement-y, 0px) -
84
- var(--top-gap)
91
+ var(--drawer-snap-point-offset, 0px) +
92
+ min(0px, var(--drawer-swipe-movement-y)) - var(--top-gap)
85
93
  )
86
94
  );
87
95
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-type/ui",
3
- "version": "6.1.22",
3
+ "version": "6.1.24",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "url": "https://github.com/a-type/ui"
package/src/components/button/Button.module.css CHANGED
@@ -2,7 +2,11 @@
2
2
  user-select: none;
3
3
  appearance: none;
4
4
  cursor: pointer;
5
- transition: all var(--m-dur) var(--m-ease);
5
+ transition:
6
+ background-color,
7
+ color,
8
+ border-color,
9
+ opacity var(--m-dur) var(--m-ease);
6
10
 
7
11
  display: flex;
8
12
  flex-direction: row;
package/src/components/drawer/Drawer.module.css CHANGED
@@ -76,12 +76,20 @@
76
76
  min-height: 0;
77
77
  /*
78
78
  This padding is what defines the actual height of the drawer.
79
+
80
+ Movement is added to expand the bottom padding while swiping upward using
81
+ snap points. Movement contribution is capped at 0 (only negative is included)
82
+ to make sure a downward swipe to close a drawer is respected (downward swipe
83
+ means positive movement value; if we added this to padding in real time, we
84
+ would be increasing the height of the drawer exactly commensurate to the
85
+ attempted downward movement, making it "stuck" - if this behavior resurfaces,
86
+ this is the line to inspect...
79
87
  */
80
88
  padding-bottom: max(
81
89
  0px,
82
90
  calc(
83
- var(--drawer-snap-point-offset, 0px) + var(--drawer-swipe-movement-y, 0px) -
84
- var(--top-gap)
91
+ var(--drawer-snap-point-offset, 0px) +
92
+ min(0px, var(--drawer-swipe-movement-y)) - var(--top-gap)
85
93
  )
86
94
  );
87
95