lucent-ui 0.40.0 → 0.41.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-DluNb5H9.cjs +109 -0
- package/dist/{LucentProvider-Bm39MMvv.js → LucentProvider-lGSitrJV.js} +1019 -1001
- package/dist/devtools.cjs +1 -1
- package/dist/devtools.js +1 -1
- package/dist/index.cjs +47 -42
- package/dist/index.d.ts +33 -4
- package/dist/index.js +2252 -1998
- package/dist-server/server/pattern-registry.js +6 -0
- package/dist-server/server/recipe-registry.js +18 -0
- package/dist-server/src/components/molecules/PageLayout/PageLayout.manifest.js +65 -8
- package/dist-server/src/manifest/patterns/index.js +2 -0
- package/dist-server/src/manifest/patterns/multi-step-wizard.pattern.js +180 -0
- package/dist-server/src/manifest/patterns/search-filter-panel.pattern.js +188 -0
- package/dist-server/src/manifest/patterns/tab-page.pattern.js +152 -0
- package/dist-server/src/manifest/recipes/action-bar.recipe.js +91 -0
- package/dist-server/src/manifest/recipes/collapsible-card.recipe.js +100 -0
- package/dist-server/src/manifest/recipes/empty-state-card.recipe.js +72 -0
- package/dist-server/src/manifest/recipes/form-layout.recipe.js +98 -0
- package/dist-server/src/manifest/recipes/index.js +8 -0
- package/dist-server/src/manifest/recipes/profile-card.recipe.js +101 -0
- package/dist-server/src/manifest/recipes/search-filter-bar.recipe.js +122 -0
- package/dist-server/src/manifest/recipes/settings-panel.recipe.js +167 -0
- package/dist-server/src/manifest/recipes/stats-row.recipe.js +106 -0
- package/dist-server/src/manifest/validate.test.js +28 -0
- package/package.json +1 -1
- package/dist/LucentProvider-CzEDW5SL.cjs +0 -109
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"),g=require("react"),ae=require("react-dom"),n=require("./LucentProvider-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),ae=require("react-dom"),n=require("./LucentProvider-DluNb5H9.cjs");function re(){const{tokens:t}=n.useLucent(),[s,o]=g.useState({}),l=g.useRef(s);l.current=s;const c=g.useCallback((f,d)=>{document.documentElement.style.setProperty(n.tokenToCssVar(f),d),o(m=>({...m,[f]:d}))},[]),i=g.useCallback(f=>{document.documentElement.style.removeProperty(n.tokenToCssVar(f)),o(d=>{const m={...d};return delete m[f],m})},[]),y=g.useCallback(()=>{for(const f of Object.keys(l.current))document.documentElement.style.removeProperty(n.tokenToCssVar(f));o({})},[]);return{tokens:t,overrides:s,overrideCount:Object.keys(s).length,setOverride:c,removeOverride:i,resetAll:y}}function u(t){return{key:t,controlType:"color"}}function p(t,s,o,l,c){return{key:t,controlType:"slider",sliderConfig:{min:s,max:o,step:l,unit:c}}}function x(t){return{key:t,controlType:"text"}}const H=[{label:"Colors",defaultExpanded:!0,subgroups:[{label:"Navigation",tokens:[u("navigation")]},{label:"Background",tokens:[u("bgBase"),u("bgSubtle"),u("bgOverlay")]},{label:"Surface",tokens:[u("surface"),u("surfaceSecondary"),u("surfaceRaised"),u("surfaceOverlay"),u("surfaceTint")]},{label:"Border",tokens:[u("borderDefault"),u("borderSubtle"),u("borderStrong"),u("controlTrack")]},{label:"Text",tokens:[u("textPrimary"),u("textSecondary"),u("textDisabled"),u("textInverse")]},{label:"Accent",tokens:[u("accentDefault"),u("accentHover"),u("accentSubtle"),u("accentBorder"),u("accentFg")]},{label:"Success",tokens:[u("successDefault"),u("successSubtle"),u("successText")]},{label:"Warning",tokens:[u("warningDefault"),u("warningSubtle"),u("warningText")]},{label:"Danger",tokens:[u("dangerDefault"),u("dangerHover"),u("dangerSubtle"),u("dangerText")]},{label:"Info",tokens:[u("infoDefault"),u("infoSubtle"),u("infoText")]}]},{label:"Typography",tokens:[x("fontFamilyBase"),x("fontFamilyMono"),x("fontFamilyDisplay"),p("fontSizeXs",.5,2,.0625,"rem"),p("fontSizeSm",.5,2,.0625,"rem"),p("fontSizeMd",.5,2,.0625,"rem"),p("fontSizeLg",.5,3,.0625,"rem"),p("fontSizeXl",.5,3,.0625,"rem"),p("fontSize2xl",.5,4,.0625,"rem"),p("fontSize3xl",.5,4,.0625,"rem"),x("fontWeightRegular"),x("fontWeightMedium"),x("fontWeightSemibold"),x("fontWeightBold"),x("lineHeightTight"),x("lineHeightBase"),x("lineHeightRelaxed"),x("letterSpacingTight"),x("letterSpacingBase"),x("letterSpacingWide")]},{label:"Spacing",tokens:[p("space0",0,6,.125,"rem"),p("space1",0,6,.125,"rem"),p("space2",0,6,.125,"rem"),p("space3",0,6,.125,"rem"),p("space4",0,6,.125,"rem"),p("space5",0,6,.125,"rem"),p("space6",0,6,.125,"rem"),p("space8",0,6,.125,"rem"),p("space10",0,6,.125,"rem"),p("space12",0,8,.125,"rem"),p("space16",0,10,.125,"rem"),p("space20",0,12,.125,"rem"),p("space24",0,12,.125,"rem")]},{label:"Radius",tokens:[x("radiusNone"),p("radiusSm",0,2,.0625,"rem"),p("radiusMd",0,2,.0625,"rem"),p("radiusLg",0,2,.0625,"rem"),p("radiusXl",0,3,.0625,"rem"),x("radiusFull")]},{label:"Shadows",tokens:[x("shadowNone"),x("shadowSm"),x("shadowMd"),x("shadowLg"),x("shadowXl")]},{label:"Motion",tokens:[x("durationFast"),x("durationBase"),x("durationSlow"),x("easingDefault"),x("easingEmphasized"),x("easingDecelerate")]}];function le(t){return Object.keys(t).length===0?`<LucentProvider>
|
|
2
2
|
{children}
|
|
3
3
|
</LucentProvider>`:`<LucentProvider tokens={{
|
|
4
4
|
${Object.entries(t).map(([o,l])=>` ${o}: '${l}'`).join(`,
|
package/dist/devtools.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as c, jsx as t, Fragment as fe } from "react/jsx-runtime";
|
|
2
2
|
import { useState as z, useRef as ue, useCallback as L, useEffect as W, useMemo as be, createContext as ve } from "react";
|
|
3
3
|
import { createPortal as xe } from "react-dom";
|
|
4
|
-
import { _ as ye, $ as S, T as y, C as P, B as F, e as j, I as ge, a0 as Se, a1 as ke, z as we, K as Ce, M as ze, m as Be, F as Fe, u as Te, Y as Me, x as Re, a as M, g as De, a2 as Oe, S as Le, d as ae, p as Pe, h as Ee, f as Ie, b as Ae } from "./LucentProvider-
|
|
4
|
+
import { _ as ye, $ as S, T as y, C as P, B as F, e as j, I as ge, a0 as Se, a1 as ke, z as we, K as Ce, M as ze, m as Be, F as Fe, u as Te, Y as Me, x as Re, a as M, g as De, a2 as Oe, S as Le, d as ae, p as Pe, h as Ee, f as Ie, b as Ae } from "./LucentProvider-lGSitrJV.js";
|
|
5
5
|
function Ge() {
|
|
6
6
|
const { tokens: e } = ye(), [n, a] = z({}), l = ue(n);
|
|
7
7
|
l.current = n;
|