@liner-fe/prism 2.6.19 → 2.6.21
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/illust.d.ts +2 -2
- package/lib/index.css +2 -154
- package/lib/index.d.ts +4 -16
- package/lib/index.js +270 -347
- package/package.json +1 -1
package/lib/illust.d.ts
CHANGED
|
@@ -2,8 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import { ImageProps } from 'next/image';
|
|
3
3
|
import { Property } from 'csstype';
|
|
4
4
|
|
|
5
|
-
declare const illustNames: readonly ["hero-gift", "hero-search", "mini-approve", "mini-documents-2", "mini-documents-3", "mini-documents-4", "mini-documents-5", "mini-documents", "mini-egg", "mini-empty-message", "mini-empty", "mini-gift", "mini-graduation_hat", "mini-not-search", "mini-not-ticket-2", "mini-private", "mini-search", "mini-ticket", "mini-window", "spot-catch_star", "spot-clap", "spot-empty", "spot-gift", "spot-no_search", "spot-search-2", "spot-search-3", "spot-search-4", "spot-search-5", "spot-search", "spot-sign_up", "spot-team", "spot-write"];
|
|
6
|
-
declare const darkIllustNames: readonly ["hero-gift", "hero-search", "mini-approve", "mini-documents-2", "mini-documents-3", "mini-documents-4", "mini-documents-5", "mini-documents", "mini-egg", "mini-empty-message", "mini-empty", "mini-gift", "mini-graduation_hat", "mini-not-search", "mini-not-ticket-2", "mini-private", "mini-search", "mini-ticket", "mini-window", "spot-catch_star", "spot-clap", "spot-empty", "spot-gift", "spot-no_search", "spot-search-2", "spot-search-3", "spot-search-4", "spot-search-5", "spot-search", "spot-sign_up", "spot-team", "spot-write"];
|
|
5
|
+
declare const illustNames: readonly ["hero-gift", "hero-search", "mini-approve", "mini-documents-2", "mini-documents-3", "mini-documents-4", "mini-documents-5", "mini-documents", "mini-egg", "mini-empty-message", "mini-empty", "mini-gift", "mini-graduation_hat", "mini-not-search", "mini-not-ticket-2", "mini-private", "mini-search", "mini-ticket", "mini-ticket-3", "mini-window", "spot-catch_star", "spot-clap", "spot-empty", "spot-gift", "spot-no_search", "spot-search-2", "spot-search-3", "spot-search-4", "spot-search-5", "spot-search", "spot-sign_up", "spot-team", "spot-write"];
|
|
6
|
+
declare const darkIllustNames: readonly ["hero-gift", "hero-search", "mini-approve", "mini-documents-2", "mini-documents-3", "mini-documents-4", "mini-documents-5", "mini-documents", "mini-egg", "mini-empty-message", "mini-empty", "mini-gift", "mini-graduation_hat", "mini-not-search", "mini-not-ticket-2", "mini-private", "mini-search", "mini-ticket", "mini-ticket-3", "mini-window", "spot-catch_star", "spot-clap", "spot-empty", "spot-gift", "spot-no_search", "spot-search-2", "spot-search-3", "spot-search-4", "spot-search-5", "spot-search", "spot-sign_up", "spot-team", "spot-write"];
|
|
7
7
|
|
|
8
8
|
type LightIllustType = (typeof illustNames)[number];
|
|
9
9
|
type DarkIllustType = (typeof darkIllustNames)[number];
|
package/lib/index.css
CHANGED
|
@@ -706,80 +706,14 @@
|
|
|
706
706
|
}
|
|
707
707
|
|
|
708
708
|
/* esbuild-sass-plugin:css-chunk:src/components/Typography/Set/style.module.scss */
|
|
709
|
-
.
|
|
709
|
+
._caption_2vn3a_1 {
|
|
710
710
|
display: block;
|
|
711
711
|
text-align: start;
|
|
712
712
|
}
|
|
713
|
-
.
|
|
713
|
+
._typography_2vn3a_6 {
|
|
714
714
|
white-space: pre-wrap;
|
|
715
715
|
margin: 0;
|
|
716
716
|
}
|
|
717
|
-
._neutral-label-primary_1valw_11 {
|
|
718
|
-
color: var(--neutral-label-primary);
|
|
719
|
-
}
|
|
720
|
-
._neutral-label-secondary_1valw_15 {
|
|
721
|
-
color: var(--neutral-label-secondary);
|
|
722
|
-
}
|
|
723
|
-
._neutral-label-tertiary_1valw_19 {
|
|
724
|
-
color: var(--neutral-label-tertiary);
|
|
725
|
-
}
|
|
726
|
-
._neutral-label-quaternary_1valw_23 {
|
|
727
|
-
color: var(--neutral-label-quaternary);
|
|
728
|
-
}
|
|
729
|
-
._neutral-label-static-primary_1valw_27 {
|
|
730
|
-
color: var(--neutral-label-static-primary);
|
|
731
|
-
}
|
|
732
|
-
._neutral-label-static-secondary_1valw_31 {
|
|
733
|
-
color: var(--neutral-label-static-secondary);
|
|
734
|
-
}
|
|
735
|
-
._inverse-label-primary_1valw_35 {
|
|
736
|
-
color: var(--inverse-label-primary);
|
|
737
|
-
}
|
|
738
|
-
._inverse-label-secondary_1valw_39 {
|
|
739
|
-
color: var(--inverse-label-secondary);
|
|
740
|
-
}
|
|
741
|
-
._inverse-label-tertiary_1valw_43 {
|
|
742
|
-
color: var(--inverse-label-tertiary);
|
|
743
|
-
}
|
|
744
|
-
._inverse-label-quaternary_1valw_47 {
|
|
745
|
-
color: var(--inverse-label-quaternary);
|
|
746
|
-
}
|
|
747
|
-
._inverse-label-static-primary_1valw_51 {
|
|
748
|
-
color: var(--inverse-label-static-primary);
|
|
749
|
-
}
|
|
750
|
-
._inverse-label-static-secondary_1valw_55 {
|
|
751
|
-
color: var(--inverse-label-static-secondary);
|
|
752
|
-
}
|
|
753
|
-
._brand-label-primary_1valw_59 {
|
|
754
|
-
color: var(--brand-label-primary);
|
|
755
|
-
}
|
|
756
|
-
._brand-label-secondary_1valw_63 {
|
|
757
|
-
color: var(--brand-label-secondary);
|
|
758
|
-
}
|
|
759
|
-
._function-label-positive_1valw_67 {
|
|
760
|
-
color: var(--function-label-positive);
|
|
761
|
-
}
|
|
762
|
-
._function-label-negative_1valw_71 {
|
|
763
|
-
color: var(--function-label-negative);
|
|
764
|
-
}
|
|
765
|
-
._function-label-caution_1valw_75 {
|
|
766
|
-
color: var(--function-label-caution);
|
|
767
|
-
}
|
|
768
|
-
._accent-label-yellow_1valw_79 {
|
|
769
|
-
color: var(--accent-label-yellow);
|
|
770
|
-
}
|
|
771
|
-
._accent-label-mint_1valw_83 {
|
|
772
|
-
color: var(--accent-label-mint);
|
|
773
|
-
}
|
|
774
|
-
._accent-label-cyan_1valw_87 {
|
|
775
|
-
color: var(--accent-label-cyan);
|
|
776
|
-
}
|
|
777
|
-
._accent-label-purple_1valw_91 {
|
|
778
|
-
color: var(--accent-label-purple);
|
|
779
|
-
}
|
|
780
|
-
._accent-label-pink_1valw_95 {
|
|
781
|
-
color: var(--accent-label-pink);
|
|
782
|
-
}
|
|
783
717
|
|
|
784
718
|
/* esbuild-sass-plugin:css-chunk:src/components/Popover/style.module.scss */
|
|
785
719
|
._content_10295_1 {
|
|
@@ -1536,92 +1470,6 @@
|
|
|
1536
1470
|
color: var(--neutral-label-secondary);
|
|
1537
1471
|
}
|
|
1538
1472
|
|
|
1539
|
-
/* esbuild-sass-plugin:css-chunk:src/components/Slider/style.module.scss */
|
|
1540
|
-
._label_8exch_1 {
|
|
1541
|
-
color: var(--neutral-label-secondary);
|
|
1542
|
-
padding-bottom: var(--lp-sys-padding-component-300);
|
|
1543
|
-
}
|
|
1544
|
-
._optionText_8exch_6 {
|
|
1545
|
-
color: var(--neutral-label-primary);
|
|
1546
|
-
}
|
|
1547
|
-
._slider-wrapper_8exch_10 {
|
|
1548
|
-
display: flex;
|
|
1549
|
-
align-items: center;
|
|
1550
|
-
gap: var(--lp-sys-gap-positive-400);
|
|
1551
|
-
padding: var(--lp-sys-padding-component-200) 0px;
|
|
1552
|
-
}
|
|
1553
|
-
._slider-wrapper_8exch_10:has([data-disabled]) {
|
|
1554
|
-
pointer-events: none;
|
|
1555
|
-
}
|
|
1556
|
-
._slider-wrapper_8exch_10:has([data-disabled]) > ._slider-option-wrapper_8exch_19 > * {
|
|
1557
|
-
color: var(--neutral-label-tertiary);
|
|
1558
|
-
}
|
|
1559
|
-
._slider-wrapper_8exch_10:has([data-disabled]) > ._slider-option-wrapper_8exch_19 > * > * {
|
|
1560
|
-
fill: var(--neutral-label-tertiary);
|
|
1561
|
-
}
|
|
1562
|
-
._slider-wrapper_8exch_10:has([data-disabled]) ._slider-thumb_8exch_25 {
|
|
1563
|
-
border: 2px solid var(--neutral-border-overlay-normal);
|
|
1564
|
-
}
|
|
1565
|
-
._slider-wrapper_8exch_10:has([data-disabled]) ._slider-step_8exch_28 {
|
|
1566
|
-
background-color: var(--neutral-fill-overlay-high);
|
|
1567
|
-
}
|
|
1568
|
-
._slider-option-wrapper_8exch_19 {
|
|
1569
|
-
display: flex;
|
|
1570
|
-
align-items: flex-start;
|
|
1571
|
-
gap: var(--lp-sys-gap-positive-100);
|
|
1572
|
-
}
|
|
1573
|
-
._slider-root_8exch_38 {
|
|
1574
|
-
position: relative;
|
|
1575
|
-
display: flex;
|
|
1576
|
-
align-items: center;
|
|
1577
|
-
user-select: none;
|
|
1578
|
-
touch-action: none;
|
|
1579
|
-
width: 100%;
|
|
1580
|
-
height: 20px;
|
|
1581
|
-
}
|
|
1582
|
-
._slider-track_8exch_48 {
|
|
1583
|
-
display: flex;
|
|
1584
|
-
align-items: center;
|
|
1585
|
-
justify-content: space-between;
|
|
1586
|
-
padding: 0 var(--lp-pri-size-2);
|
|
1587
|
-
background-color: var(--neutral-container-highest);
|
|
1588
|
-
position: relative;
|
|
1589
|
-
flex-grow: 1;
|
|
1590
|
-
border-radius: var(--lp-sys-radius-xs);
|
|
1591
|
-
height: 8px;
|
|
1592
|
-
z-index: 0;
|
|
1593
|
-
}
|
|
1594
|
-
._slider-range_8exch_61 {
|
|
1595
|
-
position: absolute;
|
|
1596
|
-
background-color: none;
|
|
1597
|
-
border-radius: 9999px;
|
|
1598
|
-
height: 100%;
|
|
1599
|
-
}
|
|
1600
|
-
._slider-thumb_8exch_25 {
|
|
1601
|
-
box-sizing: border-box;
|
|
1602
|
-
position: relative;
|
|
1603
|
-
display: block;
|
|
1604
|
-
width: 20px;
|
|
1605
|
-
height: 20px;
|
|
1606
|
-
background-color: var(--neutral-container-lowest);
|
|
1607
|
-
border: 2px solid var(--brand-border-opaque-normal);
|
|
1608
|
-
border-radius: 20px;
|
|
1609
|
-
}
|
|
1610
|
-
._slider-thumb_8exch_25:hover {
|
|
1611
|
-
background-color: var(--function-fill-selection);
|
|
1612
|
-
}
|
|
1613
|
-
._slider-thumb_8exch_25:focus {
|
|
1614
|
-
outline: none;
|
|
1615
|
-
border: 2px solid var(--brand-border-opaque-normal);
|
|
1616
|
-
}
|
|
1617
|
-
._slider-step_8exch_28 {
|
|
1618
|
-
width: var(--lp-pri-size-4);
|
|
1619
|
-
height: var(--lp-pri-size-4);
|
|
1620
|
-
border-radius: 9999px;
|
|
1621
|
-
background: var(--brand-container-mid);
|
|
1622
|
-
z-index: 1;
|
|
1623
|
-
}
|
|
1624
|
-
|
|
1625
1473
|
/* esbuild-sass-plugin:css-chunk:src/components/Select/style.module.scss */
|
|
1626
1474
|
@-webkit-keyframes _slide-up_c4pnp_1 {
|
|
1627
1475
|
0% {
|
package/lib/index.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
7
7
|
import { ToastProps } from '@radix-ui/react-toast';
|
|
8
8
|
import * as _artsy_fresnel_dist_Media from '@artsy/fresnel/dist/Media';
|
|
9
9
|
import { breakpointOrigin } from '@liner-fe/design-token';
|
|
10
|
-
import { Popover as Popover$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, RadioGroup,
|
|
10
|
+
import { Popover as Popover$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, RadioGroup, Select as Select$1, Label as Label$1 } from 'radix-ui';
|
|
11
11
|
import * as recoil from 'recoil';
|
|
12
12
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
13
13
|
import { PopoverProps, PopoverPortalProps } from '@radix-ui/react-popover';
|
|
@@ -415,18 +415,6 @@ interface TextfieldProps extends InputHTMLAttributes<HTMLInputElement>, VariantP
|
|
|
415
415
|
}
|
|
416
416
|
declare const Textfield: react.ForwardRefExoticComponent<TextfieldProps & react.RefAttributes<HTMLInputElement>>;
|
|
417
417
|
|
|
418
|
-
interface Range {
|
|
419
|
-
text: string;
|
|
420
|
-
icon: IconKey;
|
|
421
|
-
}
|
|
422
|
-
interface SliderRootProps extends ComponentPropsWithoutRef<typeof Slider$1.Root> {
|
|
423
|
-
label?: string;
|
|
424
|
-
tooltip?: string;
|
|
425
|
-
rangeLeft: Range;
|
|
426
|
-
rangeRight: Range;
|
|
427
|
-
}
|
|
428
|
-
declare const Slider: react.ForwardRefExoticComponent<SliderRootProps & react.RefAttributes<HTMLSpanElement>>;
|
|
429
|
-
|
|
430
418
|
interface SelectProps extends ComponentPropsWithoutRef<typeof Select$1.Root> {
|
|
431
419
|
id?: string;
|
|
432
420
|
placeholder?: string;
|
|
@@ -614,8 +602,8 @@ interface RestrictedButtonProps {
|
|
|
614
602
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
615
603
|
}
|
|
616
604
|
|
|
617
|
-
declare const illustNames: readonly ["hero-gift", "hero-search", "mini-approve", "mini-documents-2", "mini-documents-3", "mini-documents-4", "mini-documents-5", "mini-documents", "mini-egg", "mini-empty-message", "mini-empty", "mini-gift", "mini-graduation_hat", "mini-not-search", "mini-not-ticket-2", "mini-private", "mini-search", "mini-ticket", "mini-window", "spot-catch_star", "spot-clap", "spot-empty", "spot-gift", "spot-no_search", "spot-search-2", "spot-search-3", "spot-search-4", "spot-search-5", "spot-search", "spot-sign_up", "spot-team", "spot-write"];
|
|
618
|
-
declare const darkIllustNames: readonly ["hero-gift", "hero-search", "mini-approve", "mini-documents-2", "mini-documents-3", "mini-documents-4", "mini-documents-5", "mini-documents", "mini-egg", "mini-empty-message", "mini-empty", "mini-gift", "mini-graduation_hat", "mini-not-search", "mini-not-ticket-2", "mini-private", "mini-search", "mini-ticket", "mini-window", "spot-catch_star", "spot-clap", "spot-empty", "spot-gift", "spot-no_search", "spot-search-2", "spot-search-3", "spot-search-4", "spot-search-5", "spot-search", "spot-sign_up", "spot-team", "spot-write"];
|
|
605
|
+
declare const illustNames: readonly ["hero-gift", "hero-search", "mini-approve", "mini-documents-2", "mini-documents-3", "mini-documents-4", "mini-documents-5", "mini-documents", "mini-egg", "mini-empty-message", "mini-empty", "mini-gift", "mini-graduation_hat", "mini-not-search", "mini-not-ticket-2", "mini-private", "mini-search", "mini-ticket", "mini-ticket-3", "mini-window", "spot-catch_star", "spot-clap", "spot-empty", "spot-gift", "spot-no_search", "spot-search-2", "spot-search-3", "spot-search-4", "spot-search-5", "spot-search", "spot-sign_up", "spot-team", "spot-write"];
|
|
606
|
+
declare const darkIllustNames: readonly ["hero-gift", "hero-search", "mini-approve", "mini-documents-2", "mini-documents-3", "mini-documents-4", "mini-documents-5", "mini-documents", "mini-egg", "mini-empty-message", "mini-empty", "mini-gift", "mini-graduation_hat", "mini-not-search", "mini-not-ticket-2", "mini-private", "mini-search", "mini-ticket", "mini-ticket-3", "mini-window", "spot-catch_star", "spot-clap", "spot-empty", "spot-gift", "spot-no_search", "spot-search-2", "spot-search-3", "spot-search-4", "spot-search-5", "spot-search", "spot-sign_up", "spot-team", "spot-write"];
|
|
619
607
|
|
|
620
608
|
type LightIllustType = (typeof illustNames)[number];
|
|
621
609
|
type DarkIllustType = (typeof darkIllustNames)[number];
|
|
@@ -686,4 +674,4 @@ interface TagProps extends Omit<IPropsNormalBold, 'type' | 'size' | 'weight'> {
|
|
|
686
674
|
}
|
|
687
675
|
declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttributes<HTMLParagraphElement>>;
|
|
688
676
|
|
|
689
|
-
export { type BaseCoachMarkContentProps, type BasicColorType, type BreakPointsKey, Button, type ButtonIconProps, type ButtonProps, type ButtonSizeType, Caption, Checkbox, CoachMark, type CoachMarkContentProps, type CommonButtonProps, CompactCoachMark, DefaultButton, type DefaultButtonProps, Display, type FillFalseLevelType, type FillLevelType, type FillType, Heading, type ICaptionProps, type IDisplayProps, type IHeadingProps, type IPropsAccent, type IPropsAnswer, type IPropsNormal, type IPropsNormalBold, type IPropsPost, type ITitleProps, Icon, IconButton, type IconButtonLevelType, type IconButtonProps, type IconColorType, type IconComponent, type IconComponentProps, type IconKey, type IconMapType, type IconProps, type IconSizeKey, type IconSizeType, type ItemProps, Label, List, Loading, Logo, Media, MediaContextProvider, Paragraph, type ParagraphProps, Popover, type PopoverContentProps, PrimitiveCoachMark, type PrimitiveCoachMarkContentProps, type PrimitiveCoachMarkRootProps, Radio, Select, type SelectItemProps, type SelectProps, SingleSnackbar,
|
|
677
|
+
export { type BaseCoachMarkContentProps, type BasicColorType, type BreakPointsKey, Button, type ButtonIconProps, type ButtonProps, type ButtonSizeType, Caption, Checkbox, CoachMark, type CoachMarkContentProps, type CommonButtonProps, CompactCoachMark, DefaultButton, type DefaultButtonProps, Display, type FillFalseLevelType, type FillLevelType, type FillType, Heading, type ICaptionProps, type IDisplayProps, type IHeadingProps, type IPropsAccent, type IPropsAnswer, type IPropsNormal, type IPropsNormalBold, type IPropsPost, type ITitleProps, Icon, IconButton, type IconButtonLevelType, type IconButtonProps, type IconColorType, type IconComponent, type IconComponentProps, type IconKey, type IconMapType, type IconProps, type IconSizeKey, type IconSizeType, type ItemProps, Label, List, Loading, Logo, Media, MediaContextProvider, Paragraph, type ParagraphProps, Popover, type PopoverContentProps, PrimitiveCoachMark, type PrimitiveCoachMarkContentProps, type PrimitiveCoachMarkRootProps, Radio, Select, type SelectItemProps, type SelectProps, SingleSnackbar, Snackbar, Tag, TextButton, type TextButtonProps, Textfield, type TextfieldButtonProps, type TextfieldLabelType, type TextfieldProps, Title, Toaster, Tooltip, Typography, arrayToStyleObject, getIconComponent, iconKeyOptions, iconMap, isEmptyObject, objectToArray, rootMediaStyle, snackbarAtom, useSnackbar, useToast };
|