@liner-fe/prism 3.5.1 → 3.5.3

package/lib/index.css

@@ -1189,39 +1189,48 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/ListItem/style.module.scss */
-[data-state=checked] ._label_fx7ty_6 {
+._root_mmjcv_9 {
+  align-items: center;
+}
+._root_mmjcv_9 [data-zone=leading] {
+  align-self: flex-start;
+}
+._root_mmjcv_9 [data-zone=trailing] {
+  align-self: center;
+}
+[data-state=checked] ._label_mmjcv_6 {
   font-weight: var(--lp-pri-font-weight-500);
 }
-._main_fx7ty_6 {
+._main_mmjcv_6 {
   display: flex;
   flex-direction: column;
   gap: 4px;
   min-width: 0;
   flex: 1;
 }
-._labelRow_fx7ty_6 {
+._labelRow_mmjcv_6 {
   display: flex;
   align-items: center;
   gap: var(--lp-sys-gap-positive-150);
   min-width: 0;
   width: 100%;
 }
-._label_fx7ty_6 {
+._label_mmjcv_6 {
   margin: 0;
   min-width: 0;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-._labelEnd_fx7ty_6 {
+._labelEnd_mmjcv_6 {
   flex-shrink: 0;
   display: flex;
   align-items: center;
 }
-._labelEnd_fx7ty_6 p {
+._labelEnd_mmjcv_6 p {
   margin: 0;
 }
-._description_fx7ty_6 {
+._description_mmjcv_6 {
   margin: 0;
   display: -webkit-box;
   -webkit-line-clamp: 2;
@@ -1231,36 +1240,36 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/Select/style.module.scss */
-._root_1dneb_3 {
+._root_1x709_3 {
   display: flex;
   flex-direction: column;
   gap: var(--lp-sys-padding-component-100);
   width: fit-content;
 }
-._root_1dneb_3[data-trigger-type=select-button] {
+._root_1x709_3[data-trigger-type=select-button] {
   gap: 0;
 }
-._root_1dneb_3[data-trigger-type=select-field][data-size=s] {
+._root_1x709_3[data-trigger-type=select-field][data-size=s] {
   width: 200px;
 }
-._root_1dneb_3[data-trigger-type=select-field][data-size=l] {
+._root_1x709_3[data-trigger-type=select-field][data-size=l] {
   width: 240px;
 }
-._root_1dneb_3[data-trigger-type=select-button][data-size=s] {
+._root_1x709_3[data-trigger-type=select-button][data-size=s] {
   width: 105px;
 }
-._root_1dneb_3[data-trigger-type=select-button][data-size=m] {
+._root_1x709_3[data-trigger-type=select-button][data-size=m] {
   width: 123px;
 }
-._label_1dneb_35 {
+._label_1x709_35 {
   padding-block-end: var(--lp-sys-padding-component-100);
   margin: 0;
 }
-._requiredMark_1dneb_40 {
+._requiredMark_1x709_40 {
   color: var(--function-label-negative);
   margin-inline-start: 2px;
 }
-._srOnly_1dneb_45 {
+._srOnly_1x709_45 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -1271,7 +1280,7 @@
   white-space: nowrap;
   border: 0;
 }
-._trigger_1dneb_58 {
+._trigger_1x709_58 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1282,34 +1291,36 @@
   font: inherit;
   text-align: start;
 }
-._trigger_1dneb_58:hover:not(:disabled),
-._trigger_1dneb_58:active:not(:disabled) {
+._trigger_1x709_58:hover:not(:disabled),
+._trigger_1x709_58:active:not(:disabled) {
   background: var(--neutral-container-lowest-hover);
   border-color: var(--neutral-border-opaque-strong);
 }
-._trigger_1dneb_58:focus-visible {
+._trigger_1x709_58 {
+}
+._trigger_1x709_58:focus,
+._trigger_1x709_58:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 1px #006aff;
 }
-._trigger_1dneb_58 {
+._trigger_1x709_58 {
 }
-._trigger_1dneb_58:disabled,
-._trigger_1dneb_58[data-disabled] {
+._trigger_1x709_58:disabled,
+._trigger_1x709_58[data-disabled] {
   cursor: not-allowed;
   color: var(--neutral-label-tertiary);
 }
-._trigger_1dneb_58 {
+._trigger_1x709_58 {
 }
-._trigger_1dneb_58[data-state=open] ._icon_1dneb_91 {
+._trigger_1x709_58[data-state=open] ._icon_1x709_94 {
   transform: rotate(180deg);
 }
-._trigger_1dneb_58 ._icon_1dneb_91 {
+._trigger_1x709_58 ._icon_1x709_94 {
   transition: transform 120ms ease;
   flex-shrink: 0;
   display: flex;
   align-items: center;
 }
-._trigger_1dneb_58[data-trigger-type=select-field] {
+._trigger_1x709_58[data-trigger-type=select-field] {
   border-radius: var(--lp-sys-radius-m);
   background: var(--neutral-container-lowest);
   font-family:
@@ -1321,47 +1332,47 @@
   line-height: var(--lp-pri-font-lineheight-130);
   color: var(--neutral-label-primary);
 }
-._trigger_1dneb_58[data-trigger-type=select-field][data-size=s] {
+._trigger_1x709_58[data-trigger-type=select-field][data-size=s] {
   height: 32px;
   padding-inline: var(--lp-sys-padding-component-200);
 }
-._trigger_1dneb_58[data-trigger-type=select-field][data-size=m] {
+._trigger_1x709_58[data-trigger-type=select-field][data-size=m] {
   height: 40px;
   padding-inline: var(--lp-sys-padding-component-300);
 }
-._trigger_1dneb_58[data-trigger-type=select-field][data-size=l] {
-  height: 52px;
+._trigger_1x709_58[data-trigger-type=select-field][data-size=l] {
+  height: 45px;
   padding-inline-start: var(--lp-sys-padding-component-400);
   padding-inline-end: var(--lp-sys-padding-component-300);
 }
-._trigger_1dneb_58[data-trigger-type=select-field] {
+._trigger_1x709_58[data-trigger-type=select-field] {
 }
-._trigger_1dneb_58[data-trigger-type=select-field][data-placeholder] {
+._trigger_1x709_58[data-trigger-type=select-field][data-placeholder] {
   color: var(--neutral-label-tertiary);
 }
-._trigger_1dneb_58[data-trigger-type=select-field] {
+._trigger_1x709_58[data-trigger-type=select-field] {
 }
-._trigger_1dneb_58[data-trigger-type=select-field]:disabled,
-._trigger_1dneb_58[data-trigger-type=select-field][data-disabled] {
+._trigger_1x709_58[data-trigger-type=select-field]:disabled,
+._trigger_1x709_58[data-trigger-type=select-field][data-disabled] {
   background: var(--neutral-container-mid);
   border-color: var(--neutral-border-opaque-subtle);
 }
-._trigger_1dneb_58 > span:not([class]) {
+._trigger_1x709_58 > span:not([class]) {
   flex: 1;
   min-width: 0;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-._triggerButton_1dneb_155 {
+._triggerButton_1x709_159 {
 }
-._triggerButton_1dneb_155 > span {
+._triggerButton_1x709_159 > span {
   width: 100%;
   justify-content: space-between !important;
 }
-._triggerButton_1dneb_155 {
+._triggerButton_1x709_159 {
 }
-._triggerButton_1dneb_155 span:not([class]) {
+._triggerButton_1x709_159 span:not([class]) {
   flex: 1;
   min-width: 0;
   text-align: start;
@@ -1369,33 +1380,33 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-._triggerButton_1dneb_155 {
+._triggerButton_1x709_159 {
 }
-._triggerButton_1dneb_155[data-state=open] svg:last-child {
+._triggerButton_1x709_159[data-state=open] svg:last-child {
   transform: rotate(180deg);
 }
-._triggerButton_1dneb_155 svg:last-child {
+._triggerButton_1x709_159 svg:last-child {
   transition: transform 120ms ease;
 }
-._root_1dneb_3[data-error] ._trigger_1dneb_58[data-trigger-type=select-field] {
+._root_1x709_3[data-error] ._trigger_1x709_58[data-trigger-type=select-field] {
   outline: 1px solid var(--function-label-negative);
   border-color: var(--function-label-negative);
 }
-._trigger_1dneb_58 svg path,
-._triggerButton_1dneb_155 svg path {
+._trigger_1x709_58 svg path,
+._triggerButton_1x709_159 svg path {
   fill: currentColor !important;
 }
-._errorMessage_1dneb_199 {
+._errorMessage_1x709_203 {
   display: flex;
   align-items: center;
   gap: var(--lp-sys-gap-positive-100);
   padding-block-start: var(--lp-sys-padding-component-100);
 }
-._errorText_1dneb_207 {
+._errorText_1x709_211 {
   margin: 0;
   line-height: 1;
 }
-._content_1dneb_216 {
+._content_1x709_220 {
   max-width: var(--radix-select-content-available-width);
   max-height: var(--radix-select-content-available-height);
   transform-origin: var(--radix-select-content-transform-origin);
@@ -1407,20 +1418,35 @@
   overflow: hidden;
   z-index: 1000;
 }
-._content_1dneb_216[data-state=open] {
-  animation: _fadeScaleIn_1dneb_1 120ms ease-out;
+._content_1x709_220[data-state=open] {
+  animation: _fadeScaleIn_1x709_1 120ms ease-out;
 }
-._content_1dneb_216[data-trigger-type=select-field] {
+._content_1x709_220[data-trigger-type=select-field] {
   width: var(--radix-select-trigger-width);
 }
-._content_1dneb_216[data-trigger-type=select-button] {
+._content_1x709_220[data-trigger-type=select-button] {
   width: 320px;
 }
-._viewport_1dneb_238 {
+._viewport_1x709_251 {
   max-height: 268px;
-  overflow-y: auto;
+  overflow-y: auto !important;
+  scrollbar-width: thin !important;
+  scrollbar-color: var(--neutral-fill-overlay-mid) transparent;
 }
-@keyframes _fadeScaleIn_1dneb_1 {
+._viewport_1x709_251::-webkit-scrollbar {
+  display: block !important;
+  width: 7px;
+}
+._viewport_1x709_251::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+._viewport_1x709_251::-webkit-scrollbar-thumb {
+  background-color: var(--neutral-fill-overlay-mid);
+  border: 2px solid transparent;
+  background-clip: padding-box;
+  border-radius: 7px;
+}
+@keyframes _fadeScaleIn_1x709_1 {
   from {
     opacity: 0;
     transform: scale(0.95);
@@ -1430,7 +1456,7 @@
     transform: scale(1);
   }
 }
-._selectItem_1dneb_254 {
+._selectItem_1x709_283 {
   display: flex;
   align-items: center;
   gap: var(--lp-sys-gap-positive-150);
@@ -1441,57 +1467,60 @@
   cursor: pointer;
   outline: none;
 }
-._selectItem_1dneb_254 span:not([class]) {
+._selectItem_1x709_283 span:not([class]) {
   display: none;
 }
-._selectItem_1dneb_254[data-disabled] {
+._selectItem_1x709_283[data-disabled] {
   cursor: not-allowed;
   color: var(--neutral-label-tertiary);
 }
-._selectItem_1dneb_254:hover:not([data-disabled]),
-._selectItem_1dneb_254[data-highlighted] {
+._selectItem_1x709_283:hover:not([data-disabled]),
+._selectItem_1x709_283[data-highlighted] {
   background: var(--neutral-fill-overlay-low);
 }
-._selectItem_1dneb_254:active:not([data-disabled]) {
+._selectItem_1x709_283:active:not([data-disabled]) {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._selectItem_1dneb_254 {
+._selectItem_1x709_283 {
 }
-._selectItem_1dneb_254:focus-visible {
+._selectItem_1x709_283:focus-visible:not(:hover) {
   background: var(--neutral-container-low);
   box-shadow: inset 0 0 0 1px #006aff;
 }
-._selectItem_1dneb_254[data-state=checked] {
+._selectItem_1x709_283[data-state=checked] {
   padding-inline-end: var(--lp-sys-padding-component-200);
 }
-._selectItem_1dneb_254[data-state=checked] ._itemLabel_1dneb_296 {
+._selectItem_1x709_283 [data-zone=leading] {
+  align-self: flex-start;
+}
+._selectItem_1x709_283[data-state=checked] ._itemLabel_1x709_335 {
   color: var(--brand-label-primary) !important;
   font-weight: var(--lp-pri-font-weight-500);
 }
-._itemIndicator_1dneb_301 {
+._itemIndicator_1x709_340 {
   flex-shrink: 0;
   display: flex;
   align-items: center;
 }
-._trailingSlot_1dneb_309 p,
+._trailingSlot_1x709_348 p,
 [data-zone=leading] p {
   margin: 0;
 }
-._selectItem_1dneb_254[data-state=checked] ._trailingSlot_1dneb_309 {
+._selectItem_1x709_283[data-state=checked] ._trailingSlot_1x709_348 {
   display: none;
 }
-._group_1dneb_322 {
+._group_1x709_361 {
   display: flex;
   flex-direction: column;
 }
-._group_1dneb_322:not(:last-child) {
+._group_1x709_361:not(:last-child) {
   border-block-end: 1px solid var(--neutral-border-overlay-normal);
   padding-block-end: var(--lp-sys-padding-component-150);
 }
-._group_1dneb_322 + ._group_1dneb_322 {
+._group_1x709_361 + ._group_1x709_361 {
   padding-block-start: var(--lp-sys-padding-component-150);
 }
-._groupLabel_1dneb_337 {
+._groupLabel_1x709_376 {
   display: block;
   margin: 0;
   padding-block: var(--lp-sys-padding-component-150);
@@ -1499,26 +1528,25 @@
   padding-inline-end: var(--lp-sys-padding-component-150);
 }
 @media (prefers-reduced-motion: reduce) {
-  ._trigger_1dneb_58 ._icon_1dneb_91 {
+  ._trigger_1x709_58 ._icon_1x709_94 {
     transition: none;
   }
-  ._content_1dneb_216[data-state=open] {
+  ._content_1x709_220[data-state=open] {
     animation: none;
   }
 }
 @media (forced-colors: active) {
-  ._trigger_1dneb_58 {
+  ._trigger_1x709_58 {
     border: 1px solid ButtonText;
   }
-  ._trigger_1dneb_58:focus-visible {
+  ._trigger_1x709_58:focus-visible {
     outline: 2px solid Highlight;
   }
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/ListItem/primitive/style.module.scss */
-._root_xnwdb_2 {
+._root_1y0m7_2 {
   display: flex;
-  align-items: center;
   gap: var(--lp-sys-gap-positive-150);
   width: 100%;
   cursor: pointer;
@@ -1528,24 +1556,26 @@
   border-radius: var(--lp-sys-radius-s);
   background: var(--neutral-fill-overlay-lowest);
 }
-._root_xnwdb_2:hover {
+._root_1y0m7_2:hover {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._root_xnwdb_2[data-highlighted] {
+._root_1y0m7_2[data-highlighted] {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._root_xnwdb_2:active {
+._root_1y0m7_2:active {
   background: var(--neutral-fill-overlay-lowest-hover);
 }
-._root_xnwdb_2:focus-visible {
+._root_1y0m7_2 {
+}
+._root_1y0m7_2:focus-visible:not(:hover) {
   outline: none;
   background: var(--neutral-fill-overlay-lowest-hover);
   box-shadow: 0 0 0 1px #006aff;
 }
-._root_xnwdb_2[data-state=checked] {
+._root_1y0m7_2[data-state=checked] {
   background: var(--neutral-fill-overlay-low);
 }
-._root_xnwdb_2[data-disabled] {
+._root_1y0m7_2[data-disabled] {
   background: transparent;
   cursor: not-allowed;
 }

package/lib/index.js

@@ -1459,33 +1459,34 @@ import { IconInfo, IconArrowDownward, IconCheckMark as IconCheckMark2 } from "@l
 
 // src/components/ListItem/style.module.scss
 var style_module_default12 = {
-  "label": "_label_fx7ty_6",
-  "main": "_main_fx7ty_6",
-  "labelRow": "_labelRow_fx7ty_6",
-  "labelEnd": "_labelEnd_fx7ty_6",
-  "description": "_description_fx7ty_6"
+  "root": "_root_mmjcv_9",
+  "label": "_label_mmjcv_6",
+  "main": "_main_mmjcv_6",
+  "labelRow": "_labelRow_mmjcv_6",
+  "labelEnd": "_labelEnd_mmjcv_6",
+  "description": "_description_mmjcv_6"
 };
 
 // src/components/Select/style.module.scss
 var style_module_default13 = {
-  "root": "_root_1dneb_3",
-  "label": "_label_1dneb_35",
-  "requiredMark": "_requiredMark_1dneb_40",
-  "srOnly": "_srOnly_1dneb_45",
-  "trigger": "_trigger_1dneb_58",
-  "icon": "_icon_1dneb_91",
-  "triggerButton": "_triggerButton_1dneb_155",
-  "errorMessage": "_errorMessage_1dneb_199",
-  "errorText": "_errorText_1dneb_207",
-  "content": "_content_1dneb_216",
-  "fadeScaleIn": "_fadeScaleIn_1dneb_1",
-  "viewport": "_viewport_1dneb_238",
-  "selectItem": "_selectItem_1dneb_254",
-  "itemLabel": "_itemLabel_1dneb_296",
-  "itemIndicator": "_itemIndicator_1dneb_301",
-  "trailingSlot": "_trailingSlot_1dneb_309",
-  "group": "_group_1dneb_322",
-  "groupLabel": "_groupLabel_1dneb_337"
+  "root": "_root_1x709_3",
+  "label": "_label_1x709_35",
+  "requiredMark": "_requiredMark_1x709_40",
+  "srOnly": "_srOnly_1x709_45",
+  "trigger": "_trigger_1x709_58",
+  "icon": "_icon_1x709_94",
+  "triggerButton": "_triggerButton_1x709_159",
+  "errorMessage": "_errorMessage_1x709_203",
+  "errorText": "_errorText_1x709_211",
+  "content": "_content_1x709_220",
+  "fadeScaleIn": "_fadeScaleIn_1x709_1",
+  "viewport": "_viewport_1x709_251",
+  "selectItem": "_selectItem_1x709_283",
+  "itemLabel": "_itemLabel_1x709_335",
+  "itemIndicator": "_itemIndicator_1x709_340",
+  "trailingSlot": "_trailingSlot_1x709_348",
+  "group": "_group_1x709_361",
+  "groupLabel": "_groupLabel_1x709_376"
 };
 
 // src/components/Select/index.tsx
@@ -1933,7 +1934,7 @@ import clsx15 from "clsx";
 
 // src/components/ListItem/primitive/style.module.scss
 var style_module_default14 = {
-  "root": "_root_xnwdb_2"
+  "root": "_root_1y0m7_2"
 };
 
 // src/components/ListItem/primitive/index.tsx
@@ -2019,7 +2020,7 @@ var ListItem = forwardRef16(
       trailingSlot,
       disabled,
       onClick,
-      className: clsx16(className),
+      className: clsx16(style_module_default12.root, className),
       "data-danger": danger ? "" : void 0,
       children: /* @__PURE__ */ jsxs10("div", { className: style_module_default12.main, children: [
         /* @__PURE__ */ jsxs10("div", { className: style_module_default12.labelRow, children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/prism",
-  "version": "3.5.1",
+  "version": "3.5.3",
   "type": "module",
   "sideEffects": false,
   "dependencies": {
@@ -22,8 +22,8 @@
     "vaul": "1.1.2",
     "@liner-fe/design-token": "^3.0.5",
     "@liner-fe/design-token-primitive": "^0.2.50",
-    "@liner-fe/illust": "^1.0.1",
-    "@liner-fe/icon": "^2.0.23"
+    "@liner-fe/icon": "^2.0.23",
+    "@liner-fe/illust": "^1.0.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.5.0",