@speckle/ui-components 2.25.9 → 2.26.0

package/dist/style.css

@@ -1 +1 @@
-.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-theme=mention]{background:none;pointer-events:none}.tippy-box[data-theme=mention] .tippy-arrow{display:none}.tippy-box[data-theme=mention] .tippy-content>*{pointer-events:auto}.swoosher[data-v-988cfbb1]{width:100%;height:100%;animation:swoosh-988cfbb1 1s infinite linear;transform-origin:0% 30%}@keyframes swoosh-988cfbb1{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}html.dialog-open{overflow:visible!important}html.dialog-open body{overflow:hidden!important}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes rotator-ee380fea{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes dash-ee380fea{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}.spinner[data-v-ee380fea]{animation:rotator-ee380fea 1.4s linear infinite}.path[data-v-ee380fea]{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash-ee380fea 1.4s ease-in-out infinite}input[type=number][data-v-2d413fea]::-webkit-outer-spin-button,input[type=number][data-v-2d413fea]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-2d413fea]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.slider[data-v-2d413fea]::-webkit-slider-runnable-track{height:1rem;border-radius:9999px;background-color:var(--highlight-1);padding-left:.125rem;padding-right:.125rem;outline-color:var(--outline-2);box-shadow:inset 0 1px 4px #0000000a;outline-width:1px;outline-style:solid}.slider[data-v-2d413fea]::-moz-range-track{height:1rem;border-radius:9999px;background-color:var(--highlight-1);padding-left:.125rem;padding-right:.125rem;outline-color:var(--outline-2);box-shadow:inset 0 1px 4px #0000000a;outline-width:1px;outline-style:solid}.slider[data-v-2d413fea]::-webkit-slider-thumb{margin-top:.125rem;height:.75rem;width:.75rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;background-color:var(--foreground-on-primary);outline-color:var(--outline-5);outline-width:1px;outline-style:solid}.slider[data-v-2d413fea]::-moz-range-thumb{margin-top:.125rem;height:.75rem;width:.75rem;cursor:pointer;-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:9999px;background-color:var(--foreground-on-primary);outline-color:var(--outline-5);outline-width:1px;outline-style:solid}
+.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-theme=mention]{background:none;pointer-events:none}.tippy-box[data-theme=mention] .tippy-arrow{display:none}.tippy-box[data-theme=mention] .tippy-content>*{pointer-events:auto}.swoosher[data-v-988cfbb1]{width:100%;height:100%;animation:swoosh-988cfbb1 1s infinite linear;transform-origin:0% 30%}@keyframes swoosh-988cfbb1{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}html.dialog-open{overflow:visible!important}html.dialog-open body{overflow:hidden!important}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes rotator-ee380fea{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes dash-ee380fea{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}.spinner[data-v-ee380fea]{animation:rotator-ee380fea 1.4s linear infinite}.path[data-v-ee380fea]{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash-ee380fea 1.4s ease-in-out infinite}input[type=number][data-v-62891713]::-webkit-outer-spin-button,input[type=number][data-v-62891713]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-62891713]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.slider[data-v-62891713]::-webkit-slider-runnable-track{height:1rem;border-radius:9999px;background-color:var(--highlight-1);padding-left:.125rem;padding-right:.125rem;outline-color:var(--outline-2);box-shadow:inset 0 1px 4px #0000000a;outline-width:1px;outline-style:solid}.slider[data-v-62891713]::-moz-range-track{height:1rem;border-radius:9999px;background-color:var(--highlight-1);padding-left:.125rem;padding-right:.125rem;outline-color:var(--outline-2);box-shadow:inset 0 1px 4px #0000000a;outline-width:1px;outline-style:solid}.slider[data-v-62891713]::-webkit-slider-thumb{margin-top:.125rem;height:.75rem;width:.75rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;background-color:var(--foreground-on-primary);outline-color:var(--outline-5);outline-width:1px;outline-style:solid}.slider[data-v-62891713]::-moz-range-thumb{margin-top:.125rem;height:.75rem;width:.75rem;cursor:pointer;-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:9999px;background-color:var(--foreground-on-primary);outline-color:var(--outline-5);outline-width:1px;outline-style:solid}.slider-gradient[data-v-62891713]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--gradient-from, var(--highlight-1)),var(--gradient-to, var(--highlight-1)))!important}input[type=number][data-v-1f8bd88c]::-webkit-outer-spin-button,input[type=number][data-v-1f8bd88c]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-1f8bd88c]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.slider-min[data-v-1f8bd88c]::-webkit-slider-runnable-track{height:1rem;border-radius:9999px;background-color:var(--highlight-1);padding-left:.125rem;padding-right:.125rem;outline-color:var(--outline-2);box-shadow:inset 0 1px 4px #0000000a;outline-width:1px;outline-style:solid}.slider-min[data-v-1f8bd88c]::-moz-range-track{height:1rem;border-radius:9999px;background-color:var(--highlight-1);padding-left:.125rem;padding-right:.125rem;outline-color:var(--outline-2);box-shadow:inset 0 1px 4px #0000000a;outline-width:1px;outline-style:solid}.slider-max[data-v-1f8bd88c]::-webkit-slider-runnable-track{background:transparent;border:none;outline:none;height:16px;border-radius:9999px}.slider-max[data-v-1f8bd88c]::-moz-range-track{background:transparent;border:none;outline:none;height:16px;border-radius:9999px}.slider[data-v-1f8bd88c]::-moz-range-progress{background:transparent}.slider[data-v-1f8bd88c]::-webkit-slider-thumb{margin-top:.125rem;height:.75rem;width:.75rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;background-color:var(--foreground-on-primary);outline-color:var(--outline-5);outline-width:1px;outline-style:solid;z-index:20;position:relative;pointer-events:auto}.slider[data-v-1f8bd88c]::-moz-range-thumb{margin-top:.125rem;height:.75rem;width:.75rem;cursor:pointer;-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:9999px;background-color:var(--foreground-on-primary);outline-color:var(--outline-5);outline-width:1px;outline-style:solid;z-index:20;position:relative;pointer-events:auto}.slider-min[data-v-1f8bd88c]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--gradient-from, var(--highlight-1)),var(--gradient-to, var(--highlight-1)))!important}.slider-min[data-v-1f8bd88c]::-moz-range-track{background:linear-gradient(to right,var(--gradient-from, var(--highlight-1)),var(--gradient-to, var(--highlight-1)))!important}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@speckle/ui-components",
   "description": "Speckle theme UI components built with Vue 3 & Tailwind",
-  "version": "2.25.9",
+  "version": "2.26.0",
   "scripts": {
     "dev:vite": "vite",
     "dev": "yarn storybook",
@@ -12,7 +12,6 @@
     "storybook:test": "test-storybook",
     "storybook:test:ci": "concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"yarn build-storybook --quiet && npx http-server storybook-static --port 6006 --silent\" \"wait-on tcp:6006 && yarn test-storybook --ci\"",
     "storybook:test:watch": "test-storybook --watch",
-    "chromatic": "chromatic --exit-zero-on-changes --exit-once-uploaded",
     "lint:js": "eslint .",
     "lint:tsc": "vue-tsc --noEmit",
     "lint:prettier": "prettier --config ../../.prettierrc --ignore-path ../../.prettierignore --check .",
@@ -49,11 +48,12 @@
   "dependencies": {
     "@headlessui/vue": "npm:@speckle/headlessui-vue@1.7.23-alpha.0",
     "@heroicons/vue": "^2.0.12",
-    "@speckle/shared": "^2.25.9",
+    "@speckle/shared": "^2.26.0",
     "@storybook/test": "^8.1.10",
     "@vueuse/core": "^9.13.0",
     "lodash": "^4.0.0",
     "lodash-es": "^4.0.0",
+    "lucide-vue-next": "^0.537.0",
     "nanoid": "^3.0.0",
     "v3-infinite-loading": "^1.2.2",
     "vue-advanced-cropper": "^2.8.8",
@@ -63,7 +63,7 @@
     "@babel/preset-env": "^7.21.5",
     "@babel/preset-react": "^7.18.6",
     "@rollup/plugin-typescript": "^11.1.0",
-    "@speckle/tailwind-theme": "^2.25.9",
+    "@speckle/tailwind-theme": "^2.26.0",
     "@storybook/addon-essentials": "^8.1.10",
     "@storybook/addon-interactions": "^8.1.10",
     "@storybook/addon-links": "^8.1.10",
@@ -79,7 +79,6 @@
     "@vitejs/plugin-vue": "^5.2.1",
     "autoprefixer": "^10.4.14",
     "browserify-zlib": "^0.2.0",
-    "chromatic": "^6.17.4",
     "concurrently": "^8.0.1",
     "eslint": "^9.4.0",
     "eslint-config-prettier": "^9.1.0",

package/dist/AvatarEditor-504f96fb.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("@heroicons/vue/24/outline"),q=require("vue-advanced-cropper");require("vue-advanced-cropper/dist/style.css");const o=require("./lib.cjs"),c=require("vue-tippy");require("@heroicons/vue/20/solid");require("@speckle/shared");require("vee-validate");require("nanoid");require("@vueuse/core");require("@headlessui/vue");require("@heroicons/vue/24/solid");require("v3-infinite-loading");const B={class:"flex flex-col space-y-2"},F={class:"flex"},z={class:"flex mx-14 space-x-2"},D=e.defineComponent({__name:"AvatarEditor",props:{user:{},disabled:{type:Boolean},size:{}},emits:["cancel","save"],setup(v,{emit:p}){const m=p,u=v,i=e.ref(null),d=e.ref(null),a=e.ref(null),l=e.ref(null),s=e.computed(()=>{switch(u.size){case"xs":case"sm":case"lg":case"xl":return{width:64,height:64};case"xxl":case"3xl":return{width:140,height:140};case"editable":return{width:240,height:240};case"base":default:return{width:32,height:32}}}),h=t=>{l.value&&URL.revokeObjectURL(l.value),l.value=t},x=t=>{const r=t.files[0];r&&(a.value=r)},g=t=>{var r;return t?"border-primary":(r=a.value)!=null&&r.error?"border-danger":"border-outline-2"},C=()=>{var t;return(t=i.value)==null?void 0:t.rotate(-90)},w=()=>{var t;return(t=i.value)==null?void 0:t.rotate(90)},k=()=>{var t;return(t=i.value)==null?void 0:t.flip(1,0)},N=()=>{var t;return(t=i.value)==null?void 0:t.flip(0,1)},V=()=>{var t;return(t=d.value)==null?void 0:t.triggerPicker()},b=()=>{a.value=null,l.value=null},y=()=>{var r;const t=((r=i.value)==null?void 0:r.getResult().canvas.toDataURL("image/jpeg",.85))||null;m("save",t)};return e.onUnmounted(()=>{h(null)}),e.watch(()=>u.user.avatar,t=>{l.value=t||null},{immediate:!0}),e.watch(a,t=>{l.value=t!=null&&t.file&&!t.error?URL.createObjectURL(t.file):null},{deep:!0}),(t,r)=>(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("div",F,[e.createElementVNode("div",{class:e.normalizeClass(["flex flex-col px-2 space-y-1",{invisible:!l.value}])},[e.withDirectives(e.createVNode(o.FormButton,{"icon-left":e.unref(n.ArrowUturnLeftIcon),"hide-text":"",color:"outline",onClick:C},null,8,["icon-left"]),[[e.unref(c.directive),"Rotate left"]]),e.withDirectives(e.createVNode(o.FormButton,{"icon-left":e.unref(n.ArrowUturnRightIcon),"hide-text":"",color:"outline",onClick:w},null,8,["icon-left"]),[[e.unref(c.directive),"Rotate right"]]),e.withDirectives(e.createVNode(o.FormButton,{"icon-left":e.unref(n.ArrowUpOnSquareIcon),"hide-text":"",color:"outline",onClick:N},null,8,["icon-left"]),[[e.unref(c.directive),"Flip vertically"]]),e.withDirectives(e.createVNode(o.FormButton,{"icon-left":e.unref(n.ArrowLeftOnRectangleIcon),"hide-text":"",color:"outline",onClick:k},null,8,["icon-left"]),[[e.unref(c.directive),"Flip horizontally"]])],2),l.value?(e.openBlock(),e.createBlock(e.unref(q.Cropper),{key:0,ref_key:"cropper",ref:i,class:"cropper",src:l.value,"stencil-props":{aspectRatio:1/1},canvas:s.value,style:e.normalizeStyle(`width: ${s.value.width}px; height: ${s.value.height}px`)},null,8,["src","canvas","style"])):e.createCommentVNode("",!0),e.createVNode(o.FormFileUploadZone,{ref_key:"uploadZone",ref:d,class:e.normalizeClass(["cropper flex items-center justify-center",{hidden:l.value}]),accept:"image/*","size-limit":5*1024*1024,onFilesSelected:x},{default:e.withCtx(({isDraggingFiles:f,activatorOn:R})=>[e.createElementVNode("div",e.mergeProps({class:["cursor-pointer text-center w-full h-full border-dashed border-2 rounded-md p-4 flex items-center justify-center text-sm text-foreground-2",[g(f)]]},e.toHandlers(R,!0))," Click here or drag and drop an image ",16)]),_:1},8,["class"]),e.createElementVNode("div",{class:e.normalizeClass(["flex flex-col px-2 space-y-1",{invisible:!l.value}])},[e.withDirectives(e.createVNode(o.FormButton,{"icon-left":e.unref(n.PhotoIcon),"hide-text":"",onClick:V},null,8,["icon-left"]),[[e.unref(c.directive),"Replace image"]]),e.withDirectives(e.createVNode(o.FormButton,{"icon-left":e.unref(n.XMarkIcon),"hide-text":"",color:"danger",onClick:b},null,8,["icon-left"]),[[e.unref(c.directive),"Remove"]])],2)]),e.createElementVNode("div",z,[r[3]||(r[3]=e.createElementVNode("div",{class:"grow"},null,-1)),e.createVNode(o.FormButton,{color:"outline",onClick:r[0]||(r[0]=f=>t.$emit("cancel"))},{default:e.withCtx(()=>r[1]||(r[1]=[e.createTextVNode("Close")])),_:1}),e.createVNode(o.FormButton,{disabled:t.disabled,onClick:y},{default:e.withCtx(()=>r[2]||(r[2]=[e.createTextVNode("Save")])),_:1},8,["disabled"])])]))}});exports.default=D;
-//# sourceMappingURL=AvatarEditor-504f96fb.cjs.map