@liner-fe/prism 3.4.12 → 3.5.2

package/lib/index.css

@@ -1188,334 +1188,424 @@
   color: var(--neutral-label-secondary);
 }
 
-/* esbuild-sass-plugin:css-chunk:src/components/Select/style.module.scss */
-@-webkit-keyframes _slide-up_c4pnp_1 {
-  0% {
-    transform: translateY(3%);
-    opacity: 0;
-  }
-  100% {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-@keyframes _slide-up_c4pnp_1 {
-  0% {
-    transform: translateY(3%);
-    opacity: 0;
-  }
-  100% {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-@-webkit-keyframes _slide-down_c4pnp_1 {
-  0% {
-    transform: translateY(0);
-    opacity: 1;
-  }
-  100% {
-    transform: translateY(50%);
-    opacity: 0;
-  }
-}
-@keyframes _slide-down_c4pnp_1 {
-  0% {
-    transform: translateY(0);
-    opacity: 1;
-  }
-  100% {
-    transform: translateY(50%);
-    opacity: 0;
-  }
+/* esbuild-sass-plugin:css-chunk:src/components/ListItem/style.module.scss */
+._root_mmjcv_9 {
+  align-items: center;
 }
-@-webkit-keyframes _slide-in-right_c4pnp_1 {
-  0% {
-    opacity: 0;
-    -webkit-transform: translateX(1000px);
-    transform: translateX(1000px);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-  }
+._root_mmjcv_9 [data-zone=leading] {
+  align-self: flex-start;
 }
-@keyframes _slide-in-right_c4pnp_1 {
-  0% {
-    opacity: 0;
-    -webkit-transform: translateX(1000px);
-    transform: translateX(1000px);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-  }
+._root_mmjcv_9 [data-zone=trailing] {
+  align-self: center;
 }
-@-webkit-keyframes _slide-out-right_c4pnp_1 {
-  0% {
-    opacity: 1;
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-  }
-  100% {
-    opacity: 0;
-    -webkit-transform: translateX(1000px);
-    transform: translateX(1000px);
-  }
+[data-state=checked] ._label_mmjcv_6 {
+  font-weight: var(--lp-pri-font-weight-500);
 }
-@keyframes _slide-out-right_c4pnp_1 {
-  0% {
-    opacity: 1;
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-  }
-  100% {
-    opacity: 0;
-    -webkit-transform: translateX(1000px);
-    transform: translateX(1000px);
-  }
+._main_mmjcv_6 {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+  flex: 1;
 }
-._label-container_c4pnp_101 {
+._labelRow_mmjcv_6 {
   display: flex;
   align-items: center;
   gap: var(--lp-sys-gap-positive-150);
+  min-width: 0;
+  width: 100%;
 }
-._select-label_c4pnp_107 {
+._label_mmjcv_6 {
+  margin: 0;
+  min-width: 0;
+  overflow: hidden;
   white-space: nowrap;
-  padding-bottom: var(--lp-sys-padding-component-300);
+  text-overflow: ellipsis;
 }
-._trigger_c4pnp_112 {
+._labelEnd_mmjcv_6 {
+  flex-shrink: 0;
   display: flex;
   align-items: center;
-  gap: var(--lp-sys-gap-positive-200);
-  padding: 0 var(--lp-sys-padding-component-300);
-  height: 52px;
-  border-radius: var(--lp-sys-radius-s);
-  border: 1px solid var(--neutral-border-overlay-normal);
-  background: var(--neutral-fill-overlay-lowest);
-  outline: none;
-  width: 100%;
-  min-width: 0;
 }
-._trigger_c4pnp_112 > span:not([aria-hidden]) {
-  text-align: left;
-  width: 100%;
+._labelEnd_mmjcv_6 p {
+  margin: 0;
+}
+._description_mmjcv_6 {
+  margin: 0;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
   overflow: hidden;
-  white-space: nowrap;
   text-overflow: ellipsis;
 }
-._trigger_c4pnp_112 > span[aria-hidden] {
-  flex: 0 1 0;
+
+/* esbuild-sass-plugin:css-chunk:src/components/Select/style.module.scss */
+._root_un7lw_3 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--lp-sys-padding-component-100);
+  width: fit-content;
+}
+._root_un7lw_3[data-trigger-type=select-button] {
+  gap: 0;
+}
+._root_un7lw_3[data-trigger-type=select-field][data-size=s] {
+  width: 200px;
 }
-._trigger_c4pnp_112 > span > svg {
-  transition: transform 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
+._root_un7lw_3[data-trigger-type=select-field][data-size=l] {
+  width: 240px;
+}
+._root_un7lw_3[data-trigger-type=select-button][data-size=s] {
+  width: 105px;
+}
+._root_un7lw_3[data-trigger-type=select-button][data-size=m] {
+  width: 123px;
+}
+._label_un7lw_35 {
+  padding-block-end: var(--lp-sys-padding-component-100);
+  margin: 0;
+}
+._requiredMark_un7lw_40 {
+  color: var(--function-label-negative);
+  margin-inline-start: 2px;
+}
+._srOnly_un7lw_45 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+._trigger_un7lw_58 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--lp-sys-gap-positive-150);
+  width: 100%;
+  border: 1px solid var(--neutral-border-opaque-normal);
+  cursor: pointer;
+  font: inherit;
+  text-align: start;
 }
-._trigger_c4pnp_112[data-state=open] {
+._trigger_un7lw_58:hover:not(:disabled),
+._trigger_un7lw_58:active:not(:disabled) {
+  background: var(--neutral-container-lowest-hover);
   border-color: var(--neutral-border-opaque-strong);
 }
-._trigger_c4pnp_112[data-state=open] > span > svg {
-  transform: rotate(180deg);
+._trigger_un7lw_58:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 1px #006aff;
 }
-._trigger_c4pnp_112[data-disabled] {
-  pointer-events: none;
-  background: var(--neutral-container-low);
-  border-color: var(--neutral-border-overlay-normal);
+._trigger_un7lw_58 {
 }
-._trigger_c4pnp_112[data-disabled] > span > p {
+._trigger_un7lw_58:disabled,
+._trigger_un7lw_58[data-disabled] {
+  cursor: not-allowed;
   color: var(--neutral-label-tertiary);
 }
-._trigger_c4pnp_112[data-disabled] > span > svg > * {
-  fill: var(--neutral-label-tertiary);
+._trigger_un7lw_58 {
 }
-._placeholder_c4pnp_156 {
-  width: 100%;
+._trigger_un7lw_58[data-state=open] ._icon_un7lw_91 {
+  transform: rotate(180deg);
 }
-._openIcon_c4pnp_160 {
+._trigger_un7lw_58 ._icon_un7lw_91 {
+  transition: transform 120ms ease;
+  flex-shrink: 0;
   display: flex;
   align-items: center;
-  justify-content: center;
 }
-@keyframes _slide-up_c4pnp_1 {
-  0% {
-    transform: translateY(3%);
-    opacity: 0;
-  }
-  100% {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-._desktop-content_c4pnp_176 {
-  box-sizing: border-box;
-  transform: translateX(-0.5%);
-  padding: var(--lp-sys-padding-component-200);
-  padding-bottom: 0;
+._trigger_un7lw_58[data-trigger-type=select-field] {
   border-radius: var(--lp-sys-radius-m);
-  border: 1px solid var(--neutral-border-overlay-subtle);
   background: var(--neutral-container-lowest);
-  width: var(--radix-select-trigger-width);
-  z-index: 10;
-  box-shadow: var(--lp-sys-shadow-normal);
+  font-family:
+    "Pretendard Variable",
+    -apple-system,
+    sans-serif;
+  font-size: var(--lp-pri-font-size-15);
+  font-weight: var(--lp-pri-font-weight-400);
+  line-height: var(--lp-pri-font-lineheight-130);
+  color: var(--neutral-label-primary);
 }
-._desktop-content_c4pnp_176[data-state=open] {
-  -webkit-animation: _slide-up_c4pnp_1 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
-  animation: _slide-up_c4pnp_1 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
+._trigger_un7lw_58[data-trigger-type=select-field][data-size=s] {
+  height: 32px;
+  padding-inline: var(--lp-sys-padding-component-200);
 }
-@media screen and (max-width: 600px) {
-  ._desktop-content_c4pnp_176._responsive_c4pnp_193 {
-    display: none !important;
-  }
+._trigger_un7lw_58[data-trigger-type=select-field][data-size=m] {
+  height: 40px;
+  padding-inline: var(--lp-sys-padding-component-300);
+}
+._trigger_un7lw_58[data-trigger-type=select-field][data-size=l] {
+  height: 52px;
+  padding-inline-start: var(--lp-sys-padding-component-400);
+  padding-inline-end: var(--lp-sys-padding-component-300);
 }
-._header_c4pnp_198 {
+._trigger_un7lw_58[data-trigger-type=select-field] {
+}
+._trigger_un7lw_58[data-trigger-type=select-field][data-placeholder] {
+  color: var(--neutral-label-tertiary);
+}
+._trigger_un7lw_58[data-trigger-type=select-field] {
+}
+._trigger_un7lw_58[data-trigger-type=select-field]:disabled,
+._trigger_un7lw_58[data-trigger-type=select-field][data-disabled] {
+  background: var(--neutral-container-mid);
+  border-color: var(--neutral-border-opaque-subtle);
+}
+._trigger_un7lw_58 > span:not([class]) {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+._triggerButton_un7lw_155 {
+}
+._triggerButton_un7lw_155 > span {
+  width: 100%;
+  justify-content: space-between !important;
+}
+._triggerButton_un7lw_155 {
+}
+._triggerButton_un7lw_155 span:not([class]) {
+  flex: 1;
+  min-width: 0;
+  text-align: start;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+._triggerButton_un7lw_155 {
+}
+._triggerButton_un7lw_155[data-state=open] svg:last-child {
+  transform: rotate(180deg);
+}
+._triggerButton_un7lw_155 svg:last-child {
+  transition: transform 120ms ease;
+}
+._root_un7lw_3[data-error] ._trigger_un7lw_58[data-trigger-type=select-field] {
+  outline: 1px solid var(--function-label-negative);
+  border-color: var(--function-label-negative);
+}
+._trigger_un7lw_58 svg path,
+._triggerButton_un7lw_155 svg path {
+  fill: currentColor !important;
+}
+._errorMessage_un7lw_199 {
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  gap: var(--lp-sys-gap-positive-200);
-  padding-bottom: var(--lp-sys-padding-component-300);
+  gap: var(--lp-sys-gap-positive-100);
+  padding-block-start: var(--lp-sys-padding-component-100);
 }
-._scrollAreaRoot_c4pnp_206 {
-  width: 100%;
-  height: 100%;
+._errorText_un7lw_207 {
+  margin: 0;
+  line-height: 1;
 }
-._scrollAreaViewport_c4pnp_211 {
-  width: 100%;
-  height: 100%;
+._content_un7lw_216 {
+  max-width: var(--radix-select-content-available-width);
+  max-height: var(--radix-select-content-available-height);
+  transform-origin: var(--radix-select-content-transform-origin);
+  border-radius: var(--lp-sys-radius-m);
+  border: 1px solid var(--neutral-border-opaque-normal);
+  background: var(--neutral-container-variation-lowest);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+  padding: var(--lp-sys-padding-component-200);
+  overflow: hidden;
+  z-index: 1000;
+}
+._content_un7lw_216[data-state=open] {
+  animation: _fadeScaleIn_un7lw_1 120ms ease-out;
+}
+._content_un7lw_216[data-trigger-type=select-field] {
+  width: var(--radix-select-trigger-width);
+}
+._content_un7lw_216[data-trigger-type=select-button] {
+  width: 320px;
+}
+._viewport_un7lw_247 {
   max-height: 268px;
-  padding-bottom: var(--lp-sys-padding-component-150);
+  overflow-y: auto !important;
+  scrollbar-width: thin !important;
+  scrollbar-color: var(--neutral-fill-overlay-mid) transparent;
 }
-._scrollAreaScrollbar_c4pnp_218 {
-  width: var(--lp-pri-size-4);
-  padding: 5px 2px;
+._viewport_un7lw_247::-webkit-scrollbar {
+  display: block !important;
+  width: 7px;
 }
-._scrollAreaThumb_c4pnp_223 {
-  background: var(--neutral-fill-overlay-high);
-  border-radius: var(--radius-xxl);
+._viewport_un7lw_247::-webkit-scrollbar-track {
+  background-color: transparent;
 }
-._desktop-label_c4pnp_228 {
-  padding: var(--lp-sys-padding-component-200);
-  padding-bottom: var(--lp-sys-padding-component-150);
+._viewport_un7lw_247::-webkit-scrollbar-thumb {
+  background-color: var(--neutral-fill-overlay-mid);
+  border: 2px solid transparent;
+  background-clip: padding-box;
+  border-radius: 7px;
 }
-._item_c4pnp_233 {
+@keyframes _fadeScaleIn_un7lw_1 {
+  from {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+._selectItem_un7lw_279 {
   display: flex;
   align-items: center;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
   gap: var(--lp-sys-gap-positive-150);
+  padding-block: var(--lp-sys-padding-component-200);
+  padding-inline-start: var(--lp-sys-padding-component-200);
+  padding-inline-end: var(--lp-sys-padding-component-150);
   border-radius: var(--lp-sys-radius-s);
-  padding: var(--lp-sys-padding-component-200);
   cursor: pointer;
+  outline: none;
 }
-._item_c4pnp_233 > span {
-  cursor: pointer;
-  user-select: none;
+._selectItem_un7lw_279 span:not([class]) {
+  display: none;
+}
+._selectItem_un7lw_279[data-disabled] {
+  cursor: not-allowed;
+  color: var(--neutral-label-tertiary);
+}
+._selectItem_un7lw_279:hover:not([data-disabled]),
+._selectItem_un7lw_279[data-highlighted] {
+  background: var(--neutral-fill-overlay-low);
 }
-._item_c4pnp_233:focus {
+._selectItem_un7lw_279:active:not([data-disabled]) {
   background: var(--neutral-fill-overlay-lowest-hover);
-  outline: none;
 }
-._item_c4pnp_233[data-state=checked] > span > p {
-  color: var(--brand-label-primary);
-  font-weight: var(--lp-pri-font-weight-700);
+._selectItem_un7lw_279 {
 }
-._item_c4pnp_233[data-disabled] {
-  pointer-events: none !important;
+._selectItem_un7lw_279:focus-visible:not(:hover) {
+  background: var(--neutral-container-low);
+  box-shadow: inset 0 0 0 1px #006aff;
 }
-._item_c4pnp_233 > span:nth-child(1) {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  width: 100%;
+._selectItem_un7lw_279[data-state=checked] {
+  padding-inline-end: var(--lp-sys-padding-component-200);
 }
-._icon_c4pnp_266 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
+._selectItem_un7lw_279 [data-zone=leading] {
+  align-self: flex-start;
+}
+._selectItem_un7lw_279[data-state=checked] ._itemLabel_un7lw_331 {
+  color: var(--brand-label-primary) !important;
+  font-weight: var(--lp-pri-font-weight-500);
 }
-._itemIndicator_c4pnp_272 {
+._itemIndicator_un7lw_336 {
+  flex-shrink: 0;
   display: flex;
   align-items: center;
-  justify-content: center;
 }
-._badgeContainer_c4pnp_278 {
+._trailingSlot_un7lw_344 p,
+[data-zone=leading] p {
+  margin: 0;
+}
+._selectItem_un7lw_279[data-state=checked] ._trailingSlot_un7lw_344 {
+  display: none;
+}
+._group_un7lw_357 {
   display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--neutral-fill-overlay-mid);
-  width: 31px;
-  height: 18px;
-  border-radius: var(--lp-sys-radius-xs);
-  margin-bottom: 12px;
+  flex-direction: column;
 }
-._badge_c4pnp_278 {
-  top: 0;
-  width: fit-content;
-  height: fit-content;
-  background:
-    linear-gradient(
-      113.88deg,
-      #6b8cff 5.97%,
-      #1e1cff 40.22%,
-      #e537be 81.24%);
-  background-clip: text;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  padding: 1px var(--lp-sys-padding-component-150);
-  border-radius: var(--lp-sys-radius-xs);
+._group_un7lw_357:not(:last-child) {
+  border-block-end: 1px solid var(--neutral-border-overlay-normal);
+  padding-block-end: var(--lp-sys-padding-component-150);
 }
-._badge_c4pnp_278 > p {
-  color:
-    linear-gradient(
-      114deg,
-      #6b8cff,
-      #1e1cff,
-      #e537be);
+._group_un7lw_357 + ._group_un7lw_357 {
+  padding-block-start: var(--lp-sys-padding-component-150);
 }
-
-/* esbuild-sass-plugin:css-chunk:src/components/List/style.module.scss */
-._list_1ki30_1 {
-  overflow: auto;
+._groupLabel_un7lw_372 {
+  display: block;
+  margin: 0;
+  padding-block: var(--lp-sys-padding-component-150);
+  padding-inline-start: var(--lp-sys-padding-component-200);
+  padding-inline-end: var(--lp-sys-padding-component-150);
 }
-._list_1ki30_1::-webkit-scrollbar {
-  display: none;
+@media (prefers-reduced-motion: reduce) {
+  ._trigger_un7lw_58 ._icon_un7lw_91 {
+    transition: none;
+  }
+  ._content_un7lw_216[data-state=open] {
+    animation: none;
+  }
 }
-._item_1ki30_8 {
+@media (forced-colors: active) {
+  ._trigger_un7lw_58 {
+    border: 1px solid ButtonText;
+  }
+  ._trigger_un7lw_58:focus-visible {
+    outline: 2px solid Highlight;
+  }
+}
+
+/* esbuild-sass-plugin:css-chunk:src/components/ListItem/primitive/style.module.scss */
+._root_k8bhx_2 {
   display: flex;
-  align-items: center;
-  justify-content: space-between;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
   gap: var(--lp-sys-gap-positive-150);
-  border-radius: var(--lp-sys-radius-s);
-  padding: var(--lp-sys-padding-component-400) var(--lp-sys-padding-component-200);
   width: 100%;
-  background: var(--neutral-container-lowest);
+  cursor: pointer;
+  padding-block: var(--lp-sys-padding-component-150);
+  padding-inline-start: var(--lp-sys-padding-component-200);
+  padding-inline-end: var(--lp-sys-padding-component-150);
+  border-radius: var(--lp-sys-radius-s);
+  background: var(--neutral-fill-overlay-lowest);
 }
-._item_1ki30_8:hover {
+._root_k8bhx_2:hover {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._item_1ki30_8[data-highlighted] {
+._root_k8bhx_2[data-highlighted] {
   background: var(--neutral-fill-overlay-lowest-hover);
+}
+._root_k8bhx_2:active {
+  background: var(--neutral-fill-overlay-lowest-hover);
+}
+._root_k8bhx_2:focus-visible {
   outline: none;
+  background: var(--neutral-fill-overlay-lowest-hover);
+  box-shadow: 0 0 0 1px #006aff;
 }
-._item_1ki30_8[data-state=checked] > p {
-  color: var(--brand-label-primary);
-  font-weight: var(--lp-pri-font-weight-700);
+._root_k8bhx_2[data-state=checked] {
+  background: var(--neutral-fill-overlay-low);
 }
-._item_1ki30_8[data-disabled] {
-  pointer-events: none;
+._root_k8bhx_2[data-disabled] {
+  background: transparent;
+  cursor: not-allowed;
 }
-._item_1ki30_8 > p {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+[data-zone=main] {
+  flex: 1;
+  min-width: 0;
+}
+
+/* esbuild-sass-plugin:css-chunk:src/components/List/style.module.scss */
+._root_x5fwq_2 {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+._group_x5fwq_8 {
+  display: flex;
+  flex-direction: column;
   width: 100%;
+  padding-block: var(--lp-sys-padding-component-200);
+}
+._group_x5fwq_8:not(:last-child) {
+  border-block-end: 1px solid var(--neutral-border-overlay-normal);
 }
-._icon_1ki30_42 {
-  margin-left: var(--lp-sys-padding-component-150);
+._groupLabelContainer_x5fwq_20 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  padding-block: var(--lp-sys-padding-component-150);
+  padding-inline-start: var(--lp-sys-padding-component-200);
+  padding-inline-end: var(--lp-sys-padding-component-150);
+}
+._groupLabel_x5fwq_20 {
+  margin: 0;
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/TextButton/style.module.scss */