@liner-fe/prism 1.6.16 → 1.6.18
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/components/Popover/index.d.ts +2 -2
- package/lib/components/Tooltip/index.d.ts +1 -1
- package/lib/components/Typography/Caption.d.ts +20 -0
- package/lib/components/Typography/index.d.ts +1 -0
- package/lib/index.css +24 -17
- package/lib/index.css.map +2 -2
- package/lib/index.mjs +92 -44
- package/lib/index.mjs.map +4 -4
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
3
|
-
import { ReactNode } from 'react';
|
|
3
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
4
4
|
import { IconProps } from '../Icon';
|
|
5
5
|
/**
|
|
6
6
|
* PopoverRoot
|
|
@@ -19,7 +19,7 @@ interface PopoverTriggerProps {
|
|
|
19
19
|
/**
|
|
20
20
|
* PopoverContent
|
|
21
21
|
*/
|
|
22
|
-
export interface PopoverContentProps {
|
|
22
|
+
export interface PopoverContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
23
23
|
level?: 'primary' | 'secondary';
|
|
24
24
|
tag?: string;
|
|
25
25
|
icon?: Pick<IconProps, 'name' | 'thick' | 'fill'>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
2
2
|
import React, { ReactNode } from 'react';
|
|
3
|
-
interface TooltipContentProps {
|
|
3
|
+
interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
description?: string;
|
|
6
6
|
position?: 'top' | 'right' | 'bottom' | 'left';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { BOLD, MEDIUM, NORMAL, REGULAR } from './types';
|
|
3
|
+
interface IPropsNormalBold extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
type: NORMAL;
|
|
5
|
+
size: 1 | 2 | 3;
|
|
6
|
+
weight: BOLD;
|
|
7
|
+
}
|
|
8
|
+
interface IPropsNormalRegular extends HTMLAttributes<HTMLDivElement> {
|
|
9
|
+
type: NORMAL;
|
|
10
|
+
size: 1 | 2 | 3;
|
|
11
|
+
weight: REGULAR;
|
|
12
|
+
}
|
|
13
|
+
interface IPropsNormalMedium extends HTMLAttributes<HTMLDivElement> {
|
|
14
|
+
type: NORMAL;
|
|
15
|
+
size: 1;
|
|
16
|
+
weight: MEDIUM;
|
|
17
|
+
}
|
|
18
|
+
export type ICaptionProps = IPropsNormalBold | IPropsNormalRegular | IPropsNormalMedium;
|
|
19
|
+
export declare const Caption: ({ children, size, weight, type, className, ...rest }: ICaptionProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export {};
|
package/lib/index.css
CHANGED
|
@@ -242,7 +242,7 @@
|
|
|
242
242
|
}
|
|
243
243
|
|
|
244
244
|
/* esbuild-sass-plugin:css-chunk:src/components/Toast/style.module.scss */
|
|
245
|
-
@keyframes
|
|
245
|
+
@keyframes _hide_1v9cm_1 {
|
|
246
246
|
from {
|
|
247
247
|
opacity: 1;
|
|
248
248
|
}
|
|
@@ -250,7 +250,7 @@
|
|
|
250
250
|
opacity: 0;
|
|
251
251
|
}
|
|
252
252
|
}
|
|
253
|
-
@keyframes
|
|
253
|
+
@keyframes _slideIn_1v9cm_1 {
|
|
254
254
|
from {
|
|
255
255
|
transform: translateY(-100%);
|
|
256
256
|
}
|
|
@@ -258,7 +258,7 @@
|
|
|
258
258
|
transform: translateY(0);
|
|
259
259
|
}
|
|
260
260
|
}
|
|
261
|
-
@keyframes
|
|
261
|
+
@keyframes _swipeOut_1v9cm_1 {
|
|
262
262
|
from {
|
|
263
263
|
transform: translateY(0);
|
|
264
264
|
}
|
|
@@ -266,11 +266,16 @@
|
|
|
266
266
|
transform: translateY(-100%);
|
|
267
267
|
}
|
|
268
268
|
}
|
|
269
|
-
.
|
|
269
|
+
._Icon_1v9cm_25 {
|
|
270
270
|
width: fit-content;
|
|
271
271
|
height: 20px;
|
|
272
272
|
}
|
|
273
|
-
|
|
273
|
+
@media (max-width: 360px) {
|
|
274
|
+
._TitleText_1v9cm_31 {
|
|
275
|
+
max-width: 227px;
|
|
276
|
+
}
|
|
277
|
+
}
|
|
278
|
+
._ToastViewport_1v9cm_36 {
|
|
274
279
|
position: fixed;
|
|
275
280
|
top: 29px;
|
|
276
281
|
left: 50%;
|
|
@@ -289,11 +294,11 @@
|
|
|
289
294
|
width: fit-content;
|
|
290
295
|
}
|
|
291
296
|
@media (max-width: 600px) {
|
|
292
|
-
.
|
|
297
|
+
._ToastViewport_1v9cm_36 {
|
|
293
298
|
width: calc(100vw - 32px);
|
|
294
299
|
}
|
|
295
300
|
}
|
|
296
|
-
.
|
|
301
|
+
._ToastRoot_1v9cm_60 {
|
|
297
302
|
background-color: var(--inverse-container-static-high);
|
|
298
303
|
border-radius: 8px;
|
|
299
304
|
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2509803922);
|
|
@@ -304,31 +309,33 @@
|
|
|
304
309
|
gap: 6px;
|
|
305
310
|
}
|
|
306
311
|
@media (max-width: 600px) {
|
|
307
|
-
.
|
|
312
|
+
._ToastRoot_1v9cm_60 {
|
|
308
313
|
width: calc(100vw - 64px);
|
|
309
314
|
}
|
|
310
315
|
}
|
|
311
|
-
.
|
|
316
|
+
._ToastTitle_1v9cm_76 {
|
|
312
317
|
color: var(--inverse-label-static-primary);
|
|
313
318
|
display: flex;
|
|
314
319
|
align-items: center;
|
|
320
|
+
justify-content: space-between;
|
|
321
|
+
width: 100%;
|
|
315
322
|
gap: 8px;
|
|
316
323
|
}
|
|
317
|
-
.
|
|
318
|
-
animation:
|
|
324
|
+
._ToastRoot_1v9cm_60[data-state=open] {
|
|
325
|
+
animation: _slideIn_1v9cm_1 250ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
319
326
|
}
|
|
320
|
-
.
|
|
321
|
-
animation:
|
|
327
|
+
._ToastRoot_1v9cm_60[data-state=closed] {
|
|
328
|
+
animation: _hide_1v9cm_1 400ms ease-in;
|
|
322
329
|
}
|
|
323
|
-
.
|
|
330
|
+
._ToastRoot_1v9cm_60[data-swipe=move] {
|
|
324
331
|
transform: translateY(var(--radix-toast-swipe-move-y));
|
|
325
332
|
}
|
|
326
|
-
.
|
|
333
|
+
._ToastRoot_1v9cm_60[data-swipe=cancel] {
|
|
327
334
|
transform: translateX(0);
|
|
328
335
|
transition: transform 200ms ease-out;
|
|
329
336
|
}
|
|
330
|
-
.
|
|
331
|
-
animation:
|
|
337
|
+
._ToastRoot_1v9cm_60[data-swipe=end] {
|
|
338
|
+
animation: _swipeOut_1v9cm_1 100ms ease-out;
|
|
332
339
|
}
|
|
333
340
|
|
|
334
341
|
/* esbuild-sass-plugin:css-chunk:src/components/Popover/style.module.scss */
|
package/lib/index.css.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["esbuild-sass-plugin:css-chunk:src/components/Button/style.module.scss", "esbuild-sass-plugin:css-chunk:src/components/Icon/style.module.scss", "esbuild-sass-plugin:css-chunk:src/components/Toast/style.module.scss", "esbuild-sass-plugin:css-chunk:src/components/Popover/style.module.scss", "esbuild-sass-plugin:css-chunk:src/components/Tooltip/style.module.scss", "esbuild-sass-plugin:css-chunk:src/components/IconButton/style.module.scss"],
|
|
4
|
-
"sourcesContent": ["._button_1qgmc_1 {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n gap: 6px;\n border: none;\n line-height: 130%;\n overflow: hidden;\n cursor: pointer;\n}\n._button_1qgmc_1:disabled {\n background: var(--neutral-container-mid);\n color: var(--neutral-label-tertiary);\n cursor: not-allowed;\n}\n._button_1qgmc_1:disabled svg path {\n fill: var(--neutral-label-tertiary);\n}\n\n._default_1qgmc_22 {\n color: var(--inverse-label-static-primary);\n background: var(--lp-pri-achromatic-white);\n}\n._default_1qgmc_22 svg path {\n fill: var(--inverse-label-static-primary);\n}\n\n._text_1qgmc_30 {\n background: none;\n color: var(--inverse-label-static-primary);\n}\n._text_1qgmc_30:not(:disabled):hover {\n text-decoration: underline;\n text-underline-offset: 0.2rem;\n}\n\n._primary_1qgmc_39 {\n background: var(--brand-container-mid);\n}\n._primary_1qgmc_39:not(:disabled):hover {\n background: var(--brand-container-mid-hover);\n}\n\n._secondary_1qgmc_46 {\n background: var(--inverse-container-high);\n}\n._secondary_1qgmc_46:not(:disabled):hover {\n background: var(--inverse-container-high-hover);\n}\n\n._tertiary_1qgmc_53 {\n background: var(--neutral-fill-mid);\n color: var(--neutral-label-primary);\n}\n._tertiary_1qgmc_53:not(:disabled):hover {\n background: var(--neutral-fill-mid-hover);\n}\n._tertiary_1qgmc_53 svg path {\n fill: var(--neutral-label-primary);\n}\n\n._quaternary_1qgmc_64 {\n color: var(--neutral-label-primary);\n border: 1px solid var(--neutral-border-overlay-normal);\n}\n._quaternary_1qgmc_64:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n._quaternary_1qgmc_64 svg path {\n fill: var(--neutral-label-primary);\n}\n._quaternary_1qgmc_64:disabled {\n background: var(--neutral-container-mid);\n color: var(--neutral-label-tertiary);\n opacity: 0.4;\n}\n._quaternary_1qgmc_64:disabled svg path {\n fill: var(--neutral-label-tertiary);\n}\n\n._error_1qgmc_83 {\n background: var(--function-container-negative);\n}\n._error_1qgmc_83:not(:disabled):hover {\n background: var(--function-container-negative-hover);\n}\n\n._inverse_1qgmc_90 {\n color: var(--neutral-label-static-primary);\n}\n._inverse_1qgmc_90:not(:disabled):hover {\n background: var(--neutral-container-static-lowest-hover);\n}\n._inverse_1qgmc_90 svg path {\n fill: var(--neutral-label-static-primary);\n}\n._inverse_1qgmc_90:disabled {\n background: var(--neutral-container-mid);\n color: var(--neutral-label-tertiary);\n opacity: 0.4;\n}\n._inverse_1qgmc_90:disabled svg path {\n fill: var(--neutral-label-tertiary);\n}\n\n._ghost_1qgmc_108._primary_1qgmc_39 {\n background: var(--neutral-fill-lowest);\n color: var(--neutral-label-primary);\n}\n._ghost_1qgmc_108._primary_1qgmc_39:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n._ghost_1qgmc_108._primary_1qgmc_39 svg path {\n fill: var(--neutral-label-primary);\n}\n._ghost_1qgmc_108._primary_1qgmc_39:disabled {\n background: var(--neutral-fill-lowest);\n color: var(--neutral-label-tertiary);\n}\n._ghost_1qgmc_108._primary_1qgmc_39:disabled svg path {\n fill: var(--neutral-label-tertiary);\n}\n._ghost_1qgmc_108._secondary_1qgmc_46 {\n background: var(--neutral-fill-lowest);\n color: var(--neutral-label-secondary);\n}\n._ghost_1qgmc_108._secondary_1qgmc_46:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n._ghost_1qgmc_108._secondary_1qgmc_46 svg path {\n fill: var(--neutral-label-secondary);\n}\n._ghost_1qgmc_108._secondary_1qgmc_46:disabled {\n background: var(--neutral-fill-lowest);\n color: var(--neutral-label-tertiary);\n}\n._ghost_1qgmc_108._secondary_1qgmc_46:disabled svg path {\n fill: var(--neutral-label-tertiary);\n}\n\n._cta_1qgmc_143 {\n border-radius: var(--lp-sys-radius-m);\n width: fit-content;\n height: 52px;\n gap: 8px;\n}\n\n._l_1qgmc_150 {\n border-radius: var(--lp-sys-radius-s);\n width: fit-content;\n height: 44px;\n}\n\n._m_1qgmc_156 {\n border-radius: var(--lp-sys-radius-s);\n width: fit-content;\n height: 36px;\n}\n\n._s_1qgmc_46 {\n border-radius: var(--lp-sys-radius-s);\n width: fit-content;\n height: 28px;\n}\n\n._align-center_1qgmc_168 {\n justify-content: center;\n}\n\n._align-space-between_1qgmc_172 {\n justify-content: space-between;\n}\n\n._neutral-primary_1qgmc_176 {\n color: var(--neutral-label-secondary);\n opacity: 0.8;\n}\n\n._inverse-primary_1qgmc_181 {\n color: var(--inverse-label-primary);\n}\n\n._inverse-static-primary_1qgmc_185 {\n color: var(--inverse-label-static-primary);\n}\n\n._content_1qgmc_189 {\n line-height: 0;\n padding: 0px var(--lp-sys-padding-component-100);\n}\n\n._full_1qgmc_194 {\n width: 100%;\n}\n\n._fit-content_1qgmc_198 {\n width: fit-content;\n}\n\n._children_1qgmc_202 {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n._cta-children_1qgmc_208 {\n padding: 0 var(--lp-sys-gap-positive-300);\n gap: var(--lp-sys-gap-positive-100);\n}\n\n._l-children_1qgmc_213 {\n padding: 0 var(--lp-sys-gap-positive-200);\n gap: var(--lp-sys-gap-positive-50);\n}\n\n._m-children_1qgmc_218 {\n padding: 0 var(--lp-sys-gap-positive-150);\n gap: var(--lp-sys-gap-positive-50);\n}\n\n._s-children_1qgmc_223 {\n padding: 0 var(--lp-sys-gap-positive-150);\n gap: var(--lp-sys-gap-positive-50);\n}", "._icon_uzk33_1 {\n fill: gray;\n}\n\n._neutralLabelPrimary_uzk33_5 > path {\n fill: var(--neutral-label-primary);\n}\n\n._neutral-label-primary_uzk33_9 > path {\n fill: var(--neutral-label-primary);\n}\n\n._neutral-label-secondary_uzk33_13 > path {\n fill: var(--neutral-label-secondary);\n}\n\n._neutral-label-tertiary_uzk33_17 > path {\n fill: var(--neutral-label-tertiary);\n}\n\n._neutral-label-quaternary_uzk33_21 > path {\n fill: var(--neutral-label-quaternary);\n}\n\n._neutral-label-static-primary_uzk33_25 > path {\n fill: var(--neutral-label-static-primary);\n}\n\n._neutral-label-static-secondary_uzk33_29 > path {\n fill: var(--neutral-label-static-secondary);\n}\n\n._brand-label-primary_uzk33_33 > path {\n fill: var(--brand-label-primary);\n}\n\n._brand-label-secondary_uzk33_37 > path {\n fill: var(--brand-label-secondary);\n}\n\n._function-label-positive_uzk33_41 > path {\n fill: var(--function-label-positive);\n}\n\n._function-label-negative_uzk33_45 > path {\n fill: var(--function-label-negative);\n}\n\n._function-label-caution_uzk33_49 > path {\n fill: var(--function-label-caution);\n}", "@keyframes _hide_l47c6_1 {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@keyframes _slideIn_l47c6_1 {\n from {\n transform: translateY(-100%);\n }\n to {\n transform: translateY(0);\n }\n}\n@keyframes _swipeOut_l47c6_1 {\n from {\n transform: translateY(0);\n }\n to {\n transform: translateY(-100%);\n }\n}\n._Icon_l47c6_25 {\n width: fit-content;\n height: 20px;\n}\n\n._ToastViewport_l47c6_30 {\n position: fixed;\n top: 29px;\n left: 50%;\n right: 0;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n margin: 0;\n list-style: none;\n z-index: 2147483647;\n outline: none;\n padding-left: 0;\n max-width: 400px;\n width: fit-content;\n}\n@media (max-width: 600px) {\n ._ToastViewport_l47c6_30 {\n width: calc(100vw - 32px);\n }\n}\n\n._ToastRoot_l47c6_54 {\n background-color: var(--inverse-container-static-high);\n border-radius: 8px;\n box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2509803922);\n padding: 16px;\n display: flex;\n align-items: center;\n width: fit-content;\n gap: 6px;\n}\n@media (max-width: 600px) {\n ._ToastRoot_l47c6_54 {\n width: calc(100vw - 64px);\n }\n}\n\n._ToastTitle_l47c6_70 {\n color: var(--inverse-label-static-primary);\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n._ToastRoot_l47c6_54[data-state=open] {\n animation: _slideIn_l47c6_1 250ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n._ToastRoot_l47c6_54[data-state=closed] {\n animation: _hide_l47c6_1 400ms ease-in;\n}\n\n._ToastRoot_l47c6_54[data-swipe=move] {\n transform: translateY(var(--radix-toast-swipe-move-y));\n}\n\n._ToastRoot_l47c6_54[data-swipe=cancel] {\n transform: translateX(0);\n transition: transform 200ms ease-out;\n}\n\n._ToastRoot_l47c6_54[data-swipe=end] {\n animation: _swipeOut_l47c6_1 100ms ease-out;\n}", "._content_14pnl_1 {\n border-radius: var(--lp-sys-radius-m);\n width: 280px;\n box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1), 0px 1px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.06);\n}\n\n._anchor_14pnl_7._primary_14pnl_7 {\n background: none;\n}\n._anchor_14pnl_7._primary_14pnl_7 > path {\n fill: var(--brand-container-mid);\n}\n._anchor_14pnl_7._secondary_14pnl_13 {\n background: none;\n}\n._anchor_14pnl_7._secondary_14pnl_13 > path {\n fill: var(--inverse-container-static-high);\n}\n\n._primary_14pnl_7 {\n background: var(--brand-container-mid);\n}\n\n._secondary_14pnl_13 {\n background: var(--inverse-container-static-high);\n}\n\n._contentContainer_14pnl_28 {\n padding: var(--lp-sys-padding-component-400);\n display: flex;\n flex-direction: column;\n gap: 5px;\n}\n\n._heading_14pnl_35 {\n display: flex;\n align-items: flex-start;\n gap: 6px;\n}\n\n._tag_14pnl_41 {\n margin: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 2px 4px 1px 4px;\n background: var(--neutral-container-static-lowest);\n color: var(--neutral-label-primary);\n border-radius: var(--lp-sys-radius-xs);\n}\n\n._title_14pnl_52 {\n margin: 0;\n color: var(--inverse-label-static-primary);\n}\n\n._subTitle_14pnl_57 {\n margin: 0;\n color: var(--inverse-label-static-secondary);\n line-height: 18px;\n}\n\n._footer_14pnl_63 {\n display: flex;\n justify-content: flex-end;\n width: 100%;\n}\n\n._arrow_14pnl_69 {\n position: absolute;\n}\n\n._closeButton_14pnl_73 {\n background: transparent;\n border: none;\n padding: 0px;\n position: absolute;\n top: 12px;\n right: 12px;\n}\n._closeButton_14pnl_73:hover {\n cursor: pointer;\n}", "._tooltip_l79pd_1 {\n padding: 1px 1px;\n border-radius: var(--lp-sys-radius-xs);\n background: var(--inverse-container-static-high);\n color: var(--inverse-label-static-primary);\n}\n\n._tooltipContent_l79pd_8 {\n margin: 4px 6px;\n}", "._iconButton_mbcm3_1 {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n border: none;\n border-radius: var(--lp-sys-radius-m);\n cursor: pointer;\n}\n\n._primary_mbcm3_11 {\n background: var(--neutral-fill-lowest);\n border: 1px solid var(--neutral-border-overlay-normal);\n}\n._primary_mbcm3_11:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n._primary_mbcm3_11 > svg > path {\n fill: var(--neutral-label-primary);\n}\n\n._secondary_mbcm3_22 {\n background: var(--neutral-fill-lowest);\n}\n._secondary_mbcm3_22:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n\n._tertiary_mbcm3_29 {\n background: var(--neutral-fill-lowest);\n}\n._tertiary_mbcm3_29 > svg > path {\n fill: var(--neutral-label-secondary);\n}\n._tertiary_mbcm3_29:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n\n._quaternary_mbcm3_39 {\n background: var(--neutral-fill-lowest);\n}\n._quaternary_mbcm3_39 > svg > path {\n fill: var(--neutral-label-tertiary);\n}\n._quaternary_mbcm3_39:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n\n._negative_mbcm3_49 {\n background: var(--neutral-fill-lowest);\n}\n._negative_mbcm3_49 > svg > path {\n fill: var(--function-label-negative);\n}\n._negative_mbcm3_49:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n\n._static_mbcm3_59 {\n background: var(--neutral-fill-lowest);\n}\n._static_mbcm3_59 > svg > path {\n fill: var(--neutral-label-static-primary);\n}\n._static_mbcm3_59:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n\n._l_mbcm3_69 {\n width: 44px;\n height: 44px;\n border-radius: var(--lp-sys-radius-m);\n}\n\n._m_mbcm3_75 {\n width: 36px;\n height: 36px;\n border-radius: var(--lp-sys-radius-m);\n}\n\n._s_mbcm3_22 {\n width: 28px;\n height: 28px;\n border-radius: var(--lp-sys-radius-m);\n}\n\n._xs_mbcm3_87 {\n width: 24px;\n height: 24px;\n border-radius: var(--lp-sys-radius-s);\n}\n._xs_mbcm3_87:not(:disabled):hover {\n background: var(--neutral-fill-lowest);\n}"],
|
|
5
|
-
"mappings": "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
|
|
4
|
+
"sourcesContent": ["._button_1qgmc_1 {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n gap: 6px;\n border: none;\n line-height: 130%;\n overflow: hidden;\n cursor: pointer;\n}\n._button_1qgmc_1:disabled {\n background: var(--neutral-container-mid);\n color: var(--neutral-label-tertiary);\n cursor: not-allowed;\n}\n._button_1qgmc_1:disabled svg path {\n fill: var(--neutral-label-tertiary);\n}\n\n._default_1qgmc_22 {\n color: var(--inverse-label-static-primary);\n background: var(--lp-pri-achromatic-white);\n}\n._default_1qgmc_22 svg path {\n fill: var(--inverse-label-static-primary);\n}\n\n._text_1qgmc_30 {\n background: none;\n color: var(--inverse-label-static-primary);\n}\n._text_1qgmc_30:not(:disabled):hover {\n text-decoration: underline;\n text-underline-offset: 0.2rem;\n}\n\n._primary_1qgmc_39 {\n background: var(--brand-container-mid);\n}\n._primary_1qgmc_39:not(:disabled):hover {\n background: var(--brand-container-mid-hover);\n}\n\n._secondary_1qgmc_46 {\n background: var(--inverse-container-high);\n}\n._secondary_1qgmc_46:not(:disabled):hover {\n background: var(--inverse-container-high-hover);\n}\n\n._tertiary_1qgmc_53 {\n background: var(--neutral-fill-mid);\n color: var(--neutral-label-primary);\n}\n._tertiary_1qgmc_53:not(:disabled):hover {\n background: var(--neutral-fill-mid-hover);\n}\n._tertiary_1qgmc_53 svg path {\n fill: var(--neutral-label-primary);\n}\n\n._quaternary_1qgmc_64 {\n color: var(--neutral-label-primary);\n border: 1px solid var(--neutral-border-overlay-normal);\n}\n._quaternary_1qgmc_64:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n._quaternary_1qgmc_64 svg path {\n fill: var(--neutral-label-primary);\n}\n._quaternary_1qgmc_64:disabled {\n background: var(--neutral-container-mid);\n color: var(--neutral-label-tertiary);\n opacity: 0.4;\n}\n._quaternary_1qgmc_64:disabled svg path {\n fill: var(--neutral-label-tertiary);\n}\n\n._error_1qgmc_83 {\n background: var(--function-container-negative);\n}\n._error_1qgmc_83:not(:disabled):hover {\n background: var(--function-container-negative-hover);\n}\n\n._inverse_1qgmc_90 {\n color: var(--neutral-label-static-primary);\n}\n._inverse_1qgmc_90:not(:disabled):hover {\n background: var(--neutral-container-static-lowest-hover);\n}\n._inverse_1qgmc_90 svg path {\n fill: var(--neutral-label-static-primary);\n}\n._inverse_1qgmc_90:disabled {\n background: var(--neutral-container-mid);\n color: var(--neutral-label-tertiary);\n opacity: 0.4;\n}\n._inverse_1qgmc_90:disabled svg path {\n fill: var(--neutral-label-tertiary);\n}\n\n._ghost_1qgmc_108._primary_1qgmc_39 {\n background: var(--neutral-fill-lowest);\n color: var(--neutral-label-primary);\n}\n._ghost_1qgmc_108._primary_1qgmc_39:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n._ghost_1qgmc_108._primary_1qgmc_39 svg path {\n fill: var(--neutral-label-primary);\n}\n._ghost_1qgmc_108._primary_1qgmc_39:disabled {\n background: var(--neutral-fill-lowest);\n color: var(--neutral-label-tertiary);\n}\n._ghost_1qgmc_108._primary_1qgmc_39:disabled svg path {\n fill: var(--neutral-label-tertiary);\n}\n._ghost_1qgmc_108._secondary_1qgmc_46 {\n background: var(--neutral-fill-lowest);\n color: var(--neutral-label-secondary);\n}\n._ghost_1qgmc_108._secondary_1qgmc_46:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n._ghost_1qgmc_108._secondary_1qgmc_46 svg path {\n fill: var(--neutral-label-secondary);\n}\n._ghost_1qgmc_108._secondary_1qgmc_46:disabled {\n background: var(--neutral-fill-lowest);\n color: var(--neutral-label-tertiary);\n}\n._ghost_1qgmc_108._secondary_1qgmc_46:disabled svg path {\n fill: var(--neutral-label-tertiary);\n}\n\n._cta_1qgmc_143 {\n border-radius: var(--lp-sys-radius-m);\n width: fit-content;\n height: 52px;\n gap: 8px;\n}\n\n._l_1qgmc_150 {\n border-radius: var(--lp-sys-radius-s);\n width: fit-content;\n height: 44px;\n}\n\n._m_1qgmc_156 {\n border-radius: var(--lp-sys-radius-s);\n width: fit-content;\n height: 36px;\n}\n\n._s_1qgmc_46 {\n border-radius: var(--lp-sys-radius-s);\n width: fit-content;\n height: 28px;\n}\n\n._align-center_1qgmc_168 {\n justify-content: center;\n}\n\n._align-space-between_1qgmc_172 {\n justify-content: space-between;\n}\n\n._neutral-primary_1qgmc_176 {\n color: var(--neutral-label-secondary);\n opacity: 0.8;\n}\n\n._inverse-primary_1qgmc_181 {\n color: var(--inverse-label-primary);\n}\n\n._inverse-static-primary_1qgmc_185 {\n color: var(--inverse-label-static-primary);\n}\n\n._content_1qgmc_189 {\n line-height: 0;\n padding: 0px var(--lp-sys-padding-component-100);\n}\n\n._full_1qgmc_194 {\n width: 100%;\n}\n\n._fit-content_1qgmc_198 {\n width: fit-content;\n}\n\n._children_1qgmc_202 {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n._cta-children_1qgmc_208 {\n padding: 0 var(--lp-sys-gap-positive-300);\n gap: var(--lp-sys-gap-positive-100);\n}\n\n._l-children_1qgmc_213 {\n padding: 0 var(--lp-sys-gap-positive-200);\n gap: var(--lp-sys-gap-positive-50);\n}\n\n._m-children_1qgmc_218 {\n padding: 0 var(--lp-sys-gap-positive-150);\n gap: var(--lp-sys-gap-positive-50);\n}\n\n._s-children_1qgmc_223 {\n padding: 0 var(--lp-sys-gap-positive-150);\n gap: var(--lp-sys-gap-positive-50);\n}", "._icon_uzk33_1 {\n fill: gray;\n}\n\n._neutralLabelPrimary_uzk33_5 > path {\n fill: var(--neutral-label-primary);\n}\n\n._neutral-label-primary_uzk33_9 > path {\n fill: var(--neutral-label-primary);\n}\n\n._neutral-label-secondary_uzk33_13 > path {\n fill: var(--neutral-label-secondary);\n}\n\n._neutral-label-tertiary_uzk33_17 > path {\n fill: var(--neutral-label-tertiary);\n}\n\n._neutral-label-quaternary_uzk33_21 > path {\n fill: var(--neutral-label-quaternary);\n}\n\n._neutral-label-static-primary_uzk33_25 > path {\n fill: var(--neutral-label-static-primary);\n}\n\n._neutral-label-static-secondary_uzk33_29 > path {\n fill: var(--neutral-label-static-secondary);\n}\n\n._brand-label-primary_uzk33_33 > path {\n fill: var(--brand-label-primary);\n}\n\n._brand-label-secondary_uzk33_37 > path {\n fill: var(--brand-label-secondary);\n}\n\n._function-label-positive_uzk33_41 > path {\n fill: var(--function-label-positive);\n}\n\n._function-label-negative_uzk33_45 > path {\n fill: var(--function-label-negative);\n}\n\n._function-label-caution_uzk33_49 > path {\n fill: var(--function-label-caution);\n}", "@keyframes _hide_1v9cm_1 {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@keyframes _slideIn_1v9cm_1 {\n from {\n transform: translateY(-100%);\n }\n to {\n transform: translateY(0);\n }\n}\n@keyframes _swipeOut_1v9cm_1 {\n from {\n transform: translateY(0);\n }\n to {\n transform: translateY(-100%);\n }\n}\n._Icon_1v9cm_25 {\n width: fit-content;\n height: 20px;\n}\n\n@media (max-width: 360px) {\n ._TitleText_1v9cm_31 {\n max-width: 227px;\n }\n}\n\n._ToastViewport_1v9cm_36 {\n position: fixed;\n top: 29px;\n left: 50%;\n right: 0;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n margin: 0;\n list-style: none;\n z-index: 2147483647;\n outline: none;\n padding-left: 0;\n max-width: 400px;\n width: fit-content;\n}\n@media (max-width: 600px) {\n ._ToastViewport_1v9cm_36 {\n width: calc(100vw - 32px);\n }\n}\n\n._ToastRoot_1v9cm_60 {\n background-color: var(--inverse-container-static-high);\n border-radius: 8px;\n box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2509803922);\n padding: 16px;\n display: flex;\n align-items: center;\n width: fit-content;\n gap: 6px;\n}\n@media (max-width: 600px) {\n ._ToastRoot_1v9cm_60 {\n width: calc(100vw - 64px);\n }\n}\n\n._ToastTitle_1v9cm_76 {\n color: var(--inverse-label-static-primary);\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n gap: 8px;\n}\n\n._ToastRoot_1v9cm_60[data-state=open] {\n animation: _slideIn_1v9cm_1 250ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n._ToastRoot_1v9cm_60[data-state=closed] {\n animation: _hide_1v9cm_1 400ms ease-in;\n}\n\n._ToastRoot_1v9cm_60[data-swipe=move] {\n transform: translateY(var(--radix-toast-swipe-move-y));\n}\n\n._ToastRoot_1v9cm_60[data-swipe=cancel] {\n transform: translateX(0);\n transition: transform 200ms ease-out;\n}\n\n._ToastRoot_1v9cm_60[data-swipe=end] {\n animation: _swipeOut_1v9cm_1 100ms ease-out;\n}", "._content_14pnl_1 {\n border-radius: var(--lp-sys-radius-m);\n width: 280px;\n box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1), 0px 1px 8px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.06);\n}\n\n._anchor_14pnl_7._primary_14pnl_7 {\n background: none;\n}\n._anchor_14pnl_7._primary_14pnl_7 > path {\n fill: var(--brand-container-mid);\n}\n._anchor_14pnl_7._secondary_14pnl_13 {\n background: none;\n}\n._anchor_14pnl_7._secondary_14pnl_13 > path {\n fill: var(--inverse-container-static-high);\n}\n\n._primary_14pnl_7 {\n background: var(--brand-container-mid);\n}\n\n._secondary_14pnl_13 {\n background: var(--inverse-container-static-high);\n}\n\n._contentContainer_14pnl_28 {\n padding: var(--lp-sys-padding-component-400);\n display: flex;\n flex-direction: column;\n gap: 5px;\n}\n\n._heading_14pnl_35 {\n display: flex;\n align-items: flex-start;\n gap: 6px;\n}\n\n._tag_14pnl_41 {\n margin: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 2px 4px 1px 4px;\n background: var(--neutral-container-static-lowest);\n color: var(--neutral-label-primary);\n border-radius: var(--lp-sys-radius-xs);\n}\n\n._title_14pnl_52 {\n margin: 0;\n color: var(--inverse-label-static-primary);\n}\n\n._subTitle_14pnl_57 {\n margin: 0;\n color: var(--inverse-label-static-secondary);\n line-height: 18px;\n}\n\n._footer_14pnl_63 {\n display: flex;\n justify-content: flex-end;\n width: 100%;\n}\n\n._arrow_14pnl_69 {\n position: absolute;\n}\n\n._closeButton_14pnl_73 {\n background: transparent;\n border: none;\n padding: 0px;\n position: absolute;\n top: 12px;\n right: 12px;\n}\n._closeButton_14pnl_73:hover {\n cursor: pointer;\n}", "._tooltip_l79pd_1 {\n padding: 1px 1px;\n border-radius: var(--lp-sys-radius-xs);\n background: var(--inverse-container-static-high);\n color: var(--inverse-label-static-primary);\n}\n\n._tooltipContent_l79pd_8 {\n margin: 4px 6px;\n}", "._iconButton_mbcm3_1 {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n border: none;\n border-radius: var(--lp-sys-radius-m);\n cursor: pointer;\n}\n\n._primary_mbcm3_11 {\n background: var(--neutral-fill-lowest);\n border: 1px solid var(--neutral-border-overlay-normal);\n}\n._primary_mbcm3_11:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n._primary_mbcm3_11 > svg > path {\n fill: var(--neutral-label-primary);\n}\n\n._secondary_mbcm3_22 {\n background: var(--neutral-fill-lowest);\n}\n._secondary_mbcm3_22:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n\n._tertiary_mbcm3_29 {\n background: var(--neutral-fill-lowest);\n}\n._tertiary_mbcm3_29 > svg > path {\n fill: var(--neutral-label-secondary);\n}\n._tertiary_mbcm3_29:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n\n._quaternary_mbcm3_39 {\n background: var(--neutral-fill-lowest);\n}\n._quaternary_mbcm3_39 > svg > path {\n fill: var(--neutral-label-tertiary);\n}\n._quaternary_mbcm3_39:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n\n._negative_mbcm3_49 {\n background: var(--neutral-fill-lowest);\n}\n._negative_mbcm3_49 > svg > path {\n fill: var(--function-label-negative);\n}\n._negative_mbcm3_49:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n\n._static_mbcm3_59 {\n background: var(--neutral-fill-lowest);\n}\n._static_mbcm3_59 > svg > path {\n fill: var(--neutral-label-static-primary);\n}\n._static_mbcm3_59:not(:disabled):hover {\n background: var(--neutral-fill-lowest-hover);\n}\n\n._l_mbcm3_69 {\n width: 44px;\n height: 44px;\n border-radius: var(--lp-sys-radius-m);\n}\n\n._m_mbcm3_75 {\n width: 36px;\n height: 36px;\n border-radius: var(--lp-sys-radius-m);\n}\n\n._s_mbcm3_22 {\n width: 28px;\n height: 28px;\n border-radius: var(--lp-sys-radius-m);\n}\n\n._xs_mbcm3_87 {\n width: 24px;\n height: 24px;\n border-radius: var(--lp-sys-radius-s);\n}\n._xs_mbcm3_87:not(:disabled):hover {\n background: var(--neutral-fill-lowest);\n}"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/lib/index.mjs
CHANGED
|
@@ -3281,10 +3281,28 @@ var iconVariants = cva(style_module_default2.icon, {
|
|
|
3281
3281
|
});
|
|
3282
3282
|
var getIconComponent = /* @__PURE__ */ __name((iconKey, map) => map[iconKey], "getIconComponent");
|
|
3283
3283
|
var Icon = /* @__PURE__ */ __name((props) => {
|
|
3284
|
-
const {
|
|
3284
|
+
const {
|
|
3285
|
+
name,
|
|
3286
|
+
type = "neutralLabelPrimary",
|
|
3287
|
+
size = "m",
|
|
3288
|
+
color,
|
|
3289
|
+
thick = false,
|
|
3290
|
+
fill = false,
|
|
3291
|
+
className,
|
|
3292
|
+
...rest
|
|
3293
|
+
} = props;
|
|
3285
3294
|
const IconComponent = getIconComponent(name, iconMap);
|
|
3286
3295
|
const iconSize = iconSizeMap[size];
|
|
3287
|
-
return color ? /* @__PURE__ */ jsx64(IconComponent, { ...rest, color, size: iconSize, thick, fill }) : /* @__PURE__ */ jsx64(
|
|
3296
|
+
return color ? /* @__PURE__ */ jsx64(IconComponent, { ...rest, color, size: iconSize, thick, fill }) : /* @__PURE__ */ jsx64(
|
|
3297
|
+
IconComponent,
|
|
3298
|
+
{
|
|
3299
|
+
...rest,
|
|
3300
|
+
className: clsx(iconVariants({ type }), className),
|
|
3301
|
+
size: iconSize,
|
|
3302
|
+
thick,
|
|
3303
|
+
fill
|
|
3304
|
+
}
|
|
3305
|
+
);
|
|
3288
3306
|
}, "Icon");
|
|
3289
3307
|
|
|
3290
3308
|
// src/components/Button/index.tsx
|
|
@@ -3359,18 +3377,27 @@ var DefaultButton = forwardRef(
|
|
|
3359
3377
|
align = "center",
|
|
3360
3378
|
size = "cta",
|
|
3361
3379
|
width = "fit-content",
|
|
3380
|
+
className,
|
|
3362
3381
|
...rest
|
|
3363
3382
|
}, ref) => {
|
|
3364
|
-
return /* @__PURE__ */ jsx65(
|
|
3365
|
-
|
|
3366
|
-
|
|
3367
|
-
|
|
3368
|
-
|
|
3383
|
+
return /* @__PURE__ */ jsx65(
|
|
3384
|
+
"button",
|
|
3385
|
+
{
|
|
3386
|
+
...rest,
|
|
3387
|
+
className: clsx2(defaultButtonVariants({ level, fill, align, size, width }), className),
|
|
3388
|
+
ref,
|
|
3389
|
+
children: /* @__PURE__ */ jsxs46("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
|
|
3390
|
+
rest.leftIcon && /* @__PURE__ */ jsx65(Icon, { name: rest.leftIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
|
|
3391
|
+
/* @__PURE__ */ jsx65("p", { className: style_module_default.content, children: rest.children }),
|
|
3392
|
+
rest.rightIcon && /* @__PURE__ */ jsx65(Icon, { name: rest.rightIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
|
|
3393
|
+
] })
|
|
3394
|
+
}
|
|
3395
|
+
);
|
|
3369
3396
|
}
|
|
3370
3397
|
);
|
|
3371
3398
|
var TextButton = forwardRef(
|
|
3372
|
-
({ level = "inversePrimary", ...rest }, ref) => {
|
|
3373
|
-
return /* @__PURE__ */ jsx65("button", { ...rest, className: clsx2(textButtonVariants({ level })), ref });
|
|
3399
|
+
({ level = "inversePrimary", className, ...rest }, ref) => {
|
|
3400
|
+
return /* @__PURE__ */ jsx65("button", { ...rest, className: clsx2(textButtonVariants({ level }), className), ref });
|
|
3374
3401
|
}
|
|
3375
3402
|
);
|
|
3376
3403
|
var Button = forwardRef((props, ref) => {
|
|
@@ -3411,13 +3438,14 @@ import { Provider, Root, Title, Viewport } from "@radix-ui/react-toast";
|
|
|
3411
3438
|
|
|
3412
3439
|
// src/components/Toast/style.module.scss
|
|
3413
3440
|
var style_module_default3 = {
|
|
3414
|
-
"Icon": "
|
|
3415
|
-
"
|
|
3416
|
-
"
|
|
3417
|
-
"
|
|
3418
|
-
"
|
|
3419
|
-
"
|
|
3420
|
-
"
|
|
3441
|
+
"Icon": "_Icon_1v9cm_25",
|
|
3442
|
+
"TitleText": "_TitleText_1v9cm_31",
|
|
3443
|
+
"ToastViewport": "_ToastViewport_1v9cm_36",
|
|
3444
|
+
"ToastRoot": "_ToastRoot_1v9cm_60",
|
|
3445
|
+
"ToastTitle": "_ToastTitle_1v9cm_76",
|
|
3446
|
+
"slideIn": "_slideIn_1v9cm_1",
|
|
3447
|
+
"hide": "_hide_1v9cm_1",
|
|
3448
|
+
"swipeOut": "_swipeOut_1v9cm_1"
|
|
3421
3449
|
};
|
|
3422
3450
|
|
|
3423
3451
|
// src/components/Toast/index.tsx
|
|
@@ -3488,8 +3516,8 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
|
3488
3516
|
return /* @__PURE__ */ jsxs47(Root, { className: style_module_default3.ToastRoot, open: isOpen, ...props, children: [
|
|
3489
3517
|
/* @__PURE__ */ jsx67("i", { className: style_module_default3.Icon, children: IconComponent }),
|
|
3490
3518
|
/* @__PURE__ */ jsxs47(Title, { className: style_module_default3.ToastTitle, children: [
|
|
3491
|
-
/* @__PURE__ */ jsx67(Paragraph, { type: "normal", weight: "medium", size: 3, children: message }),
|
|
3492
|
-
button && /* @__PURE__ */ jsx67(Button, { onClick: button.onClick, level: "inverse", size: "
|
|
3519
|
+
/* @__PURE__ */ jsx67(Paragraph, { className: style_module_default3.TitleText, type: "normal", weight: "medium", size: 3, children: message }),
|
|
3520
|
+
button && /* @__PURE__ */ jsx67(Button, { onClick: button.onClick, level: "inverse", size: "s", align: "center", children: button.label })
|
|
3493
3521
|
] })
|
|
3494
3522
|
] });
|
|
3495
3523
|
}, "SingleToast");
|
|
@@ -3515,6 +3543,13 @@ var Title2 = /* @__PURE__ */ __name((props) => {
|
|
|
3515
3543
|
return /* @__PURE__ */ jsx70("div", { ...props, className: clsx6(`lp-sys-typo-title${props.size}-${props.type}-${props.weight}`, props.className), children: props.children });
|
|
3516
3544
|
}, "Title");
|
|
3517
3545
|
|
|
3546
|
+
// src/components/Typography/Caption.tsx
|
|
3547
|
+
import clsx7 from "clsx";
|
|
3548
|
+
import { jsx as jsx71 } from "react/jsx-runtime";
|
|
3549
|
+
var Caption = /* @__PURE__ */ __name(({ children, size, weight, type, className, ...rest }) => {
|
|
3550
|
+
return /* @__PURE__ */ jsx71("div", { ...rest, className: clsx7(`lp-sys-typo-caption${size}-${type}-${weight}`, className), children });
|
|
3551
|
+
}, "Caption");
|
|
3552
|
+
|
|
3518
3553
|
// src/components/Popover/index.tsx
|
|
3519
3554
|
import * as React from "react";
|
|
3520
3555
|
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
@@ -3537,8 +3572,8 @@ var style_module_default4 = {
|
|
|
3537
3572
|
|
|
3538
3573
|
// src/components/Popover/index.tsx
|
|
3539
3574
|
import { cva as cva3 } from "class-variance-authority";
|
|
3540
|
-
import { clsx as
|
|
3541
|
-
import { jsx as
|
|
3575
|
+
import { clsx as clsx8 } from "clsx";
|
|
3576
|
+
import { jsx as jsx72, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
3542
3577
|
var DEFAULT_OFFSET = -6;
|
|
3543
3578
|
var popoverVariants = cva3(style_module_default4.content, {
|
|
3544
3579
|
variants: {
|
|
@@ -3560,9 +3595,9 @@ var popoverTagVariants = cva3([style_module_default4.tag, "lp-sys-typo-caption3-
|
|
|
3560
3595
|
var popoverTitleVariants = cva3([style_module_default4.title, "lp-sys-typo-paragraph3-normal-bold"]);
|
|
3561
3596
|
var popoverSubtitleVariants = cva3([style_module_default4.subTitle, "lp-sys-typo-caption1-normal-regular"]);
|
|
3562
3597
|
var popoverFooterVariants = cva3([style_module_default4.footer, "lp-sys-typo-caption1-normal-medium"]);
|
|
3563
|
-
var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */
|
|
3564
|
-
var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
3565
|
-
var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */
|
|
3598
|
+
var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx72(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
|
|
3599
|
+
var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx72(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
|
|
3600
|
+
var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx72(
|
|
3566
3601
|
"svg",
|
|
3567
3602
|
{
|
|
3568
3603
|
className,
|
|
@@ -3572,7 +3607,7 @@ var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ js
|
|
|
3572
3607
|
height: "10",
|
|
3573
3608
|
viewBox: "0 0 30 10",
|
|
3574
3609
|
fill: "none",
|
|
3575
|
-
children: /* @__PURE__ */
|
|
3610
|
+
children: /* @__PURE__ */ jsx72(
|
|
3576
3611
|
"path",
|
|
3577
3612
|
{
|
|
3578
3613
|
"fill-rule": "evenodd",
|
|
@@ -3595,37 +3630,48 @@ var PopoverContent = React.forwardRef(
|
|
|
3595
3630
|
confirmText,
|
|
3596
3631
|
onConfirm,
|
|
3597
3632
|
onClose,
|
|
3633
|
+
className,
|
|
3598
3634
|
...props
|
|
3599
|
-
}, ref) => /* @__PURE__ */
|
|
3635
|
+
}, ref) => /* @__PURE__ */ jsx72(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs48(
|
|
3600
3636
|
PopoverPrimitive.Content,
|
|
3601
3637
|
{
|
|
3602
3638
|
ref,
|
|
3603
3639
|
align,
|
|
3604
3640
|
side: position,
|
|
3605
3641
|
sideOffset: DEFAULT_OFFSET,
|
|
3606
|
-
className:
|
|
3642
|
+
className: clsx8(popoverVariants({ level }), className),
|
|
3607
3643
|
...props,
|
|
3608
3644
|
children: [
|
|
3609
3645
|
/* @__PURE__ */ jsxs48("div", { className: style_module_default4.contentContainer, children: [
|
|
3610
3646
|
/* @__PURE__ */ jsxs48("div", { className: style_module_default4.heading, children: [
|
|
3611
|
-
tag && /* @__PURE__ */
|
|
3612
|
-
icon && /* @__PURE__ */
|
|
3613
|
-
/* @__PURE__ */
|
|
3614
|
-
/* @__PURE__ */
|
|
3647
|
+
tag && /* @__PURE__ */ jsx72("span", { className: popoverTagVariants(), children: tag }),
|
|
3648
|
+
icon && /* @__PURE__ */ jsx72(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
|
|
3649
|
+
/* @__PURE__ */ jsx72("p", { className: popoverTitleVariants(), children: title }),
|
|
3650
|
+
/* @__PURE__ */ jsx72(
|
|
3615
3651
|
PopoverPrimitive.PopoverClose,
|
|
3616
3652
|
{
|
|
3617
3653
|
className: style_module_default4.closeButton,
|
|
3618
3654
|
onClick: () => {
|
|
3619
3655
|
onClose?.();
|
|
3620
3656
|
},
|
|
3621
|
-
children: /* @__PURE__ */
|
|
3657
|
+
children: /* @__PURE__ */ jsx72(Icon, { name: "close-fill", size: "s", color: "#1E1E1F", fill: true, thick: true })
|
|
3622
3658
|
}
|
|
3623
3659
|
)
|
|
3624
3660
|
] }),
|
|
3625
|
-
/* @__PURE__ */
|
|
3626
|
-
onConfirm && /* @__PURE__ */
|
|
3661
|
+
/* @__PURE__ */ jsx72("p", { className: popoverSubtitleVariants(), children: subTitle }),
|
|
3662
|
+
onConfirm && /* @__PURE__ */ jsx72("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx72(
|
|
3663
|
+
Button,
|
|
3664
|
+
{
|
|
3665
|
+
as: "text",
|
|
3666
|
+
level: "inversePrimary",
|
|
3667
|
+
onClick: () => {
|
|
3668
|
+
onConfirm?.();
|
|
3669
|
+
},
|
|
3670
|
+
children: confirmText
|
|
3671
|
+
}
|
|
3672
|
+
) })
|
|
3627
3673
|
] }),
|
|
3628
|
-
/* @__PURE__ */
|
|
3674
|
+
/* @__PURE__ */ jsx72(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx72(PopoverAnchor, { className: clsx8(popoverAnchorVariants({ level })) }) })
|
|
3629
3675
|
]
|
|
3630
3676
|
}
|
|
3631
3677
|
) })
|
|
@@ -3649,22 +3695,23 @@ var style_module_default5 = {
|
|
|
3649
3695
|
|
|
3650
3696
|
// src/components/Tooltip/index.tsx
|
|
3651
3697
|
import { cva as cva4 } from "class-variance-authority";
|
|
3652
|
-
import
|
|
3698
|
+
import clsx9 from "clsx";
|
|
3699
|
+
import { jsx as jsx73 } from "react/jsx-runtime";
|
|
3653
3700
|
var DEFAULT_OFFSET2 = 4;
|
|
3654
3701
|
var tooltipVariants = cva4([style_module_default5.tooltip, "lp-sys-typo-caption1-normal-medium"]);
|
|
3655
3702
|
var TooltipProvider = TooltipPrimitive.Provider;
|
|
3656
|
-
var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */
|
|
3657
|
-
var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */
|
|
3703
|
+
var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx73(TooltipPrimitive.Root, { delayDuration: 0, children }), "TooltipRoot");
|
|
3704
|
+
var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx73(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
|
|
3658
3705
|
var TooltipContent = forwardRef3(
|
|
3659
|
-
({ description, position, ...props }, ref) => /* @__PURE__ */
|
|
3706
|
+
({ description, position = "top", className, ...props }, ref) => /* @__PURE__ */ jsx73(
|
|
3660
3707
|
TooltipPrimitive.Content,
|
|
3661
3708
|
{
|
|
3662
3709
|
ref,
|
|
3663
3710
|
side: position,
|
|
3664
3711
|
sideOffset: DEFAULT_OFFSET2,
|
|
3665
|
-
className: tooltipVariants(),
|
|
3712
|
+
className: clsx9(tooltipVariants(), className),
|
|
3666
3713
|
...props,
|
|
3667
|
-
children: /* @__PURE__ */
|
|
3714
|
+
children: /* @__PURE__ */ jsx73("p", { className: style_module_default5.tooltipContent, children: description })
|
|
3668
3715
|
}
|
|
3669
3716
|
)
|
|
3670
3717
|
);
|
|
@@ -3677,7 +3724,7 @@ var Tooltip = Object.assign(TooltipRoot, {
|
|
|
3677
3724
|
// src/components/IconButton/index.tsx
|
|
3678
3725
|
import { cva as cva5 } from "class-variance-authority";
|
|
3679
3726
|
import { forwardRef as forwardRef4 } from "react";
|
|
3680
|
-
import
|
|
3727
|
+
import clsx10 from "clsx";
|
|
3681
3728
|
|
|
3682
3729
|
// src/components/IconButton/style.module.scss
|
|
3683
3730
|
var style_module_default6 = {
|
|
@@ -3696,7 +3743,7 @@ var style_module_default6 = {
|
|
|
3696
3743
|
|
|
3697
3744
|
// src/components/IconButton/index.tsx
|
|
3698
3745
|
import { Slot as Slot2 } from "@radix-ui/react-slot";
|
|
3699
|
-
import { jsx as
|
|
3746
|
+
import { jsx as jsx74 } from "react/jsx-runtime";
|
|
3700
3747
|
var iconButtonSizeIconSizeMap = {
|
|
3701
3748
|
l: "m",
|
|
3702
3749
|
m: "s",
|
|
@@ -3722,13 +3769,14 @@ var iconButtonVariants = cva5([style_module_default6.iconButton], {
|
|
|
3722
3769
|
}
|
|
3723
3770
|
});
|
|
3724
3771
|
var IconButton = forwardRef4(
|
|
3725
|
-
({ asChild, level = "primary", name, thick = false, fill = false, size = "m", ...rest }, ref) => {
|
|
3772
|
+
({ asChild, level = "primary", name, thick = false, fill = false, size = "m", className, ...rest }, ref) => {
|
|
3726
3773
|
const Comp = asChild ? Slot2 : "button";
|
|
3727
|
-
return /* @__PURE__ */
|
|
3774
|
+
return /* @__PURE__ */ jsx74(Comp, { ...rest, className: clsx10(iconButtonVariants({ level, size }), className), ref, children: /* @__PURE__ */ jsx74(Icon, { name, thick, fill, size: iconButtonSizeIconSizeMap[size] }) });
|
|
3728
3775
|
}
|
|
3729
3776
|
);
|
|
3730
3777
|
export {
|
|
3731
3778
|
Button,
|
|
3779
|
+
Caption,
|
|
3732
3780
|
DefaultButton,
|
|
3733
3781
|
Display,
|
|
3734
3782
|
Heading,
|