@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 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
- ._caption_1valw_1 {
709
+ ._caption_2vn3a_1 {
710
710
  display: block;
711
711
  text-align: start;
712
712
  }
713
- ._typography_1valw_6 {
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, Slider as Slider$1, Select as Select$1, Label as Label$1 } from 'radix-ui';
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, Slider, 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 };
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 };