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