@liner-fe/prism 1.12.17 → 1.12.19

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

@@ -0,0 +1,23 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { IconProps } from '../Icon';
+import { ComponentProps, ComponentPropsWithoutRef } from 'react';
+interface SelectProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Root> {
+    id?: string;
+    placeholder?: string;
+    label?: string;
+    labelChip?: string;
+    listLabel?: string;
+    popSide?: ComponentProps<typeof SelectPrimitive.Content>['side'];
+    sideOffset?: ComponentProps<typeof SelectPrimitive.Content>['sideOffset'];
+    isOverlay?: boolean;
+    openDirection?: 'slide-up' | 'slide-right';
+}
+export interface SelectItemProps {
+    value: string;
+    disabled?: boolean;
+    icon?: IconProps;
+}
+export declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<never>> & {
+    Item: ({ value, disabled, icon }: SelectItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};

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

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef } from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import { IconKey } from '../../type';
+interface Range {
+    text: string;
+    icon: IconKey;
+}
+interface SliderRootProps extends ComponentPropsWithoutRef<typeof SliderPrimitive.Root> {
+    label?: string;
+    tooltip?: string;
+    rangeLeft: Range;
+    rangeRight: Range;
+}
+export declare const Slider: import("react").ForwardRefExoticComponent<SliderRootProps & import("react").RefAttributes<HTMLSpanElement>>;
+export {};

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

@@ -16,6 +16,7 @@ interface LabelProps extends ComponentPropsWithoutRef<typeof LabelPrimitive.Root
     offset?: 'high' | 'medium' | 'low';
     disabled?: boolean;
     error?: boolean;
+    chip?: string;
 }
 export declare const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<HTMLLabelElement>>;
 export {};

package/lib/hooks/media.d.ts

@@ -0,0 +1 @@
+export declare const useMediaQuery: (query: string) => boolean | undefined;

package/lib/index.css

@@ -802,97 +802,113 @@
 }
 
 /* esbuild-sass-plugin:css-chunk:src/components/_Label/style.module.scss */
-._label_tblhc_1 {
+._label-wrapper_ayib1_1 {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--lp-sys-gap-positive-200);
+}
+._label_ayib1_1 {
+  position: relative;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   color: var(--neutral-label-primary);
 }
-._label_tblhc_1:has([disabled]) {
+._label_ayib1_1:has([disabled]) {
   color: var(--neutral-label-tertiary);
   cursor: not-allowed;
 }
-._label_tblhc_1:has([disabled]) > div > p {
+._label_ayib1_1:has([disabled]) > div > p {
   color: var(--neutral-label-tertiary);
 }
-._label_tblhc_1._error_tblhc_14 {
+._label_ayib1_1._error_ayib1_21 {
   color: var(--function-label-negative);
 }
-._primary_tblhc_18 {
+._primary_ayib1_25 {
   color: var(--neutral-label-primary);
 }
-._primary_tblhc_18:has([disabled]) {
+._primary_ayib1_25:has([disabled]) {
   color: var(--neutral-label-tertiary);
   cursor: not-allowed;
 }
-._primary_tblhc_18._error_tblhc_14 {
+._primary_ayib1_25._error_ayib1_21 {
   color: var(--function-label-negative);
 }
-._secondary_tblhc_29 {
+._secondary_ayib1_36 {
   color: var(--neutral-label-secondary);
 }
-._secondary_tblhc_29:has([disabled]) {
+._secondary_ayib1_36:has([disabled]) {
   color: var(--neutral-label-tertiary);
   cursor: not-allowed;
 }
-._secondary_tblhc_29._error_tblhc_14 {
+._secondary_ayib1_36._error_ayib1_21 {
   color: var(--function-label-negative);
 }
-._top_tblhc_40 {
+._top_ayib1_47 {
   flex-direction: column;
 }
-._top_tblhc_40._l_tblhc_1._offset-high_tblhc_43 {
+._top_ayib1_47._l_ayib1_1._offset-high_ayib1_50 {
   gap: var(--lp-sys-padding-component-400);
 }
-._top_tblhc_40._l_tblhc_1._offset-medium_tblhc_46 {
+._top_ayib1_47._l_ayib1_1._offset-medium_ayib1_53 {
   gap: var(--lp-sys-padding-component-300);
 }
-._top_tblhc_40._l_tblhc_1._offset-low_tblhc_49 {
+._top_ayib1_47._l_ayib1_1._offset-low_ayib1_56 {
   gap: var(--lp-sys-padding-component-300);
 }
-._top_tblhc_40._m_tblhc_52._offset-high_tblhc_43 {
+._top_ayib1_47._m_ayib1_59._offset-high_ayib1_50 {
   gap: var(--lp-sys-padding-component-300);
 }
-._top_tblhc_40._m_tblhc_52._offset-medium_tblhc_46 {
+._top_ayib1_47._m_ayib1_59._offset-medium_ayib1_53 {
   gap: var(--lp-sys-padding-component-200);
 }
-._top_tblhc_40._m_tblhc_52._offset-low_tblhc_49 {
+._top_ayib1_47._m_ayib1_59._offset-low_ayib1_56 {
   gap: var(--lp-sys-padding-component-150);
 }
-._top_tblhc_40._s_tblhc_29._offset-high_tblhc_43 {
+._top_ayib1_47._s_ayib1_36._offset-high_ayib1_50 {
   gap: var(--lp-sys-padding-component-200);
 }
-._top_tblhc_40._s_tblhc_29._offset-medium_tblhc_46 {
+._top_ayib1_47._s_ayib1_36._offset-medium_ayib1_53 {
   gap: var(--lp-sys-padding-component-150);
 }
-._top_tblhc_40._s_tblhc_29._offset-low_tblhc_49 {
+._top_ayib1_47._s_ayib1_36._offset-low_ayib1_56 {
   gap: var(--lp-sys-padding-component-100);
 }
-._right_tblhc_71 {
+._right_ayib1_78 {
   flex-direction: row-reverse;
 }
-._right_tblhc_71._l_tblhc_1._offset-medium_tblhc_46 {
+._right_ayib1_78._l_ayib1_1._offset-medium_ayib1_53 {
   gap: var(--lp-sys-padding-component-300);
 }
-._right_tblhc_71._l_tblhc_1._offset-low_tblhc_49 {
+._right_ayib1_78._l_ayib1_1._offset-low_ayib1_56 {
   gap: var(--lp-sys-padding-component-200);
 }
-._right_tblhc_71._m_tblhc_52._offset-medium_tblhc_46 {
+._right_ayib1_78._m_ayib1_59._offset-medium_ayib1_53 {
   gap: var(--lp-sys-padding-component-200);
 }
-._right_tblhc_71._m_tblhc_52._offset-low_tblhc_49 {
+._right_ayib1_78._m_ayib1_59._offset-low_ayib1_56 {
   gap: var(--lp-sys-padding-component-150);
 }
-._right_tblhc_71._s_tblhc_29._offset-medium_tblhc_46 {
+._right_ayib1_78._s_ayib1_36._offset-medium_ayib1_53 {
   gap: var(--lp-sys-padding-component-150);
 }
-._right_tblhc_71._s_tblhc_29._offset-low_tblhc_49 {
+._right_ayib1_78._s_ayib1_36._offset-low_ayib1_56 {
   gap: var(--lp-sys-padding-component-100);
 }
-._disabled_tblhc_93 {
+._disabled_ayib1_100 {
   color: var(--neutral-label-tertiary);
   cursor: not-allowed;
 }
+._label-chip_ayib1_105 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--brand-label-primary);
+  padding: 0 var(--lp-sys-padding-component-150);
+  border: 1px solid var(--brand-label-primary);
+  border-radius: var(--lp-sys-radius-xs);
+  transform: translateY(-5%);
+}
 
 /* esbuild-sass-plugin:css-chunk:src/components/Radio/style.module.scss */
 ._radio_xppn4_1 {
@@ -1097,5 +1113,362 @@
 ._character_ylsn9_157 {
   color: var(--neutral-label-secondary);
 }
+
+/* esbuild-sass-plugin:css-chunk:src/components/Slider/style.module.scss */
+._label_b1fp2_1 {
+  color: var(--neutral-label-secondary);
+  padding-bottom: var(--lp-sys-padding-component-300);
+}
+._optionText_b1fp2_6 {
+  color: var(--neutral-label-primary);
+}
+._slider-wrapper_b1fp2_10 {
+  display: flex;
+  align-items: center;
+  gap: var(--lp-sys-gap-positive-400);
+}
+._slider-option-wrapper_b1fp2_16 {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--lp-sys-gap-positive-100);
+}
+._slider-root_b1fp2_22 {
+  position: relative;
+  display: flex;
+  align-items: center;
+  -webkit-user-select: none;
+  user-select: none;
+  touch-action: none;
+  width: 136px;
+  height: 20px;
+  padding: var(--lp-sys-padding-component-200) 0;
+}
+._slider-track_b1fp2_33 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 var(--lp-pri-size-2);
+  background-color: var(--neutral-container-highest);
+  position: relative;
+  flex-grow: 1;
+  border-radius: var(--lp-sys-radius-xs);
+  height: 8px;
+  z-index: 0;
+}
+._slider-range_b1fp2_46 {
+  position: absolute;
+  background-color: none;
+  border-radius: 9999px;
+  height: 100%;
+}
+._slider-thumb_b1fp2_53 {
+  box-sizing: border-box;
+  position: relative;
+  display: block;
+  width: 20px;
+  height: 20px;
+  background-color: var(--neutral-container-lowest);
+  border: 2px solid var(--brand-border-opaque-normal);
+  border-radius: 20px;
+}
+._slider-thumb_b1fp2_53:hover {
+  background-color: var(--function-container-selection);
+}
+._slider-thumb_b1fp2_53:focus {
+  outline: none;
+  border: 2px solid var(--brand-border-opaque-normal);
+}
+._slider-step_b1fp2_71 {
+  width: var(--lp-pri-size-4);
+  height: var(--lp-pri-size-4);
+  border-radius: 9999px;
+  background: var(--brand-container-mid);
+  z-index: 1;
+}
+
+/* esbuild-sass-plugin:css-chunk:src/components/Select/style.module.scss */
+@-webkit-keyframes _slide-up_105lv_218 {
+  0% {
+    transform: translateY(3%);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes _slide-up_105lv_218 {
+  0% {
+    transform: translateY(3%);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@-webkit-keyframes _slide-down_105lv_222 {
+  0% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+  100% {
+    transform: translateY(50%);
+    opacity: 0;
+  }
+}
+@keyframes _slide-down_105lv_222 {
+  0% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+  100% {
+    transform: translateY(50%);
+    opacity: 0;
+  }
+}
+@-webkit-keyframes _slide-in-right_105lv_226 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateX(1000px);
+    transform: translateX(1000px);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+@keyframes _slide-in-right_105lv_226 {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateX(1000px);
+    transform: translateX(1000px);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+@-webkit-keyframes _slide-out-right_105lv_230 {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateX(1000px);
+    transform: translateX(1000px);
+  }
+}
+@keyframes _slide-out-right_105lv_230 {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateX(1000px);
+    transform: translateX(1000px);
+  }
+}
+._select-label_105lv_101 {
+  padding-bottom: var(--lp-sys-padding-component-300);
+}
+._trigger_105lv_105 {
+  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-lowest);
+  outline: none;
+  min-width: 0;
+}
+._trigger_105lv_105 > span:not([aria-hidden]) {
+  text-align: left;
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+._trigger_105lv_105 > span[aria-hidden] {
+  flex: 0 1 0;
+}
+._trigger_105lv_105 > span > svg {
+  transition: transform 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
+}
+._trigger_105lv_105[data-state=open] {
+  border-color: var(--neutral-border-opaque-strong);
+}
+._trigger_105lv_105[data-state=open] > span > svg {
+  transform: rotate(180deg);
+}
+._placeholder_105lv_137 {
+  width: 100%;
+}
+._openIcon_105lv_141 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+@keyframes _slide-up_105lv_218 {
+  0% {
+    transform: translateY(3%);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+._desktop-content_105lv_157 {
+  box-sizing: border-box;
+  transform: translateX(-0.5%);
+  padding: var(--lp-sys-padding-component-200);
+  padding-bottom: 0;
+  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);
+}
+._desktop-content_105lv_157[data-state=open] {
+  -webkit-animation: _slide-up_105lv_218 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
+  animation: _slide-up_105lv_218 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
+}
+@media screen and (max-width: 600px) {
+  ._desktop-content_105lv_157 {
+    display: none !important;
+  }
+}
+._header_105lv_177 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--lp-sys-gap-positive-200);
+  padding-bottom: var(--lp-sys-padding-component-300);
+}
+._mobile-overlay_105lv_185 {
+  display: none;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: -1;
+}
+@media screen and (max-width: 600px) {
+  ._mobile-overlay_105lv_185[data-aria-hidden=true] {
+    display: block;
+  }
+}
+._mobile-content_105lv_201 {
+  display: none !important;
+  position: fixed;
+  width: 100%;
+  left: 0;
+  bottom: 0;
+  padding: var(--lp-sys-padding-component-300) var(--lp-sys-padding-component-400);
+  padding-bottom: 34px;
+  border-radius: var(--lp-sys-radius-xl) var(--lp-sys-radius-xl) 0 0;
+  background: var(--neutral-container-lowest);
+  z-index: 1;
+}
+@media screen and (max-width: 600px) {
+  ._mobile-content_105lv_201 {
+    display: block !important;
+  }
+}
+._mobile-content_105lv_201._slide-up_105lv_218 {
+  -webkit-animation: _slide-up_105lv_218 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
+  animation: _slide-up_105lv_218 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
+}
+._mobile-content_105lv_201._slide-down_105lv_222 {
+  -webkit-animation: _slide-down_105lv_222 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
+  animation: _slide-down_105lv_222 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
+}
+._mobile-content_105lv_201._slide-in-right_105lv_226 {
+  -webkit-animation: _slide-in-right_105lv_226 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both;
+  animation: _slide-in-right_105lv_226 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both;
+}
+._mobile-content_105lv_201._slide-out-right_105lv_230 {
+  -webkit-animation: _slide-out-right_105lv_230 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s both;
+  animation: _slide-out-right_105lv_230 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s both;
+}
+._mobile-viewport_105lv_235 {
+  max-height: 80vh;
+}
+._scrollAreaRoot_105lv_239 {
+  width: 100%;
+  height: 100%;
+}
+._scrollAreaViewport_105lv_244 {
+  width: 100%;
+  height: 100%;
+  max-height: 290px;
+  padding-bottom: var(--lp-sys-padding-component-150);
+}
+._scrollAreaScrollbar_105lv_251 {
+  width: var(--lp-pri-size-4);
+  padding: 5px 2px;
+}
+._scrollAreaThumb_105lv_256 {
+  background: var(--neutral-fill-high);
+  border-radius: var(--radius-xxl);
+}
+._desktop-label_105lv_261 {
+  padding: var(--lp-sys-padding-component-200);
+  padding-bottom: var(--lp-sys-padding-component-150);
+}
+._mobile-label_105lv_266 {
+  transform: translateY(6%);
+  text-align: center;
+  font-weight: var(--lp-pri-font-weight-700) !important;
+  font-size: var(--lp-pri-size-16) !important;
+  line-height: var(--lp-pri-font-lineheight-150) !important;
+}
+._item_105lv_274 {
+  display: flex;
+  align-items: center;
+  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-200);
+}
+._item_105lv_274:focus {
+  background: var(--neutral-fill-lowest-hover);
+  outline: none;
+}
+._item_105lv_274[data-state=checked] > span > p {
+  color: var(--brand-label-primary);
+  font-weight: var(--lp-pri-font-weight-700);
+}
+._item_105lv_274[data-disabled] {
+  pointer-events: none;
+}
+._item_105lv_274 > span:nth-child(1) {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  width: 100%;
+}
+._icon_105lv_302 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+._itemIndicator_105lv_308 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 /*! For license information please see index.css.LEGAL.txt */
 /*# sourceMappingURL=index.css.map */