@liner-fe/prism 2.6.7 → 2.6.9

package/lib/index.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 
 /* esbuild-sass-plugin:css-chunk:src/components/Button/style.module.scss */
-._button_1ncka_1 {
+._button_60r7l_1 {
   position: relative;
   display: flex;
   align-items: center;
@@ -16,189 +16,192 @@
   overflow: hidden;
   cursor: pointer;
 }
-._button_1ncka_1:disabled {
+._button_60r7l_1:disabled {
   background: var(--neutral-fill-overlay-mid);
   color: var(--neutral-label-tertiary);
   cursor: not-allowed;
 }
-._button_1ncka_1:disabled span svg path:not([fill=white]) {
+._button_60r7l_1:disabled span svg path:not([fill=white]) {
   fill: var(--neutral-label-tertiary) !important;
 }
-._button_1ncka_1:disabled span svg path[fill=white] {
+._button_60r7l_1:disabled span svg path[fill=white] {
   fill: var(--inverse-label-primary) !important;
 }
-._default_1ncka_28 {
+._default_60r7l_28 {
   color: var(--inverse-label-primary);
   background: var(--lp-pri-achromatic-white);
 }
-._default_1ncka_28 svg path {
+._default_60r7l_28 svg path {
   fill: var(--inverse-label-primary);
 }
-._primary_1ncka_36 {
+._primary_60r7l_36 {
   color: var(--inverse-label-static-primary);
   background: var(--brand-container-mid);
 }
-._primary_1ncka_36:not(:disabled):hover {
+._primary_60r7l_36:not(:disabled):hover {
   background: var(--brand-container-mid-hover);
 }
-._secondary_1ncka_44 {
+._secondary_60r7l_44 {
   color: var(--inverse-label-static-primary);
   background: var(--brand-container-mid);
 }
-._secondary_1ncka_44:not(:disabled):hover {
+._secondary_60r7l_44:not(:disabled):hover {
   background: var(--brand-container-mid-hover);
 }
-._tertiary_1ncka_52 {
+._tertiary_60r7l_52 {
   color: var(--neutral-label-primary);
   background: var(--neutral-fill-overlay-mid);
 }
-._tertiary_1ncka_52:not(:disabled):hover {
+._tertiary_60r7l_52:not(:disabled):hover {
   background: var(--neutral-fill-overlay-mid-hover);
 }
-._quaternary_1ncka_60 {
+._quaternary_60r7l_60 {
   color: var(--neutral-label-primary);
   border: 1px solid var(--neutral-border-overlay-normal);
   background: var(--neutral-fill-overlay-lowest);
 }
-._quaternary_1ncka_60:not(:disabled):hover {
+._quaternary_60r7l_60:not(:disabled):hover {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._quaternary_1ncka_60:disabled {
+._quaternary_60r7l_60:disabled {
   background: var(--neutral-fill-overlay-lowest);
   color: var(--neutral-label-tertiary);
   opacity: 0.4;
 }
-._quaternary_1ncka_60:disabled svg path {
+._quaternary_60r7l_60:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._quinary_1ncka_77 {
+._quinary_60r7l_77 {
   color: var(--neutral-label-primary);
   background: var(--neutral-container-lowest);
 }
-._quinary_1ncka_77:disabled {
+._quinary_60r7l_77:not(:disabled):hover {
+  background: var(--neutral-fill-overlay-lowest-hover);
+}
+._quinary_60r7l_77:disabled {
   background: var(--neutral-fill-overlay-mid);
   color: var(--neutral-label-tertiary);
 }
-._quinary_1ncka_77:disabled svg path {
+._quinary_60r7l_77:disabled svg path {
   fill: var(--neutral-label-tertiary) !important;
 }
-._negative_1ncka_89 {
+._negative_60r7l_92 {
   color: var(--inverse-label-static-primary);
   background: var(--function-fill-negative-mid);
 }
-._negative_1ncka_89:not(:disabled):hover {
+._negative_60r7l_92:not(:disabled):hover {
   background: var(--function-fill-negative-mid-hover);
 }
-._static_1ncka_97 {
+._static_60r7l_100 {
   background: var(--neutral-container-static-lowest);
   color: var(--neutral-label-static-primary);
 }
-._static_1ncka_97:not(:disabled):hover {
+._static_60r7l_100:not(:disabled):hover {
   background: var(--neutral-container-static-lowest-hover);
 }
-._inverse-static_1ncka_105 {
+._inverse-static_60r7l_108 {
   background: var(--inverse-container-static-high);
   color: var(--inverse-label-static-primary);
 }
-._inverse-static_1ncka_105:not(:disabled):hover {
+._inverse-static_60r7l_108:not(:disabled):hover {
   background: var(--inverse-container-static-high-hover);
 }
-._ghost_1ncka_113._primary_1ncka_36 {
+._ghost_60r7l_116._primary_60r7l_36 {
   background: var(--inverse-fill-lowest);
   color: var(--neutral-label-primary);
 }
-._ghost_1ncka_113._primary_1ncka_36:not(:disabled):hover {
+._ghost_60r7l_116._primary_60r7l_36:not(:disabled):hover {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._ghost_1ncka_113._primary_1ncka_36:disabled {
+._ghost_60r7l_116._primary_60r7l_36:disabled {
   background: var(--neutral-fill-overlay-lowest);
   color: var(--neutral-label-tertiary);
 }
-._ghost_1ncka_113._primary_1ncka_36:disabled span svg path:not([fill=white]) {
+._ghost_60r7l_116._primary_60r7l_36:disabled span svg path:not([fill=white]) {
   fill: var(--neutral-label-tertiary);
 }
-._ghost_1ncka_113._primary_1ncka_36:disabled span svg path[fill=white] {
+._ghost_60r7l_116._primary_60r7l_36:disabled span svg path[fill=white] {
   fill: var(--inverse-label-primary);
 }
-._ghost_1ncka_113._secondary_1ncka_44 {
+._ghost_60r7l_116._secondary_60r7l_44 {
   background: var(--inverse-fill-lowest);
   color: var(--neutral-label-primary);
 }
-._ghost_1ncka_113._secondary_1ncka_44:not(:disabled):hover {
+._ghost_60r7l_116._secondary_60r7l_44:not(:disabled):hover {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._ghost_1ncka_113._secondary_1ncka_44:disabled {
+._ghost_60r7l_116._secondary_60r7l_44:disabled {
   background: var(--neutral-fill-overlay-lowest);
   color: var(--neutral-label-tertiary);
 }
-._ghost_1ncka_113._secondary_1ncka_44:disabled span svg path:not([fill=white]) {
+._ghost_60r7l_116._secondary_60r7l_44:disabled span svg path:not([fill=white]) {
   fill: var(--neutral-label-tertiary);
 }
-._ghost_1ncka_113._secondary_1ncka_44:disabled span svg path[fill=white] {
+._ghost_60r7l_116._secondary_60r7l_44:disabled span svg path[fill=white] {
   fill: var(--inverse-label-primary);
 }
-._cta_1ncka_148 {
+._cta_60r7l_151 {
   border-radius: var(--lp-sys-radius-m);
   width: fit-content;
   height: 52px;
   gap: 8px;
   min-width: 52px;
 }
-._l_1ncka_156 {
+._l_60r7l_159 {
   border-radius: var(--lp-sys-radius-s);
   width: fit-content;
   height: 44px;
   min-width: 44px;
 }
-._m_1ncka_163 {
+._m_60r7l_166 {
   border-radius: var(--lp-sys-radius-s);
   width: fit-content;
   height: 36px;
   min-width: 36px;
 }
-._s_1ncka_44 {
+._s_60r7l_44 {
   border-radius: var(--lp-sys-radius-s);
   width: fit-content;
   height: 28px;
   min-width: 28px;
 }
-._align-center_1ncka_177 > span {
+._align-center_60r7l_180 > span {
   width: 100%;
   justify-content: center;
 }
-._align-space-between_1ncka_182 > span {
+._align-space-between_60r7l_185 > span {
   width: 100%;
   justify-content: space-between;
 }
-._content_1ncka_187 {
+._content_60r7l_190 {
   flex-shrink: 0;
   line-height: 0;
   padding: 0px var(--lp-sys-padding-component-100);
 }
-._full_1ncka_193 {
+._full_60r7l_196 {
   width: 100%;
 }
-._fit-content_1ncka_197 {
+._fit-content_60r7l_200 {
   width: fit-content;
 }
-._children_1ncka_201 {
+._children_60r7l_204 {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-._cta-children_1ncka_207 {
+._cta-children_60r7l_210 {
   padding: 0 var(--lp-sys-gap-positive-300);
   gap: var(--lp-sys-gap-positive-100);
 }
-._l-children_1ncka_212 {
+._l-children_60r7l_215 {
   padding: 0 var(--lp-sys-gap-positive-200);
   gap: var(--lp-sys-gap-positive-50);
 }
-._m-children_1ncka_217 {
+._m-children_60r7l_220 {
   padding: 0 var(--lp-sys-gap-positive-150);
   gap: var(--lp-sys-gap-positive-50);
 }
-._s-children_1ncka_222 {
+._s-children_60r7l_225 {
   padding: 0 var(--lp-sys-gap-positive-150);
   gap: var(--lp-sys-gap-positive-50);
 }
@@ -1372,25 +1375,46 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/Textfield/style.module.scss */
-._textfield-container_ogykf_1 {
+._textfield-container_qi63h_1 {
   display: flex;
   flex-direction: column;
   gap: var(--lp-sys-gap-positive-200);
   width: 100%;
 }
-._textfield-container_ogykf_1:hover > ._textfield_ogykf_1 {
+._textfield-container_qi63h_1 > ._textfield_qi63h_1:focus-within {
+  outline: 2px solid var(--neutral-border-opaque-strong) !important;
+}
+._textfield-container_qi63h_1:hover > ._textfield_qi63h_1 {
   outline: 1px solid var(--neutral-border-opaque-strong);
 }
-._textfield-container_ogykf_1[data-disabled=true] {
+._textfield-container_qi63h_1[data-disabled=true] {
   cursor: not-allowed;
 }
-._textfield-container_ogykf_1[data-disabled=true] > * {
+._textfield-container_qi63h_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-container_qi63h_1[data-disabled=true] > ._textfield_qi63h_1 {
+  outline: 1px solid var(--neutral-border-opaque-normal);
+}
+._textfield-container_qi63h_1[data-error=true] > ._textfield_qi63h_1 {
+  outline: 2px solid var(--function-label-negative);
+}
+._textfield-container_qi63h_1[data-error=true] > ._textfield_qi63h_1 > ._input_qi63h_25 + ._label_qi63h_25 {
+  color: var(--function-label-negative);
+}
+._textfield-container_qi63h_1[data-error=true] > ._textfield_qi63h_1:hover {
+  outline: 2px solid var(--function-label-negative);
+}
+._textfield-container_qi63h_1[data-error=true] > ._textfield_qi63h_1:focus-within {
+  outline: 2px solid var(--function-label-negative) !important;
+}
+._textfield-container_qi63h_1[data-error=true] > ._textfield_qi63h_1:focus-within > ._label_qi63h_25 {
+  color: var(--function-label-negative);
 }
-._textfield_ogykf_1 {
+._textfield-container_qi63h_1[data-error=true] > ._footer_qi63h_37 > ._error-wrapper_qi63h_37 > ._error-message_qi63h_37 {
+  color: var(--function-label-negative);
+}
+._textfield_qi63h_1 {
   box-sizing: border-box;
   position: relative;
   width: 100%;
@@ -1401,43 +1425,40 @@
   cursor: text;
   transition: ease-out all 0.1s;
 }
-._textfield_ogykf_1:focus-within {
-  outline: 2px solid var(--neutral-border-opaque-strong);
-}
-._textfield_ogykf_1:disabled {
+._textfield_qi63h_1:disabled {
   outline: 1px solid var(--neutral-border-opaque-subtle);
   cursor: not-allowed;
 }
-._textfield_ogykf_1:disabled > ._label_ogykf_38 {
+._textfield_qi63h_1:disabled > ._label_qi63h_25 {
   color: var(--neutral-label-tertiary);
   cursor: not-allowed;
 }
-._textfield_ogykf_1._label-out-textfield_ogykf_42 {
+._textfield_qi63h_1._label-out-textfield_qi63h_60 {
   height: 52px;
   margin-top: 24px;
 }
-._textfield_ogykf_1._white_ogykf_46 {
+._textfield_qi63h_1._white_qi63h_64 {
   background: var(--neutral-container-lowest);
 }
-._textfield_ogykf_1._gray_ogykf_49 {
+._textfield_qi63h_1._gray_qi63h_67 {
   background: var(--neutral-container-mid);
 }
-._label_ogykf_38 {
+._label_qi63h_25 {
   position: absolute;
   left: 0;
   top: 0;
   color: var(--neutral-label-secondary);
   cursor: text;
 }
-._label-in_ogykf_61 {
+._label-in_qi63h_79 {
   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_ogykf_42 {
+._label-out_qi63h_60 {
   transform: translateY(-150%);
 }
-._label-visually-hidden_ogykf_71 {
+._label-visually-hidden_qi63h_89 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -1447,7 +1468,7 @@
   white-space: nowrap;
   border: 0;
 }
-._input-wrapper_ogykf_82 {
+._input-wrapper_qi63h_100 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1455,7 +1476,7 @@
   height: 100%;
   gap: var(--lp-sys-gap-positive-300);
 }
-._input_ogykf_82 {
+._input_qi63h_25 {
   background: transparent;
   border: none;
   outline: none;
@@ -1469,68 +1490,49 @@
   font-weight: var(--lp-pri-font-weight-400);
   line-height: 130%;
 }
-._input_ogykf_82:focus + ._label-in_ogykf_61,
-._input_ogykf_82:not(:placeholder-shown) + ._label-in_ogykf_61 {
+._input_qi63h_25:focus + ._label-in_qi63h_79,
+._input_qi63h_25:not(:placeholder-shown) + ._label-in_qi63h_79 {
   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_ogykf_82::placeholder {
+._input_qi63h_25::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_ogykf_118 {
+._label-out-input_qi63h_136 {
   transform: translateY(0);
 }
-._input-action-buttons_ogykf_122 {
+._input-action-buttons_qi63h_140 {
   display: flex;
   align-items: center;
   gap: var(--lp-sys-gap-positive-50);
 }
-._action-button_ogykf_128 {
+._action-button_qi63h_146 {
   margin-right: var(--lp-sys-padding-component-100);
 }
-._action-button_ogykf_128 > svg > circle {
+._action-button_qi63h_146 > svg > circle {
   fill: var(--neutral-label-secondary);
 }
-._error_ogykf_135 {
-  display: block;
-  outline: 2px solid var(--function-label-negative);
-}
-._error_ogykf_135 > ._input_ogykf_82 + ._label_ogykf_38 {
-  color: var(--function-label-negative);
-}
-._error_ogykf_135:hover {
-  outline: 2px solid var(--function-label-negative);
-}
-._error_ogykf_135:focus-within {
-  outline: 2px solid var(--function-label-negative);
-}
-._error_ogykf_135:focus-within > ._label_ogykf_38 {
-  color: var(--function-label-negative);
-}
-._error_ogykf_135 > div > ._error-message_ogykf_151 {
-  color: var(--function-label-negative);
-}
-._error-wrapper_ogykf_155 {
+._error-wrapper_qi63h_37 {
   display: flex;
   align-items: flex-end;
   gap: 4px;
 }
-._error-wrapper_ogykf_155 > ._error-message_ogykf_151 {
+._error-wrapper_qi63h_37 > ._error-message_qi63h_37 {
   color: var(--function-label-negative);
 }
-._footer_ogykf_164 {
+._footer_qi63h_37 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 8px;
   min-height: var(--lp-sys-icon-size-xs);
 }
-._character_ogykf_172 {
+._character_qi63h_170 {
   color: var(--neutral-label-secondary);
 }
 
@@ -1951,11 +1953,10 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/Snackbar/style.module.scss */
-._Viewport_1hil0_1 {
+._Viewport_1q9l5_1 {
   --viewport-padding: 25px;
   position: fixed;
   bottom: 0;
-  right: 0;
   display: flex;
   flex-direction: column;
   padding: var(--viewport-padding);
@@ -1967,82 +1968,97 @@
   outline: none;
 }
 @media (max-width: 500px) {
-  ._Viewport_1hil0_1 {
+  ._Viewport_1q9l5_1 {
     max-width: calc(100vw - 50px);
   }
 }
-._NavigationWrapper_1hil0_22 {
+._ViewportRight_1q9l5_21 {
+  right: var(--right-distance, 0px);
+}
+._ViewportLeft_1q9l5_25 {
+  left: var(--left-distance, 0px);
+}
+._extendedContainer_1q9l5_29 {
+  min-width: 320px;
+}
+._NavigationWrapper_1q9l5_33 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
 }
-._Wrapper_1hil0_29 {
+._Wrapper_1q9l5_40 {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-._Root_1hil0_35 {
+._Root_1q9l5_46 {
   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 {
+._Root_1q9l5_46:hover ._CloseButton_1q9l5_52 {
   display: flex !important;
 }
-._CloseButton_1hil0_41 {
+._CloseButton_1q9l5_52 {
   position: absolute;
   top: -8px;
   right: -8px;
   display: none !important;
 }
-._Content_1hil0_52 {
+._Content_1q9l5_63 {
   display: flex;
   flex-direction: column;
   gap: var(--lp-sys-gap-positive-100);
 }
-._MarginRight12_1hil0_58 {
+._MarginRight12_1q9l5_69 {
   margin-right: var(--lp-pri-size-12);
 }
-._ContentWrapper_1hil0_62 {
+._ContentWrapper_1q9l5_73 {
   display: flex;
   align-items: center;
   gap: var(--lp-sys-gap-positive-200);
 }
-._gap300_1hil0_68 {
+._gap300_1q9l5_79 {
   display: flex;
   flex-direction: column;
   gap: var(--lp-sys-gap-positive-300);
 }
-._minWidth32_1hil0_74 {
+._minWidth32_1q9l5_85 {
   min-width: 32px;
   min-height: 32px;
 }
-._minWidth24_1hil0_79 {
+._minWidth24_1q9l5_90 {
   min-width: 24px;
   min-height: 24px;
 }
-._JustifyEnd_1hil0_84 {
+._JustifyEnd_1q9l5_95 {
   justify-content: end;
 }
-._Root_1hil0_35[data-state=open] {
-  animation: _slideIn_1hil0_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+._Root_1q9l5_46[data-state=open] {
+  animation: _slideIn_1q9l5_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
 }
-._Root_1hil0_35[data-state=closed] {
-  animation: _hide_1hil0_1 100ms ease-in;
+._Root_1q9l5_46[data-state=closed] {
+  animation: _hide_1q9l5_1 100ms ease-in;
 }
-._Root_1hil0_35[data-swipe=move] {
+._Root_1q9l5_46[data-swipe=move] {
   transform: translateX(var(--radix-toast-swipe-move-x));
 }
-._Root_1hil0_35[data-swipe=cancel] {
+._Root_1q9l5_46[data-swipe=cancel] {
   transform: translateX(0);
   transition: transform 200ms ease-out;
 }
-._Root_1hil0_35[data-swipe=end] {
-  animation: _swipeOut_1hil0_1 100ms ease-out;
+._Root_1q9l5_46[data-swipe=end] {
+  animation: _swipeOut_1q9l5_1 100ms ease-out;
+}
+._ViewportLeft_1q9l5_25 ._Root_1q9l5_46[data-state=open] {
+  animation: _slideInLeft_1q9l5_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
 }
-@keyframes _hide_1hil0_1 {
+._ViewportLeft_1q9l5_25 ._Root_1q9l5_46[data-swipe=end] {
+  animation: _swipeOutLeft_1q9l5_1 100ms ease-out;
+}
+@keyframes _hide_1q9l5_1 {
   from {
     opacity: 1;
   }
@@ -2050,7 +2066,7 @@
     opacity: 0;
   }
 }
-@keyframes _slideIn_1hil0_1 {
+@keyframes _slideIn_1q9l5_1 {
   from {
     transform: translateX(calc(100% + var(--viewport-padding)));
   }
@@ -2058,7 +2074,15 @@
     transform: translateX(0);
   }
 }
-@keyframes _swipeOut_1hil0_1 {
+@keyframes _slideInLeft_1q9l5_1 {
+  from {
+    transform: translateX(calc(-100% - var(--viewport-padding)));
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@keyframes _swipeOut_1q9l5_1 {
   from {
     transform: translateX(var(--radix-toast-swipe-end-x));
   }
@@ -2066,6 +2090,14 @@
     transform: translateX(calc(100% + var(--viewport-padding)));
   }
 }
+@keyframes _swipeOutLeft_1q9l5_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 {
@@ -2073,12 +2105,15 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/Snackbar/SnackbarButton/style.module.scss */
-._Container_1kn7v_1 {
+._Container_1e1eo_1 {
   display: flex;
   align-items: center;
   gap: var(--lp-sys-gap-positive-400);
   padding: 0 4px;
 }
+._button_1e1eo_8 p {
+  margin: 0;
+}
 
 /* esbuild-sass-plugin:css-chunk:src/components/coach-mark/primitive/style.module.scss */
 ._anchor_1pmfi_1 {

package/lib/index.d.ts

@@ -503,7 +503,9 @@ type SnackbarPropWithId = SnackbarProp & {
 };
 
 declare const Snackbar: () => react_jsx_runtime.JSX.Element;
-declare const SingleSnackbar: (props: SnackbarPropWithId) => react_jsx_runtime.JSX.Element;
+declare const SingleSnackbar: (props: SnackbarPropWithId & {
+    position: "left" | "right";
+}) => react_jsx_runtime.JSX.Element;
 
 declare const snackbarAtom: recoil.RecoilState<SnackbarPropWithId[]>;
 declare const useSnackbar: () => {

package/lib/index.js

@@ -13695,31 +13695,31 @@ var import_react2 = require("react");
 
 // src/components/Button/style.module.scss
 var style_module_default = {
-  "button": "_button_1ncka_1",
-  "default": "_default_1ncka_28",
-  "primary": "_primary_1ncka_36",
-  "secondary": "_secondary_1ncka_44",
-  "tertiary": "_tertiary_1ncka_52",
-  "quaternary": "_quaternary_1ncka_60",
-  "quinary": "_quinary_1ncka_77",
-  "negative": "_negative_1ncka_89",
-  "static": "_static_1ncka_97",
-  "inverse-static": "_inverse-static_1ncka_105",
-  "ghost": "_ghost_1ncka_113",
-  "cta": "_cta_1ncka_148",
-  "l": "_l_1ncka_156",
-  "m": "_m_1ncka_163",
-  "s": "_s_1ncka_44",
-  "align-center": "_align-center_1ncka_177",
-  "align-space-between": "_align-space-between_1ncka_182",
-  "content": "_content_1ncka_187",
-  "full": "_full_1ncka_193",
-  "fit-content": "_fit-content_1ncka_197",
-  "children": "_children_1ncka_201",
-  "cta-children": "_cta-children_1ncka_207",
-  "l-children": "_l-children_1ncka_212",
-  "m-children": "_m-children_1ncka_217",
-  "s-children": "_s-children_1ncka_222"
+  "button": "_button_60r7l_1",
+  "default": "_default_60r7l_28",
+  "primary": "_primary_60r7l_36",
+  "secondary": "_secondary_60r7l_44",
+  "tertiary": "_tertiary_60r7l_52",
+  "quaternary": "_quaternary_60r7l_60",
+  "quinary": "_quinary_60r7l_77",
+  "negative": "_negative_60r7l_92",
+  "static": "_static_60r7l_100",
+  "inverse-static": "_inverse-static_60r7l_108",
+  "ghost": "_ghost_60r7l_116",
+  "cta": "_cta_60r7l_151",
+  "l": "_l_60r7l_159",
+  "m": "_m_60r7l_166",
+  "s": "_s_60r7l_44",
+  "align-center": "_align-center_60r7l_180",
+  "align-space-between": "_align-space-between_60r7l_185",
+  "content": "_content_60r7l_190",
+  "full": "_full_60r7l_196",
+  "fit-content": "_fit-content_60r7l_200",
+  "children": "_children_60r7l_204",
+  "cta-children": "_cta-children_60r7l_210",
+  "l-children": "_l-children_60r7l_215",
+  "m-children": "_m-children_60r7l_220",
+  "s-children": "_s-children_60r7l_225"
 };
 
 // src/components/Button/index.tsx
@@ -17127,25 +17127,24 @@ var import_react19 = require("react");
 
 // src/components/Textfield/style.module.scss
 var style_module_default13 = {
-  "textfield-container": "_textfield-container_ogykf_1",
-  "textfield": "_textfield_ogykf_1",
-  "label": "_label_ogykf_38",
-  "label-out-textfield": "_label-out-textfield_ogykf_42",
-  "white": "_white_ogykf_46",
-  "gray": "_gray_ogykf_49",
-  "label-in": "_label-in_ogykf_61",
-  "label-out": "_label-out_ogykf_42",
-  "label-visually-hidden": "_label-visually-hidden_ogykf_71",
-  "input-wrapper": "_input-wrapper_ogykf_82",
-  "input": "_input_ogykf_82",
-  "label-out-input": "_label-out-input_ogykf_118",
-  "input-action-buttons": "_input-action-buttons_ogykf_122",
-  "action-button": "_action-button_ogykf_128",
-  "error": "_error_ogykf_135",
-  "error-message": "_error-message_ogykf_151",
-  "error-wrapper": "_error-wrapper_ogykf_155",
-  "footer": "_footer_ogykf_164",
-  "character": "_character_ogykf_172"
+  "textfield-container": "_textfield-container_qi63h_1",
+  "textfield": "_textfield_qi63h_1",
+  "input": "_input_qi63h_25",
+  "label": "_label_qi63h_25",
+  "footer": "_footer_qi63h_37",
+  "error-wrapper": "_error-wrapper_qi63h_37",
+  "error-message": "_error-message_qi63h_37",
+  "label-out-textfield": "_label-out-textfield_qi63h_60",
+  "white": "_white_qi63h_64",
+  "gray": "_gray_qi63h_67",
+  "label-in": "_label-in_qi63h_79",
+  "label-out": "_label-out_qi63h_60",
+  "label-visually-hidden": "_label-visually-hidden_qi63h_89",
+  "input-wrapper": "_input-wrapper_qi63h_100",
+  "label-out-input": "_label-out-input_qi63h_136",
+  "input-action-buttons": "_input-action-buttons_qi63h_140",
+  "action-button": "_action-button_qi63h_146",
+  "character": "_character_qi63h_170"
 };
 
 // src/components/Textfield/index.tsx
@@ -17221,12 +17220,11 @@ var Textfield = (0, import_react19.forwardRef)((props, ref) => {
     }
   }, "handleDeidentify");
   (0, import_react19.useImperativeHandle)(ref, () => inputRef.current);
-  return /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)("div", { className: style_module_default13["textfield-container"], "data-disabled": disabled, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime206.jsxs)("div", { className: style_module_default13["textfield-container"], "data-disabled": disabled, "data-error": !!error, children: [
     /* @__PURE__ */ (0, import_jsx_runtime206.jsx)(
       "div",
       {
         className: (0, import_clsx15.default)(defaultTextfieldVariants({ color }), {
-          [style_module_default13.error]: !!error,
           [style_module_default13["label-out-textfield"]]: !label || labelType === "out"
         }),
         onClick: handleTextfieldClick,
@@ -17607,21 +17605,26 @@ var List = Object.assign(ListRoot, { Item });
 
 // src/components/Snackbar/style.module.scss
 var style_module_default17 = {
-  "Viewport": "_Viewport_1hil0_1",
-  "NavigationWrapper": "_NavigationWrapper_1hil0_22",
-  "Wrapper": "_Wrapper_1hil0_29",
-  "Root": "_Root_1hil0_35",
-  "CloseButton": "_CloseButton_1hil0_41",
-  "Content": "_Content_1hil0_52",
-  "MarginRight12": "_MarginRight12_1hil0_58",
-  "ContentWrapper": "_ContentWrapper_1hil0_62",
-  "gap300": "_gap300_1hil0_68",
-  "minWidth32": "_minWidth32_1hil0_74",
-  "minWidth24": "_minWidth24_1hil0_79",
-  "JustifyEnd": "_JustifyEnd_1hil0_84",
-  "slideIn": "_slideIn_1hil0_1",
-  "hide": "_hide_1hil0_1",
-  "swipeOut": "_swipeOut_1hil0_1"
+  "Viewport": "_Viewport_1q9l5_1",
+  "ViewportRight": "_ViewportRight_1q9l5_21",
+  "ViewportLeft": "_ViewportLeft_1q9l5_25",
+  "extendedContainer": "_extendedContainer_1q9l5_29",
+  "NavigationWrapper": "_NavigationWrapper_1q9l5_33",
+  "Wrapper": "_Wrapper_1q9l5_40",
+  "Root": "_Root_1q9l5_46",
+  "CloseButton": "_CloseButton_1q9l5_52",
+  "Content": "_Content_1q9l5_63",
+  "MarginRight12": "_MarginRight12_1q9l5_69",
+  "ContentWrapper": "_ContentWrapper_1q9l5_73",
+  "gap300": "_gap300_1q9l5_79",
+  "minWidth32": "_minWidth32_1q9l5_85",
+  "minWidth24": "_minWidth24_1q9l5_90",
+  "JustifyEnd": "_JustifyEnd_1q9l5_95",
+  "slideIn": "_slideIn_1q9l5_1",
+  "hide": "_hide_1q9l5_1",
+  "swipeOut": "_swipeOut_1q9l5_1",
+  "slideInLeft": "_slideInLeft_1q9l5_1",
+  "swipeOutLeft": "_swipeOutLeft_1q9l5_1"
 };
 
 // src/components/Snackbar/index.tsx
@@ -17676,22 +17679,28 @@ var import_clsx19 = __toESM(require("clsx"));
 // src/components/Snackbar/SnackbarClose/index.tsx
 var import_jsx_runtime214 = require("react/jsx-runtime");
 var SnackbarClose = /* @__PURE__ */ __name(({ onCloseSnackbar, className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime214.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime214.jsx)(
     IconButton,
     {
-      icon: { name: "close-fill", fill: true, thick: true, type: "neutral-label-static-secondary" },
+      icon: {
+        name: "close-fill",
+        fill: true,
+        thick: true,
+        type: "neutral-label-static-secondary",
+        fillType: "inverse-label-static-primary"
+      },
       level: "static",
       size: "xs",
-      className,
       fill: false,
       onClick: onCloseSnackbar
     }
-  );
+  ) });
 }, "SnackbarClose");
 
 // src/components/Snackbar/SnackbarButton/style.module.scss
 var style_module_default19 = {
-  "Container": "_Container_1kn7v_1"
+  "Container": "_Container_1e1eo_1",
+  "button": "_button_1e1eo_8"
 };
 
 // src/components/Snackbar/SnackbarButton/index.tsx
@@ -17700,8 +17709,18 @@ var import_jsx_runtime215 = require("react/jsx-runtime");
 var SnackbarButton = /* @__PURE__ */ __name(({ button, containerStyle }) => {
   if (button?.text || button?.basic) {
     return /* @__PURE__ */ (0, import_jsx_runtime215.jsxs)("div", { className: (0, import_clsx18.default)(style_module_default19.Container, containerStyle), children: [
-      button?.text && /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(TextButton, { size: "s", onClick: button.text.onClick, children: button.text.text }),
-      button?.basic && /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Button, { size: "s", onClick: button.basic.onClick, fill: true, children: button.basic.text })
+      button?.text && /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(
+        TextButton,
+        {
+          size: "s",
+          onClick: button.text.onClick,
+          level: "inverse-static",
+          thick: false,
+          className: style_module_default19.button,
+          children: button.text.text
+        }
+      ),
+      button?.basic && /* @__PURE__ */ (0, import_jsx_runtime215.jsx)(Button, { size: "s", onClick: button.basic.onClick, fill: true, level: "static", children: button.basic.text })
     ] });
   }
   return null;
@@ -17716,9 +17735,20 @@ var import_react24 = (
 var { Provider: Provider2, Root: Root3, Viewport: Viewport2 } = import_radix_ui10.Toast;
 var Snackbar = /* @__PURE__ */ __name(() => {
   const list = (0, import_recoil4.useRecoilValue)(snackbarAtom);
-  return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(Provider2, { children: [
-    list.map((props) => /* @__PURE__ */ (0, import_react24.createElement)(SingleSnackbar, { ...props, key: props.snackbarId })),
-    /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Viewport2, { className: style_module_default17.Viewport })
+  const rightSnackbars = list.filter((snackbar) => snackbar.position !== "left");
+  const leftSnackbars = list.filter((snackbar) => snackbar.position === "left");
+  return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(import_jsx_runtime216.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(Provider2, { children: [
+      rightSnackbars.map((props) => /* @__PURE__ */ (0, import_react24.createElement)(SingleSnackbar, { ...props, key: props.snackbarId, position: "right" })),
+      /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Viewport2, { className: (0, import_clsx19.default)(style_module_default17.Viewport, style_module_default17.ViewportRight) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(Provider2, { children: [
+      leftSnackbars.map((props) => (
+        // eslint-disable-next-line react/prop-types
+        /* @__PURE__ */ (0, import_react24.createElement)(SingleSnackbar, { ...props, key: props.snackbarId, position: "left" })
+      )),
+      /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(Viewport2, { className: (0, import_clsx19.default)(style_module_default17.Viewport, style_module_default17.ViewportLeft) })
+    ] })
   ] });
 }, "Snackbar");
 var SingleSnackbar = /* @__PURE__ */ __name((props) => {
@@ -17746,7 +17776,7 @@ var SingleSnackbar = /* @__PURE__ */ __name((props) => {
               name: "arrow-forward",
               fill: true,
               thick: true,
-              type: "inverse-label-primary",
+              type: "inverse-label-static-primary",
               className: description ? style_module_default17.minWidth32 : style_module_default17.minWidth24,
               size: description ? "l" : "m"
             }
@@ -17757,14 +17787,22 @@ var SingleSnackbar = /* @__PURE__ */ __name((props) => {
     );
   }
   if (props.kind === "extended") {
-    return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(Root3, { onSwipeEnd: onCloseSnackbar, className: (0, import_clsx19.default)(style_module_default17.Root, style_module_default17.gap300), open: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className: style_module_default17.Content, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(SnackbarTitle, { title }),
-        /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(SnackbarDescription, { description })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(SnackbarButton, { button: props.button, containerStyle: style_module_default17.JustifyEnd }),
-      /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(SnackbarClose, { onCloseSnackbar, className: style_module_default17.CloseButton })
-    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(
+      Root3,
+      {
+        onSwipeEnd: onCloseSnackbar,
+        className: (0, import_clsx19.default)(style_module_default17.Root, style_module_default17.gap300, style_module_default17.extendedContainer),
+        open: true,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className: style_module_default17.Content, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(SnackbarTitle, { title }),
+            /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(SnackbarDescription, { description })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(SnackbarButton, { button: props.button, containerStyle: style_module_default17.JustifyEnd }),
+          /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(SnackbarClose, { onCloseSnackbar, className: style_module_default17.CloseButton })
+        ]
+      }
+    );
   }
   return /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)(Root3, { onSwipeEnd: onCloseSnackbar, className: (0, import_clsx19.default)(style_module_default17.Root, style_module_default17.Wrapper), open: true, children: [
     /* @__PURE__ */ (0, import_jsx_runtime216.jsxs)("div", { className: style_module_default17.ContentWrapper, children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/prism",
-  "version": "2.6.7",
+  "version": "2.6.9",
   "scripts": {
     "dev": "next dev",
     "start": "next start",