@prozorro/prozorro-ui 0.0.15 → 0.0.16

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prozorro/prozorro-ui",
   "private": false,
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "Official Prozorro UI Library",
   "author": "Dmytro Rybachek",
   "license": "MIT",

package/dist/app/assets/PzDropdown-Bi4TxZrx.css

@@ -1 +0,0 @@
-.pz-dropdown-story{display:grid;gap:20px;max-width:760px}.pz-dropdown-story-header{display:flex;justify-content:space-between;gap:16px;align-items:start}.pz-dropdown-story-eyebrow,.pz-dropdown-story-chip{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--pz-color-blue-10) 90%,var(--pz-color-white));color:var(--pz-color-text-link-hover);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pz-dropdown-story-preview,.pz-dropdown-story-note{padding:24px;border:1px solid color-mix(in srgb,var(--pz-color-grey-30) 72%,transparent);border-radius:24px;background:linear-gradient(180deg,var(--pz-color-white),color-mix(in srgb,var(--pz-color-grey-20) 84%,var(--pz-color-white)));box-shadow:0 18px 60px color-mix(in srgb,var(--pz-color-black-90) 8%,transparent)}.pz-dropdown-story-menu{display:grid;gap:4px;min-width:184px}.pz-dropdown-story-item{display:inline-flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:var(--pz-color-text-primary);text-align:left;cursor:pointer;transition:background-color .14s ease,color .14s ease}.pz-dropdown-story-item:hover,.pz-dropdown-story-item:focus-visible{background:var(--pz-color-blue-10);outline:none}.pz-dropdown-story-item-danger{color:var(--pz-color-button-danger)}.pz-dropdown-story-item-danger:hover,.pz-dropdown-story-item-danger:focus-visible{background:var(--pz-color-red-30)}.pz-dropdown-story-note{max-width:66ch}.pz-dropdown[data-v-59c57e64]{display:inline-flex;vertical-align:top}

package/dist/app/assets/PzDropdown.stories-Ca6YfkhC.js

@@ -1,59 +0,0 @@
-import{P as c}from"./PzBtn-DF2CF13S.js";import{_ as m}from"./PzIcon-Cl6HRcZF.js";import{P as l}from"./PzText-gx4GloMe.js";import{d as u,B as z,D as r,u as w,o as b,l as p}from"./iframe-DRh_Ct27.js";import{k as y}from"./floating-vue-Bijulhdh.js";import{_ as g}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-C1FmrZbK.js";const n=u({name:"PzDropdown",__name:"PzDropdown",setup(o){return(t,_)=>(b(),z(w(y),{class:"pz-dropdown",theme:"dropdown"},{popper:r(()=>[p(t.$slots,"content",{},void 0,!0)]),default:r(()=>[p(t.$slots,"default",{},void 0,!0)]),_:3}))}}),s=g(n,[["__scopeId","data-v-59c57e64"]]);n.__docgenInfo=Object.assign({displayName:n.name??n.__name},{name:"PzDropdown",exportName:"default",displayName:"PzDropdown",description:"",tags:{},slots:[{name:"default"},{name:"content"}],sourceFiles:["/builds/Web-Projects/client-services/prozorro-ui/src/components/Popups/PzDropdown/PzDropdown.vue"]});const f=[{icon:"edit",label:"Редагувати"},{icon:"content_copy",label:"Створити копію"},{icon:"archive",label:"Архівувати"},{icon:"delete",label:"Видалити",danger:!0}],v=o=>`<template>
-  <PzDropdown>
-    <PzBtn variant="primary-outline">
-      ${o.triggerLabel??"Дії"}
-      <template #suffix>
-        <PzIcon name="expand_more" size="16" />
-      </template>
-    </PzBtn>
-
-    <template #content>
-      <button type="button" class="pz-dropdown-story-item">Редагувати</button>
-      <button type="button" class="pz-dropdown-story-item">Створити копію</button>
-      <button type="button" class="pz-dropdown-story-item">Архівувати</button>
-      <button type="button" class="pz-dropdown-story-item pz-dropdown-story-item--danger">Видалити</button>
-    </template>
-  </PzDropdown>
-</template>`,P={title:"Components/Popups/PzDropdown",component:s,parameters:{prototype:{caption:"Dropdown component",note:"Action menu wrapper powered by floating-vue with a shared popper theme and the same trigger/content slot API as the old app-level dropdown."},docs:{description:{component:"Use `PzDropdown` for compact action menus or contextual choices. It keeps the trigger in the default slot and renders the menu body in the `content` slot."},source:{transform:(o,t)=>v(t.args??P.args)}}},args:{triggerLabel:"Дії"},argTypes:{triggerLabel:{control:"text",description:"Trigger label shown on the dropdown button.",table:{category:"Slots"}}},render:o=>({components:{pzBtn:c,pzDropdown:s,pzIcon:m,pzText:l},setup(){return{args:o,dropdownItems:f}},template:`
-      <section class="pz-dropdown-story">
-        <div class="pz-dropdown-story-header">
-          <div>
-            <span class="pz-dropdown-story-eyebrow">Component API</span>
-            <pz-text variant="h4-bold">Context menu trigger</pz-text>
-          </div>
-          <span class="pz-dropdown-story-chip">floating-vue</span>
-        </div>
-
-        <div class="pz-dropdown-story-preview">
-          <pz-dropdown>
-            <pz-btn variant="primary-outline">
-              {{ args.triggerLabel }}
-              <template #suffix>
-                <pz-icon name="expand_more" size="16" />
-              </template>
-            </pz-btn>
-
-            <template #content>
-              <div class="pz-dropdown-story-menu">
-                <button
-                  v-for="item in dropdownItems"
-                  :key="item.label"
-                  type="button"
-                  class="pz-dropdown-story-item"
-                  :class="{ 'pz-dropdown-story-item-danger': item.danger }"
-                >
-                  <pz-icon :name="item.icon" size="16" />
-                  <span>{{ item.label }}</span>
-                </button>
-              </div>
-            </template>
-          </pz-dropdown>
-        </div>
-
-        <div class="pz-dropdown-story-note">
-          <pz-text variant="body-regular">
-            The dropdown surface is intentionally compact: it works best for destructive actions, inline row menus, and quick administrative commands.
-          </pz-text>
-        </div>
-      </section>
-    `})},e={};var a,d,i;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(i=(d=e.parameters)==null?void 0:d.docs)==null?void 0:i.source}}};const S=["Playground"];export{e as Playground,S as __namedExportsOrder,P as default};