@purpurds/popover 8.12.2 → 8.13.0

package/dist/styles.css

@@ -1 +1 @@
-._purpur-popover__trigger_10ko3_1{position:relative;width:fit-content}._purpur-popover__trigger-highlight_10ko3_5{position:absolute;inset:-2px;border-radius:var(--purpur-border-radius-sm);pointer-events:none}._purpur-popover__trigger-highlight--state1_10ko3_14{border:var(--purpur-border-radius-xs) solid var(--purpur-color-border-interactive-expressive);box-shadow:0 0 0 4px #990ae380}@media(prefers-reduced-motion:no-preference){._purpur-popover__trigger-highlight--state1_10ko3_14{animation:_highlightState1_10ko3_1 var(--purpur-motion-duration-1500) ease-out 3;animation-fill-mode:forwards}}@media(prefers-reduced-motion:reduce){._purpur-popover__trigger-highlight--state1_10ko3_14{opacity:0}}._purpur-popover__trigger-highlight--state1_10ko3_14._purpur-popover__trigger-highlight--negative_10ko3_29{border-color:var(--purpur-color-purple-200);box-shadow:0 0 0 4px #e4b6fb80}._purpur-popover__trigger-highlight--state2_10ko3_33{border:var(--purpur-border-radius-xs) solid var(--purpur-color-border-interactive-expressive);opacity:1}@media(prefers-reduced-motion:reduce){._purpur-popover__trigger-highlight--state2_10ko3_33{opacity:1}}._purpur-popover__trigger-highlight--state2_10ko3_33._purpur-popover__trigger-highlight--negative_10ko3_29{border-color:var(--purpur-color-purple-200)}._purpur-popover__inner_10ko3_45{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-100);align-self:stretch}._purpur-popover__content_10ko3_52{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-300);width:288px;padding:var(--purpur-spacing-200);border-radius:var(--purpur-border-radius-md);box-shadow:var(--purpur-shadow-lg);z-index:var(--popover-z-index)}@media(prefers-reduced-motion:no-preference){._purpur-popover__content_10ko3_52[data-state=open]{animation:_fadeIn_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-popover__content_10ko3_52[data-state=open][data-side=top]{animation:_fadeIn_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards,_slideFromTop_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-popover__content_10ko3_52[data-state=open][data-side=bottom]{animation:_fadeIn_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards,_slideFromBottom_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-popover__content_10ko3_52[data-state=open][data-side=left]{animation:_fadeIn_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards,_slideFromLeft_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-popover__content_10ko3_52[data-state=open][data-side=right]{animation:_fadeIn_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards,_slideFromRight_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-popover__content_10ko3_52[data-state=closed]{animation:_fadeOut_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-popover__content_10ko3_52[data-state=closed][data-side=top]{animation:_fadeOut_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards,_slideToTop_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-popover__content_10ko3_52[data-state=closed][data-side=bottom]{animation:_fadeOut_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards,_slideToBottom_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-popover__content_10ko3_52[data-state=closed][data-side=left]{animation:_fadeOut_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards,_slideToLeft_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-popover__content_10ko3_52[data-state=closed][data-side=right]{animation:_fadeOut_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards,_slideToRight_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}}@media(min-width:600px){._purpur-popover__content_10ko3_52{width:400px}}._purpur-popover__content_10ko3_52{background:var(--purpur-color-background-tone-on-tone-primary)}._purpur-popover__content_10ko3_52 ._purpur-popover__arrow_10ko3_103{fill:var(--purpur-color-background-tone-on-tone-primary)}._purpur-popover__content_10ko3_52 ._purpur-popover__body_10ko3_106,._purpur-popover__content_10ko3_52 ._purpur-popover__icon_10ko3_107,._purpur-popover__content_10ko3_52 ._purpur-popover__steps_10ko3_108,._purpur-popover__content_10ko3_52 ._purpur-popover__title_10ko3_109{color:var(--purpur-color-text-tone-on-tone-primary)}._purpur-popover__content--negative_10ko3_112{background:var(--purpur-color-background-tone-on-tone-secondary)}._purpur-popover__content--negative_10ko3_112 ._purpur-popover__arrow_10ko3_103{fill:var(--purpur-color-background-tone-on-tone-secondary)}._purpur-popover__content--negative_10ko3_112 ._purpur-popover__body_10ko3_106,._purpur-popover__content--negative_10ko3_112 ._purpur-popover__icon_10ko3_107,._purpur-popover__content--negative_10ko3_112 ._purpur-popover__steps_10ko3_108,._purpur-popover__content--negative_10ko3_112 ._purpur-popover__title_10ko3_109{color:var(--purpur-color-text-tone-on-tone-secondary)}._purpur-popover__header-content_10ko3_124{display:flex;align-items:flex-start;gap:var(--purpur-spacing-100);align-self:stretch;padding-right:var(--purpur-spacing-300)}._purpur-popover__header-content_10ko3_124 ._purpur-popover__icon_10ko3_107{display:flex;padding-top:var(--purpur-spacing-25);align-items:center;gap:8px}._purpur-popover__content_10ko3_52 ._purpur-popover__close_10ko3_137{position:absolute;top:6.26px;right:6.26px}._purpur-popover__footer_10ko3_142{display:flex;text-align:center;gap:var(--purpur-spacing-150);align-self:stretch;align-items:center;flex-direction:column-reverse}@media(min-width:600px){._purpur-popover__footer_10ko3_142{flex-direction:row}}._purpur-popover__footer-button-group_10ko3_155{display:flex;justify-content:flex-end;align-items:center;gap:var(--purpur-spacing-200);flex:1 0 0}._purpur-popover__steps_10ko3_108{flex-shrink:0;color:var(--purpur-color-text-tone-on-tone-primary);overflow:hidden;text-overflow:ellipsis}@keyframes _fadeIn_10ko3_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_10ko3_1{0%{opacity:1}to{opacity:0}}@keyframes _slideFromTop_10ko3_1{0%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes _slideToTop_10ko3_1{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes _slideFromBottom_10ko3_1{0%{transform:translateY(8px)}to{transform:translateY(0)}}@keyframes _slideToBottom_10ko3_1{0%{transform:translateY(0)}to{transform:translateY(8px)}}@keyframes _slideFromLeft_10ko3_1{0%{transform:translate(-8px)}to{transform:translate(0)}}@keyframes _slideToLeft_10ko3_1{0%{transform:translate(0)}to{transform:translate(-8px)}}@keyframes _slideFromRight_10ko3_1{0%{transform:translate(8px)}to{transform:translate(0)}}@keyframes _slideToRight_10ko3_1{0%{transform:translate(0)}to{transform:translate(8px)}}@keyframes _highlightState1_10ko3_1{0%{opacity:0}50%{opacity:1}to{opacity:0}}
+._purpur-popover__trigger_10ko3_1{position:relative;width:fit-content}._purpur-popover__trigger-highlight_10ko3_5{position:absolute;inset:-2px;border-radius:var(--purpur-border-radius-sm);pointer-events:none}._purpur-popover__trigger-highlight--state1_10ko3_14{border:var(--purpur-border-radius-xs) solid var(--purpur-color-border-interactive-expressive);box-shadow:0 0 0 4px #990ae380}@media (prefers-reduced-motion: no-preference){._purpur-popover__trigger-highlight--state1_10ko3_14{animation:_highlightState1_10ko3_1 var(--purpur-motion-duration-1500) ease-out 3;animation-fill-mode:forwards}}@media (prefers-reduced-motion: reduce){._purpur-popover__trigger-highlight--state1_10ko3_14{opacity:0}}._purpur-popover__trigger-highlight--state1_10ko3_14._purpur-popover__trigger-highlight--negative_10ko3_29{border-color:var(--purpur-color-purple-200);box-shadow:0 0 0 4px #e4b6fb80}._purpur-popover__trigger-highlight--state2_10ko3_33{border:var(--purpur-border-radius-xs) solid var(--purpur-color-border-interactive-expressive);opacity:1}@media (prefers-reduced-motion: reduce){._purpur-popover__trigger-highlight--state2_10ko3_33{opacity:1}}._purpur-popover__trigger-highlight--state2_10ko3_33._purpur-popover__trigger-highlight--negative_10ko3_29{border-color:var(--purpur-color-purple-200)}._purpur-popover__inner_10ko3_45{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-100);align-self:stretch}._purpur-popover__content_10ko3_52{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-300);width:288px;padding:var(--purpur-spacing-200);border-radius:var(--purpur-border-radius-md);box-shadow:var(--purpur-shadow-lg);z-index:var(--popover-z-index)}@media (prefers-reduced-motion: no-preference){._purpur-popover__content_10ko3_52[data-state=open]{animation:_fadeIn_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-popover__content_10ko3_52[data-state=open][data-side=top]{animation:_fadeIn_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards,_slideFromTop_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-popover__content_10ko3_52[data-state=open][data-side=bottom]{animation:_fadeIn_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards,_slideFromBottom_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-popover__content_10ko3_52[data-state=open][data-side=left]{animation:_fadeIn_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards,_slideFromLeft_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-popover__content_10ko3_52[data-state=open][data-side=right]{animation:_fadeIn_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards,_slideFromRight_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-popover__content_10ko3_52[data-state=closed]{animation:_fadeOut_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-popover__content_10ko3_52[data-state=closed][data-side=top]{animation:_fadeOut_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards,_slideToTop_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-popover__content_10ko3_52[data-state=closed][data-side=bottom]{animation:_fadeOut_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards,_slideToBottom_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-popover__content_10ko3_52[data-state=closed][data-side=left]{animation:_fadeOut_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards,_slideToLeft_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}._purpur-popover__content_10ko3_52[data-state=closed][data-side=right]{animation:_fadeOut_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards,_slideToRight_10ko3_1 var(--purpur-motion-duration-200) var(--purpur-motion-easing-ease-in-out) forwards}}@media (min-width: 600px){._purpur-popover__content_10ko3_52{width:400px}}._purpur-popover__content_10ko3_52{background:var(--purpur-color-background-tone-on-tone-primary)}._purpur-popover__content_10ko3_52 ._purpur-popover__arrow_10ko3_103{fill:var(--purpur-color-background-tone-on-tone-primary)}._purpur-popover__content_10ko3_52 ._purpur-popover__body_10ko3_106,._purpur-popover__content_10ko3_52 ._purpur-popover__icon_10ko3_107,._purpur-popover__content_10ko3_52 ._purpur-popover__steps_10ko3_108,._purpur-popover__content_10ko3_52 ._purpur-popover__title_10ko3_109{color:var(--purpur-color-text-tone-on-tone-primary)}._purpur-popover__content--negative_10ko3_112{background:var(--purpur-color-background-tone-on-tone-secondary)}._purpur-popover__content--negative_10ko3_112 ._purpur-popover__arrow_10ko3_103{fill:var(--purpur-color-background-tone-on-tone-secondary)}._purpur-popover__content--negative_10ko3_112 ._purpur-popover__body_10ko3_106,._purpur-popover__content--negative_10ko3_112 ._purpur-popover__icon_10ko3_107,._purpur-popover__content--negative_10ko3_112 ._purpur-popover__steps_10ko3_108,._purpur-popover__content--negative_10ko3_112 ._purpur-popover__title_10ko3_109{color:var(--purpur-color-text-tone-on-tone-secondary)}._purpur-popover__header-content_10ko3_124{display:flex;align-items:flex-start;gap:var(--purpur-spacing-100);align-self:stretch;padding-right:var(--purpur-spacing-300)}._purpur-popover__header-content_10ko3_124 ._purpur-popover__icon_10ko3_107{display:flex;padding-top:var(--purpur-spacing-25);align-items:center;gap:8px}._purpur-popover__content_10ko3_52 ._purpur-popover__close_10ko3_137{position:absolute;top:6.26px;right:6.26px}._purpur-popover__footer_10ko3_142{display:flex;text-align:center;gap:var(--purpur-spacing-150);align-self:stretch;align-items:center;flex-direction:column-reverse}@media (min-width: 600px){._purpur-popover__footer_10ko3_142{flex-direction:row}}._purpur-popover__footer-button-group_10ko3_155{display:flex;justify-content:flex-end;align-items:center;gap:var(--purpur-spacing-200);flex:1 0 0}._purpur-popover__steps_10ko3_108{flex-shrink:0;color:var(--purpur-color-text-tone-on-tone-primary);overflow:hidden;text-overflow:ellipsis}@keyframes _fadeIn_10ko3_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_10ko3_1{0%{opacity:1}to{opacity:0}}@keyframes _slideFromTop_10ko3_1{0%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes _slideToTop_10ko3_1{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes _slideFromBottom_10ko3_1{0%{transform:translateY(8px)}to{transform:translateY(0)}}@keyframes _slideToBottom_10ko3_1{0%{transform:translateY(0)}to{transform:translateY(8px)}}@keyframes _slideFromLeft_10ko3_1{0%{transform:translate(-8px)}to{transform:translate(0)}}@keyframes _slideToLeft_10ko3_1{0%{transform:translate(0)}to{transform:translate(-8px)}}@keyframes _slideFromRight_10ko3_1{0%{transform:translate(8px)}to{transform:translate(0)}}@keyframes _slideToRight_10ko3_1{0%{transform:translate(0)}to{transform:translate(8px)}}@keyframes _highlightState1_10ko3_1{0%{opacity:0}50%{opacity:1}to{opacity:0}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/popover",
-  "version": "8.12.2",
+  "version": "8.13.0",
   "license": "AGPL-3.0-only",
   "main": "./dist/popover.cjs.js",
   "types": "./dist/popover.d.ts",
@@ -18,17 +18,17 @@
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-slot": "^1.0.2",
     "classnames": "~2.5.1",
-    "@purpurds/heading": "8.12.2",
-    "@purpurds/common-types": "8.12.2",
-    "@purpurds/button": "8.12.2",
-    "@purpurds/icon": "8.12.2",
-    "@purpurds/link": "8.12.2",
-    "@purpurds/paragraph": "8.12.2",
-    "@purpurds/tokens": "8.12.2"
+    "@purpurds/icon": "8.13.0",
+    "@purpurds/link": "8.13.0",
+    "@purpurds/paragraph": "8.13.0",
+    "@purpurds/common-types": "8.13.0",
+    "@purpurds/button": "8.13.0",
+    "@purpurds/tokens": "8.13.0",
+    "@purpurds/heading": "8.13.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.10.0",
-    "@storybook/react": "^10.0.8",
+    "@storybook/react": "10.1.11",
     "@testing-library/dom": "~10.4.1",
     "@testing-library/jest-dom": "~6.9.1",
     "@testing-library/react": "~16.3.0",
@@ -36,13 +36,13 @@
     "@types/node": "22.17",
     "@types/react-dom": "^19.2.3",
     "@types/react": "^19.2.6",
-    "eslint": "9.39.1",
+    "eslint": "9.39.2",
     "jsdom": "~27.2.0",
     "lint-staged": "16.2.6",
     "prettier": "~2.8.8",
     "react": "^19.2.1",
     "react-dom": "^19.2.1",
-    "storybook": "^10.0.8",
+    "storybook": "10.1.11",
     "typescript": "^5.9.3",
     "vite": "^7.2.2",
     "vitest": "^4.0.10",