@liner-fe/prism 2.6.4 → 2.6.6

package/lib/index.css

@@ -1372,19 +1372,25 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/Textfield/style.module.scss */
-._textfield-container_15lqz_1 {
+._textfield-container_ogykf_1 {
   display: flex;
   flex-direction: column;
   gap: var(--lp-sys-gap-positive-200);
   width: 100%;
 }
-._textfield-container_15lqz_1:has(:disabled) {
-  cursor: not-allowed;
+._textfield-container_ogykf_1:hover > ._textfield_ogykf_1 {
+  outline: 1px solid var(--neutral-border-opaque-strong);
 }
-._textfield-container_15lqz_1:has(:disabled) * {
+._textfield-container_ogykf_1[data-disabled=true] {
   cursor: not-allowed;
 }
-._textfield_15lqz_1 {
+._textfield-container_ogykf_1[data-disabled=true] > * {
+  cursor: not-allowed !important;
+}
+._textfield-container_ogykf_1[data-disabled=true] > ._textfield_ogykf_1 {
+  outline: 1px solid var(--neutral-border-opaque-normal) !important;
+}
+._textfield_ogykf_1 {
   box-sizing: border-box;
   position: relative;
   width: 100%;
@@ -1395,46 +1401,53 @@
   cursor: text;
   transition: ease-out all 0.1s;
 }
-._textfield_15lqz_1:hover {
-  outline: 1px solid var(--neutral-border-opaque-strong);
-}
-._textfield_15lqz_1:focus-within {
+._textfield_ogykf_1:focus-within {
   outline: 2px solid var(--neutral-border-opaque-strong);
 }
-._textfield_15lqz_1:has(:disabled) {
+._textfield_ogykf_1:disabled {
   outline: 1px solid var(--neutral-border-opaque-subtle);
   cursor: not-allowed;
 }
-._textfield_15lqz_1:has(:disabled) > ._label_15lqz_35 {
+._textfield_ogykf_1:disabled > ._label_ogykf_38 {
   color: var(--neutral-label-tertiary);
   cursor: not-allowed;
 }
-._textfield_15lqz_1._label-out-textfield_15lqz_39 {
+._textfield_ogykf_1._label-out-textfield_ogykf_42 {
   height: 52px;
   margin-top: 24px;
 }
-._textfield_15lqz_1._white_15lqz_43 {
+._textfield_ogykf_1._white_ogykf_46 {
   background: var(--neutral-container-lowest);
 }
-._textfield_15lqz_1._gray_15lqz_46 {
+._textfield_ogykf_1._gray_ogykf_49 {
   background: var(--neutral-container-mid);
 }
-._label_15lqz_35 {
+._label_ogykf_38 {
   position: absolute;
   left: 0;
   top: 0;
   color: var(--neutral-label-secondary);
   cursor: text;
 }
-._label-in_15lqz_58 {
+._label-in_ogykf_61 {
   transform-origin: left top;
   transform: translate(var(--lp-sys-padding-component-400), 100%) scale(1);
   transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
 }
-._label-out_15lqz_39 {
+._label-out_ogykf_42 {
   transform: translateY(-150%);
 }
-._input-wrapper_15lqz_68 {
+._label-visually-hidden_ogykf_71 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  margin: -1px;
+  clip: rect(0 0 0 0);
+  white-space: nowrap;
+  border: 0;
+}
+._input-wrapper_ogykf_82 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1442,7 +1455,7 @@
   height: 100%;
   gap: var(--lp-sys-gap-positive-300);
 }
-._input_15lqz_68 {
+._input_ogykf_82 {
   background: transparent;
   border: none;
   outline: none;
@@ -1456,68 +1469,68 @@
   font-weight: var(--lp-pri-font-weight-400);
   line-height: 130%;
 }
-._input_15lqz_68:focus + ._label-in_15lqz_58,
-._input_15lqz_68:not(:placeholder-shown) + ._label-in_15lqz_58 {
+._input_ogykf_82:focus + ._label-in_ogykf_61,
+._input_ogykf_82:not(:placeholder-shown) + ._label-in_ogykf_61 {
   transform: translate(var(--lp-sys-padding-component-400), 60%) scale(0.8);
   font-weight: var(--lp-pri-font-weight-500);
   color: var(--neutral-label-primary);
 }
-._input_15lqz_68::placeholder {
+._input_ogykf_82::placeholder {
   color: var(--neutral-label-tertiary);
   font-size: var(--lp-pri-font-size-15);
   font-style: normal;
   font-weight: var(--lp-pri-font-weight-400);
   line-height: 130%;
 }
-._label-out-input_15lqz_104 {
+._label-out-input_ogykf_118 {
   transform: translateY(0);
 }
-._input-action-buttons_15lqz_108 {
+._input-action-buttons_ogykf_122 {
   display: flex;
   align-items: center;
   gap: var(--lp-sys-gap-positive-50);
 }
-._action-button_15lqz_114 {
+._action-button_ogykf_128 {
   margin-right: var(--lp-sys-padding-component-100);
 }
-._action-button_15lqz_114 > svg > circle {
+._action-button_ogykf_128 > svg > circle {
   fill: var(--neutral-label-secondary);
 }
-._error_15lqz_121 {
+._error_ogykf_135 {
   display: block;
   outline: 2px solid var(--function-label-negative);
 }
-._error_15lqz_121 > ._input_15lqz_68 + ._label_15lqz_35 {
+._error_ogykf_135 > ._input_ogykf_82 + ._label_ogykf_38 {
   color: var(--function-label-negative);
 }
-._error_15lqz_121:hover {
+._error_ogykf_135:hover {
   outline: 2px solid var(--function-label-negative);
 }
-._error_15lqz_121:focus-within {
+._error_ogykf_135:focus-within {
   outline: 2px solid var(--function-label-negative);
 }
-._error_15lqz_121:focus-within > ._label_15lqz_35 {
+._error_ogykf_135:focus-within > ._label_ogykf_38 {
   color: var(--function-label-negative);
 }
-._error_15lqz_121 > div > ._error-message_15lqz_137 {
+._error_ogykf_135 > div > ._error-message_ogykf_151 {
   color: var(--function-label-negative);
 }
-._error-wrapper_15lqz_141 {
+._error-wrapper_ogykf_155 {
   display: flex;
   align-items: flex-end;
   gap: 4px;
 }
-._error-wrapper_15lqz_141 > ._error-message_15lqz_137 {
+._error-wrapper_ogykf_155 > ._error-message_ogykf_151 {
   color: var(--function-label-negative);
 }
-._footer_15lqz_150 {
+._footer_ogykf_164 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 8px;
   min-height: var(--lp-sys-icon-size-xs);
 }
-._character_15lqz_158 {
+._character_ogykf_172 {
   color: var(--neutral-label-secondary);
 }
 
@@ -1937,6 +1950,136 @@
   margin-left: var(--lp-sys-padding-component-150);
 }
 
+/* esbuild-sass-plugin:css-chunk:src/components/Snackbar/style.module.scss */
+._Viewport_1hil0_1 {
+  --viewport-padding: 25px;
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  display: flex;
+  flex-direction: column;
+  padding: var(--viewport-padding);
+  gap: 10px;
+  max-width: 400px;
+  margin: 0;
+  list-style: none;
+  z-index: 2147483647;
+  outline: none;
+}
+@media (max-width: 500px) {
+  ._Viewport_1hil0_1 {
+    max-width: calc(100vw - 50px);
+  }
+}
+._NavigationWrapper_1hil0_22 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: pointer;
+}
+._Wrapper_1hil0_29 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+._Root_1hil0_35 {
+  padding: var(--lp-sys-padding-component-400);
+  border-radius: var(--lp-sys-radius-m);
+  background: var(--inverse-container-static-high);
+  position: relative;
+}
+._Root_1hil0_35:hover ._CloseButton_1hil0_41 {
+  display: flex !important;
+}
+._CloseButton_1hil0_41 {
+  position: absolute;
+  top: -8px;
+  right: -8px;
+  display: none !important;
+}
+._Content_1hil0_52 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--lp-sys-gap-positive-100);
+}
+._MarginRight12_1hil0_58 {
+  margin-right: var(--lp-pri-size-12);
+}
+._ContentWrapper_1hil0_62 {
+  display: flex;
+  align-items: center;
+  gap: var(--lp-sys-gap-positive-200);
+}
+._gap300_1hil0_68 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--lp-sys-gap-positive-300);
+}
+._minWidth32_1hil0_74 {
+  min-width: 32px;
+  min-height: 32px;
+}
+._minWidth24_1hil0_79 {
+  min-width: 24px;
+  min-height: 24px;
+}
+._JustifyEnd_1hil0_84 {
+  justify-content: end;
+}
+._Root_1hil0_35[data-state=open] {
+  animation: _slideIn_1hil0_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+._Root_1hil0_35[data-state=closed] {
+  animation: _hide_1hil0_1 100ms ease-in;
+}
+._Root_1hil0_35[data-swipe=move] {
+  transform: translateX(var(--radix-toast-swipe-move-x));
+}
+._Root_1hil0_35[data-swipe=cancel] {
+  transform: translateX(0);
+  transition: transform 200ms ease-out;
+}
+._Root_1hil0_35[data-swipe=end] {
+  animation: _swipeOut_1hil0_1 100ms ease-out;
+}
+@keyframes _hide_1hil0_1 {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes _slideIn_1hil0_1 {
+  from {
+    transform: translateX(calc(100% + var(--viewport-padding)));
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@keyframes _swipeOut_1hil0_1 {
+  from {
+    transform: translateX(var(--radix-toast-swipe-end-x));
+  }
+  to {
+    transform: translateX(calc(100% + var(--viewport-padding)));
+  }
+}
+
+/* esbuild-sass-plugin:css-chunk:src/components/Snackbar/SnackbarIcon/style.module.scss */
+._container_1witc_1 {
+  margin-right: 6px;
+}
+
+/* esbuild-sass-plugin:css-chunk:src/components/Snackbar/SnackbarButton/style.module.scss */
+._Container_1kn7v_1 {
+  display: flex;
+  align-items: center;
+  gap: var(--lp-sys-gap-positive-400);
+  padding: 0 4px;
+}
+
 /* esbuild-sass-plugin:css-chunk:src/components/coach-mark/primitive/style.module.scss */
 ._anchor_1pmfi_1 {
   transform: rotate(270deg) translateX(7px);

package/lib/index.d.ts

@@ -396,7 +396,7 @@ declare const defaultTextfieldVariants: (props?: ({
     className?: cva.ClassValue;
 })) | undefined) => string;
 type TextfieldButtonProps = Omit<DefaultButtonProps<FillType>, 'size'>;
-type TextfieldLabelType = 'in' | 'out';
+type TextfieldLabelType = 'in' | 'out' | 'visually-hidden';
 interface TextfieldLabelProps {
     text: string;
     type?: TextfieldLabelType;
@@ -466,6 +466,44 @@ declare const List: (({ children, className, ...props }: ListRootProps) => react
     Item: ({ value, text, disabled, icon, onClick }: ItemProps) => react_jsx_runtime.JSX.Element;
 };
 
+interface ISnackbarBase extends ToastProps {
+    title: string;
+    description?: string;
+    position?: 'left' | 'right';
+}
+interface ButtonType {
+    onClick: () => void;
+    text: string;
+}
+interface ISnackbarBasic {
+    kind?: 'basic';
+    icon?: Pick<IconProps, 'name' | 'fill' | 'thick'>;
+    button?: {
+        text?: ButtonType;
+        basic?: ButtonType;
+    };
+}
+interface ISnackbarNavigation {
+    kind: 'navigation';
+    button: {
+        onClick: () => void;
+    };
+}
+interface ISnackbarExtended {
+    kind: 'extended';
+    button?: {
+        text?: ButtonType;
+        basic?: ButtonType;
+    };
+}
+type SnackbarProp = ISnackbarBase & (ISnackbarBasic | ISnackbarNavigation | ISnackbarExtended);
+type SnackbarPropWithId = SnackbarProp & {
+    snackbarId: number;
+};
+
+declare const Snackbar: () => react_jsx_runtime.JSX.Element;
+declare const SingleSnackbar: (props: SnackbarPropWithId) => react_jsx_runtime.JSX.Element;
+
 declare const defaultLabelVariants: (props?: ({
     level?: "primary" | "secondary" | undefined;
     position?: "top" | "right" | undefined;
@@ -637,4 +675,4 @@ interface TagProps extends Omit<IPropsNormalBold, 'type' | 'size' | 'weight'> {
 }
 declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttributes<HTMLParagraphElement>>;
 
-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, Slider, Tag, TextButton, type TextButtonProps, Textfield, type TextfieldButtonProps, type TextfieldLabelType, type TextfieldProps, Title, Toaster, Tooltip, Typography, arrayToStyleObject, getIconComponent, iconKeyOptions, iconMap, isEmptyObject, objectToArray, rootMediaStyle, useToast };
+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, useToast };