lucent-ui 0.28.0 → 0.30.0
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.
- package/dist/{LucentProvider-Du0kOaZK.js → LucentProvider-BTy2Psol.js} +2 -2
- package/dist/{LucentProvider-mTd2rJ1f.cjs → LucentProvider-DQ46gmxN.cjs} +1 -1
- package/dist/devtools.cjs +1 -1
- package/dist/devtools.js +1 -1
- package/dist/index.cjs +64 -43
- package/dist/index.d.ts +112 -1
- package/dist/index.js +2037 -1640
- package/dist-server/server/recipe-registry.js +2 -0
- package/dist-server/server/registry.js +8 -0
- package/dist-server/src/components/molecules/FilterDateRange/FilterDateRange.manifest.js +46 -0
- package/dist-server/src/components/molecules/FilterMultiSelect/FilterMultiSelect.manifest.js +66 -0
- package/dist-server/src/components/molecules/FilterSearch/FilterSearch.manifest.js +37 -0
- package/dist-server/src/components/molecules/FilterSelect/FilterSelect.manifest.js +58 -0
- package/dist-server/src/components/molecules/Timeline/Timeline.manifest.js +23 -9
- package/dist-server/src/manifest/recipes/index.js +1 -0
- package/dist-server/src/manifest/recipes/search-filter-bar.recipe.js +122 -0
- package/package.json +1 -1
|
@@ -684,7 +684,7 @@ function cn({
|
|
|
684
684
|
size: t = "md",
|
|
685
685
|
weight: s = "regular",
|
|
686
686
|
color: a = "primary",
|
|
687
|
-
align: n
|
|
687
|
+
align: n,
|
|
688
688
|
lineHeight: r = "base",
|
|
689
689
|
family: o = "base",
|
|
690
690
|
truncate: c = !1,
|
|
@@ -696,7 +696,7 @@ function cn({
|
|
|
696
696
|
fontSize: Et[t],
|
|
697
697
|
fontWeight: At[s],
|
|
698
698
|
color: Nt[a],
|
|
699
|
-
textAlign: n,
|
|
699
|
+
...n !== void 0 && { textAlign: n },
|
|
700
700
|
lineHeight: Ot[r],
|
|
701
701
|
fontFamily: Xt[o],
|
|
702
702
|
margin: 0,
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
70% { transform: scale(1.06); }
|
|
6
6
|
100% { transform: scale(1); }
|
|
7
7
|
}
|
|
8
|
-
`;function Vt({label:e,size:t="md",checked:s,defaultChecked:a,contained:n=!1,helperText:r,align:o="left",disabled:i,id:d,onChange:u,style:f,...g}){const v=d??`lucent-toggle-${Math.random().toString(36).slice(2,7)}`,p=s!==void 0,[S,M]=b.useState(a??!1),k=p?!!s:S,y=b.useRef(k),[x,h]=b.useState(0),[D,$]=b.useState(!1);b.useEffect(()=>{if(!i&&y.current!==k){y.current=k,h(U=>U+1),$(!0);const W=setTimeout(()=>$(!1),150);return()=>clearTimeout(W)}},[k,i]);const{track:[A,N],thumb:E}=Ut[t],H=k?A-E-2:2,Y=W=>{p||M(W.target.checked),u==null||u(W)},V=l.jsxs("span",{"aria-hidden":!0,style:{position:"relative",width:A,height:N,borderRadius:N/2,flexShrink:0},children:[l.jsx("span",{style:{position:"absolute",inset:0,borderRadius:"inherit",background:i?"var(--lucent-surface-secondary)":k?"var(--lucent-accent-default)":"color-mix(in srgb, var(--lucent-text-primary) 12%, transparent)",transition:"background var(--lucent-duration-fast) var(--lucent-easing-default)",animation:x>0?`lucent-toggle-pop 240ms ${_e} forwards`:void 0}},x),l.jsx("span",{style:{position:"absolute",top:2,left:H,width:D?E*1.3:E,height:E,borderRadius:E,background:"#ffffff",boxShadow:"0 1px 3px rgb(0 0 0 / 0.2)",transition:`left 260ms ${_e}, width 200ms cubic-bezier(0.22, 1, 0.36, 1)`}})]}),B=l.jsxs("label",{style:{display:o==="right"?"flex":"inline-flex",alignItems:r?"flex-start":"center",gap:"var(--lucent-space-2)",...o==="right"?{width:"100%"}:{},cursor:i?"not-allowed":"pointer",fontFamily:"var(--lucent-font-family-base)",fontSize:t==="sm"?"var(--lucent-font-size-sm)":"var(--lucent-font-size-md)",color:i?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",userSelect:"none",...n?{}:f},children:[l.jsx("input",{type:"checkbox",role:"switch",id:v,checked:p?s:S,disabled:i,onChange:Y,"aria-checked":k,style:{position:"absolute",opacity:0,width:0,height:0,margin:0,pointerEvents:"none"},...g}),o==="left"&&V,e||r?l.jsxs("span",{style:{display:"flex",flexDirection:"column",flex:o==="right"?1:void 0},children:[e&&l.jsx("span",{style:{fontWeight:r?"var(--lucent-font-weight-medium)":"var(--lucent-font-weight-regular)",lineHeight:r?1.3:1},children:e}),r&&l.jsx("span",{style:{fontSize:"var(--lucent-font-size-xs)",color:i?"var(--lucent-text-disabled)":"var(--lucent-text-secondary)",marginTop:"2px"},children:r})]}):null,o==="right"&&V]});return l.jsxs(l.Fragment,{children:[l.jsx("style",{children:Gt}),n?l.jsx("div",{style:{border:"1px solid var(--lucent-border-strong)",borderRadius:"var(--lucent-radius-lg)",...r?{padding:"var(--lucent-space-3)"}:{minHeight:qt[t],padding:"0 var(--lucent-space-3)",display:"flex",alignItems:"center"},background:k&&!i?"color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)":"transparent",transition:"border-color var(--lucent-duration-fast) var(--lucent-easing-default), background var(--lucent-duration-fast) var(--lucent-easing-default)",cursor:i?"not-allowed":"pointer",...f},onClick:W=>{if(!i&&W.target===W.currentTarget){const U=W.currentTarget.querySelector("input");U==null||U.click()}},children:B}):B]})}const _t={sm:"calc(var(--lucent-space-8) * 0.5 + 16px)",md:"calc(var(--lucent-space-10) * 0.5 + 20px)",lg:"calc(var(--lucent-space-12) * 0.5 + 24px)"},Kt={sm:"var(--lucent-font-size-sm)",md:"var(--lucent-font-size-md)",lg:"var(--lucent-font-size-md)"},Se={sm:"var(--lucent-font-size-sm)",md:"var(--lucent-font-size-sm)",lg:"var(--lucent-font-size-md)"},Ke={sm:"var(--lucent-space-2)",md:"var(--lucent-space-3)",lg:"var(--lucent-space-3)"},Ie=b.forwardRef(({options:e,size:t="md",label:s,helperText:a,errorText:n,placeholder:r,disabled:o,id:i,style:d,...u},f)=>{const g=i??`lucent-select-${Math.random().toString(36).slice(2,7)}`,v=!!n,p=!!o,[S,M]=b.useState(!1),[k,y]=b.useState(!1),x=p?"transparent":v?"var(--lucent-danger-default)":S?"var(--lucent-accent-border)":k?"var(--lucent-border-strong)":"var(--lucent-border-default)",h=S?`0 0 0 3px ${v?"var(--lucent-danger-subtle)":"var(--lucent-accent-subtle)"}`:"none";return l.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--lucent-space-1)",width:"100%",...d},children:[s&&l.jsx("label",{htmlFor:g,style:{fontSize:Se[t],fontWeight:"var(--lucent-font-weight-medium)",color:p?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",fontFamily:"var(--lucent-font-family-base)"},children:s}),l.jsxs("div",{style:{position:"relative",display:"flex",alignItems:"center",height:_t[t],border:`1px solid ${x}`,borderRadius:"var(--lucent-radius-lg)",boxShadow:h,background:p?"color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)":"var(--lucent-surface)",cursor:p?"not-allowed":"pointer",transition:["border-color var(--lucent-duration-fast) var(--lucent-easing-default)","box-shadow var(--lucent-duration-fast) var(--lucent-easing-default)"].join(", ")},onMouseEnter:()=>{p||y(!0)},onMouseLeave:()=>y(!1),children:[l.jsxs("select",{ref:f,id:g,disabled:o,"aria-invalid":v,"aria-describedby":v?`${g}-error`:a?`${g}-helper`:void 0,style:{width:"100%",height:"100%",padding:`0 var(--lucent-space-8) 0 ${Ke[t]}`,fontSize:Kt[t],fontFamily:"var(--lucent-font-family-base)",color:p?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",background:"transparent",border:"none",borderRadius:"var(--lucent-radius-lg)",outline:"none",appearance:"none",cursor:p?"not-allowed":"pointer",boxSizing:"border-box"},onFocus:D=>{var $;p||M(!0),($=u.onFocus)==null||$.call(u,D)},onBlur:D=>{var $;M(!1),($=u.onBlur)==null||$.call(u,D)},onMouseDown:()=>{p||M(!0)},...u,children:[r&&l.jsx("option",{value:"",disabled:!0,children:r}),e.map(D=>l.jsx("option",{value:D.value,disabled:D.disabled,children:D.label},D.value))]}),l.jsx("span",{"aria-hidden":!0,style:{position:"absolute",right:Ke[t],pointerEvents:"none",color:p?"var(--lucent-text-disabled)":"var(--lucent-text-secondary)",display:"flex",alignItems:"center"},children:l.jsx("svg",{width:14,height:14,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:l.jsx("polyline",{points:"6 9 12 15 18 9"})})})]}),v&&l.jsx("span",{id:`${g}-error`,role:"alert",style:{fontSize:Se[t],color:"var(--lucent-danger-text)",fontFamily:"var(--lucent-font-family-base)"},children:n}),!v&&a&&l.jsx("span",{id:`${g}-helper`,style:{fontSize:Se[t],color:"var(--lucent-text-secondary)",fontFamily:"var(--lucent-font-family-base)"},children:a})]})});Ie.displayName="Select";const Yt={primary:"var(--lucent-text-primary)",secondary:"var(--lucent-text-secondary)",disabled:"var(--lucent-text-disabled)",inverse:"var(--lucent-text-inverse)",onAccent:"var(--lucent-accent-fg)",success:"var(--lucent-success-text)",warning:"var(--lucent-warning-text)",danger:"var(--lucent-danger-text)",info:"var(--lucent-info-text)"},Zt={xs:"var(--lucent-font-size-xs)",sm:"var(--lucent-font-size-sm)",md:"var(--lucent-font-size-md)",lg:"var(--lucent-font-size-lg)",xl:"var(--lucent-font-size-xl)","2xl":"var(--lucent-font-size-2xl)","3xl":"var(--lucent-font-size-3xl)"},Jt={regular:"var(--lucent-font-weight-regular)",medium:"var(--lucent-font-weight-medium)",semibold:"var(--lucent-font-weight-semibold)",bold:"var(--lucent-font-weight-bold)"},Qt={tight:"var(--lucent-line-height-tight)",base:"var(--lucent-line-height-base)",relaxed:"var(--lucent-line-height-relaxed)"},ea={base:"var(--lucent-font-family-base)",mono:"var(--lucent-font-family-mono)",display:"var(--lucent-font-family-display)"};function ta({as:e="p",size:t="md",weight:s="regular",color:a="primary",align:n
|
|
8
|
+
`;function Vt({label:e,size:t="md",checked:s,defaultChecked:a,contained:n=!1,helperText:r,align:o="left",disabled:i,id:d,onChange:u,style:f,...g}){const v=d??`lucent-toggle-${Math.random().toString(36).slice(2,7)}`,p=s!==void 0,[S,M]=b.useState(a??!1),k=p?!!s:S,y=b.useRef(k),[x,h]=b.useState(0),[D,$]=b.useState(!1);b.useEffect(()=>{if(!i&&y.current!==k){y.current=k,h(U=>U+1),$(!0);const W=setTimeout(()=>$(!1),150);return()=>clearTimeout(W)}},[k,i]);const{track:[A,N],thumb:E}=Ut[t],H=k?A-E-2:2,Y=W=>{p||M(W.target.checked),u==null||u(W)},V=l.jsxs("span",{"aria-hidden":!0,style:{position:"relative",width:A,height:N,borderRadius:N/2,flexShrink:0},children:[l.jsx("span",{style:{position:"absolute",inset:0,borderRadius:"inherit",background:i?"var(--lucent-surface-secondary)":k?"var(--lucent-accent-default)":"color-mix(in srgb, var(--lucent-text-primary) 12%, transparent)",transition:"background var(--lucent-duration-fast) var(--lucent-easing-default)",animation:x>0?`lucent-toggle-pop 240ms ${_e} forwards`:void 0}},x),l.jsx("span",{style:{position:"absolute",top:2,left:H,width:D?E*1.3:E,height:E,borderRadius:E,background:"#ffffff",boxShadow:"0 1px 3px rgb(0 0 0 / 0.2)",transition:`left 260ms ${_e}, width 200ms cubic-bezier(0.22, 1, 0.36, 1)`}})]}),B=l.jsxs("label",{style:{display:o==="right"?"flex":"inline-flex",alignItems:r?"flex-start":"center",gap:"var(--lucent-space-2)",...o==="right"?{width:"100%"}:{},cursor:i?"not-allowed":"pointer",fontFamily:"var(--lucent-font-family-base)",fontSize:t==="sm"?"var(--lucent-font-size-sm)":"var(--lucent-font-size-md)",color:i?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",userSelect:"none",...n?{}:f},children:[l.jsx("input",{type:"checkbox",role:"switch",id:v,checked:p?s:S,disabled:i,onChange:Y,"aria-checked":k,style:{position:"absolute",opacity:0,width:0,height:0,margin:0,pointerEvents:"none"},...g}),o==="left"&&V,e||r?l.jsxs("span",{style:{display:"flex",flexDirection:"column",flex:o==="right"?1:void 0},children:[e&&l.jsx("span",{style:{fontWeight:r?"var(--lucent-font-weight-medium)":"var(--lucent-font-weight-regular)",lineHeight:r?1.3:1},children:e}),r&&l.jsx("span",{style:{fontSize:"var(--lucent-font-size-xs)",color:i?"var(--lucent-text-disabled)":"var(--lucent-text-secondary)",marginTop:"2px"},children:r})]}):null,o==="right"&&V]});return l.jsxs(l.Fragment,{children:[l.jsx("style",{children:Gt}),n?l.jsx("div",{style:{border:"1px solid var(--lucent-border-strong)",borderRadius:"var(--lucent-radius-lg)",...r?{padding:"var(--lucent-space-3)"}:{minHeight:qt[t],padding:"0 var(--lucent-space-3)",display:"flex",alignItems:"center"},background:k&&!i?"color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)":"transparent",transition:"border-color var(--lucent-duration-fast) var(--lucent-easing-default), background var(--lucent-duration-fast) var(--lucent-easing-default)",cursor:i?"not-allowed":"pointer",...f},onClick:W=>{if(!i&&W.target===W.currentTarget){const U=W.currentTarget.querySelector("input");U==null||U.click()}},children:B}):B]})}const _t={sm:"calc(var(--lucent-space-8) * 0.5 + 16px)",md:"calc(var(--lucent-space-10) * 0.5 + 20px)",lg:"calc(var(--lucent-space-12) * 0.5 + 24px)"},Kt={sm:"var(--lucent-font-size-sm)",md:"var(--lucent-font-size-md)",lg:"var(--lucent-font-size-md)"},Se={sm:"var(--lucent-font-size-sm)",md:"var(--lucent-font-size-sm)",lg:"var(--lucent-font-size-md)"},Ke={sm:"var(--lucent-space-2)",md:"var(--lucent-space-3)",lg:"var(--lucent-space-3)"},Ie=b.forwardRef(({options:e,size:t="md",label:s,helperText:a,errorText:n,placeholder:r,disabled:o,id:i,style:d,...u},f)=>{const g=i??`lucent-select-${Math.random().toString(36).slice(2,7)}`,v=!!n,p=!!o,[S,M]=b.useState(!1),[k,y]=b.useState(!1),x=p?"transparent":v?"var(--lucent-danger-default)":S?"var(--lucent-accent-border)":k?"var(--lucent-border-strong)":"var(--lucent-border-default)",h=S?`0 0 0 3px ${v?"var(--lucent-danger-subtle)":"var(--lucent-accent-subtle)"}`:"none";return l.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--lucent-space-1)",width:"100%",...d},children:[s&&l.jsx("label",{htmlFor:g,style:{fontSize:Se[t],fontWeight:"var(--lucent-font-weight-medium)",color:p?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",fontFamily:"var(--lucent-font-family-base)"},children:s}),l.jsxs("div",{style:{position:"relative",display:"flex",alignItems:"center",height:_t[t],border:`1px solid ${x}`,borderRadius:"var(--lucent-radius-lg)",boxShadow:h,background:p?"color-mix(in srgb, var(--lucent-text-primary) 6%, transparent)":"var(--lucent-surface)",cursor:p?"not-allowed":"pointer",transition:["border-color var(--lucent-duration-fast) var(--lucent-easing-default)","box-shadow var(--lucent-duration-fast) var(--lucent-easing-default)"].join(", ")},onMouseEnter:()=>{p||y(!0)},onMouseLeave:()=>y(!1),children:[l.jsxs("select",{ref:f,id:g,disabled:o,"aria-invalid":v,"aria-describedby":v?`${g}-error`:a?`${g}-helper`:void 0,style:{width:"100%",height:"100%",padding:`0 var(--lucent-space-8) 0 ${Ke[t]}`,fontSize:Kt[t],fontFamily:"var(--lucent-font-family-base)",color:p?"var(--lucent-text-disabled)":"var(--lucent-text-primary)",background:"transparent",border:"none",borderRadius:"var(--lucent-radius-lg)",outline:"none",appearance:"none",cursor:p?"not-allowed":"pointer",boxSizing:"border-box"},onFocus:D=>{var $;p||M(!0),($=u.onFocus)==null||$.call(u,D)},onBlur:D=>{var $;M(!1),($=u.onBlur)==null||$.call(u,D)},onMouseDown:()=>{p||M(!0)},...u,children:[r&&l.jsx("option",{value:"",disabled:!0,children:r}),e.map(D=>l.jsx("option",{value:D.value,disabled:D.disabled,children:D.label},D.value))]}),l.jsx("span",{"aria-hidden":!0,style:{position:"absolute",right:Ke[t],pointerEvents:"none",color:p?"var(--lucent-text-disabled)":"var(--lucent-text-secondary)",display:"flex",alignItems:"center"},children:l.jsx("svg",{width:14,height:14,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:l.jsx("polyline",{points:"6 9 12 15 18 9"})})})]}),v&&l.jsx("span",{id:`${g}-error`,role:"alert",style:{fontSize:Se[t],color:"var(--lucent-danger-text)",fontFamily:"var(--lucent-font-family-base)"},children:n}),!v&&a&&l.jsx("span",{id:`${g}-helper`,style:{fontSize:Se[t],color:"var(--lucent-text-secondary)",fontFamily:"var(--lucent-font-family-base)"},children:a})]})});Ie.displayName="Select";const Yt={primary:"var(--lucent-text-primary)",secondary:"var(--lucent-text-secondary)",disabled:"var(--lucent-text-disabled)",inverse:"var(--lucent-text-inverse)",onAccent:"var(--lucent-accent-fg)",success:"var(--lucent-success-text)",warning:"var(--lucent-warning-text)",danger:"var(--lucent-danger-text)",info:"var(--lucent-info-text)"},Zt={xs:"var(--lucent-font-size-xs)",sm:"var(--lucent-font-size-sm)",md:"var(--lucent-font-size-md)",lg:"var(--lucent-font-size-lg)",xl:"var(--lucent-font-size-xl)","2xl":"var(--lucent-font-size-2xl)","3xl":"var(--lucent-font-size-3xl)"},Jt={regular:"var(--lucent-font-weight-regular)",medium:"var(--lucent-font-weight-medium)",semibold:"var(--lucent-font-weight-semibold)",bold:"var(--lucent-font-weight-bold)"},Qt={tight:"var(--lucent-line-height-tight)",base:"var(--lucent-line-height-base)",relaxed:"var(--lucent-line-height-relaxed)"},ea={base:"var(--lucent-font-family-base)",mono:"var(--lucent-font-family-mono)",display:"var(--lucent-font-family-display)"};function ta({as:e="p",size:t="md",weight:s="regular",color:a="primary",align:n,lineHeight:r="base",family:o="base",truncate:i=!1,children:d,style:u,...f}){const g={fontSize:Zt[t],fontWeight:Jt[s],color:Yt[a],...n!==void 0&&{textAlign:n},lineHeight:Qt[r],fontFamily:ea[o],margin:0,...i&&{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},...u},v=e;return l.jsx(v,{style:g,...f,children:d})}const aa={sm:"3px",md:"4px",lg:"5px"},na={sm:"14px",md:"18px",lg:"22px"},ra=`
|
|
9
9
|
.lucent-slider {
|
|
10
10
|
-webkit-appearance: none;
|
|
11
11
|
appearance: none;
|
package/dist/devtools.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),Y=require("react-dom"),s=require("./LucentProvider-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),Y=require("react-dom"),s=require("./LucentProvider-DQ46gmxN.cjs");function Z(){const{tokens:t}=s.useLucent(),[n,o]=h.useState({}),i=h.useRef(n);i.current=n;const c=h.useCallback((u,d)=>{document.documentElement.style.setProperty(s.tokenToCssVar(u),d),o(m=>({...m,[u]:d}))},[]),r=h.useCallback(u=>{document.documentElement.style.removeProperty(s.tokenToCssVar(u)),o(d=>{const m={...d};return delete m[u],m})},[]),y=h.useCallback(()=>{for(const u of Object.keys(i.current))document.documentElement.style.removeProperty(s.tokenToCssVar(u));o({})},[]);return{tokens:t,overrides:n,overrideCount:Object.keys(n).length,setOverride:c,removeOverride:r,resetAll:y}}function f(t){return{key:t,controlType:"color"}}function g(t,n,o,i,c){return{key:t,controlType:"slider",sliderConfig:{min:n,max:o,step:i,unit:c}}}function p(t){return{key:t,controlType:"text"}}const $=[{label:"Colors",defaultExpanded:!0,subgroups:[{label:"Background",tokens:[f("bgBase"),f("bgSubtle"),f("bgOverlay")]},{label:"Surface",tokens:[f("surface"),f("surfaceSecondary"),f("surfaceRaised"),f("surfaceOverlay"),f("surfaceTint")]},{label:"Border",tokens:[f("borderDefault"),f("borderSubtle"),f("borderStrong"),f("controlTrack")]},{label:"Text",tokens:[f("textPrimary"),f("textSecondary"),f("textDisabled"),f("textInverse")]},{label:"Accent",tokens:[f("accentDefault"),f("accentHover"),f("accentSubtle"),f("accentBorder"),f("accentFg")]},{label:"Success",tokens:[f("successDefault"),f("successSubtle"),f("successText")]},{label:"Warning",tokens:[f("warningDefault"),f("warningSubtle"),f("warningText")]},{label:"Danger",tokens:[f("dangerDefault"),f("dangerHover"),f("dangerSubtle"),f("dangerText")]},{label:"Info",tokens:[f("infoDefault"),f("infoSubtle"),f("infoText")]}]},{label:"Typography",tokens:[p("fontFamilyBase"),p("fontFamilyMono"),p("fontFamilyDisplay"),g("fontSizeXs",.5,2,.0625,"rem"),g("fontSizeSm",.5,2,.0625,"rem"),g("fontSizeMd",.5,2,.0625,"rem"),g("fontSizeLg",.5,3,.0625,"rem"),g("fontSizeXl",.5,3,.0625,"rem"),g("fontSize2xl",.5,4,.0625,"rem"),g("fontSize3xl",.5,4,.0625,"rem"),p("fontWeightRegular"),p("fontWeightMedium"),p("fontWeightSemibold"),p("fontWeightBold"),p("lineHeightTight"),p("lineHeightBase"),p("lineHeightRelaxed"),p("letterSpacingTight"),p("letterSpacingBase"),p("letterSpacingWide")]},{label:"Spacing",tokens:[g("space0",0,6,.125,"rem"),g("space1",0,6,.125,"rem"),g("space2",0,6,.125,"rem"),g("space3",0,6,.125,"rem"),g("space4",0,6,.125,"rem"),g("space5",0,6,.125,"rem"),g("space6",0,6,.125,"rem"),g("space8",0,6,.125,"rem"),g("space10",0,6,.125,"rem"),g("space12",0,8,.125,"rem"),g("space16",0,10,.125,"rem"),g("space20",0,12,.125,"rem"),g("space24",0,12,.125,"rem")]},{label:"Radius",tokens:[p("radiusNone"),g("radiusSm",0,2,.0625,"rem"),g("radiusMd",0,2,.0625,"rem"),g("radiusLg",0,2,.0625,"rem"),g("radiusXl",0,3,.0625,"rem"),p("radiusFull")]},{label:"Shadows",tokens:[p("shadowNone"),p("shadowSm"),p("shadowMd"),p("shadowLg"),p("shadowXl")]},{label:"Motion",tokens:[p("durationFast"),p("durationBase"),p("durationSlow"),p("easingDefault"),p("easingEmphasized"),p("easingDecelerate")]}];function Q(t){return Object.keys(t).length===0?`<LucentProvider>
|
|
2
2
|
{children}
|
|
3
3
|
</LucentProvider>`:`<LucentProvider tokens={{
|
|
4
4
|
${Object.entries(t).map(([o,i])=>` ${o}: '${i}'`).join(`,
|
package/dist/devtools.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as c, jsx as t, Fragment as ae } from "react/jsx-runtime";
|
|
2
2
|
import { useState as C, useRef as de, useCallback as D, useEffect as K, useMemo as fe, createContext as ye } from "react";
|
|
3
3
|
import { createPortal as ue } from "react-dom";
|
|
4
|
-
import { _ as le, $ as S, T as h, C as P, B, e as $, I as re, a0 as he, a1 as pe, z as me, K as ge, M as be, m as ve, F as xe, u as Se, Y as ke, x as we, g as Ce, a2 as ze, a as z, a3 as Be, a4 as X, S as Te, d as q, p as Me, h as Fe, f as Re, b as De } from "./LucentProvider-
|
|
4
|
+
import { _ as le, $ as S, T as h, C as P, B, e as $, I as re, a0 as he, a1 as pe, z as me, K as ge, M as be, m as ve, F as xe, u as Se, Y as ke, x as we, g as Ce, a2 as ze, a as z, a3 as Be, a4 as X, S as Te, d as q, p as Me, h as Fe, f as Re, b as De } from "./LucentProvider-BTy2Psol.js";
|
|
5
5
|
function Oe() {
|
|
6
6
|
const { tokens: e } = le(), [n, o] = C({}), s = de(n);
|
|
7
7
|
s.current = n;
|