@liner-fe/prism 2.1.39 → 2.1.40
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.cjs +309 -424
- package/lib/index.cjs.map +4 -4
- package/lib/index.css +73 -163
- package/lib/index.css.map +3 -3
- package/lib/index.d.ts +0 -1
- package/lib/index.mjs +301 -412
- package/lib/index.mjs.map +4 -4
- package/package.json +4 -10
package/lib/index.mjs
CHANGED
|
@@ -7278,7 +7278,11 @@ var arrayToStyleObject = /* @__PURE__ */ __name((colorKeys2, style, prefix) => c
|
|
|
7278
7278
|
var isEmptyObject = /* @__PURE__ */ __name((obj) => Object.getOwnPropertyNames(obj).length === 0, "isEmptyObject");
|
|
7279
7279
|
|
|
7280
7280
|
// src/components/Button/index.tsx
|
|
7281
|
-
import {
|
|
7281
|
+
import {
|
|
7282
|
+
Children,
|
|
7283
|
+
cloneElement,
|
|
7284
|
+
forwardRef
|
|
7285
|
+
} from "react";
|
|
7282
7286
|
|
|
7283
7287
|
// src/components/Button/style.module.scss
|
|
7284
7288
|
var style_module_default = {
|
|
@@ -8490,271 +8494,36 @@ var Typography = /* @__PURE__ */ __name((props) => {
|
|
|
8490
8494
|
);
|
|
8491
8495
|
}, "Typography");
|
|
8492
8496
|
|
|
8493
|
-
// src/components/Popover/index.tsx
|
|
8494
|
-
import * as React3 from "react";
|
|
8495
|
-
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
8496
|
-
|
|
8497
|
-
// src/components/Popover/style.module.scss
|
|
8498
|
-
var style_module_default6 = {
|
|
8499
|
-
"content": "_content_1pzw3_1",
|
|
8500
|
-
"anchor": "_anchor_1pzw3_7",
|
|
8501
|
-
"primary": "_primary_1pzw3_10",
|
|
8502
|
-
"secondary": "_secondary_1pzw3_16",
|
|
8503
|
-
"contentContainer": "_contentContainer_1pzw3_31",
|
|
8504
|
-
"heading": "_heading_1pzw3_39",
|
|
8505
|
-
"tag": "_tag_1pzw3_45",
|
|
8506
|
-
"title": "_title_1pzw3_56",
|
|
8507
|
-
"description": "_description_1pzw3_61",
|
|
8508
|
-
"footer": "_footer_1pzw3_67",
|
|
8509
|
-
"arrow": "_arrow_1pzw3_73",
|
|
8510
|
-
"closeButton": "_closeButton_1pzw3_77",
|
|
8511
|
-
"overlay": "_overlay_1pzw3_89"
|
|
8512
|
-
};
|
|
8513
|
-
|
|
8514
|
-
// src/components/Popover/index.tsx
|
|
8515
|
-
import { cva as cva6 } from "cva";
|
|
8516
|
-
import { clsx as clsx9 } from "clsx";
|
|
8517
|
-
|
|
8518
|
-
// src/components/TextButton/index.tsx
|
|
8519
|
-
import { cva as cva5 } from "cva";
|
|
8520
|
-
|
|
8521
|
-
// src/components/TextButton/style.module.scss
|
|
8522
|
-
var style_module_default7 = {
|
|
8523
|
-
"button": "_button_geax8_1",
|
|
8524
|
-
"text": "_text_geax8_27",
|
|
8525
|
-
"size-m": "_size-m_geax8_34",
|
|
8526
|
-
"size-s": "_size-s_geax8_37",
|
|
8527
|
-
"primary": "_primary_geax8_40",
|
|
8528
|
-
"secondary": "_secondary_geax8_44",
|
|
8529
|
-
"tertiary": "_tertiary_geax8_48",
|
|
8530
|
-
"inverse": "_inverse_geax8_52",
|
|
8531
|
-
"inverse-static": "_inverse-static_geax8_56",
|
|
8532
|
-
"thick": "_thick_geax8_61",
|
|
8533
|
-
"underline": "_underline_geax8_65",
|
|
8534
|
-
"text-children": "_text-children_geax8_70"
|
|
8535
|
-
};
|
|
8536
|
-
|
|
8537
|
-
// src/components/TextButton/index.tsx
|
|
8538
|
-
import { Children as Children2, cloneElement as cloneElement2, forwardRef as forwardRef7 } from "react";
|
|
8539
|
-
import clsx8 from "clsx";
|
|
8540
|
-
import { jsx as jsx165, jsxs as jsxs111 } from "react/jsx-runtime";
|
|
8541
|
-
var textButtonLevelIconTypeMap = {
|
|
8542
|
-
primary: "brand-label-primary",
|
|
8543
|
-
secondary: "neutral-label-primary",
|
|
8544
|
-
tertiary: "neutral-label-secondary",
|
|
8545
|
-
inverse: "inverse-label-primary",
|
|
8546
|
-
"inverse-static": "inverse-label-static-primary"
|
|
8547
|
-
};
|
|
8548
|
-
var textButtonLevelIconFillTypeMap = {
|
|
8549
|
-
primary: "inverse-label-static-primary",
|
|
8550
|
-
secondary: "inverse-label-secondary",
|
|
8551
|
-
tertiary: "inverse-label-secondary",
|
|
8552
|
-
inverse: "neutral-label-primary",
|
|
8553
|
-
"inverse-static": "neutral-label-static-primary"
|
|
8554
|
-
};
|
|
8555
|
-
var textButtonVariants = cva5({
|
|
8556
|
-
base: [style_module_default7.button, style_module_default7.text],
|
|
8557
|
-
variants: {
|
|
8558
|
-
level: {
|
|
8559
|
-
primary: [style_module_default7["primary"], "lp-sys-typo-caption1-normal-medium"],
|
|
8560
|
-
secondary: [style_module_default7["secondary"], "lp-sys-typo-caption1-normal-medium"],
|
|
8561
|
-
tertiary: [style_module_default7["tertiary"], "lp-sys-typo-caption1-normal-medium"],
|
|
8562
|
-
inverse: [style_module_default7["inverse"], "lp-sys-typo-caption1-normal-medium"],
|
|
8563
|
-
"inverse-static": [style_module_default7["inverse-static"], "lp-sys-typo-caption1-normal-medium"]
|
|
8564
|
-
},
|
|
8565
|
-
size: {
|
|
8566
|
-
m: style_module_default7["size-m"],
|
|
8567
|
-
s: style_module_default7["size-s"]
|
|
8568
|
-
},
|
|
8569
|
-
thick: {
|
|
8570
|
-
true: style_module_default7.thick
|
|
8571
|
-
},
|
|
8572
|
-
underline: {
|
|
8573
|
-
true: style_module_default7.underline
|
|
8574
|
-
}
|
|
8575
|
-
}
|
|
8576
|
-
});
|
|
8577
|
-
var TextButton = forwardRef7(
|
|
8578
|
-
({
|
|
8579
|
-
level = "primary",
|
|
8580
|
-
thick = false,
|
|
8581
|
-
underline = false,
|
|
8582
|
-
size = "m",
|
|
8583
|
-
asChild = false,
|
|
8584
|
-
leftIcon,
|
|
8585
|
-
rightIcon,
|
|
8586
|
-
className,
|
|
8587
|
-
children,
|
|
8588
|
-
...rest
|
|
8589
|
-
}, ref) => {
|
|
8590
|
-
const getIconProps = /* @__PURE__ */ __name((icon) => ({
|
|
8591
|
-
size: size === "m" ? "s" : "xs",
|
|
8592
|
-
thick: true,
|
|
8593
|
-
type: textButtonLevelIconTypeMap[level],
|
|
8594
|
-
fillType: textButtonLevelIconFillTypeMap[level],
|
|
8595
|
-
...icon
|
|
8596
|
-
}), "getIconProps");
|
|
8597
|
-
const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ jsxs111("span", { className: style_module_default7["text-children"], children: [
|
|
8598
|
-
leftIcon && /* @__PURE__ */ jsx165(Icon, { ...getIconProps(leftIcon) }),
|
|
8599
|
-
/* @__PURE__ */ jsx165("p", { children: children2 }),
|
|
8600
|
-
rightIcon && /* @__PURE__ */ jsx165(Icon, { ...getIconProps(rightIcon) })
|
|
8601
|
-
] }), "renderContent");
|
|
8602
|
-
if (asChild) {
|
|
8603
|
-
const parent = Children2.only(children);
|
|
8604
|
-
return cloneElement2(
|
|
8605
|
-
parent,
|
|
8606
|
-
{
|
|
8607
|
-
...rest,
|
|
8608
|
-
className: clsx8(textButtonVariants({ level, thick, underline, size }), className),
|
|
8609
|
-
ref
|
|
8610
|
-
},
|
|
8611
|
-
renderContent(parent.props.children)
|
|
8612
|
-
);
|
|
8613
|
-
}
|
|
8614
|
-
return /* @__PURE__ */ jsx165("button", { className: clsx8(textButtonVariants({ level, thick, underline, size }), className), ref, ...rest, children: renderContent(children) });
|
|
8615
|
-
}
|
|
8616
|
-
);
|
|
8617
|
-
TextButton.displayName = "TextButton";
|
|
8618
|
-
|
|
8619
|
-
// src/components/Popover/index.tsx
|
|
8620
|
-
import { Fragment as Fragment6, jsx as jsx166, jsxs as jsxs112 } from "react/jsx-runtime";
|
|
8621
|
-
var DEFAULT_OFFSET = -6;
|
|
8622
|
-
var popoverVariants = cva6({
|
|
8623
|
-
base: style_module_default6.content,
|
|
8624
|
-
variants: {
|
|
8625
|
-
level: {
|
|
8626
|
-
primary: style_module_default6.primary,
|
|
8627
|
-
secondary: style_module_default6.secondary
|
|
8628
|
-
}
|
|
8629
|
-
}
|
|
8630
|
-
});
|
|
8631
|
-
var popoverAnchorVariants = cva6({
|
|
8632
|
-
base: style_module_default6.anchor,
|
|
8633
|
-
variants: {
|
|
8634
|
-
level: {
|
|
8635
|
-
primary: style_module_default6.primary,
|
|
8636
|
-
secondary: style_module_default6.secondary
|
|
8637
|
-
}
|
|
8638
|
-
}
|
|
8639
|
-
});
|
|
8640
|
-
var popoverTagVariants = cva6({ base: [style_module_default6.tag, "lp-sys-typo-caption3-normal-bold"] });
|
|
8641
|
-
var popoverTitleVariants = cva6({ base: [style_module_default6.title, "lp-sys-typo-paragraph3-normal-bold"] });
|
|
8642
|
-
var popoverDescriptionVariants = cva6({ base: [style_module_default6.description, "lp-sys-typo-caption1-normal-regular"] });
|
|
8643
|
-
var popoverFooterVariants = cva6({ base: [style_module_default6.footer, "lp-sys-typo-caption1-normal-medium"] });
|
|
8644
|
-
var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx166(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
|
|
8645
|
-
var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx166(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
|
|
8646
|
-
var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx166("svg", { className, xmlns: "http://www.w3.org/2000/svg", width: "30", height: "10", viewBox: "0 0 30 10", fill: "none", children: /* @__PURE__ */ jsx166(
|
|
8647
|
-
"path",
|
|
8648
|
-
{
|
|
8649
|
-
fillRule: "evenodd",
|
|
8650
|
-
clipRule: "evenodd",
|
|
8651
|
-
d: "M0 9.9985C1.09308 9.9985 2.18584 10.005 3.27892 9.99081C4.32509 9.97696 5.49602 9.95734 6.51412 9.49459C7.6139 8.99453 8.34198 8.1202 9.07453 7.09123C9.60193 6.35114 10.6379 4.77211 11.1423 4.00971C11.5552 3.38463 12.3633 2.1491 12.8046 1.55134C13.3601 0.799326 14.0467 0 15.0003 0C15.954 0 16.6403 0.799326 17.1954 1.55057C17.6367 2.14795 18.4448 3.38425 18.858 4.00894C19.3618 4.77134 20.3978 6.35037 20.9255 7.09046C21.6593 8.11943 22.3861 8.99377 23.4856 9.49382C24.504 9.95542 25.6752 9.97619 26.7208 9.99004C27.8142 10.0043 28.9069 9.99773 30 9.99773",
|
|
8652
|
-
fill: "none"
|
|
8653
|
-
}
|
|
8654
|
-
) }), "PopoverAnchor");
|
|
8655
|
-
var PopoverContent = React3.forwardRef(
|
|
8656
|
-
({
|
|
8657
|
-
level = "primary",
|
|
8658
|
-
position = "top",
|
|
8659
|
-
align = "center",
|
|
8660
|
-
tag,
|
|
8661
|
-
icon,
|
|
8662
|
-
title,
|
|
8663
|
-
description,
|
|
8664
|
-
confirmText,
|
|
8665
|
-
isOverlay = false,
|
|
8666
|
-
onConfirm,
|
|
8667
|
-
onClose,
|
|
8668
|
-
onPointerDownOutside,
|
|
8669
|
-
className,
|
|
8670
|
-
children,
|
|
8671
|
-
container,
|
|
8672
|
-
...props
|
|
8673
|
-
}, ref) => /* @__PURE__ */ jsx166(PopoverPrimitive.Portal, { container, children: /* @__PURE__ */ jsxs112(Fragment6, { children: [
|
|
8674
|
-
/* @__PURE__ */ jsxs112(
|
|
8675
|
-
PopoverPrimitive.Content,
|
|
8676
|
-
{
|
|
8677
|
-
ref,
|
|
8678
|
-
align,
|
|
8679
|
-
side: position,
|
|
8680
|
-
sideOffset: DEFAULT_OFFSET,
|
|
8681
|
-
onPointerDownOutside,
|
|
8682
|
-
className: clsx9(popoverVariants({ level }), className),
|
|
8683
|
-
...props,
|
|
8684
|
-
children: [
|
|
8685
|
-
/* @__PURE__ */ jsxs112("div", { className: style_module_default6.contentContainer, children: [
|
|
8686
|
-
(tag || icon || onClose) && /* @__PURE__ */ jsxs112("div", { className: style_module_default6.heading, children: [
|
|
8687
|
-
tag && /* @__PURE__ */ jsx166("span", { className: popoverTagVariants(), children: tag }),
|
|
8688
|
-
icon && /* @__PURE__ */ jsx166(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
|
|
8689
|
-
/* @__PURE__ */ jsx166("p", { className: popoverTitleVariants(), children: title }),
|
|
8690
|
-
onClose && /* @__PURE__ */ jsx166(
|
|
8691
|
-
PopoverPrimitive.PopoverClose,
|
|
8692
|
-
{
|
|
8693
|
-
className: style_module_default6.closeButton,
|
|
8694
|
-
onClick: () => {
|
|
8695
|
-
onClose();
|
|
8696
|
-
},
|
|
8697
|
-
children: /* @__PURE__ */ jsx166(Icon, { name: "close-fill", size: "s", fill: true, thick: true, type: "neutral-label-static-primary" })
|
|
8698
|
-
}
|
|
8699
|
-
)
|
|
8700
|
-
] }),
|
|
8701
|
-
description && /* @__PURE__ */ jsx166("p", { className: popoverDescriptionVariants(), children: description }),
|
|
8702
|
-
onConfirm && /* @__PURE__ */ jsx166("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx166(
|
|
8703
|
-
TextButton,
|
|
8704
|
-
{
|
|
8705
|
-
level: "inverse-static",
|
|
8706
|
-
onClick: () => {
|
|
8707
|
-
onConfirm?.();
|
|
8708
|
-
},
|
|
8709
|
-
children: confirmText
|
|
8710
|
-
}
|
|
8711
|
-
) }),
|
|
8712
|
-
children
|
|
8713
|
-
] }),
|
|
8714
|
-
/* @__PURE__ */ jsx166(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx166(PopoverAnchor, { className: clsx9(popoverAnchorVariants({ level })) }) })
|
|
8715
|
-
]
|
|
8716
|
-
}
|
|
8717
|
-
),
|
|
8718
|
-
isOverlay && /* @__PURE__ */ jsx166("div", { "data-radix-popper-overlay": true, className: style_module_default6.overlay })
|
|
8719
|
-
] }) })
|
|
8720
|
-
);
|
|
8721
|
-
var Popover = Object.assign(PopoverRoot, {
|
|
8722
|
-
Trigger: PopoverTrigger,
|
|
8723
|
-
Content: PopoverContent,
|
|
8724
|
-
Arrow: PopoverPrimitive.Arrow,
|
|
8725
|
-
Close: PopoverPrimitive.Close
|
|
8726
|
-
});
|
|
8727
|
-
|
|
8728
8497
|
// src/components/Tooltip/index.tsx
|
|
8729
8498
|
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
8730
|
-
import { forwardRef as
|
|
8499
|
+
import { forwardRef as forwardRef7 } from "react";
|
|
8731
8500
|
|
|
8732
8501
|
// src/components/Tooltip/style.module.scss
|
|
8733
|
-
var
|
|
8502
|
+
var style_module_default6 = {
|
|
8734
8503
|
"tooltip": "_tooltip_1v61q_1",
|
|
8735
8504
|
"tooltipContent": "_tooltipContent_1v61q_10"
|
|
8736
8505
|
};
|
|
8737
8506
|
|
|
8738
8507
|
// src/components/Tooltip/index.tsx
|
|
8739
|
-
import { cva as
|
|
8740
|
-
import
|
|
8741
|
-
import { jsx as
|
|
8742
|
-
var
|
|
8743
|
-
var tooltipVariants =
|
|
8508
|
+
import { cva as cva5 } from "cva";
|
|
8509
|
+
import clsx8 from "clsx";
|
|
8510
|
+
import { jsx as jsx165 } from "react/jsx-runtime";
|
|
8511
|
+
var DEFAULT_OFFSET = "medium";
|
|
8512
|
+
var tooltipVariants = cva5({ base: [style_module_default6.tooltip, "lp-sys-typo-caption1-normal-medium"] });
|
|
8744
8513
|
var TooltipProvider = TooltipPrimitive.Provider;
|
|
8745
|
-
var TooltipRoot = /* @__PURE__ */ __name(({ children, ...props }) => /* @__PURE__ */
|
|
8746
|
-
var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
8747
|
-
var TooltipContent =
|
|
8748
|
-
({ description, position = "top", className, offset =
|
|
8514
|
+
var TooltipRoot = /* @__PURE__ */ __name(({ children, ...props }) => /* @__PURE__ */ jsx165(TooltipPrimitive.Root, { delayDuration: 0, ...props, children }), "TooltipRoot");
|
|
8515
|
+
var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx165(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
|
|
8516
|
+
var TooltipContent = forwardRef7(
|
|
8517
|
+
({ description, position = "top", className, offset = DEFAULT_OFFSET, collisionPadding, ...props }, ref) => /* @__PURE__ */ jsx165(
|
|
8749
8518
|
TooltipPrimitive.Content,
|
|
8750
8519
|
{
|
|
8751
8520
|
ref,
|
|
8752
8521
|
side: position,
|
|
8753
8522
|
sideOffset: offset === "medium" ? 4 : 8,
|
|
8754
8523
|
collisionPadding,
|
|
8755
|
-
className:
|
|
8524
|
+
className: clsx8(tooltipVariants(), className),
|
|
8756
8525
|
...props,
|
|
8757
|
-
children: /* @__PURE__ */
|
|
8526
|
+
children: /* @__PURE__ */ jsx165("p", { className: style_module_default6.tooltipContent, children: description })
|
|
8758
8527
|
}
|
|
8759
8528
|
)
|
|
8760
8529
|
);
|
|
@@ -8765,12 +8534,12 @@ var Tooltip = Object.assign(TooltipRoot, {
|
|
|
8765
8534
|
});
|
|
8766
8535
|
|
|
8767
8536
|
// src/components/IconButton/index.tsx
|
|
8768
|
-
import { cva as
|
|
8769
|
-
import { forwardRef as
|
|
8770
|
-
import
|
|
8537
|
+
import { cva as cva6 } from "cva";
|
|
8538
|
+
import { forwardRef as forwardRef8 } from "react";
|
|
8539
|
+
import clsx9 from "clsx";
|
|
8771
8540
|
|
|
8772
8541
|
// src/components/IconButton/style.module.scss
|
|
8773
|
-
var
|
|
8542
|
+
var style_module_default7 = {
|
|
8774
8543
|
"iconButton": "_iconButton_6ezo4_1",
|
|
8775
8544
|
"primary": "_primary_6ezo4_14",
|
|
8776
8545
|
"secondary": "_secondary_6ezo4_27",
|
|
@@ -8789,7 +8558,7 @@ var style_module_default9 = {
|
|
|
8789
8558
|
|
|
8790
8559
|
// src/components/IconButton/index.tsx
|
|
8791
8560
|
import { Slot } from "@radix-ui/react-slot";
|
|
8792
|
-
import { jsx as
|
|
8561
|
+
import { jsx as jsx166 } from "react/jsx-runtime";
|
|
8793
8562
|
var iconButtonSizeIconSizeMap = {
|
|
8794
8563
|
l: "m",
|
|
8795
8564
|
m: "s",
|
|
@@ -8835,32 +8604,32 @@ var iconButtonLevelIconTypeMap = {
|
|
|
8835
8604
|
"inverse-static": "inverse-label-static-primary"
|
|
8836
8605
|
}
|
|
8837
8606
|
};
|
|
8838
|
-
var iconButtonVariants =
|
|
8839
|
-
base: [
|
|
8607
|
+
var iconButtonVariants = cva6({
|
|
8608
|
+
base: [style_module_default7.iconButton],
|
|
8840
8609
|
variants: {
|
|
8841
8610
|
level: {
|
|
8842
|
-
primary:
|
|
8843
|
-
secondary:
|
|
8844
|
-
tertiary:
|
|
8845
|
-
quaternary:
|
|
8846
|
-
negative:
|
|
8847
|
-
static:
|
|
8848
|
-
inverse:
|
|
8849
|
-
"inverse-static":
|
|
8611
|
+
primary: style_module_default7.primary,
|
|
8612
|
+
secondary: style_module_default7.secondary,
|
|
8613
|
+
tertiary: style_module_default7.tertiary,
|
|
8614
|
+
quaternary: style_module_default7.quaternary,
|
|
8615
|
+
negative: style_module_default7.negative,
|
|
8616
|
+
static: style_module_default7.static,
|
|
8617
|
+
inverse: style_module_default7.inverse,
|
|
8618
|
+
"inverse-static": style_module_default7["inverse-static"]
|
|
8850
8619
|
},
|
|
8851
8620
|
size: {
|
|
8852
|
-
l:
|
|
8853
|
-
m:
|
|
8854
|
-
s:
|
|
8855
|
-
xs:
|
|
8621
|
+
l: style_module_default7.l,
|
|
8622
|
+
m: style_module_default7.m,
|
|
8623
|
+
s: style_module_default7.s,
|
|
8624
|
+
xs: style_module_default7.xs
|
|
8856
8625
|
},
|
|
8857
8626
|
fill: {
|
|
8858
8627
|
true: void 0,
|
|
8859
|
-
false:
|
|
8628
|
+
false: style_module_default7.ghost
|
|
8860
8629
|
}
|
|
8861
8630
|
}
|
|
8862
8631
|
});
|
|
8863
|
-
var IconButton =
|
|
8632
|
+
var IconButton = forwardRef8(
|
|
8864
8633
|
({
|
|
8865
8634
|
asChild,
|
|
8866
8635
|
level = "primary",
|
|
@@ -8873,16 +8642,16 @@ var IconButton = forwardRef10(
|
|
|
8873
8642
|
...rest
|
|
8874
8643
|
}, ref) => {
|
|
8875
8644
|
const Comp = asChild ? Slot : "button";
|
|
8876
|
-
return /* @__PURE__ */
|
|
8645
|
+
return /* @__PURE__ */ jsx166(
|
|
8877
8646
|
Comp,
|
|
8878
8647
|
{
|
|
8879
8648
|
...rest,
|
|
8880
|
-
className:
|
|
8649
|
+
className: clsx9(iconButtonVariants({ level, size, fill }), className),
|
|
8881
8650
|
ref,
|
|
8882
8651
|
disabled: disabled && !isLoading,
|
|
8883
8652
|
"aria-label": icon.name,
|
|
8884
8653
|
role: "button",
|
|
8885
|
-
children: isLoading ? /* @__PURE__ */
|
|
8654
|
+
children: isLoading ? /* @__PURE__ */ jsx166(Loading, { size: iconButtonLoadingSizeMap[size], level: iconButtonLoadingLevelMap[level] }) : /* @__PURE__ */ jsx166(
|
|
8886
8655
|
Icon,
|
|
8887
8656
|
{
|
|
8888
8657
|
size: iconButtonSizeIconSizeMap[size],
|
|
@@ -8900,7 +8669,7 @@ IconButton.displayName = "IconButton";
|
|
|
8900
8669
|
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
8901
8670
|
|
|
8902
8671
|
// src/components/CheckBox/style.module.scss
|
|
8903
|
-
var
|
|
8672
|
+
var style_module_default8 = {
|
|
8904
8673
|
"checkbox": "_checkbox_24vda_1",
|
|
8905
8674
|
"checkbox-indicator": "_checkbox-indicator_24vda_39",
|
|
8906
8675
|
"label-wrapper": "_label-wrapper_24vda_47",
|
|
@@ -8908,16 +8677,16 @@ var style_module_default10 = {
|
|
|
8908
8677
|
};
|
|
8909
8678
|
|
|
8910
8679
|
// src/components/CheckBox/index.tsx
|
|
8911
|
-
import { forwardRef as
|
|
8912
|
-
import
|
|
8680
|
+
import { forwardRef as forwardRef10 } from "react";
|
|
8681
|
+
import clsx11 from "clsx";
|
|
8913
8682
|
|
|
8914
8683
|
// src/components/Label/index.tsx
|
|
8915
|
-
import { forwardRef as
|
|
8684
|
+
import { forwardRef as forwardRef9 } from "react";
|
|
8916
8685
|
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
8917
|
-
import
|
|
8686
|
+
import clsx10 from "clsx";
|
|
8918
8687
|
|
|
8919
8688
|
// src/components/Label/style.module.scss
|
|
8920
|
-
var
|
|
8689
|
+
var style_module_default9 = {
|
|
8921
8690
|
"label": "_label_18fu8_1",
|
|
8922
8691
|
"error": "_error_18fu8_15",
|
|
8923
8692
|
"primary": "_primary_18fu8_19",
|
|
@@ -8934,38 +8703,38 @@ var style_module_default11 = {
|
|
|
8934
8703
|
};
|
|
8935
8704
|
|
|
8936
8705
|
// src/components/Label/index.tsx
|
|
8937
|
-
import { cva as
|
|
8938
|
-
import { jsx as
|
|
8939
|
-
var defaultLabelVariants =
|
|
8940
|
-
base: ["lp-sys-typo-paragraph2-normal-medium",
|
|
8706
|
+
import { cva as cva7 } from "cva";
|
|
8707
|
+
import { jsx as jsx167 } from "react/jsx-runtime";
|
|
8708
|
+
var defaultLabelVariants = cva7({
|
|
8709
|
+
base: ["lp-sys-typo-paragraph2-normal-medium", style_module_default9.label],
|
|
8941
8710
|
variants: {
|
|
8942
8711
|
level: {
|
|
8943
|
-
primary:
|
|
8944
|
-
secondary:
|
|
8712
|
+
primary: style_module_default9.primary,
|
|
8713
|
+
secondary: style_module_default9.secondary
|
|
8945
8714
|
},
|
|
8946
8715
|
position: {
|
|
8947
|
-
top:
|
|
8948
|
-
right:
|
|
8716
|
+
top: style_module_default9.top,
|
|
8717
|
+
right: style_module_default9.right
|
|
8949
8718
|
},
|
|
8950
8719
|
size: {
|
|
8951
|
-
l: ["lp-sys-typo-paragraph3-normal-bold",
|
|
8952
|
-
m: ["lp-sys-typo-caption1-normal-medium",
|
|
8953
|
-
s: ["lp-sys-typo-caption2-normal-medium",
|
|
8720
|
+
l: ["lp-sys-typo-paragraph3-normal-bold", style_module_default9.l],
|
|
8721
|
+
m: ["lp-sys-typo-caption1-normal-medium", style_module_default9.m],
|
|
8722
|
+
s: ["lp-sys-typo-caption2-normal-medium", style_module_default9.s]
|
|
8954
8723
|
},
|
|
8955
8724
|
offset: {
|
|
8956
|
-
high:
|
|
8957
|
-
medium:
|
|
8958
|
-
low:
|
|
8725
|
+
high: style_module_default9["offset-high"],
|
|
8726
|
+
medium: style_module_default9["offset-medium"],
|
|
8727
|
+
low: style_module_default9["offset-low"]
|
|
8959
8728
|
},
|
|
8960
8729
|
disabled: {
|
|
8961
|
-
true:
|
|
8730
|
+
true: style_module_default9.disabled
|
|
8962
8731
|
},
|
|
8963
8732
|
error: {
|
|
8964
|
-
true:
|
|
8733
|
+
true: style_module_default9.error
|
|
8965
8734
|
}
|
|
8966
8735
|
}
|
|
8967
8736
|
});
|
|
8968
|
-
var Label =
|
|
8737
|
+
var Label = forwardRef9(
|
|
8969
8738
|
({
|
|
8970
8739
|
className,
|
|
8971
8740
|
level = "primary",
|
|
@@ -8976,11 +8745,14 @@ var Label = forwardRef11(
|
|
|
8976
8745
|
error = false,
|
|
8977
8746
|
...props
|
|
8978
8747
|
}, ref) => {
|
|
8979
|
-
return /* @__PURE__ */
|
|
8748
|
+
return /* @__PURE__ */ jsx167(
|
|
8980
8749
|
LabelPrimitive.Root,
|
|
8981
8750
|
{
|
|
8982
8751
|
ref,
|
|
8983
|
-
className:
|
|
8752
|
+
className: clsx10(
|
|
8753
|
+
defaultLabelVariants({ level, position, size, offset, disabled, error }),
|
|
8754
|
+
className
|
|
8755
|
+
),
|
|
8984
8756
|
...props
|
|
8985
8757
|
}
|
|
8986
8758
|
);
|
|
@@ -8989,27 +8761,27 @@ var Label = forwardRef11(
|
|
|
8989
8761
|
Label.displayName = "Label";
|
|
8990
8762
|
|
|
8991
8763
|
// src/components/CheckBox/index.tsx
|
|
8992
|
-
import { Fragment as
|
|
8993
|
-
var Checkbox =
|
|
8764
|
+
import { Fragment as Fragment6, jsx as jsx168, jsxs as jsxs111 } from "react/jsx-runtime";
|
|
8765
|
+
var Checkbox = forwardRef10(
|
|
8994
8766
|
({ className, label, description, ...props }, ref) => {
|
|
8995
|
-
const CheckboxWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */
|
|
8996
|
-
/* @__PURE__ */
|
|
8767
|
+
const CheckboxWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs111(Label, { position: "right", htmlFor: props.id, children: [
|
|
8768
|
+
/* @__PURE__ */ jsxs111("div", { className: style_module_default8["label-wrapper"], children: [
|
|
8997
8769
|
label,
|
|
8998
|
-
/* @__PURE__ */
|
|
8770
|
+
/* @__PURE__ */ jsx168(Paragraph, { className: style_module_default8.description, size: 3, type: "normal", weight: "regular", children: description })
|
|
8999
8771
|
] }),
|
|
9000
8772
|
children
|
|
9001
|
-
] }) : /* @__PURE__ */
|
|
9002
|
-
return /* @__PURE__ */
|
|
8773
|
+
] }) : /* @__PURE__ */ jsx168(Fragment6, { children }), "CheckboxWrapper");
|
|
8774
|
+
return /* @__PURE__ */ jsx168(CheckboxWrapper, { children: /* @__PURE__ */ jsx168(CheckboxPrimitive.Root, { className: clsx11(style_module_default8.checkbox, className), ref, ...props, children: /* @__PURE__ */ jsx168(CheckboxPrimitive.Indicator, { className: style_module_default8["checkbox-indicator"], children: /* @__PURE__ */ jsx168(Icon, { name: "check-mark", thick: true, size: "xs", type: "inverse-label-primary" }) }) }) });
|
|
9003
8775
|
}
|
|
9004
8776
|
);
|
|
9005
8777
|
|
|
9006
8778
|
// src/components/Radio/index.tsx
|
|
9007
8779
|
import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
|
|
9008
|
-
import
|
|
9009
|
-
import { forwardRef as
|
|
8780
|
+
import clsx12 from "clsx";
|
|
8781
|
+
import { forwardRef as forwardRef11 } from "react";
|
|
9010
8782
|
|
|
9011
8783
|
// src/components/Radio/style.module.scss
|
|
9012
|
-
var
|
|
8784
|
+
var style_module_default10 = {
|
|
9013
8785
|
"radio-item": "_radio-item_184np_1",
|
|
9014
8786
|
"indicator": "_indicator_184np_44",
|
|
9015
8787
|
"label-wrapper": "_label-wrapper_184np_50",
|
|
@@ -9017,27 +8789,27 @@ var style_module_default12 = {
|
|
|
9017
8789
|
};
|
|
9018
8790
|
|
|
9019
8791
|
// src/components/Radio/index.tsx
|
|
9020
|
-
import { Fragment as
|
|
9021
|
-
var RadioIndicator = /* @__PURE__ */ __name(() => /* @__PURE__ */
|
|
9022
|
-
var RadioRoot =
|
|
8792
|
+
import { Fragment as Fragment7, jsx as jsx169, jsxs as jsxs112 } from "react/jsx-runtime";
|
|
8793
|
+
var RadioIndicator = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx169("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx169("circle", { cx: "5", cy: "5", r: "5", fill: "#313133" }) }), "RadioIndicator");
|
|
8794
|
+
var RadioRoot = forwardRef11(({ className, ...props }, ref) => /* @__PURE__ */ jsx169(RadioGroupPrimitive.Root, { ref, className, ...props }));
|
|
9023
8795
|
RadioRoot.displayName = "RadioRoot";
|
|
9024
|
-
var RadioItem =
|
|
8796
|
+
var RadioItem = forwardRef11(
|
|
9025
8797
|
({ className, label, description, ...props }, ref) => {
|
|
9026
|
-
const RadioItemWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */
|
|
9027
|
-
/* @__PURE__ */
|
|
8798
|
+
const RadioItemWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs112(Label, { position: "right", children: [
|
|
8799
|
+
/* @__PURE__ */ jsxs112("div", { className: style_module_default10["label-wrapper"], children: [
|
|
9028
8800
|
label,
|
|
9029
|
-
description && /* @__PURE__ */
|
|
8801
|
+
description && /* @__PURE__ */ jsx169(Paragraph, { className: style_module_default10.description, size: 3, type: "normal", weight: "regular", children: description })
|
|
9030
8802
|
] }),
|
|
9031
8803
|
children
|
|
9032
|
-
] }) : /* @__PURE__ */
|
|
9033
|
-
return /* @__PURE__ */
|
|
8804
|
+
] }) : /* @__PURE__ */ jsx169(Fragment7, { children }), "RadioItemWrapper");
|
|
8805
|
+
return /* @__PURE__ */ jsx169(RadioItemWrapper, { children: /* @__PURE__ */ jsx169(
|
|
9034
8806
|
RadioGroupPrimitive.Item,
|
|
9035
8807
|
{
|
|
9036
8808
|
ref,
|
|
9037
|
-
className:
|
|
8809
|
+
className: clsx12(style_module_default10["radio-item"], className),
|
|
9038
8810
|
...props,
|
|
9039
8811
|
"aria-label": label,
|
|
9040
|
-
children: /* @__PURE__ */
|
|
8812
|
+
children: /* @__PURE__ */ jsx169(RadioGroupPrimitive.Indicator, { className: style_module_default10.indicator, children: /* @__PURE__ */ jsx169(RadioIndicator, {}) })
|
|
9041
8813
|
}
|
|
9042
8814
|
) });
|
|
9043
8815
|
}
|
|
@@ -9049,7 +8821,7 @@ var Radio = Object.assign(RadioRoot, {
|
|
|
9049
8821
|
|
|
9050
8822
|
// src/components/Textfield/index.tsx
|
|
9051
8823
|
import {
|
|
9052
|
-
forwardRef as
|
|
8824
|
+
forwardRef as forwardRef12,
|
|
9053
8825
|
useId,
|
|
9054
8826
|
useImperativeHandle,
|
|
9055
8827
|
useRef as useRef2,
|
|
@@ -9057,7 +8829,7 @@ import {
|
|
|
9057
8829
|
} from "react";
|
|
9058
8830
|
|
|
9059
8831
|
// src/components/Textfield/style.module.scss
|
|
9060
|
-
var
|
|
8832
|
+
var style_module_default11 = {
|
|
9061
8833
|
"textfield-container": "_textfield-container_mmkqk_1",
|
|
9062
8834
|
"textfield": "_textfield_mmkqk_1",
|
|
9063
8835
|
"label": "_label_mmkqk_35",
|
|
@@ -9079,20 +8851,20 @@ var style_module_default13 = {
|
|
|
9079
8851
|
};
|
|
9080
8852
|
|
|
9081
8853
|
// src/components/Textfield/index.tsx
|
|
9082
|
-
import { cva as
|
|
9083
|
-
import
|
|
8854
|
+
import { cva as cva8 } from "cva";
|
|
8855
|
+
import clsx13 from "clsx";
|
|
9084
8856
|
import { flushSync } from "react-dom";
|
|
9085
|
-
import { Fragment as
|
|
9086
|
-
var defaultTextfieldVariants =
|
|
9087
|
-
base:
|
|
8857
|
+
import { Fragment as Fragment8, jsx as jsx170, jsxs as jsxs113 } from "react/jsx-runtime";
|
|
8858
|
+
var defaultTextfieldVariants = cva8({
|
|
8859
|
+
base: style_module_default11.textfield,
|
|
9088
8860
|
variants: {
|
|
9089
8861
|
color: {
|
|
9090
|
-
"neutral-container-mid":
|
|
9091
|
-
"neutral-container-lowest":
|
|
8862
|
+
"neutral-container-mid": style_module_default11.gray,
|
|
8863
|
+
"neutral-container-lowest": style_module_default11.white
|
|
9092
8864
|
}
|
|
9093
8865
|
}
|
|
9094
8866
|
});
|
|
9095
|
-
var Textfield =
|
|
8867
|
+
var Textfield = forwardRef12((props, ref) => {
|
|
9096
8868
|
const {
|
|
9097
8869
|
id = useId(),
|
|
9098
8870
|
type,
|
|
@@ -9151,21 +8923,21 @@ var Textfield = forwardRef14((props, ref) => {
|
|
|
9151
8923
|
}
|
|
9152
8924
|
}, "handleDeidentify");
|
|
9153
8925
|
useImperativeHandle(ref, () => inputRef.current);
|
|
9154
|
-
return /* @__PURE__ */
|
|
9155
|
-
/* @__PURE__ */
|
|
8926
|
+
return /* @__PURE__ */ jsxs113("div", { className: style_module_default11["textfield-container"], children: [
|
|
8927
|
+
/* @__PURE__ */ jsx170(
|
|
9156
8928
|
"div",
|
|
9157
8929
|
{
|
|
9158
|
-
className:
|
|
9159
|
-
[
|
|
9160
|
-
[
|
|
8930
|
+
className: clsx13(defaultTextfieldVariants({ color }), {
|
|
8931
|
+
[style_module_default11.error]: !!error,
|
|
8932
|
+
[style_module_default11["label-out-textfield"]]: !label || labelType === "out"
|
|
9161
8933
|
}),
|
|
9162
8934
|
onClick: handleTextfieldClick,
|
|
9163
|
-
children: /* @__PURE__ */
|
|
9164
|
-
/* @__PURE__ */
|
|
8935
|
+
children: /* @__PURE__ */ jsxs113("div", { className: style_module_default11["input-wrapper"], children: [
|
|
8936
|
+
/* @__PURE__ */ jsx170(
|
|
9165
8937
|
"input",
|
|
9166
8938
|
{
|
|
9167
|
-
className:
|
|
9168
|
-
[
|
|
8939
|
+
className: clsx13(style_module_default11.input, {
|
|
8940
|
+
[style_module_default11["label-out-input"]]: !label || labelType === "out"
|
|
9169
8941
|
}),
|
|
9170
8942
|
type: isDeidentified ? "password" : "text",
|
|
9171
8943
|
placeholder,
|
|
@@ -9176,24 +8948,24 @@ var Textfield = forwardRef14((props, ref) => {
|
|
|
9176
8948
|
...rest
|
|
9177
8949
|
}
|
|
9178
8950
|
),
|
|
9179
|
-
/* @__PURE__ */
|
|
8951
|
+
/* @__PURE__ */ jsx170(
|
|
9180
8952
|
Label,
|
|
9181
8953
|
{
|
|
9182
|
-
className:
|
|
9183
|
-
[
|
|
9184
|
-
[
|
|
8954
|
+
className: clsx13(style_module_default11.label, {
|
|
8955
|
+
[style_module_default11["label-in"]]: labelType === "in",
|
|
8956
|
+
[style_module_default11["label-out"]]: !label || labelType === "out"
|
|
9185
8957
|
}),
|
|
9186
8958
|
size: label?.type === "out" ? "s" : void 0,
|
|
9187
8959
|
htmlFor: id,
|
|
9188
8960
|
children: labelText
|
|
9189
8961
|
}
|
|
9190
8962
|
),
|
|
9191
|
-
/* @__PURE__ */
|
|
9192
|
-
textfieldValue && !disabled && /* @__PURE__ */
|
|
8963
|
+
/* @__PURE__ */ jsxs113("div", { className: style_module_default11["input-action-buttons"], children: [
|
|
8964
|
+
textfieldValue && !disabled && /* @__PURE__ */ jsx170(
|
|
9193
8965
|
IconButton,
|
|
9194
8966
|
{
|
|
9195
8967
|
tabIndex: -1,
|
|
9196
|
-
className:
|
|
8968
|
+
className: style_module_default11["action-button"],
|
|
9197
8969
|
level: "secondary",
|
|
9198
8970
|
fill: false,
|
|
9199
8971
|
icon: {
|
|
@@ -9207,11 +8979,11 @@ var Textfield = forwardRef14((props, ref) => {
|
|
|
9207
8979
|
}
|
|
9208
8980
|
}
|
|
9209
8981
|
),
|
|
9210
|
-
isPassword && !disabled && /* @__PURE__ */
|
|
8982
|
+
isPassword && !disabled && /* @__PURE__ */ jsx170(
|
|
9211
8983
|
IconButton,
|
|
9212
8984
|
{
|
|
9213
8985
|
tabIndex: -1,
|
|
9214
|
-
className:
|
|
8986
|
+
className: style_module_default11["action-button"],
|
|
9215
8987
|
level: "secondary",
|
|
9216
8988
|
fill: false,
|
|
9217
8989
|
icon: {
|
|
@@ -9225,17 +8997,26 @@ var Textfield = forwardRef14((props, ref) => {
|
|
|
9225
8997
|
}
|
|
9226
8998
|
}
|
|
9227
8999
|
),
|
|
9228
|
-
buttonProps && /* @__PURE__ */
|
|
9000
|
+
buttonProps && /* @__PURE__ */ jsx170(Button, { ...buttonProps, size: "m", type: "button" })
|
|
9229
9001
|
] })
|
|
9230
9002
|
] })
|
|
9231
9003
|
}
|
|
9232
9004
|
),
|
|
9233
|
-
displayFooter && /* @__PURE__ */
|
|
9234
|
-
/* @__PURE__ */
|
|
9235
|
-
/* @__PURE__ */
|
|
9236
|
-
|
|
9005
|
+
displayFooter && /* @__PURE__ */ jsxs113("div", { className: style_module_default11.footer, children: [
|
|
9006
|
+
/* @__PURE__ */ jsx170("div", { className: style_module_default11["error-wrapper"], children: error && /* @__PURE__ */ jsxs113(Fragment8, { children: [
|
|
9007
|
+
/* @__PURE__ */ jsx170(
|
|
9008
|
+
Icon,
|
|
9009
|
+
{
|
|
9010
|
+
name: "exclamationmark-fill",
|
|
9011
|
+
fill: true,
|
|
9012
|
+
thick: true,
|
|
9013
|
+
size: "xs",
|
|
9014
|
+
type: "function-label-negative"
|
|
9015
|
+
}
|
|
9016
|
+
),
|
|
9017
|
+
/* @__PURE__ */ jsx170(Caption, { size: 3, type: "normal", weight: "regular", className: style_module_default11["error-message"], children: error })
|
|
9237
9018
|
] }) }),
|
|
9238
|
-
maxCharacter && /* @__PURE__ */
|
|
9019
|
+
maxCharacter && /* @__PURE__ */ jsxs113(Caption, { className: style_module_default11.character, size: 3, type: "normal", weight: "regular", children: [
|
|
9239
9020
|
isControlled ? controlledValue.length : value.length,
|
|
9240
9021
|
"/",
|
|
9241
9022
|
maxCharacter
|
|
@@ -9246,10 +9027,10 @@ var Textfield = forwardRef14((props, ref) => {
|
|
|
9246
9027
|
Textfield.displayName = "Textfield";
|
|
9247
9028
|
|
|
9248
9029
|
// src/components/Slider/index.tsx
|
|
9249
|
-
import { forwardRef as
|
|
9030
|
+
import { forwardRef as forwardRef13 } from "react";
|
|
9250
9031
|
|
|
9251
9032
|
// src/components/Slider/style.module.scss
|
|
9252
|
-
var
|
|
9033
|
+
var style_module_default12 = {
|
|
9253
9034
|
"label": "_label_85fpg_1",
|
|
9254
9035
|
"optionText": "_optionText_85fpg_6",
|
|
9255
9036
|
"slider-wrapper": "_slider-wrapper_85fpg_10",
|
|
@@ -9263,29 +9044,29 @@ var style_module_default14 = {
|
|
|
9263
9044
|
|
|
9264
9045
|
// src/components/Slider/index.tsx
|
|
9265
9046
|
import * as SliderPrimitive from "@radix-ui/react-slider";
|
|
9266
|
-
import { Fragment as
|
|
9267
|
-
var SliderRoot =
|
|
9047
|
+
import { Fragment as Fragment9, jsx as jsx171, jsxs as jsxs114 } from "react/jsx-runtime";
|
|
9048
|
+
var SliderRoot = forwardRef13((props, ref) => {
|
|
9268
9049
|
const { label, tooltip, rangeLeft, rangeRight, min, max, step = 50, ...rest } = props;
|
|
9269
|
-
return /* @__PURE__ */
|
|
9270
|
-
/* @__PURE__ */
|
|
9271
|
-
/* @__PURE__ */
|
|
9272
|
-
/* @__PURE__ */
|
|
9273
|
-
/* @__PURE__ */
|
|
9274
|
-
/* @__PURE__ */
|
|
9050
|
+
return /* @__PURE__ */ jsx171(Fragment9, { children: /* @__PURE__ */ jsxs114(Tooltip.Provider, { children: [
|
|
9051
|
+
/* @__PURE__ */ jsx171(Label, { level: "secondary", size: "m", offset: "high", className: style_module_default12.label, children: label }),
|
|
9052
|
+
/* @__PURE__ */ jsxs114("div", { className: style_module_default12["slider-wrapper"], children: [
|
|
9053
|
+
/* @__PURE__ */ jsxs114("div", { className: style_module_default12["slider-option-wrapper"], children: [
|
|
9054
|
+
/* @__PURE__ */ jsx171(Icon, { name: rangeLeft.icon, size: "xs" }),
|
|
9055
|
+
/* @__PURE__ */ jsx171(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default12.optionText, children: rangeLeft.text })
|
|
9275
9056
|
] }),
|
|
9276
|
-
/* @__PURE__ */
|
|
9277
|
-
/* @__PURE__ */
|
|
9278
|
-
Array.from({ length: 100 / step + 1 }).map((_, index) => /* @__PURE__ */
|
|
9279
|
-
/* @__PURE__ */
|
|
9057
|
+
/* @__PURE__ */ jsxs114(SliderPrimitive.Root, { ...rest, step, className: style_module_default12["slider-root"], ref, children: [
|
|
9058
|
+
/* @__PURE__ */ jsxs114(SliderPrimitive.Track, { className: style_module_default12["slider-track"], children: [
|
|
9059
|
+
Array.from({ length: 100 / step + 1 }).map((_, index) => /* @__PURE__ */ jsx171("span", { className: style_module_default12["slider-step"] }, index)),
|
|
9060
|
+
/* @__PURE__ */ jsx171(SliderPrimitive.Range, { className: style_module_default12["slider-range"] })
|
|
9280
9061
|
] }),
|
|
9281
|
-
/* @__PURE__ */
|
|
9282
|
-
/* @__PURE__ */
|
|
9283
|
-
/* @__PURE__ */
|
|
9062
|
+
/* @__PURE__ */ jsxs114(Tooltip, { children: [
|
|
9063
|
+
/* @__PURE__ */ jsx171(Tooltip.Trigger, { by: /* @__PURE__ */ jsx171(SliderPrimitive.Thumb, { className: style_module_default12["slider-thumb"] }) }),
|
|
9064
|
+
/* @__PURE__ */ jsx171(Tooltip.Content, { description: tooltip })
|
|
9284
9065
|
] })
|
|
9285
9066
|
] }),
|
|
9286
|
-
/* @__PURE__ */
|
|
9287
|
-
/* @__PURE__ */
|
|
9288
|
-
/* @__PURE__ */
|
|
9067
|
+
/* @__PURE__ */ jsxs114("div", { className: style_module_default12["slider-option-wrapper"], children: [
|
|
9068
|
+
/* @__PURE__ */ jsx171(Icon, { name: rangeRight.icon, size: "xs" }),
|
|
9069
|
+
/* @__PURE__ */ jsx171(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default12.optionText, children: rangeRight.text })
|
|
9289
9070
|
] })
|
|
9290
9071
|
] })
|
|
9291
9072
|
] }) });
|
|
@@ -9297,7 +9078,7 @@ import * as SelectPrimitive from "@radix-ui/react-select";
|
|
|
9297
9078
|
import * as ScrollArea from "@radix-ui/react-scroll-area";
|
|
9298
9079
|
|
|
9299
9080
|
// src/components/Select/style.module.scss
|
|
9300
|
-
var
|
|
9081
|
+
var style_module_default13 = {
|
|
9301
9082
|
"label-container": "_label-container_rtt11_101",
|
|
9302
9083
|
"select-label": "_select-label_rtt11_107",
|
|
9303
9084
|
"trigger": "_trigger_rtt11_112",
|
|
@@ -9324,16 +9105,16 @@ var style_module_default15 = {
|
|
|
9324
9105
|
|
|
9325
9106
|
// src/components/Select/index.tsx
|
|
9326
9107
|
import {
|
|
9327
|
-
forwardRef as
|
|
9108
|
+
forwardRef as forwardRef14,
|
|
9328
9109
|
useEffect as useEffect2,
|
|
9329
9110
|
useState as useState4
|
|
9330
9111
|
} from "react";
|
|
9331
|
-
import
|
|
9332
|
-
import { jsx as
|
|
9333
|
-
var Badge = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */
|
|
9334
|
-
var SelectContent =
|
|
9112
|
+
import clsx14 from "clsx";
|
|
9113
|
+
import { jsx as jsx172, jsxs as jsxs115 } from "react/jsx-runtime";
|
|
9114
|
+
var Badge = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx172("div", { className: style_module_default13.badgeContainer, children: /* @__PURE__ */ jsx172(Caption, { className: style_module_default13.badge, size: 2, type: "normal", weight: "medium", children }) }), "Badge");
|
|
9115
|
+
var SelectContent = forwardRef14((props, ref) => {
|
|
9335
9116
|
const { id, isResponsive, popSide, sideOffset, listLabel, children, container } = props;
|
|
9336
|
-
return /* @__PURE__ */
|
|
9117
|
+
return /* @__PURE__ */ jsx172(SelectPrimitive.Portal, { container, children: /* @__PURE__ */ jsx172(
|
|
9337
9118
|
SelectPrimitive.Content,
|
|
9338
9119
|
{
|
|
9339
9120
|
id: `select-content-${id}`,
|
|
@@ -9348,24 +9129,24 @@ var SelectContent = forwardRef16((props, ref) => {
|
|
|
9348
9129
|
e.stopPropagation();
|
|
9349
9130
|
};
|
|
9350
9131
|
},
|
|
9351
|
-
className:
|
|
9352
|
-
[
|
|
9132
|
+
className: clsx14(style_module_default13["desktop-content"], {
|
|
9133
|
+
[style_module_default13["responsive"]]: isResponsive
|
|
9353
9134
|
}),
|
|
9354
9135
|
position: "popper",
|
|
9355
9136
|
side: popSide,
|
|
9356
9137
|
sideOffset,
|
|
9357
9138
|
avoidCollisions: false,
|
|
9358
|
-
children: /* @__PURE__ */
|
|
9359
|
-
/* @__PURE__ */
|
|
9360
|
-
listLabel && /* @__PURE__ */
|
|
9139
|
+
children: /* @__PURE__ */ jsxs115(ScrollArea.Root, { className: style_module_default13.scrollAreaRoot, type: "always", children: [
|
|
9140
|
+
/* @__PURE__ */ jsx172(SelectPrimitive.Viewport, { asChild: true, children: /* @__PURE__ */ jsx172(ScrollArea.Viewport, { className: style_module_default13.scrollAreaViewport, style: { maxHeight: "268px", overflowY: "auto" }, children: /* @__PURE__ */ jsxs115(SelectPrimitive.Group, { children: [
|
|
9141
|
+
listLabel && /* @__PURE__ */ jsx172(SelectPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx172(Label, { className: style_module_default13["desktop-label"], level: "secondary", size: "m", offset: "low", children: listLabel }) }),
|
|
9361
9142
|
children
|
|
9362
9143
|
] }) }) }),
|
|
9363
|
-
/* @__PURE__ */
|
|
9144
|
+
/* @__PURE__ */ jsx172(ScrollArea.Scrollbar, { className: style_module_default13.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ jsx172(ScrollArea.Thumb, { className: style_module_default13.scrollAreaThumb }) })
|
|
9364
9145
|
] })
|
|
9365
9146
|
}
|
|
9366
9147
|
) });
|
|
9367
9148
|
});
|
|
9368
|
-
var SelectRoot =
|
|
9149
|
+
var SelectRoot = forwardRef14((props, ref) => {
|
|
9369
9150
|
const {
|
|
9370
9151
|
id,
|
|
9371
9152
|
placeholder,
|
|
@@ -9388,12 +9169,12 @@ var SelectRoot = forwardRef16((props, ref) => {
|
|
|
9388
9169
|
useEffect2(() => {
|
|
9389
9170
|
setIsOpen(open);
|
|
9390
9171
|
}, [open]);
|
|
9391
|
-
return /* @__PURE__ */
|
|
9392
|
-
/* @__PURE__ */
|
|
9393
|
-
/* @__PURE__ */
|
|
9394
|
-
badge && /* @__PURE__ */
|
|
9172
|
+
return /* @__PURE__ */ jsxs115("div", { children: [
|
|
9173
|
+
/* @__PURE__ */ jsxs115("div", { className: style_module_default13["label-container"], children: [
|
|
9174
|
+
/* @__PURE__ */ jsx172(Label, { className: style_module_default13["select-label"], level: "secondary", size: "m", offset: "low", htmlFor: id, children: label }),
|
|
9175
|
+
badge && /* @__PURE__ */ jsx172(Badge, { children: badge })
|
|
9395
9176
|
] }),
|
|
9396
|
-
/* @__PURE__ */
|
|
9177
|
+
/* @__PURE__ */ jsxs115(
|
|
9397
9178
|
SelectPrimitive.Root,
|
|
9398
9179
|
{
|
|
9399
9180
|
...rest,
|
|
@@ -9403,20 +9184,20 @@ var SelectRoot = forwardRef16((props, ref) => {
|
|
|
9403
9184
|
setIsOpen(open2);
|
|
9404
9185
|
},
|
|
9405
9186
|
children: [
|
|
9406
|
-
/* @__PURE__ */
|
|
9407
|
-
/* @__PURE__ */
|
|
9408
|
-
/* @__PURE__ */
|
|
9187
|
+
/* @__PURE__ */ jsxs115(SelectPrimitive.Trigger, { className: style_module_default13.trigger, ref, id, children: [
|
|
9188
|
+
/* @__PURE__ */ jsx172(SelectPrimitive.Value, { className: style_module_default13.placeholder, placeholder }),
|
|
9189
|
+
/* @__PURE__ */ jsx172(SelectPrimitive.Icon, { className: style_module_default13.openIcon, children: /* @__PURE__ */ jsx172(Icon, { name: "arrow-drop-down", fill: true, thick: true, size: "xs" }) })
|
|
9409
9190
|
] }),
|
|
9410
|
-
/* @__PURE__ */
|
|
9191
|
+
/* @__PURE__ */ jsx172(SelectContent, { ...contentProps })
|
|
9411
9192
|
]
|
|
9412
9193
|
}
|
|
9413
9194
|
)
|
|
9414
9195
|
] });
|
|
9415
9196
|
});
|
|
9416
|
-
var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => /* @__PURE__ */
|
|
9197
|
+
var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => /* @__PURE__ */ jsxs115(
|
|
9417
9198
|
SelectPrimitive.Item,
|
|
9418
9199
|
{
|
|
9419
|
-
className:
|
|
9200
|
+
className: style_module_default13.item,
|
|
9420
9201
|
value,
|
|
9421
9202
|
disabled,
|
|
9422
9203
|
onClick: (e) => {
|
|
@@ -9424,9 +9205,9 @@ var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick
|
|
|
9424
9205
|
onClick?.();
|
|
9425
9206
|
},
|
|
9426
9207
|
children: [
|
|
9427
|
-
/* @__PURE__ */
|
|
9428
|
-
icon && /* @__PURE__ */
|
|
9429
|
-
/* @__PURE__ */
|
|
9208
|
+
/* @__PURE__ */ jsx172(SelectPrimitive.ItemText, { children: /* @__PURE__ */ jsx172(Paragraph, { size: 3, type: "normal", weight: "medium", children: text ?? value }) }),
|
|
9209
|
+
icon && /* @__PURE__ */ jsx172(SelectPrimitive.Icon, { className: style_module_default13.icon, children: /* @__PURE__ */ jsx172(Icon, { size: "xs", ...icon }) }),
|
|
9210
|
+
/* @__PURE__ */ jsx172(SelectPrimitive.ItemIndicator, { className: style_module_default13.itemIndicator, children: /* @__PURE__ */ jsx172(Icon, { fill: false, thick: true, size: "xs", name: "check-mark", type: "brand-label-primary" }) })
|
|
9430
9211
|
]
|
|
9431
9212
|
}
|
|
9432
9213
|
), "SelectItem");
|
|
@@ -9435,7 +9216,7 @@ var Select = Object.assign(SelectRoot, {
|
|
|
9435
9216
|
});
|
|
9436
9217
|
|
|
9437
9218
|
// src/components/List/style.module.scss
|
|
9438
|
-
var
|
|
9219
|
+
var style_module_default14 = {
|
|
9439
9220
|
"list": "_list_uav5y_1",
|
|
9440
9221
|
"item": "_item_uav5y_8",
|
|
9441
9222
|
"icon": "_icon_uav5y_42"
|
|
@@ -9446,11 +9227,11 @@ import { useState as useState5 } from "react";
|
|
|
9446
9227
|
|
|
9447
9228
|
// src/hooks/collection.tsx
|
|
9448
9229
|
import { createContext, useContext, useMemo } from "react";
|
|
9449
|
-
import { jsx as
|
|
9230
|
+
import { jsx as jsx173 } from "react/jsx-runtime";
|
|
9450
9231
|
var CollectionContext = createContext(void 0);
|
|
9451
9232
|
var CollectionProvider = /* @__PURE__ */ __name(({ value, onChangeValue, children }) => {
|
|
9452
9233
|
const contextValue = useMemo(() => ({ value, onChangeValue }), [value, onChangeValue]);
|
|
9453
|
-
return /* @__PURE__ */
|
|
9234
|
+
return /* @__PURE__ */ jsx173(CollectionContext.Provider, { value: contextValue, children });
|
|
9454
9235
|
}, "CollectionProvider");
|
|
9455
9236
|
var useCollectionContext = /* @__PURE__ */ __name(() => {
|
|
9456
9237
|
const context = useContext(CollectionContext);
|
|
@@ -9461,20 +9242,20 @@ var useCollectionContext = /* @__PURE__ */ __name(() => {
|
|
|
9461
9242
|
}, "useCollectionContext");
|
|
9462
9243
|
|
|
9463
9244
|
// src/components/List/index.tsx
|
|
9464
|
-
import
|
|
9465
|
-
import { jsx as
|
|
9245
|
+
import clsx15 from "clsx";
|
|
9246
|
+
import { jsx as jsx174, jsxs as jsxs116 } from "react/jsx-runtime";
|
|
9466
9247
|
var ListRoot = /* @__PURE__ */ __name(({ children, className, ...props }) => {
|
|
9467
|
-
return /* @__PURE__ */
|
|
9248
|
+
return /* @__PURE__ */ jsx174(CollectionProvider, { ...props, children: /* @__PURE__ */ jsx174("ul", { className: clsx15(style_module_default14.list, className), children }) });
|
|
9468
9249
|
}, "ListRoot");
|
|
9469
9250
|
var Item3 = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => {
|
|
9470
9251
|
const [isFocused, setIsFocused] = useState5(false);
|
|
9471
9252
|
const { value: contextValue, onChangeValue } = useCollectionContext();
|
|
9472
9253
|
const isSelected = contextValue === value;
|
|
9473
9254
|
const iconProps = isSelected ? { name: "check-mark", type: "brand-label-primary", thick: true } : icon ? icon : {};
|
|
9474
|
-
return /* @__PURE__ */
|
|
9255
|
+
return /* @__PURE__ */ jsxs116(
|
|
9475
9256
|
"li",
|
|
9476
9257
|
{
|
|
9477
|
-
className:
|
|
9258
|
+
className: style_module_default14.item,
|
|
9478
9259
|
value,
|
|
9479
9260
|
"aria-disabled": disabled || void 0,
|
|
9480
9261
|
"data-disabled": disabled ? "" : void 0,
|
|
@@ -9489,13 +9270,122 @@ var Item3 = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) =>
|
|
|
9489
9270
|
onChangeValue?.(value);
|
|
9490
9271
|
},
|
|
9491
9272
|
children: [
|
|
9492
|
-
/* @__PURE__ */
|
|
9493
|
-
(icon || isSelected) && /* @__PURE__ */
|
|
9273
|
+
/* @__PURE__ */ jsx174(Paragraph, { size: 3, type: "normal", weight: "medium", children: text }),
|
|
9274
|
+
(icon || isSelected) && /* @__PURE__ */ jsx174(Icon, { className: style_module_default14.icon, size: "xs", ...iconProps })
|
|
9494
9275
|
]
|
|
9495
9276
|
}
|
|
9496
9277
|
);
|
|
9497
9278
|
}, "Item");
|
|
9498
9279
|
var List = Object.assign(ListRoot, { Item: Item3 });
|
|
9280
|
+
|
|
9281
|
+
// src/components/TextButton/index.tsx
|
|
9282
|
+
import { cva as cva9 } from "cva";
|
|
9283
|
+
|
|
9284
|
+
// src/components/TextButton/style.module.scss
|
|
9285
|
+
var style_module_default15 = {
|
|
9286
|
+
"button": "_button_geax8_1",
|
|
9287
|
+
"text": "_text_geax8_27",
|
|
9288
|
+
"size-m": "_size-m_geax8_34",
|
|
9289
|
+
"size-s": "_size-s_geax8_37",
|
|
9290
|
+
"primary": "_primary_geax8_40",
|
|
9291
|
+
"secondary": "_secondary_geax8_44",
|
|
9292
|
+
"tertiary": "_tertiary_geax8_48",
|
|
9293
|
+
"inverse": "_inverse_geax8_52",
|
|
9294
|
+
"inverse-static": "_inverse-static_geax8_56",
|
|
9295
|
+
"thick": "_thick_geax8_61",
|
|
9296
|
+
"underline": "_underline_geax8_65",
|
|
9297
|
+
"text-children": "_text-children_geax8_70"
|
|
9298
|
+
};
|
|
9299
|
+
|
|
9300
|
+
// src/components/TextButton/index.tsx
|
|
9301
|
+
import { Children as Children2, cloneElement as cloneElement2, forwardRef as forwardRef15 } from "react";
|
|
9302
|
+
import clsx16 from "clsx";
|
|
9303
|
+
import { jsx as jsx175, jsxs as jsxs117 } from "react/jsx-runtime";
|
|
9304
|
+
var textButtonLevelIconTypeMap = {
|
|
9305
|
+
primary: "brand-label-primary",
|
|
9306
|
+
secondary: "neutral-label-primary",
|
|
9307
|
+
tertiary: "neutral-label-secondary",
|
|
9308
|
+
inverse: "inverse-label-primary",
|
|
9309
|
+
"inverse-static": "inverse-label-static-primary"
|
|
9310
|
+
};
|
|
9311
|
+
var textButtonLevelIconFillTypeMap = {
|
|
9312
|
+
primary: "inverse-label-static-primary",
|
|
9313
|
+
secondary: "inverse-label-secondary",
|
|
9314
|
+
tertiary: "inverse-label-secondary",
|
|
9315
|
+
inverse: "neutral-label-primary",
|
|
9316
|
+
"inverse-static": "neutral-label-static-primary"
|
|
9317
|
+
};
|
|
9318
|
+
var textButtonVariants = cva9({
|
|
9319
|
+
base: [style_module_default15.button, style_module_default15.text],
|
|
9320
|
+
variants: {
|
|
9321
|
+
level: {
|
|
9322
|
+
primary: [style_module_default15["primary"], "lp-sys-typo-caption1-normal-medium"],
|
|
9323
|
+
secondary: [style_module_default15["secondary"], "lp-sys-typo-caption1-normal-medium"],
|
|
9324
|
+
tertiary: [style_module_default15["tertiary"], "lp-sys-typo-caption1-normal-medium"],
|
|
9325
|
+
inverse: [style_module_default15["inverse"], "lp-sys-typo-caption1-normal-medium"],
|
|
9326
|
+
"inverse-static": [style_module_default15["inverse-static"], "lp-sys-typo-caption1-normal-medium"]
|
|
9327
|
+
},
|
|
9328
|
+
size: {
|
|
9329
|
+
m: style_module_default15["size-m"],
|
|
9330
|
+
s: style_module_default15["size-s"]
|
|
9331
|
+
},
|
|
9332
|
+
thick: {
|
|
9333
|
+
true: style_module_default15.thick
|
|
9334
|
+
},
|
|
9335
|
+
underline: {
|
|
9336
|
+
true: style_module_default15.underline
|
|
9337
|
+
}
|
|
9338
|
+
}
|
|
9339
|
+
});
|
|
9340
|
+
var TextButton = forwardRef15(
|
|
9341
|
+
({
|
|
9342
|
+
level = "primary",
|
|
9343
|
+
thick = false,
|
|
9344
|
+
underline = false,
|
|
9345
|
+
size = "m",
|
|
9346
|
+
asChild = false,
|
|
9347
|
+
leftIcon,
|
|
9348
|
+
rightIcon,
|
|
9349
|
+
className,
|
|
9350
|
+
children,
|
|
9351
|
+
...rest
|
|
9352
|
+
}, ref) => {
|
|
9353
|
+
const getIconProps = /* @__PURE__ */ __name((icon) => ({
|
|
9354
|
+
size: size === "m" ? "s" : "xs",
|
|
9355
|
+
thick: true,
|
|
9356
|
+
type: textButtonLevelIconTypeMap[level],
|
|
9357
|
+
fillType: textButtonLevelIconFillTypeMap[level],
|
|
9358
|
+
...icon
|
|
9359
|
+
}), "getIconProps");
|
|
9360
|
+
const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ jsxs117("span", { className: style_module_default15["text-children"], children: [
|
|
9361
|
+
leftIcon && /* @__PURE__ */ jsx175(Icon, { ...getIconProps(leftIcon) }),
|
|
9362
|
+
/* @__PURE__ */ jsx175("p", { children: children2 }),
|
|
9363
|
+
rightIcon && /* @__PURE__ */ jsx175(Icon, { ...getIconProps(rightIcon) })
|
|
9364
|
+
] }), "renderContent");
|
|
9365
|
+
if (asChild) {
|
|
9366
|
+
const parent = Children2.only(children);
|
|
9367
|
+
return cloneElement2(
|
|
9368
|
+
parent,
|
|
9369
|
+
{
|
|
9370
|
+
...rest,
|
|
9371
|
+
className: clsx16(textButtonVariants({ level, thick, underline, size }), className),
|
|
9372
|
+
ref
|
|
9373
|
+
},
|
|
9374
|
+
renderContent(parent.props.children)
|
|
9375
|
+
);
|
|
9376
|
+
}
|
|
9377
|
+
return /* @__PURE__ */ jsx175(
|
|
9378
|
+
"button",
|
|
9379
|
+
{
|
|
9380
|
+
className: clsx16(textButtonVariants({ level, thick, underline, size }), className),
|
|
9381
|
+
ref,
|
|
9382
|
+
...rest,
|
|
9383
|
+
children: renderContent(children)
|
|
9384
|
+
}
|
|
9385
|
+
);
|
|
9386
|
+
}
|
|
9387
|
+
);
|
|
9388
|
+
TextButton.displayName = "TextButton";
|
|
9499
9389
|
export {
|
|
9500
9390
|
Button,
|
|
9501
9391
|
Caption,
|
|
@@ -9511,7 +9401,6 @@ export {
|
|
|
9511
9401
|
Media,
|
|
9512
9402
|
MediaContextProvider,
|
|
9513
9403
|
Paragraph,
|
|
9514
|
-
Popover,
|
|
9515
9404
|
Radio,
|
|
9516
9405
|
Select,
|
|
9517
9406
|
Slider,
|