well-petal 0.0.31 → 0.0.33

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/petal.js +2 -2
  2. package/package.json +1 -1
package/dist/petal.js CHANGED
@@ -26,7 +26,7 @@ return /******/ (() => { // webpackBootstrap
26
26
  \********************************************************************/
27
27
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
28
28
 
29
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `/* ===========================\n Dropdown Core Styles\n =========================== */\n\n/* Default CSS variable values */\n[petal-el=\"dropdown\"] {\n --dropdown-open-duration: 0.5s;\n --dropdown-close-duration: 0.3s;\n}\n\n/* Dropdown Menu: Initial (Closed) State */\nhtml:not(.wf-design-mode) [petal-el=\"dropdown\"] > [petal-el=\"dropdown-menu\"] {\n display: grid !important;\n grid-template-columns: minmax(0, 1fr);\n grid-template-rows: 0fr;\n\n transition:\n grid-template-rows var(--dropdown-close-duration, 0.3s) ease,\n opacity var(--dropdown-close-duration, 0.3s) ease,\n visibility 0s var(--dropdown-close-duration, 0.3s);\n\n visibility: hidden;\n opacity: 0;\n}\n\n/* Dropdown Menu: Open State */\nhtml:not(.wf-design-mode) [petal-el=\"dropdown\"] > [petal-el=\"dropdown-menu\"].w--open {\n grid-template-rows: 1fr;\n visibility: visible;\n opacity: 1;\n\n transition:\n grid-template-rows var(--dropdown-open-duration, 0.5s) ease,\n opacity var(--dropdown-open-duration, 0.5s) ease,\n visibility 0s;\n}\n\n/* Overflow hidden on menu children to enable grid animation */\n[petal-el=\"dropdown\"] > [petal-el=\"dropdown-menu\"] > * {\n overflow: hidden;\n}\n\n/* ===========================\n Dropdown Backdrop\n =========================== */\n\n[petal-el=\"dropdown-backdrop\"] {\n opacity: 0;\n transition: opacity var(--dropdown-close-duration, 0.3s) ease;\n}\n\nbody:has([petal-el=\"dropdown\"] > [petal-el=\"dropdown-toggle\"][aria-expanded=\"true\"]) [petal-el=\"dropdown-backdrop\"] {\n opacity: 1;\n transition: opacity var(--dropdown-open-duration, 0.5s) ease;\n}\n\n/* ===========================\n Mobile Styles\n =========================== */\n\n@container (max-width: 60em) {\n /* Open dropdown permanently on mobile */\n [petal-dropdown-open-on-mobile=\"true\"] > [petal-el=\"dropdown-toggle\"] {\n display: none;\n }\n\n [petal-dropdown-open-on-mobile=\"true\"] > [petal-el=\"dropdown-menu\"] {\n visibility: visible !important;\n opacity: 1 !important;\n display: block !important;\n position: relative !important;\n grid-template-rows: 1fr !important;\n }\n\n /* Hide dropdown background */\n [petal-dropdown-open-on-mobile=\"true\"] > [petal-el=\"dropdown-background\"] {\n display: none;\n }\n\n /* Remove styles from dropdown menu box */\n [petal-dropdown-open-on-mobile=\"true\"] > [petal-el=\"dropdown-menu-box\"] {\n all: unset;\n }\n\n /* Mega dropdown mobile layout */\n [petal-el=\"nav-mega-dropdown\"] {\n width: 100%;\n position: relative;\n top: 0;\n left: 0;\n right: auto;\n bottom: auto;\n }\n\n [petal-el=\"nav-mega-dropdown\"] .w-dropdown-list {\n position: relative;\n }\n\n [petal-el=\"nav-mega-dropdown\"] [petal-el=\"dropdown-scroll\"] {\n padding: 0;\n margin: 0;\n }\n\n [petal-el=\"nav-mega-dropdown\"] [petal-el=\"dropdown-layout\"] {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n}\n\n/* ===========================\n Desktop Styles\n =========================== */\n\n@container (min-width: 60em) {\n [petal-el=\"dropdown\"] {\n width: auto;\n }\n\n [petal-el=\"dropdown\"] [petal-el=\"dropdown-menu\"] {\n position: absolute;\n }\n\n [petal-el=\"dropdown-scroll\"] {\n overflow-x: hidden;\n overflow-y: auto !important;\n }\n}\n`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://petal/./src/lib/dropdown.css?./node_modules/css-loader/dist/cjs.js");
29
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `/* ===========================\n Dropdown Core Styles\n =========================== */\n\n/* Default CSS variable values */\n[petal-el=\"dropdown\"] {\n --dropdown-open-duration: 0.5s;\n --dropdown-close-duration: 0.3s;\n}\n\n/* Dropdown Menu: Initial (Closed) State */\nhtml:not(.wf-design-mode) [petal-el=\"dropdown\"] > [petal-el=\"dropdown-menu\"] {\n display: grid !important;\n grid-template-columns: minmax(0, 1fr);\n grid-template-rows: 0fr;\n\n transition:\n grid-template-rows var(--dropdown-close-duration, 0.3s) ease,\n opacity var(--dropdown-close-duration, 0.3s) ease,\n visibility 0s var(--dropdown-close-duration, 0.3s);\n\n visibility: hidden;\n opacity: 0;\n}\n\n/* Dropdown Menu: Open State */\nhtml:not(.wf-design-mode) [petal-el=\"dropdown\"] > [petal-el=\"dropdown-menu\"].w--open {\n grid-template-rows: 1fr;\n visibility: visible;\n opacity: 1;\n\n transition:\n grid-template-rows var(--dropdown-open-duration, 0.5s) ease,\n opacity var(--dropdown-open-duration, 0.5s) ease,\n visibility 0s;\n}\n\n/* Overflow hidden on menu children to enable grid animation */\n[petal-el=\"dropdown\"] > [petal-el=\"dropdown-menu\"] > * {\n overflow: hidden;\n}\n\n/* ===========================\n Dropdown Backdrop\n =========================== */\n\n[petal-el=\"dropdown-backdrop\"] {\n opacity: 0;\n transition: opacity var(--dropdown-close-duration, 0.3s) ease;\n}\n\nbody:has([petal-el=\"dropdown\"] > [petal-el=\"dropdown-toggle\"][aria-expanded=\"true\"]) [petal-el=\"dropdown-backdrop\"] {\n opacity: 1;\n transition: opacity var(--dropdown-open-duration, 0.5s) ease;\n}\n\n/* ===========================\n Mobile Styles\n =========================== */\n\n@container (max-width: 65em) {\n /* Open dropdown permanently on mobile */\n [petal-dropdown-open-on-mobile=\"true\"] > [petal-el=\"dropdown-toggle\"] {\n display: none;\n }\n\n [petal-dropdown-open-on-mobile=\"true\"] > [petal-el=\"dropdown-menu\"] {\n visibility: visible !important;\n opacity: 1 !important;\n display: block !important;\n position: relative !important;\n grid-template-rows: 1fr !important;\n }\n\n /* Hide dropdown background */\n [petal-dropdown-open-on-mobile=\"true\"] > [petal-el=\"dropdown-background\"] {\n display: none;\n }\n\n /* Remove styles from dropdown menu box */\n [petal-dropdown-open-on-mobile=\"true\"] > [petal-el=\"dropdown-menu-box\"] {\n all: unset;\n }\n\n /* Mega dropdown mobile layout */\n [petal-el=\"nav-mega-dropdown\"] {\n width: 100%;\n position: relative;\n top: 0;\n left: 0;\n right: auto;\n bottom: auto;\n }\n\n [petal-el=\"nav-mega-dropdown\"] .w-dropdown-list {\n position: relative;\n }\n\n [petal-el=\"nav-mega-dropdown\"] [petal-el=\"dropdown-scroll\"] {\n padding: 0;\n margin: 0;\n }\n\n [petal-el=\"nav-mega-dropdown\"] [petal-el=\"dropdown-layout\"] {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n}\n\n/* ===========================\n Desktop Styles\n =========================== */\n\n@container (min-width: 65em) {\n [petal-el=\"dropdown\"] {\n width: auto;\n }\n\n [petal-el=\"dropdown\"] [petal-el=\"dropdown-menu\"] {\n position: absolute;\n }\n\n [petal-el=\"dropdown-scroll\"] {\n overflow-x: hidden;\n overflow-y: auto !important;\n }\n}\n`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://petal/./src/lib/dropdown.css?./node_modules/css-loader/dist/cjs.js");
30
30
 
31
31
  /***/ }),
32
32
 
@@ -266,7 +266,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
266
266
  \**********************/
267
267
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
268
268
 
269
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _popup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./popup */ \"./src/popup.ts\");\n/* harmony import */ var _banner__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./banner */ \"./src/banner.ts\");\n/* harmony import */ var _lib_dropdown__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./lib/dropdown */ \"./src/lib/dropdown.ts\");\n/* harmony import */ var _petal_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./petal.css */ \"./src/petal.css\");\n/* harmony import */ var _lib_dropdown_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./lib/dropdown.css */ \"./src/lib/dropdown.css\");\n\n\n\n\n\nconsole.log(`🌸 Hello from Wellflow Petal v${\"0.0.31\"}`);\n(0,_popup__WEBPACK_IMPORTED_MODULE_0__.initializeAllPopups)();\n(0,_popup__WEBPACK_IMPORTED_MODULE_0__.initializePopupTriggers)();\n(0,_banner__WEBPACK_IMPORTED_MODULE_1__.initializeBanner)();\n(0,_lib_dropdown__WEBPACK_IMPORTED_MODULE_2__.initializeDropdowns)();\n\n\n//# sourceURL=webpack://petal/./src/petal.ts?");
269
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _popup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./popup */ \"./src/popup.ts\");\n/* harmony import */ var _banner__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./banner */ \"./src/banner.ts\");\n/* harmony import */ var _lib_dropdown__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./lib/dropdown */ \"./src/lib/dropdown.ts\");\n/* harmony import */ var _petal_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./petal.css */ \"./src/petal.css\");\n/* harmony import */ var _lib_dropdown_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./lib/dropdown.css */ \"./src/lib/dropdown.css\");\n\n\n\n\n\nconsole.log(`🌸 Hello from Wellflow Petal v${\"0.0.33\"}`);\n(0,_popup__WEBPACK_IMPORTED_MODULE_0__.initializeAllPopups)();\n(0,_popup__WEBPACK_IMPORTED_MODULE_0__.initializePopupTriggers)();\n(0,_banner__WEBPACK_IMPORTED_MODULE_1__.initializeBanner)();\n(0,_lib_dropdown__WEBPACK_IMPORTED_MODULE_2__.initializeDropdowns)();\n\n\n//# sourceURL=webpack://petal/./src/petal.ts?");
270
270
 
271
271
  /***/ }),
272
272
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "well-petal",
3
- "version": "0.0.31",
3
+ "version": "0.0.33",
4
4
  "description": "Webflow Popups powered by attributes",
5
5
  "main": "dist/petal.js",
6
6
  "files": [