@liner-fe/prism 1.12.10 → 1.12.12

package/README.md

@@ -1 +1,9 @@
-# @liner-fe/prism
+# @liner-fe/prism [![npm version](https://img.shields.io/npm/v/@liner-fe/prism.svg?style=flat)](https://www.npmjs.com/package/@liner-fe/prism)
+
+## Installation
+
+`yarn add @liner-fe/prism`
+
+## Documentation
+
+문서는 Slack `dev_client_storybook` 채널을 확인해주세요.

package/lib/components/Typography/Responsive/index.d.ts

@@ -0,0 +1,4 @@
+export declare const rootMediaStyle: string;
+export declare const Media: import("react").ComponentType<import("@artsy/fresnel/dist/Media").MediaProps<"xl" | "sm" | "md" | "lg", never>>, MediaContextProvider: import("react").ComponentType<import("@artsy/fresnel/dist/Media").MediaContextProviderProps<"xl" | "sm" | "md" | "lg"> & {
+    children: import("react").ReactNode;
+}>;

package/lib/components/Typography/{Caption.d.ts → Set/Caption.d.ts}

@@ -1,4 +1,4 @@
-import { BOLD, ITypographyCommon, MEDIUM, NORMAL, REGULAR } from './types';
+import { BOLD, ITypographyCommon, MEDIUM, NORMAL, REGULAR } from '../types';
 interface IPropsNormalBold extends ITypographyCommon<HTMLElement> {
     type: NORMAL;
     size: 1 | 2 | 3;

package/lib/components/Typography/{Display.d.ts → Set/Display.d.ts}

@@ -1,4 +1,4 @@
-import { ITypographyCommon } from './types';
+import { ITypographyCommon } from '../types';
 export interface IDisplayProps extends ITypographyCommon {
     size: 2 | 3;
     type: 'accent' | 'normal';

package/lib/components/Typography/{Heading.d.ts → Set/Heading.d.ts}

@@ -1,4 +1,4 @@
-import { ITypographyCommon } from './types';
+import { ITypographyCommon } from '../types';
 export interface IHeadingProps extends ITypographyCommon<HTMLHeadingElement> {
     type: 'answer';
     size: 1 | 2 | 3 | 4 | 5 | 6;

package/lib/components/Typography/{Paragraph.d.ts → Set/Paragraph.d.ts}

@@ -1,4 +1,4 @@
-import { ACCENT, ANSWER, BOLD, ITypographyCommon, MEDIUM, NORMAL, POST, REGULAR } from './types';
+import { ACCENT, ANSWER, BOLD, ITypographyCommon, MEDIUM, NORMAL, POST, REGULAR } from '../types';
 export interface IPropsNormal extends ITypographyCommon {
     type: NORMAL;
     size: 1 | 2 | 3 | 4;

package/lib/components/Typography/{Title.d.ts → Set/Title.d.ts}

@@ -1,4 +1,4 @@
-import { ACCENT, BOLD, ITypographyCommon, MEDIUM, NORMAL } from './types';
+import { ACCENT, BOLD, ITypographyCommon, MEDIUM, NORMAL } from '../types';
 export interface ITitleProps extends ITypographyCommon {
     type: ACCENT | NORMAL;
     weight: BOLD | MEDIUM;

package/lib/components/Typography/index.d.ts

@@ -1,5 +1,6 @@
-export * from './Heading';
-export * from './Display';
-export * from './Paragraph';
-export * from './Title';
-export * from './Caption';
+export * from './Set/Heading';
+export * from './Set/Caption';
+export * from './Set/Paragraph';
+export * from './Set/Title';
+export * from './Set/Display';
+export * from './Responsive';

package/lib/index.css

@@ -507,79 +507,79 @@
   animation: _swipeOut_g82xk_1 100ms ease-out;
 }
 
-/* esbuild-sass-plugin:css-chunk:src/components/Typography/style.module.scss */
-._caption_xamca_1 {
+/* esbuild-sass-plugin:css-chunk:src/components/Typography/Set/style.module.scss */
+._caption_14qig_1 {
   display: block;
   text-align: start;
 }
-._typography_xamca_6 {
+._typography_14qig_6 {
   white-space: pre-wrap;
   margin: 0;
 }
-._neutral-label-primary_xamca_11 {
+._neutral-label-primary_14qig_11 {
   color: var(--neutral-label-primary);
 }
-._neutral-label-secondary_xamca_15 {
+._neutral-label-secondary_14qig_15 {
   color: var(--neutral-label-secondary);
 }
-._neutral-label-tertiary_xamca_19 {
+._neutral-label-tertiary_14qig_19 {
   color: var(--neutral-label-tertiary);
 }
-._neutral-label-quaternary_xamca_23 {
+._neutral-label-quaternary_14qig_23 {
   color: var(--neutral-label-quaternary);
 }
-._neutral-label-static-primary_xamca_27 {
+._neutral-label-static-primary_14qig_27 {
   color: var(--neutral-label-static-primary);
 }
-._neutral-label-static-secondary_xamca_31 {
+._neutral-label-static-secondary_14qig_31 {
   color: var(--neutral-label-static-secondary);
 }
-._inverse-label-primary_xamca_35 {
+._inverse-label-primary_14qig_35 {
   color: var(--inverse-label-primary);
 }
-._inverse-label-secondary_xamca_39 {
+._inverse-label-secondary_14qig_39 {
   color: var(--inverse-label-secondary);
 }
-._inverse-label-tertiary_xamca_43 {
+._inverse-label-tertiary_14qig_43 {
   color: var(--inverse-label-tertiary);
 }
-._inverse-label-quaternary_xamca_47 {
+._inverse-label-quaternary_14qig_47 {
   color: var(--inverse-label-quaternary);
 }
-._inverse-label-static-primary_xamca_51 {
+._inverse-label-static-primary_14qig_51 {
   color: var(--inverse-label-static-primary);
 }
-._inverse-label-static-secondary_xamca_55 {
+._inverse-label-static-secondary_14qig_55 {
   color: var(--inverse-label-static-secondary);
 }
-._brand-label-primary_xamca_59 {
+._brand-label-primary_14qig_59 {
   color: var(--brand-label-primary);
 }
-._brand-label-secondary_xamca_63 {
+._brand-label-secondary_14qig_63 {
   color: var(--brand-label-secondary);
 }
-._function-label-positive_xamca_67 {
+._function-label-positive_14qig_67 {
   color: var(--function-label-positive);
 }
-._function-label-negative_xamca_71 {
+._function-label-negative_14qig_71 {
   color: var(--function-label-negative);
 }
-._function-label-caution_xamca_75 {
+._function-label-caution_14qig_75 {
   color: var(--function-label-caution);
 }
-._accent-yellow_xamca_79 {
+._accent-yellow_14qig_79 {
   color: var(--accent-yellow);
 }
-._accent-mint_xamca_83 {
+._accent-mint_14qig_83 {
   color: var(--accent-mint);
 }
-._accent-cyan_xamca_87 {
+._accent-cyan_14qig_87 {
   color: var(--accent-cyan);
 }
-._accent-purple_xamca_91 {
+._accent-purple_14qig_91 {
   color: var(--accent-purple);
 }
-._accent-pink_xamca_95 {
+._accent-pink_14qig_95 {
   color: var(--accent-pink);
 }
 
@@ -674,7 +674,7 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/IconButton/style.module.scss */
-._iconButton_1qjd0_1 {
+._iconButton_1gy92_1 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -683,66 +683,63 @@
   border-radius: var(--lp-sys-radius-m);
   cursor: pointer;
 }
-._primary_1qjd0_11 {
+._primary_1gy92_11 {
   background: var(--neutral-fill-lowest);
   border: 1px solid var(--neutral-border-overlay-normal);
 }
-._primary_1qjd0_11:not(:disabled):hover {
+._primary_1gy92_11:not(:disabled):hover {
   background: var(--neutral-fill-lowest-hover);
 }
-._secondary_1qjd0_19 {
+._secondary_1gy92_19 {
   background: var(--neutral-fill-lowest);
 }
-._secondary_1qjd0_19:not(:disabled):hover {
+._secondary_1gy92_19:not(:disabled):hover {
   background: var(--neutral-fill-lowest-hover);
 }
-._tertiary_1qjd0_26 {
+._tertiary_1gy92_26 {
   background: var(--neutral-fill-lowest);
 }
-._tertiary_1qjd0_26:not(:disabled):hover {
+._tertiary_1gy92_26:not(:disabled):hover {
   background: var(--neutral-fill-lowest-hover);
 }
-._quaternary_1qjd0_33 {
+._quaternary_1gy92_33 {
   background: var(--neutral-fill-lowest);
 }
-._quaternary_1qjd0_33:not(:disabled):hover {
+._quaternary_1gy92_33:not(:disabled):hover {
   background: var(--neutral-fill-lowest-hover);
 }
-._negative_1qjd0_40 {
+._negative_1gy92_40 {
   background: var(--neutral-fill-lowest);
 }
-._negative_1qjd0_40:not(:disabled):hover {
+._negative_1gy92_40:not(:disabled):hover {
   background: var(--neutral-fill-lowest-hover);
 }
-._static_1qjd0_47 {
+._static_1gy92_47 {
   background: var(--neutral-fill-lowest);
 }
-._static_1qjd0_47:not(:disabled):hover {
+._static_1gy92_47:not(:disabled):hover {
   background: var(--neutral-fill-lowest-hover);
 }
-._l_1qjd0_54 {
+._l_1gy92_54 {
   width: 44px;
   height: 44px;
   border-radius: var(--lp-sys-radius-m);
 }
-._m_1qjd0_60 {
+._m_1gy92_60 {
   width: 36px;
   height: 36px;
   border-radius: var(--lp-sys-radius-m);
 }
-._s_1qjd0_19 {
+._s_1gy92_19 {
   width: 28px;
   height: 28px;
   border-radius: var(--lp-sys-radius-m);
 }
-._xs_1qjd0_72 {
+._xs_1gy92_72 {
   width: 24px;
   height: 24px;
   border-radius: var(--lp-sys-radius-s);
 }
-._xs_1qjd0_72:not(:disabled):hover {
-  background: var(--neutral-fill-lowest);
-}
 
 /* esbuild-sass-plugin:css-chunk:src/components/CheckBox/style.module.scss */
 ._checkbox_24vda_1 {
@@ -950,12 +947,18 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/Textfield/style.module.scss */
-._textfield-container_ij4qd_1 {
+._textfield-container_172au_1 {
   display: flex;
   flex-direction: column;
   gap: var(--lp-sys-gap-positive-200);
 }
-._textfield_ij4qd_1 {
+._textfield-container_172au_1:has(:disabled) {
+  cursor: not-allowed;
+}
+._textfield-container_172au_1:has(:disabled) * {
+  cursor: not-allowed;
+}
+._textfield_172au_1 {
   box-sizing: border-box;
   position: relative;
   width: 100%;
@@ -966,46 +969,46 @@
   cursor: text;
   transition: ease-out all 0.1s;
 }
-._textfield_ij4qd_1:hover {
+._textfield_172au_1:hover {
   outline: 1px solid var(--neutral-border-opaque-strong);
 }
-._textfield_ij4qd_1:focus-within {
+._textfield_172au_1:focus-within {
   outline: 2px solid var(--neutral-border-opaque-strong);
 }
-._textfield_ij4qd_1:has(:disabled) {
+._textfield_172au_1:has(:disabled) {
   outline: 1px solid var(--neutral-border-opaque-subtle);
   cursor: not-allowed;
 }
-._textfield_ij4qd_1:has(:disabled) > ._label_ij4qd_28 {
+._textfield_172au_1:has(:disabled) > ._label_172au_34 {
   color: var(--neutral-label-tertiary);
   cursor: not-allowed;
 }
-._textfield_ij4qd_1._label-out-textfield_ij4qd_32 {
+._textfield_172au_1._label-out-textfield_172au_38 {
   height: 52px;
   margin-top: 24px;
 }
-._textfield_ij4qd_1._white_ij4qd_36 {
+._textfield_172au_1._white_172au_42 {
   background: var(--neutral-container-lowest);
 }
-._textfield_ij4qd_1._gray_ij4qd_39 {
+._textfield_172au_1._gray_172au_45 {
   background: var(--neutral-container-mid);
 }
-._label_ij4qd_28 {
+._label_172au_34 {
   position: absolute;
   left: 0;
   top: 0;
   color: var(--neutral-label-secondary);
   cursor: text;
 }
-._label-in_ij4qd_51 {
+._label-in_172au_57 {
   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_ij4qd_32 {
+._label-out_172au_38 {
   transform: translateY(-150%);
 }
-._input-wrapper_ij4qd_61 {
+._input-wrapper_172au_67 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1013,7 +1016,7 @@
   height: 100%;
   gap: var(--lp-sys-gap-positive-300);
 }
-._input_ij4qd_61 {
+._input_172au_67 {
   background: transparent;
   border: none;
   outline: none;
@@ -1027,65 +1030,68 @@
   font-weight: var(--lp-pri-font-weight-400);
   line-height: 130%;
 }
-._input_ij4qd_61:focus + ._label-in_ij4qd_51,
-._input_ij4qd_61:not(:placeholder-shown) + ._label-in_ij4qd_51 {
+._input_172au_67:focus + ._label-in_172au_57,
+._input_172au_67:not(:placeholder-shown) + ._label-in_172au_57 {
   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_ij4qd_61::placeholder {
+._input_172au_67::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_ij4qd_97 {
+._label-out-input_172au_103 {
   transform: translateY(0);
 }
-._input-action-buttons_ij4qd_101 {
+._input-action-buttons_172au_107 {
   display: flex;
   align-items: center;
-  gap: var(--lp-sys-gap-positive-200);
+  gap: var(--lp-sys-gap-positive-100);
+}
+._action-button_172au_113 {
+  margin-right: var(--lp-sys-padding-component-100);
 }
-._action-button_ij4qd_107 > svg > circle {
+._action-button_172au_113 > svg > circle {
   fill: var(--neutral-label-secondary);
 }
-._error_ij4qd_111 {
+._error_172au_120 {
   display: block;
   outline: 2px solid var(--function-label-negative);
 }
-._error_ij4qd_111 > ._input_ij4qd_61 + ._label_ij4qd_28 {
+._error_172au_120 > ._input_172au_67 + ._label_172au_34 {
   color: var(--function-label-negative);
 }
-._error_ij4qd_111:hover {
+._error_172au_120:hover {
   outline: 2px solid var(--function-label-negative);
 }
-._error_ij4qd_111:focus-within {
+._error_172au_120:focus-within {
   outline: 2px solid var(--function-label-negative);
 }
-._error_ij4qd_111:focus-within > ._label_ij4qd_28 {
+._error_172au_120:focus-within > ._label_172au_34 {
   color: var(--function-label-negative);
 }
-._error_ij4qd_111 > div > ._error-message_ij4qd_127 {
+._error_172au_120 > div > ._error-message_172au_136 {
   color: var(--function-label-negative);
 }
-._error-wrapper_ij4qd_131 {
+._error-wrapper_172au_140 {
   display: flex;
   align-items: flex-end;
   gap: 4px;
 }
-._error-wrapper_ij4qd_131 > ._error-message_ij4qd_127 {
+._error-wrapper_172au_140 > ._error-message_172au_136 {
   color: var(--function-label-negative);
 }
-._footer_ij4qd_140 {
+._footer_172au_149 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 8px;
   min-height: var(--lp-sys-icon-size-xs);
 }
-._character_ij4qd_148 {
+._character_172au_157 {
   color: var(--neutral-label-secondary);
 }
 /*! For license information please see index.css.LEGAL.txt */