@slithy/modal-parts 0.1.9 → 0.1.11

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 (2) hide show
  1. package/dist/index.js +2 -2
  2. package/package.json +3 -3
package/dist/index.js CHANGED
@@ -24,7 +24,7 @@ function styleInject(css, { insertAt } = {}) {
24
24
  }
25
25
 
26
26
  // src/CloseButton.css
27
- styleInject("[data-slithy=modal-close-button] {\n align-items: center;\n background: transparent;\n border: none;\n color: inherit;\n cursor: pointer;\n display: flex;\n font-family: inherit;\n font-size: inherit;\n height: 44px;\n justify-content: center;\n left: auto;\n margin: 0;\n padding: 0;\n position: absolute;\n right: 0;\n top: 0;\n opacity: 1;\n user-select: none;\n -webkit-user-select: none;\n width: 44px;\n z-index: 1;\n}\n[data-slithy=modal-close-button]:disabled {\n cursor: default;\n opacity: 0.5;\n}\n[data-slithy=modal-close-button]:focus-visible {\n border-radius: 4px;\n box-shadow: 0 0 0 2px currentColor;\n outline: none;\n}\n@media (min-width: 768px) {\n [data-slithy=modal-close-button] {\n height: 24px;\n width: 24px;\n }\n}\n");
27
+ styleInject("[data-slithy=modal-close-button] {\n align-items: center;\n background: transparent;\n border: none;\n color: inherit;\n cursor: pointer;\n display: flex;\n font-family: inherit;\n font-size: inherit;\n height: 44px;\n justify-content: center;\n left: auto;\n margin: 0;\n padding: 0;\n position: absolute;\n right: 0;\n top: 0;\n opacity: 1;\n transition: opacity 0.2s ease;\n user-select: none;\n -webkit-user-select: none;\n width: 44px;\n z-index: 1;\n}\n[data-slithy=modal-close-button]:disabled {\n cursor: default;\n opacity: 0;\n}\n@media (hover: hover) and (pointer: fine) {\n [data-slithy=modal-close-button]:hover {\n opacity: 0.65;\n }\n}\n");
28
28
 
29
29
  // src/CloseButton.tsx
30
30
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -105,7 +105,7 @@ var Header = ({ children, className, ...htmlProps }) => /* @__PURE__ */ jsx3(
105
105
  import { forwardRef } from "react";
106
106
 
107
107
  // src/Main.css
108
- styleInject("[data-slithy=modal-main] {\n flex-grow: 1;\n min-height: 0;\n overflow-y: auto;\n overscroll-behavior-y: contain;\n touch-action: pan-y;\n user-select: text;\n -webkit-user-select: none;\n}\n");
108
+ styleInject("[data-slithy=modal-main] {\n flex-grow: 1;\n min-height: 0;\n overflow-y: auto;\n overscroll-behavior-y: contain;\n user-select: text;\n -webkit-user-select: text;\n}\n");
109
109
 
110
110
  // src/Main.tsx
111
111
  import { jsx as jsx4 } from "react/jsx-runtime";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@slithy/modal-parts",
3
- "version": "0.1.9",
3
+ "version": "0.1.11",
4
4
  "description": "Layout primitives for @slithy/modal-kit modals.",
5
5
  "type": "module",
6
6
  "exports": {
@@ -16,8 +16,8 @@
16
16
  "*.css"
17
17
  ],
18
18
  "dependencies": {
19
- "@slithy/modal-kit": "0.2.1",
20
- "@slithy/utils": "0.5.0"
19
+ "@slithy/modal-kit": "0.3.0",
20
+ "@slithy/utils": "0.5.1"
21
21
  },
22
22
  "peerDependencies": {
23
23
  "react": "^17 || ^18 || ^19"