@infinityfx/fluid 1.3.3 → 1.3.4
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.
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import o from"../../feedback/halo.js";import{createStyles as
|
|
2
|
+
import{__rest as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import o from"../../feedback/halo.js";import{createStyles as t}from"../../../core/style.js";import{combineClasses as l,classes as n,combineRefs as i,filterFocusable as a}from"../../../core/utils.js";import{usePopover as c}from"../../layout/popover/root.js";import{useRef as s}from"react";const m=t("action-menu.item",{".item":{position:"relative",padding:".5rem .8rem",border:"none",background:"none",outline:"none",width:"100%",borderRadius:"var(--f-radius-sml)",userSelect:"none",display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",color:"var(--color, var(--f-clr-text-100))",lineHeight:1.25,WebkitTapHighlightColor:"transparent","--halo-color":"color-mix(in srgb, var(--color, var(--f-clr-primary-100)) 50%, var(--f-clr-text-200))"},".item:enabled":{cursor:"pointer"},".item:disabled":{color:"var(--f-clr-grey-500)"}});function p(t){var{children:p,cc:u={},keepOpen:d,className:f,color:v}=t,g=e(t,["children","cc","keepOpen","className","color"]);const y=l(m,u),b=s(null),h=c();return r(o,{disabled:g.disabled,color:"var(--halo-color)",children:r("button",Object.assign({},g,{ref:i(g.ref,b),type:"button",role:"menuitem",style:Object.assign(Object.assign({},g.style),{"--color":v}),className:n(y.item,f),onClick:e=>{var r;null===(r=g.onClick)||void 0===r||r.call(g,e),d||h.toggle(!1)},onKeyDown:e=>{var r,o,t;null===(r=g.onKeyDown)||void 0===r||r.call(g,e);let l=null===(o=b.current)||void 0===o?void 0:o.parentElement;for(;l&&!l.matches('[role="menu"], [role="group"]');)l=l.parentElement;if((null==l?void 0:l.matches('[role="menu"]'))&&("ArrowRight"===e.key||"ArrowLeft"===e.key)){const r=null===(t=l.parentElement)||void 0===t?void 0:t.querySelector('[aria-haspopup="menu"]');r&&(e.preventDefault(),r.focus())}const n="ArrowDown"===e.key?1:"ArrowUp"===e.key?-1:0;if(l&&0!==n){const r=a(Array.from(l.children)),o=r.findIndex((e=>e===b.current)),t=r[o+n];t&&t.focus(),o>=0&&e.preventDefault()}},children:p}))})}p.displayName="ActionMenu.Item";export{p as default};
|
|
3
3
|
//# sourceMappingURL=item.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import e from"../../feedback/halo.js";import{createStyles as n}from"../../../core/style.js";import{combineClasses as i,classes as
|
|
2
|
+
import{__rest as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import e from"../../feedback/halo.js";import{createStyles as n}from"../../../core/style.js";import{combineClasses as i,classes as t}from"../../../core/utils.js";const l=n("combobox.option",{".option":{position:"relative",padding:".5em",borderRadius:"var(--f-radius-sml)",border:"none",outline:"none",background:"none",width:"100%",color:"var(--f-clr-text-100)",display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",lineHeight:1.25,WebkitTapHighlightColor:"transparent"},".option.round":{borderRadius:"999px"},".option:enabled":{cursor:"pointer"},".option:disabled":{color:"var(--f-clr-grey-500)"}});function a(n){var{children:a,cc:c={},value:s,round:d,onSelect:p}=n,m=o(n,["children","cc","value","round","onSelect"]);const u=i(l,c);return r(e,{disabled:m.disabled,color:"var(--f-clr-primary-400)",children:r("button",Object.assign({},m,{type:"button",role:"option",className:t(u.option,d&&u.round,m.className),onClick:o=>{var r;null===(r=m.onClick)||void 0===r||r.call(m,o),null==p||p(s)},children:a}))})}a.displayName="Combobox.Option";export{a as default};
|
|
3
3
|
//# sourceMappingURL=option.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as e}from"tslib";import{jsxs as r,jsx as a}from"react/jsx-runtime";import{useRef as
|
|
2
|
+
import{__rest as e}from"tslib";import{jsxs as r,jsx as a}from"react/jsx-runtime";import{useRef as t,useState as o}from"react";import n from"./button.js";import{combineClasses as l,classes as i}from"../../core/utils.js";import{createStyles as c}from"../../core/style.js";import d from"./number-field.js";import{Icon as s}from"../../core/icons.js";import u from"../feedback/halo.js";function g(e,r){return e.getFullYear()===r.getFullYear()&&e.getMonth()===r.getMonth()&&e.getDate()===r.getDate()}function f(e,r){const a=new Date(e);return a.setDate(e.getDate()+r),a}const m=c("calendar",{".calendar":{backgroundColor:"var(--f-clr-fg-100)",padding:".6em",borderRadius:"var(--f-radius-med)"},".s__xsm":{fontSize:"var(--f-font-size-xxs)"},".s__sml":{fontSize:"var(--f-font-size-xsm)"},".s__med":{fontSize:"var(--f-font-size-sml)"},".s__lrg":{fontSize:"var(--f-font-size-med)"},".calendar.round":{borderRadius:"var(--f-radius-xlg)"},".header":{display:"flex",alignItems:"center",marginBottom:".6em",gap:".6em"},".calendar .year":{minWidth:"auto",backgroundColor:"var(--f-clr-bg-100)",color:"var(--f-clr-grey-500)",flexGrow:1},".calendar .year:focus-within":{backgroundColor:"var(--f-clr-fg-200)"},".calendar .year__content":{padding:".475em"},".grid":{display:"flex",flexDirection:"column",gap:"var(--f-spacing-xxs)"},".row":{display:"flex",justifyContent:"space-around"},".label":{display:"flex",flexBasis:0,flexGrow:1,alignItems:"center",justifyContent:"center",fontWeight:600,fontSize:".85em",color:"var(--f-clr-grey-600)",marginBottom:"var(--f-spacing-xxs)"},".date":{position:"relative",border:"none",outline:"none",background:"transparent",fontSize:"1em",width:"2.2em",height:"2.2em",borderRadius:"var(--f-radius-sml)",color:"var(--f-clr-grey-300)",transition:"background-color .25s, color .25s",WebkitTapHighlightColor:"transparent"},".round .date":{borderRadius:"99px"},".date:enabled":{cursor:"pointer"},".date:disabled":{color:"var(--f-clr-grey-500)"},".date.unavailable":{textDecoration:"line-through"},".date.month":{fontWeight:500},".date.month:enabled":{color:"var(--f-clr-text-100)"},".date.today:enabled":{backgroundColor:"var(--f-clr-fg-200)"},".date.selected:enabled":{backgroundColor:"var(--f-clr-primary-100)",color:"var(--f-clr-text-200)"},".date.selected:disabled":{backgroundColor:"var(--f-clr-grey-100)",color:"var(--f-clr-grey-500)"}});function b(c){var{cc:b={},locale:h,size:v="med",round:p,defaultValue:y,value:w,onChange:x,disabled:k=!1}=c,D=e(c,["cc","locale","size","round","defaultValue","value","onChange","disabled"]);const C=l(m,b),z=t([]),[_,j]=o(null),[S,A]=void 0!==w?[w,x]:o(y),N=S||new Date,M=new Date(N.getFullYear(),N.getMonth(),1),L=f(M,1-(M.getDay()||7));try{new Intl.Locale(h)}catch(e){h="en"}const R=new Date(N);R.setMonth(N.getMonth()+1);const B=new Date(N);B.setMonth(N.getMonth()-1);const F={size:v,round:p,compact:!0,disabled:!0===k,variant:"minimal",cc:{button:C.button}};return r("div",Object.assign({},D,{className:i(C.calendar,p&&C.round,C[`s__${v}`],D.className),children:[r("div",{className:C.header,children:[a(n,Object.assign({},F,{onClick:()=>null==A?void 0:A(B),"aria-label":B.toLocaleString(h,{month:"long"}),children:a(s,{type:"left"})})),a(d,{size:v,round:p,precision:0,variant:"minimal",controls:!1,cc:Object.assign({field:C.year,content:C.year__content},b),disabled:!0===k,icon:N.toLocaleString(h,{month:"long"}),value:null!==_?_:N.toLocaleString(h,{year:"numeric"}),onChange:e=>{j(e.target.value);const r=new Date(N);r.setFullYear(parseInt(e.target.value)),!isNaN(r.getTime())&&A&&A(r)},onBlur:()=>j(null)}),a(n,Object.assign({},F,{onClick:()=>null==A?void 0:A(R),"aria-label":R.toLocaleString(h,{month:"long"}),children:a(s,{type:"right"})}))]}),r("div",{className:C.grid,role:"grid",children:[a("div",{className:C.row,role:"row",children:new Array(7).fill(0).map(((e,r)=>a("div",{className:C.label,role:"columnheader",children:f(L,r).toLocaleString(h,{weekday:"narrow"})},r)))}),new Array(6).fill(0).map(((e,r)=>a("div",{className:C.row,role:"row",children:new Array(7).fill(0).map(((e,t)=>{const o=7*r+t,n=f(L,o),l=Array.isArray(k)?k.some((e=>g(e,n))):k;return a("div",{role:"gridcell",children:a(u,{color:"var(--f-clr-primary-300)",disabled:l,children:a("button",{ref:e=>{z.current[o]=e},type:"button",disabled:l,"aria-label":n.toLocaleDateString(h,{weekday:"long",month:"long",day:"numeric"}),className:i(C.date,n.getMonth()===N.getMonth()&&C.month,g(new Date,n)&&C.today,g(N,n)&&C.selected,l&&Array.isArray(k)&&C.unavailable),onClick:()=>null==A?void 0:A(n),onKeyDown:e=>{var r;let a=null;switch(e.key){case"ArrowRight":a=o+1;break;case"ArrowLeft":a=o-1;break;case"ArrowDown":a=o+7;break;case"ArrowUp":a=o-7}null!==a&&(a<0&&(null==A||A(B)),a>=42&&(null==A||A(R)),a%=42,a=a<0?42+a:a,null===(r=z.current[a])||void 0===r||r.focus(),e.preventDefault())},children:n.getDate()})})},t)}))},r)))]})]}))}export{b as default};
|
|
3
3
|
//# sourceMappingURL=calendar.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{__rest as e}from"tslib";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useState as a,useId as n}from"react";import{Morph as i}from"@infinityfx/lively/layout";import{combineClasses as t,classes as l}from"../../core/utils.js";import d from"../feedback/halo.js";import{createStyles as s}from"../../core/style.js";const c=s("segmented",{".segmented":{display:"flex"},".v__default, .v__neutral":{borderRadius:"calc(var(--f-radius-sml) + .3em)",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",padding:".3em"},".s__sml":{fontSize:"var(--f-font-size-xxs)"},".s__med":{fontSize:"var(--f-font-size-xsm)"},".s__lrg":{fontSize:"var(--f-font-size-sml)"},".segmented.round":{borderRadius:"999px"},".segmented.uniform":{display:"grid",gridAutoColumns:"1fr",gridAutoFlow:"column"},".segmented.vertical":{flexDirection:"column",gridAutoFlow:"row"},".segmented.vertical.round":{borderRadius:"calc(1.4em + 1px)"},".option":{position:"relative",border:"none",outline:"none",backgroundColor:"transparent",padding:".675em .8em",fontWeight:700,color:"var(--f-clr-text-100)",borderRadius:"var(--f-radius-sml)",flexGrow:1,WebkitTapHighlightColor:"transparent"},".segmented.round .option":{borderRadius:"999px"},".option:enabled":{cursor:"pointer"},".option:disabled":{color:"var(--f-clr-grey-500)"},".content":{position:"relative",zIndex:1,display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--f-spacing-xsm)"},".selection":{position:"absolute",inset:"0",backgroundColor:"var(--f-clr-primary-200)",borderRadius:"var(--f-radius-sml)",boxShadow:"var(--f-shadow-sml)"},".v__neutral .selection":{backgroundColor:"var(--f-clr-
|
|
2
|
+
import{__rest as e}from"tslib";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useState as a,useId as n}from"react";import{Morph as i}from"@infinityfx/lively/layout";import{combineClasses as t,classes as l}from"../../core/utils.js";import d from"../feedback/halo.js";import{createStyles as s}from"../../core/style.js";const c=s("segmented",{".segmented":{display:"flex"},".v__default, .v__neutral":{borderRadius:"calc(var(--f-radius-sml) + .3em)",backgroundColor:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",padding:".3em"},".s__sml":{fontSize:"var(--f-font-size-xxs)"},".s__med":{fontSize:"var(--f-font-size-xsm)"},".s__lrg":{fontSize:"var(--f-font-size-sml)"},".segmented.round":{borderRadius:"999px"},".segmented.uniform":{display:"grid",gridAutoColumns:"1fr",gridAutoFlow:"column"},".segmented.vertical":{flexDirection:"column",gridAutoFlow:"row"},".segmented.vertical.round":{borderRadius:"calc(1.4em + 1px)"},".option":{position:"relative",border:"none",outline:"none",backgroundColor:"transparent",padding:".675em .8em",fontWeight:700,color:"var(--f-clr-text-100)",borderRadius:"var(--f-radius-sml)",flexGrow:1,transition:"color .4s",WebkitTapHighlightColor:"transparent"},".segmented.round .option":{borderRadius:"999px"},".option:enabled":{cursor:"pointer"},".option:disabled":{color:"var(--f-clr-grey-500)"},".content":{position:"relative",zIndex:1,display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--f-spacing-xsm)"},".selection":{position:"absolute",inset:"0",backgroundColor:"var(--f-clr-primary-200)",borderRadius:"var(--f-radius-sml)",boxShadow:"var(--f-shadow-sml)"},".v__neutral .selection":{backgroundColor:"var(--f-clr-text-100)"},'.v__neutral .option[aria-checked="true"]:enabled':{color:"var(--f-clr-text-200)"},".v__minimal .selection":{backgroundColor:"var(--f-clr-primary-400)"},".segmented.round .selection":{borderRadius:"999px"},'.segmented[data-error="true"]':{border:"solid 1px var(--f-clr-error-100)"},".segmented .halo":{zIndex:"0"},'.option[aria-checked="true"] .halo':{inset:"-.3em",borderRadius:"calc(var(--f-radius-sml) + .3em)"},'.segmented[data-error="true"] .ripple':{backgroundColor:"var(--f-clr-error-300)"},".segmented .container":{isolation:"unset"}});function u(s){var u,{cc:m={},variant:f="default",size:p="med",round:v=!1,uniform:g,vertical:b,options:x,name:h,value:_,defaultValue:y,onChange:k,error:C}=s,z=e(s,["cc","variant","size","round","uniform","vertical","options","name","value","defaultValue","onChange","error"]);const R=t(c,m),[j,w]=void 0!==_?[_]:a(y||(null===(u=x[0])||void 0===u?void 0:u.value)),N=n();return r("div",Object.assign({},z,{role:"radiogroup",className:l(R.segmented,R[`s__${p}`],R[`v__${f}`],v&&R.round,g&&R.uniform,b&&R.vertical,z.className),"data-error":!!C,children:x.map((({label:e,value:a,disabled:n=!1},t)=>r(d,{hover:!1,cc:Object.assign({container:R.container,halo:R.halo,ring:R.ring},m),children:o("button",{className:R.option,type:"button",role:"radio","aria-checked":j===a,disabled:n,onClick:()=>{null==w||w(a),null==k||k(a)},children:[r("input",{type:"radio",value:a,checked:j===a,hidden:!0,readOnly:!0,name:h}),r("span",{className:R.content,children:e}),j===a&&r(i,{group:`segmented-selection-${N}`,cachable:b?["y","sy"]:["x","sx"],deform:!1,transition:{duration:.4},children:r("div",{className:R.selection})})]})},t)))}))}export{u as default};
|
|
3
3
|
//# sourceMappingURL=segmented.js.map
|