@liner-fe/prism 4.0.5 → 4.1.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/lib/index.d.ts +1 -1
- package/lib/index.js +3 -3
- package/package.json +4 -4
package/lib/index.d.ts
CHANGED
|
@@ -16,7 +16,7 @@ export { Box, BoxProps, Container, ContainerProps, Flex, FlexProps, Grid, GridPr
|
|
|
16
16
|
declare const objectToArray: <T extends Record<string, unknown>>(obj: T) => [keyof T, T[keyof T]][];
|
|
17
17
|
declare const arrayToStyleObject: <T extends SystemKeys>(colorKeys: T[], style: {
|
|
18
18
|
readonly [key: string]: string;
|
|
19
|
-
}, prefix?: string) => Partial<Record<"surface-neutral-lowest" | "surface-neutral-lowest-hover" | "surface-neutral-low" | "surface-neutral-low-hover" | "surface-neutral-mid" | "surface-neutral-mid-hover" | "surface-neutral-high" | "surface-neutral-high-hover" | "surface-neutral-highest" | "surface-neutral-static-lowest" | "surface-neutral-static-lowest-hover" | "surface-neutral-variation-lowest" | "control-fill-neutral-lowest" | "control-fill-neutral-lowest-hover" | "control-fill-neutral-low" | "control-fill-neutral-low-hover" | "control-fill-neutral-mid" | "control-fill-neutral-mid-hover" | "control-fill-neutral-high" | "control-fill-neutral-high-hover" | "control-fill-neutral-highest" | "label-neutral-base" | "label-neutral-secondary" | "label-neutral-tertiary" | "label-neutral-quaternary" | "label-neutral-static" | "label-neutral-static-secondary" | "border-neutral-alpha-strong" | "border-neutral-alpha-normal" | "border-neutral-alpha-subtle" | "border-neutral-alpha-hint" | "border-neutral-strong" | "border-neutral-normal" | "border-neutral-subtle" | "surface-inverse-lowest" | "surface-inverse-lowest-hover" | "surface-inverse-low" | "surface-inverse-low-hover" | "surface-inverse-mid" | "surface-inverse-mid-hover" | "surface-inverse-high" | "surface-inverse-high-hover" | "surface-inverse-static-high" | "surface-inverse-static-high-hover" | "surface-inverse-highest" | "label-on-inverse-base" | "label-on-inverse-secondary" | "label-on-inverse-tertiary" | "label-on-inverse-quaternary" | "label-on-inverse-static-base" | "label-on-inverse-static-secondary" | "border-on-inverse-alpha-strong" | "border-on-inverse-alpha-normal" | "border-on-inverse-alpha-subtle" | "border-on-inverse-alpha-hint" | "border-on-inverse-strong" | "border-on-inverse-normal" | "border-on-inverse-subtle" | "control-fill-brand" | "control-fill-brand-hover" | "control-fill-brand-strong" | "control-fill-brand-faint" | "control-fill-brand-faint-hover" | "label-brand-base" | "label-brand-secondary" | "border-brand-normal" | "border-brand-strong" | "label-on-brand" | "brandinverse-fill-static-low" | "brandinverse-fill-static-low-hover" | "accent-label-base" | "accent-label-yellow" | "accent-label-mint" | "accent-label-cyan" | "accent-label-purple" | "accent-label-pink" | "accent-control-fill-base" | "positive-strong" | "negative-strong" | "negative-strong-hover" | "caution" | "caution-strong" | "caution-base" | "caution-faint" | "highlight" | "control-fill-selected" | "control-fill-drag" | "positive-faint" | "negative-faint" | "positive-base" | "negative-base" | "link" | "overlay-dim" | "background-default" | "background-subtle" | "control-fill-neutral-opaque-lowest" | "control-fill-neutral-opaque-lowest-hover" | "control-fill-neutral-opaque-low" | "control-fill-neutral-opaque-low-hover" | "control-fill-neutral-opaque-static-lowest" | "control-fill-neutral-lowest-pressed" | "control-fill-neutral-low-pressed" | "control-fill-neutral-mid-pressed" | "control-fill-neutral-high-pressed" | "control-fill-brand-pressed" | "control-fill-brand-faint-pressed" | "surface-neutral-lowest-pressed" | "surface-neutral-low-pressed" | "surface-neutral-mid-pressed" | "surface-neutral-static-lowest-pressed" | "surface-inverse-lowest-pressed" | "surface-inverse-low-pressed" | "surface-inverse-mid-pressed" | "surface-inverse-high-pressed" | "negative-strong-pressed" | "focus", string>>;
|
|
19
|
+
}, prefix?: string) => Partial<Record<"surface-neutral-lowest" | "surface-neutral-lowest-hover" | "surface-neutral-low" | "surface-neutral-low-hover" | "surface-neutral-mid" | "surface-neutral-mid-hover" | "surface-neutral-high" | "surface-neutral-high-hover" | "surface-neutral-highest" | "surface-neutral-static-lowest" | "surface-neutral-static-lowest-hover" | "surface-neutral-variation-lowest" | "control-fill-neutral-lowest" | "control-fill-neutral-lowest-hover" | "control-fill-neutral-low" | "control-fill-neutral-low-hover" | "control-fill-neutral-mid" | "control-fill-neutral-mid-hover" | "control-fill-neutral-high" | "control-fill-neutral-high-hover" | "control-fill-neutral-highest" | "label-neutral-base" | "label-neutral-secondary" | "label-neutral-tertiary" | "label-neutral-quaternary" | "label-neutral-static" | "label-neutral-static-secondary" | "border-neutral-alpha-strong" | "border-neutral-alpha-normal" | "border-neutral-alpha-subtle" | "border-neutral-alpha-hint" | "border-neutral-strong" | "border-neutral-normal" | "border-neutral-subtle" | "surface-inverse-lowest" | "surface-inverse-lowest-hover" | "surface-inverse-low" | "surface-inverse-low-hover" | "surface-inverse-mid" | "surface-inverse-mid-hover" | "surface-inverse-high" | "surface-inverse-high-hover" | "surface-inverse-static-high" | "surface-inverse-static-high-hover" | "surface-inverse-highest" | "label-on-inverse-base" | "label-on-inverse-secondary" | "label-on-inverse-tertiary" | "label-on-inverse-quaternary" | "label-on-inverse-static-base" | "label-on-inverse-static-secondary" | "border-on-inverse-alpha-strong" | "border-on-inverse-alpha-normal" | "border-on-inverse-alpha-subtle" | "border-on-inverse-alpha-hint" | "border-on-inverse-strong" | "border-on-inverse-normal" | "border-on-inverse-subtle" | "control-fill-brand" | "control-fill-brand-hover" | "control-fill-brand-strong" | "control-fill-brand-faint" | "control-fill-brand-faint-hover" | "label-brand-base" | "label-brand-secondary" | "border-brand-normal" | "border-brand-strong" | "label-on-brand" | "brandinverse-fill-static-low" | "brandinverse-fill-static-low-hover" | "accent-label-base" | "accent-label-yellow" | "accent-label-mint" | "accent-label-cyan" | "accent-label-purple" | "accent-label-pink" | "accent-control-fill-base" | "positive-strong" | "negative-strong" | "negative-strong-hover" | "caution" | "caution-strong" | "caution-base" | "caution-faint" | "highlight" | "control-fill-selected" | "control-fill-drag" | "positive-faint" | "negative-faint" | "positive-base" | "negative-base" | "link" | "overlay-dim" | "background-default" | "background-subtle" | "control-fill-neutral-opaque-lowest" | "control-fill-neutral-opaque-lowest-hover" | "control-fill-neutral-opaque-low" | "control-fill-neutral-opaque-low-hover" | "control-fill-neutral-opaque-static-lowest" | "control-fill-neutral-lowest-pressed" | "control-fill-neutral-low-pressed" | "control-fill-neutral-mid-pressed" | "control-fill-neutral-high-pressed" | "control-fill-brand-pressed" | "control-fill-brand-faint-pressed" | "surface-neutral-lowest-pressed" | "surface-neutral-low-pressed" | "surface-neutral-mid-pressed" | "surface-neutral-static-lowest-pressed" | "surface-inverse-lowest-pressed" | "surface-inverse-low-pressed" | "surface-inverse-mid-pressed" | "surface-inverse-high-pressed" | "negative-strong-pressed" | "focus" | "disabled" | "label-disabled" | "control-fill-disabled" | "border-disabled", string>>;
|
|
20
20
|
declare const isEmptyObject: (obj: object) => boolean;
|
|
21
21
|
|
|
22
22
|
declare const DEFAULT_LEVEL_OPTIONS: readonly ["primary", "secondary", "tertiary", "quaternary", "quinary", "negative", "static", "inverse-static"];
|
package/lib/index.js
CHANGED
|
@@ -3357,7 +3357,7 @@ var style_module_default24 = {
|
|
|
3357
3357
|
import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
3358
3358
|
var titleVariants2 = cva14({ base: [style_module_default24.title, "lp-sys-typo-title4-accent-bold"] });
|
|
3359
3359
|
var descriptionVariants2 = cva14({
|
|
3360
|
-
base: [style_module_default24.description, "lp-sys-typo-
|
|
3360
|
+
base: [style_module_default24.description, "lp-sys-typo-caption1-normal-regular"]
|
|
3361
3361
|
});
|
|
3362
3362
|
var DialogHeader = /* @__PURE__ */ __name(({ title, description }) => /* @__PURE__ */ jsxs20("div", { className: style_module_default24.header, children: [
|
|
3363
3363
|
/* @__PURE__ */ jsx33(DialogPrimitive.Title, { className: titleVariants2(), children: title }),
|
|
@@ -3467,8 +3467,8 @@ var BottomSheetFooter = /* @__PURE__ */ __name(({ dismiss, confirm, extra }) =>
|
|
|
3467
3467
|
if (!hasFooter) return null;
|
|
3468
3468
|
return /* @__PURE__ */ jsxs24(Flex, { direction: "column", gap: "2", width: "100%", pt: "3", px: "4", pb: "4", children: [
|
|
3469
3469
|
hasActions && /* @__PURE__ */ jsxs24("div", { className: style_module_default25.actions, children: [
|
|
3470
|
-
dismiss && /* @__PURE__ */ jsx37(Drawer2.Close, { asChild: true, children: /* @__PURE__ */ jsx37(Button, { level: "tertiary", size: "
|
|
3471
|
-
confirm && /* @__PURE__ */ jsx37(Drawer2.Close, { asChild: true, children: /* @__PURE__ */ jsx37(Button, { level: confirm.level ?? "primary", size: "
|
|
3470
|
+
dismiss && /* @__PURE__ */ jsx37(Drawer2.Close, { asChild: true, children: /* @__PURE__ */ jsx37(Button, { level: "tertiary", size: "cta", onClick: dismiss.onClick, children: dismiss.label }) }),
|
|
3471
|
+
confirm && /* @__PURE__ */ jsx37(Drawer2.Close, { asChild: true, children: /* @__PURE__ */ jsx37(Button, { level: confirm.level ?? "primary", size: "cta", onClick: confirm.onClick, children: confirm.label }) })
|
|
3472
3472
|
] }),
|
|
3473
3473
|
extra && /* @__PURE__ */ jsx37("div", { className: style_module_default25.extra, children: /* @__PURE__ */ jsx37(Drawer2.Close, { asChild: true, children: /* @__PURE__ */ jsx37(TextButton, { level: "tertiary", size: "xs", onClick: extra.onClick, children: extra.label }) }) })
|
|
3474
3474
|
] });
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@liner-fe/prism",
|
|
3
|
-
"version": "4.0
|
|
3
|
+
"version": "4.1.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"dependencies": {
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
"react-dom": "^19.1.0",
|
|
22
22
|
"sonner": "2.0.7",
|
|
23
23
|
"vaul": "1.1.2",
|
|
24
|
-
"@liner-fe/design-token": "^
|
|
25
|
-
"@liner-fe/
|
|
26
|
-
"@liner-fe/
|
|
24
|
+
"@liner-fe/design-token-primitive": "^1.3.0",
|
|
25
|
+
"@liner-fe/design-token": "^4.3.0",
|
|
26
|
+
"@liner-fe/icon": "^2.1.0"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@chromatic-com/storybook": "^1.5.0",
|