@willphan1712000/frontend 1.0.0 → 1.0.2

package/index.ts

@@ -10,4 +10,7 @@ export { default as OptionSlider } from './src/components/OptionSlider/OptionSli
 export type { Options as SliderOptions } from './src/components/OptionSlider/OptionSlider';
 
 // ColorPickerSlider
-export { default as ColorPickerSlider } from './src/components/ColorPickerSlider/ColorPickerSlider';
+export { default as ColorPickerSlider } from './src/components/ColorPickerSlider/ColorPickerSlider';
+
+// MultiSelect
+export { default as MultiSelect } from './src/components/MultiSelect/MultiSelect';

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@willphan1712000/frontend",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Frontend Library",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "scripts": {
-    "watch": "tsup --watch",
+    "dev": "tsup --watch",
     "build": "tsup"
   },
   "peerDependencies": {

package/dist/index.css

@@ -1,233 +0,0 @@
-/* scss-module:/home/runner/work/project-will-frontend/project-will-frontend/src/components/DropdownSelect/dropdownSelect.module.css/#scss-module-data */
-* {
-  margin: 0;
-  padding: 0;
-}
-.dropdownSelect-module__select_box___Q8S31 {
-  border-radius: 10px;
-  border: solid 1px #dadada;
-  padding: 5px 10px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  cursor: pointer;
-}
-.dropdownSelect-module__value___izaXQ {
-  margin-right: auto;
-}
-.dropdownSelect-module__close___axGDo {
-  border-radius: 50%;
-  width: 20px;
-  height: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.dropdownSelect-module__close___axGDo:hover {
-  background-color: #f0f0f0;
-}
-.dropdownSelect-module__element___Q56x3 {
-  display: flex;
-  padding: 5px;
-  border-radius: 10px;
-  justify-content: flex-start;
-  align-items: center;
-  cursor: pointer;
-}
-.dropdownSelect-module__element___Q56x3:hover {
-  background-color: #f0f0f0;
-}
-.dropdownSelect-module__dropdown___cjfHn {
-  position: absolute;
-  box-sizing: border-box;
-  width: 100%;
-  left: 0;
-  display: flex;
-  flex-direction: column;
-  border: solid 1px #dadada;
-  border-radius: 10px;
-  padding: 5px;
-  max-height: 300px;
-  overflow-y: auto;
-  background-color: white;
-}
-.dropdownSelect-module__search_border___xQU5q {
-  position: sticky;
-  top: 0;
-  left: 0;
-  box-sizing: border-box;
-  width: 100%;
-  background-color: white;
-}
-.dropdownSelect-module__search___kGmqs {
-  width: 100%;
-  border-radius: 5px;
-  padding: 5px;
-  border: solid 1px #dadada;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  box-sizing: border-box;
-}
-
-/* scss-module:/home/runner/work/project-will-frontend/project-will-frontend/src/components/RangeSlider/rangeSlider.module.css/#scss-module-data */
-* {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-}
-.rangeSlider-module__slider_border___CoeFx {
-  position: relative;
-  display: flex;
-  gap: 5px;
-  flex-direction: column;
-  height: 10px;
-}
-.rangeSlider-module__thumb___OnFSM {
-  width: 17px;
-  height: 17px;
-  cursor: pointer;
-  position: absolute;
-  border-radius: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 1;
-}
-.rangeSlider-module__thumb_shadow___L16TY {
-  content: "";
-  position: absolute;
-  top: -9px;
-  left: -9px;
-  width: 35px;
-  height: 35px;
-  opacity: 0.2;
-  z-index: -1;
-  border-radius: 50%;
-  scale: 0;
-  transition: scale 0.1s linear;
-}
-.rangeSlider-module__fill___urGCN {
-  position: absolute;
-  left: 0;
-  top: 0;
-  height: 100%;
-  border-radius: 5px;
-  cursor: pointer;
-}
-.rangeSlider-module__rest___pO2pi {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  opacity: 0.3;
-  width: 100%;
-  height: 70%;
-  border-radius: 5px;
-  cursor: pointer;
-}
-.rangeSlider-module__value___Evg0D {
-  position: absolute;
-  bottom: 30px;
-  left: 50%;
-  transform: translateX(-50%);
-  transform-origin: bottom left;
-  background-color: #f0f0f7;
-  border-radius: 5px;
-  padding: 5px;
-  scale: 0;
-  transition: scale 0.1s linear;
-}
-
-/* scss-module:/home/runner/work/project-will-frontend/project-will-frontend/src/components/OptionSlider/optionSlider.module.css/#scss-module-data */
-* {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-}
-.optionSlider-module__border___DvXkD {
-  border-radius: 10px;
-  overflow: auto;
-  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
-  aspect-ratio: 4;
-  display: flex;
-  flex-direction: row;
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-  position: relative;
-}
-.optionSlider-module__border___DvXkD::-webkit-scrollbar {
-  display: none;
-}
-.optionSlider-module__background___P6MQP {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  opacity: 0.3;
-}
-.optionSlider-module__options___OLBcd {
-  height: 100%;
-  padding: 5px;
-  gap: 5px;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  left: 0;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-}
-.optionSlider-module__element___obtjI {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-  width: auto;
-  height: 100%;
-  aspect-ratio: 1/1;
-  border-radius: 50%;
-  overflow: hidden;
-  border: solid 1px #000;
-}
-
-/* scss-module:/home/runner/work/project-will-frontend/project-will-frontend/src/components/ColorPickerSlider/colorPickerSlider.module.css/#scss-module-data */
-.colorPickerSlider-module__border___-6cw8 {
-  border-radius: 10px;
-  aspect-ratio: 20;
-  background:
-    linear-gradient(
-      to right,
-      hsl(0, 100%, 50%),
-      hsl(60, 100%, 50%),
-      hsl(120, 100%, 50%),
-      hsl(180, 100%, 50%),
-      hsl(240, 100%, 50%),
-      hsl(300, 100%, 50%),
-      hsl(0, 100%, 50%));
-  cursor: pointer;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-       appearance: none;
-  outline: none;
-  position: relative;
-}
-.colorPickerSlider-module__thumb___p2fHW {
-  border-radius: 50%;
-  aspect-ratio: 1;
-  position: absolute;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
-  border: solid 2px white;
-}
-.colorPickerSlider-module__label___Aa0AV {
-  position: absolute;
-  bottom: 200%;
-  transform: translateX(-50%);
-  border-radius: 5px;
-  padding: 5px;
-  font-size: 15px;
-  background: #f0f0f7;
-  transition: scale 0.1s linear;
-  scale: 0;
-  transform-origin: bottom left;
-}