w-design-system 0.0.28 → 0.0.30

package/.storybook/preview.ts

@@ -1,4 +1,5 @@
 import type { Preview } from "@storybook/react";
+import "../src/reset.css";
 
 const preview: Preview = {
   parameters: {

package/dist/components/DateRangePicker/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,6NAYxB,CAAA;AAED,eAAO,MAAM,oBAAoB,6NAKhC,CAAA;AAED,eAAO,MAAM,cAAc,6NAyB1B,CAAA;AACD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,WAAW,qPAmBvB,CAAA;AAED,MAAM,WAAW,kCAAkC;IACjD,KAAK,EAAE,OAAO,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;CAClB;AACD,eAAO,MAAM,6BAA6B,uQAiCzC,CAAA;AACD,eAAO,MAAM,gBAAgB,6NAO5B,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,6NAYxB,CAAA;AAED,eAAO,MAAM,oBAAoB,6NAKhC,CAAA;AAED,eAAO,MAAM,cAAc,6NAyB1B,CAAA;AACD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,WAAW,qPAkBvB,CAAA;AAED,MAAM,WAAW,kCAAkC;IACjD,KAAK,EAAE,OAAO,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;CAClB;AACD,eAAO,MAAM,6BAA6B,uQAiCzC,CAAA;AACD,eAAO,MAAM,gBAAgB,6NAO5B,CAAA"}

package/dist/components/DateRangePicker/styles.js

@@ -50,7 +50,6 @@ export const CalendarDay = styled.div `
   cursor: pointer;
   width: 36px;
   height: 36px;
-  box-sizing: border-box;
   color: ${({ isFirstSelected, isLastSelected }) => isFirstSelected || isLastSelected ? theme.colors.white : theme.colors.shade50};
 
   &:before {

package/dist/components/DateRangePicker/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;eAUvB,KAAK,CAAC,SAAS,CAAC,KAAK;WACzB,KAAK,CAAC,MAAM,CAAC,OAAO;CAC9B,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;eAC/B,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC;WAC/B,KAAK,CAAC,MAAM,CAAC,OAAO;;;CAG9B,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;eAIzB,KAAK,CAAC,SAAS,CAAC,KAAK;;;;;;;YAOxB,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;YAMpB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;YAMnB,KAAK,CAAC,MAAM,CAAC,OAAO;;CAE/B,CAAA;AAOD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAkB;;;;;;WAM5C,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/C,eAAe,IAAI,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;;MAS3E,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/C,KAAK,IAAI,CAAC,CAAC,eAAe,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC,qBAAqB,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;;CAEpG,CAAA;AAQD,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAoC;;sBAErE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,eAAe;;;;;mBAK7D,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE;IACvD,IAAI,eAAe,IAAI,cAAc;QAAE,OAAO,KAAK,CAAA;IACnD,IAAI,eAAe;QAAE,OAAO,aAAa,CAAA;IACzC,IAAI,cAAc;QAAE,OAAO,aAAa,CAAA;IACxC,OAAO,GAAG,CAAA;AACZ,CAAC;;;qBAGkB,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,IAAI,eAAe,IAAI,cAAc;QAAE,OAAO,KAAK,CAAA;IACnD,IAAI,eAAe;QAAE,OAAO,aAAa,CAAA;IACzC,IAAI,cAAc;QAAE,OAAO,aAAa,CAAA;IACxC,IAAI,QAAQ;QAAE,OAAO,GAAG,CAAA;IACxB,OAAO,KAAK,CAAA;AACd,CAAC;wBACmB,KAAK,CAAC,MAAM,CAAC,eAAe;;;;;;wBAM5B,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE,CAC1D,eAAe,IAAI,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa;;;;CAI5E,CAAA;AACD,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOzC,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;eAUvB,KAAK,CAAC,SAAS,CAAC,KAAK;WACzB,KAAK,CAAC,MAAM,CAAC,OAAO;CAC9B,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;eAC/B,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC;WAC/B,KAAK,CAAC,MAAM,CAAC,OAAO;;;CAG9B,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;eAIzB,KAAK,CAAC,SAAS,CAAC,KAAK;;;;;;;YAOxB,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;YAMpB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;YAMnB,KAAK,CAAC,MAAM,CAAC,OAAO;;CAE/B,CAAA;AAOD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAkB;;;;;WAK5C,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/C,eAAe,IAAI,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;;MAS3E,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/C,KAAK,IAAI,CAAC,CAAC,eAAe,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC,qBAAqB,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;;CAEpG,CAAA;AAQD,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAoC;;sBAErE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,eAAe;;;;;mBAK7D,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE;IACvD,IAAI,eAAe,IAAI,cAAc;QAAE,OAAO,KAAK,CAAA;IACnD,IAAI,eAAe;QAAE,OAAO,aAAa,CAAA;IACzC,IAAI,cAAc;QAAE,OAAO,aAAa,CAAA;IACxC,OAAO,GAAG,CAAA;AACZ,CAAC;;;qBAGkB,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,IAAI,eAAe,IAAI,cAAc;QAAE,OAAO,KAAK,CAAA;IACnD,IAAI,eAAe;QAAE,OAAO,aAAa,CAAA;IACzC,IAAI,cAAc;QAAE,OAAO,aAAa,CAAA;IACxC,IAAI,QAAQ;QAAE,OAAO,GAAG,CAAA;IACxB,OAAO,KAAK,CAAA;AACd,CAAC;wBACmB,KAAK,CAAC,MAAM,CAAC,eAAe;;;;;;wBAM5B,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE,CAC1D,eAAe,IAAI,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa;;;;CAI5E,CAAA;AACD,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOzC,CAAA"}

package/dist/components/Input/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAA;AAEjC,eAAO,MAAM,YAAY,6NAExB,CAAA;AAED,eAAO,MAAM,WAAW,sOAuBvB,CAAA;AAED,eAAO,MAAM,WAAW,sOAUvB,CAAA;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,kBAAkB,4PAY9B,CAAA;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,QAAQ,CAAA;IACf,OAAO,EAAE,QAAQ,CAAA;CAClB;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,2PAU7B,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAA;AAEjC,eAAO,MAAM,YAAY,6NAExB,CAAA;AAED,eAAO,MAAM,WAAW,sOA4BvB,CAAA;AAED,eAAO,MAAM,WAAW,sOAavB,CAAA;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,kBAAkB,4PAiB9B,CAAA;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,QAAQ,CAAA;IACf,OAAO,EAAE,QAAQ,CAAA;CAClB;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,2PAa7B,CAAA"}

package/dist/components/Input/styles.js

@@ -5,50 +5,63 @@ export const InputWrapper = styled.div `
 `;
 export const StyledInput = styled.input `
   width: 100%;
-  font-family: ${theme.fonts.join(', ')};
-  outline: none;
-  font-size: ${theme.paragraph.medium};
+
+  background-color: transparent;
   border: none;
+  outline: none;
+
   color: ${theme.colors.shade50};
-  z-index: 1;
-  background-color: transparent;
+
+  font-family: ${theme.fonts.join(', ')};
+  font-size: ${theme.paragraph.medium};
+
   &:active,
   &:focus {
     outline: none;
     border: none;
   }
+
   &::placeholder {
     color: ${theme.colors.shade30};
     font-size: ${theme.paragraph.medium};
     opacity: 1;
   }
+
   &:disabled {
-    background-color: transparent;;
+    background-color: transparent;
     cursor: not-allowed;
   }
 `;
 export const StyledLabel = styled.label `
   position: absolute;
+  color: ${theme.colors.shade50};
+
+  box-sizing: content-box;
   left: 15px;
   top: -8px;
   padding: 0 1px;
-  font-weight: 600;
-  font-size: ${theme.paragraph.small};
-  color: ${theme.colors.shade50};
+
   font-family: 'Nunito Sans', sans-serif;
+  font-size: ${theme.paragraph.small};
+  font-weight: 600;
   text-wrap: nowrap;
 `;
 export const StyledInputContent = styled.div `
   position: relative;
-  padding: 18px 16px 14px 16px;
+
   display: flex;
-  gap: 8px;
-  height: 22px;
   align-items: center;
   justify-content: space-between;
+
+  box-sizing: content-box;
+  padding: 18px 16px 14px 16px;
+  height: 22px;
+  gap: 8px;
   border-radius: 4px;
-  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
+
   background-color: ${({ disabled }) => disabled ? theme.colors.shade10 : theme.colors.white};
+
+  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
 `;
 /**
  * O clip-path faz com que o elemento fique transparente na região do label
@@ -57,9 +70,12 @@ export const StyledInputContent = styled.div `
  */
 export const StyledInputBorder = styled.div `
   position: absolute;
+
+  box-sizing: content-box;
   inset: 0px;
   border-radius: 4px;
   border: 1px solid ${theme.colors.shade20};
+
   clip-rule: evenodd;
   clip-path: path(
     '${({ label, content }) => `M ${content.x} ${content.y} l ${content.width} 0 l 0 ${content.height} l -${content.width} 0z M ${label.x} ${label.y} l 0 ${label.height} l ${label.width} 0 l 0 -${label.height}z`}'

package/dist/components/Input/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAGjC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;CAErC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;iBAEtB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;;eAExB,KAAK,CAAC,SAAS,CAAC,MAAM;;WAE1B,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;;aASlB,KAAK,CAAC,MAAM,CAAC,OAAO;iBAChB,KAAK,CAAC,SAAS,CAAC,MAAM;;;;;;;CAOtC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;eAMxB,KAAK,CAAC,SAAS,CAAC,KAAK;WACzB,KAAK,CAAC,MAAM,CAAC,OAAO;;;CAG9B,CAAA;AAMD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAyB;;;;;;;;;YASzD,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;sBACvE,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAC5D,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;CACvD,CAAA;AAOD;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;sBAI7C,KAAK,CAAC,MAAM,CAAC,OAAO;;;OAGnC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CACxB,KAAK,OAAO,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,MAAM,OAAO,CAAC,KAAK,UAAU,OAAO,CAAC,MAAM,OAAO,OAAO,CAAC,KAAK,SAAS,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,QAAQ,KAAK,CAAC,MAAM,MAAM,KAAK,CAAC,KAAK,WAAW,KAAK,CAAC,MAAM,GAAG;;CAEzL,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAGjC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;CAErC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;WAO5B,KAAK,CAAC,MAAM,CAAC,OAAO;;iBAEd,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;eACxB,KAAK,CAAC,SAAS,CAAC,MAAM;;;;;;;;;aASxB,KAAK,CAAC,MAAM,CAAC,OAAO;iBAChB,KAAK,CAAC,SAAS,CAAC,MAAM;;;;;;;;CAQtC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;WAE5B,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;eAQhB,KAAK,CAAC,SAAS,CAAC,KAAK;;;CAGnC,CAAA;AAMD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAyB;;;;;;;;;;;;;sBAa/C,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAC5D,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;YAE5C,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;CAC5F,CAAA;AAOD;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;sBAM7C,KAAK,CAAC,MAAM,CAAC,OAAO;;;;OAInC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CACxB,KAAK,OAAO,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,MAAM,OAAO,CAAC,KAAK,UAAU,OAAO,CAAC,MAAM,OAAO,OAAO,CAAC,KAAK,SAAS,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,QAAQ,KAAK,CAAC,MAAM,MAAM,KAAK,CAAC,KAAK,WAAW,KAAK,CAAC,MAAM,GAAG;;CAEzL,CAAA"}

package/dist/components/Select/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,6NAQzB,CAAA;AAED,eAAO,MAAM,QAAQ,6NASpB,CAAA;AAED,eAAO,MAAM,eAAe,6NAE3B,CAAA;AAGD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,YAAY,kQAqBxB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,6NAQzB,CAAA;AAED,eAAO,MAAM,QAAQ,6NAWpB,CAAA;AAED,eAAO,MAAM,eAAe,6NAG3B,CAAA;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,YAAY,kQA0BxB,CAAA"}

package/dist/components/Select/styles.js

@@ -11,30 +11,38 @@ export const SelectWrapper = styled.div `
 `;
 export const Dropdown = styled.div `
   position: absolute;
+
+  box-sizing: content-box;
   width: 252px;
+  margin-top: 7px;
   padding: 16px;
-  z-index: 1;
+
   border-radius: 4px;
   border: 1px solid ${theme.colors.shade20};
-  margin-top: 7px;
   box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
 `;
 export const DropdownWrapper = styled.div `
   position: relative;
+  z-index: ${theme.zIndex.z9};
 `;
 export const OptionButton = styled.button `
+  display: flex;
+
+  align-items: center;
+
+  color: ${({ selected }) => (selected ? theme.colors.cyan30 : theme.colors.shade40)};
   background-color: transparent;
   border: none;
-  font-size: ${theme.paragraph.medium};
-  font-family: 'Nunito Sans', sans-serif;
-  color: ${({ selected }) => (selected ? theme.colors.cyan30 : theme.colors.shade40)};
+
   cursor: pointer;
-  padding: 0;
-  width: 100%;
+
+  font-family: 'Nunito Sans', sans-serif;
+  font-size: ${theme.paragraph.medium};
   text-align: left;
+
   height: 46px;
-  display: flex;
-  align-items: center;
+  width: 100%;
+  padding: 0;
 
   &:not(:last-child) {
     border-bottom: 1px solid ${theme.colors.shade10};

package/dist/components/Select/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAEjC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQtC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;sBAMZ,KAAK,CAAC,MAAM,CAAC,OAAO;;;CAGzC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;CAExC,CAAA;AAOD,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAmB;;;eAG7C,KAAK,CAAC,SAAS,CAAC,MAAM;;WAE1B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;;;;;;;;;;+BAUrD,KAAK,CAAC,MAAM,CAAC,OAAO;;;;aAItC,KAAK,CAAC,MAAM,CAAC,MAAM;;CAE/B,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAEjC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQtC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;sBASZ,KAAK,CAAC,MAAM,CAAC,OAAO;;CAEzC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;aAE5B,KAAK,CAAC,MAAM,CAAC,EAAE;CAC3B,CAAA;AAMD,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAmB;;;;;WAKjD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;;;;;;;eAOrE,KAAK,CAAC,SAAS,CAAC,MAAM;;;;;;;;+BAQN,KAAK,CAAC,MAAM,CAAC,OAAO;;;;aAItC,KAAK,CAAC,MAAM,CAAC,MAAM;;CAE/B,CAAA"}

package/dist/index.d.ts

@@ -2,13 +2,13 @@ export { Banner } from './components/Banner/index';
 export { Button } from './components/Button/index';
 export { ButtonRadiusIcon } from './components/ButtonRadiusIcon/index';
 export { ButtonRound } from './components/ButtonRound/index';
-export { DatePicker as DateInput } from './components/DatePicker/index';
+export { DatePicker } from './components/DatePicker/index';
 export { IconWrapper } from './components/IconWrapper/index';
 export { Input } from './components/Input/index';
 export { Modal } from './components/Modal/index';
 export { Paginate } from './components/Paginate/index';
 export { Paragraph } from './components/Paragraph/index';
-export { DateRangePicker as RangeDateInput } from './components/DateRangePicker/index';
+export { DateRangePicker } from './components/DateRangePicker/index';
 export { Table } from './components/Table/index';
 export { Tabs } from './components/Tabs/index';
 export { theme } from './components/Themes/index';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,UAAU,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAA;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,eAAe,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAA;AACtF,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,cAAc,EACd,cAAc,EACd,eAAe,EACf,QAAQ,EACR,UAAU,EACV,WAAW,EACX,MAAM,EACN,OAAO,EACP,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,aAAa,EACb,UAAU,EACV,UAAU,EACV,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,GACR,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,cAAc,EACd,cAAc,EACd,eAAe,EACf,QAAQ,EACR,UAAU,EACV,WAAW,EACX,MAAM,EACN,OAAO,EACP,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,aAAa,EACb,UAAU,EACV,UAAU,EACV,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,GACR,MAAM,qBAAqB,CAAA"}

package/dist/index.js

@@ -2,13 +2,13 @@ export { Banner } from './components/Banner/index';
 export { Button } from './components/Button/index';
 export { ButtonRadiusIcon } from './components/ButtonRadiusIcon/index';
 export { ButtonRound } from './components/ButtonRound/index';
-export { DatePicker as DateInput } from './components/DatePicker/index';
+export { DatePicker } from './components/DatePicker/index';
 export { IconWrapper } from './components/IconWrapper/index';
 export { Input } from './components/Input/index';
 export { Modal } from './components/Modal/index';
 export { Paginate } from './components/Paginate/index';
 export { Paragraph } from './components/Paragraph/index';
-export { DateRangePicker as RangeDateInput } from './components/DateRangePicker/index';
+export { DateRangePicker } from './components/DateRangePicker/index';
 export { Table } from './components/Table/index';
 export { Tabs } from './components/Tabs/index';
 export { theme } from './components/Themes/index';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,UAAU,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAA;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,eAAe,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAA;AACtF,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,cAAc,EACd,cAAc,EACd,eAAe,EACf,QAAQ,EACR,UAAU,EACV,WAAW,EACX,MAAM,EACN,OAAO,EACP,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,aAAa,EACb,UAAU,EACV,UAAU,EACV,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,GACR,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,cAAc,EACd,cAAc,EACd,eAAe,EACf,QAAQ,EACR,UAAU,EACV,WAAW,EACX,MAAM,EACN,OAAO,EACP,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,aAAa,EACb,UAAU,EACV,UAAU,EACV,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,GACR,MAAM,qBAAqB,CAAA"}

package/dist/src/globalStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"globalStyles.d.ts","sourceRoot":"","sources":["../../src/src/globalStyles.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW,2FAMhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"globalStyles.d.ts","sourceRoot":"","sources":["../../src/src/globalStyles.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW,2FAWhB,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/src/globalStyles.js

@@ -1,7 +1,12 @@
 import { createGlobalStyle } from 'styled-components';
 const GlobalStyle = createGlobalStyle `
   @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&display=swap');
-
+  *{
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+      outline: 0;
+  }
   body {
     font-family: 'Nunito Sans', sans-serif;
   }

package/dist/src/globalStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"globalStyles.js","sourceRoot":"","sources":["../../src/src/globalStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,GAAG,iBAAiB,CAAA;;;;;;CAMpC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"globalStyles.js","sourceRoot":"","sources":["../../src/src/globalStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,WAAW,GAAG,iBAAiB,CAAA;;;;;;;;;;;CAWpC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "w-design-system",
-  "version": "0.0.28",
+  "version": "0.0.30",
   "main": "dist/index.js",
   "dependencies": {
     "@svgr/webpack": "^8.1.0",

package/src/assets/icon/bookmark.svg

@@ -0,0 +1,15 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_66_698)">
+<g clip-path="url(#clip1_66_698)">
+<path d="M3 3.00861C3 1.76642 4.00781 0.758606 5.25 0.758606V3.00861V21.4492L11.3484 17.0945C11.7375 16.8133 12.2672 16.8133 12.6562 17.0945L18.75 21.4492V3.00861H5.25V0.758606H18.75C19.9922 0.758606 21 1.76642 21 3.00861V23.6336C21 24.0555 20.7656 24.4399 20.3906 24.632C20.0156 24.8242 19.5656 24.7914 19.2234 24.5477L12 19.3914L4.77656 24.5477C4.43438 24.7914 3.98438 24.8242 3.60938 24.632C3.23438 24.4399 3 24.0555 3 23.6336V3.00861Z"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_66_698">
+<rect width="24" height="24" transform="translate(0 0.758606)"/>
+</clipPath>
+<clipPath id="clip1_66_698">
+<rect width="18" height="24" transform="translate(3 0.758606)"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icon/coins.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_66_758)">
+<path d="M8.25 4.125C8.25 4.12969 8.25469 4.15312 8.27813 4.19531C8.30625 4.25156 8.37187 4.34062 8.49844 4.45312C8.51719 4.46719 8.53594 4.48594 8.55469 4.5C7.67812 4.51875 6.825 4.57969 6.00469 4.69219V4.125C6.00469 3.28125 6.45937 2.60625 6.99375 2.12344C7.52812 1.64062 8.24531 1.25625 9.03281 0.95625C10.6125 0.351562 12.7266 0 15 0C17.2734 0 19.3875 0.351562 20.9672 0.951562C21.7547 1.25156 22.4719 1.63594 23.0062 2.11875C23.5406 2.60156 24 3.28125 24 4.125V9V13.875C24 14.7188 23.5453 15.3938 23.0109 15.8766C22.4766 16.3594 21.7594 16.7437 20.9719 17.0438C20.5219 17.2172 20.0297 17.3672 19.5047 17.4938V15.1688C19.7437 15.0984 19.9641 15.0234 20.1703 14.9437C20.8078 14.7 21.2484 14.4375 21.5062 14.2078C21.6328 14.0953 21.6984 14.0063 21.7266 13.95C21.7547 13.8984 21.7547 13.8797 21.7547 13.8797V11.8312C21.5063 11.9531 21.2437 12.0656 20.9719 12.1688C20.5219 12.3422 20.0297 12.4922 19.5047 12.6188V10.2938C19.7437 10.2234 19.9641 10.1484 20.1703 10.0688C20.8078 9.825 21.2484 9.5625 21.5062 9.33281C21.6328 9.22031 21.6984 9.13125 21.7266 9.075C21.75 9.03281 21.7547 9.00938 21.7547 9.00469V6.95625C21.5063 7.07812 21.2437 7.19063 20.9719 7.29375C20.3297 7.5375 19.5938 7.74375 18.8016 7.89844C18.5625 7.54688 18.2859 7.24687 18.0141 7.00312C17.5406 6.57656 16.9922 6.22969 16.4203 5.94375C17.9062 5.83594 19.2 5.55937 20.1703 5.18906C20.8078 4.94531 21.2484 4.68281 21.5062 4.45312C21.6328 4.34062 21.6984 4.25156 21.7266 4.19531C21.75 4.15312 21.7547 4.12969 21.7547 4.125C21.7547 4.125 21.7547 4.10156 21.7266 4.05469C21.6984 3.99844 21.6328 3.90937 21.5062 3.79688C21.2484 3.5625 20.8078 3.3 20.1703 3.06094C18.9 2.57344 17.0719 2.25 15 2.25C12.9281 2.25 11.1 2.57344 9.83438 3.05625C9.19688 3.3 8.75625 3.5625 8.49844 3.79219C8.37187 3.90469 8.30625 3.99375 8.27813 4.05C8.25 4.10156 8.25 4.12031 8.25 4.12031V4.125ZM2.25 10.125C2.25 10.1297 2.25469 10.1531 2.27812 10.1953C2.30625 10.2516 2.37188 10.3406 2.49844 10.4531C2.75625 10.6875 3.19688 10.95 3.83438 11.1891C5.1 11.6719 6.92812 11.9953 9 11.9953C11.0719 11.9953 12.9 11.6719 14.1656 11.1891C14.8031 10.9453 15.2438 10.6828 15.5016 10.4531C15.6281 10.3406 15.6937 10.2516 15.7219 10.1953C15.7453 10.1531 15.75 10.1297 15.75 10.125C15.75 10.125 15.75 10.1016 15.7219 10.0547C15.6937 9.99844 15.6281 9.90938 15.5016 9.79688C15.2438 9.5625 14.8031 9.3 14.1656 9.06094C12.9 8.57812 11.0719 8.25469 9 8.25469C6.92812 8.25469 5.1 8.57812 3.83438 9.06094C3.19688 9.30469 2.75625 9.56719 2.49844 9.79688C2.37188 9.90938 2.30625 9.99844 2.27812 10.0547C2.25 10.1062 2.25 10.125 2.25 10.125ZM0 10.125C0 9.28125 0.454688 8.60625 0.989063 8.12344C1.52344 7.64062 2.24062 7.25625 3.02812 6.95625C4.6125 6.35156 6.72656 6 9 6C11.2734 6 13.3875 6.35156 14.9672 6.95156C15.7547 7.25156 16.4719 7.63594 17.0062 8.11875C17.5406 8.60156 18 9.28125 18 10.125V15V19.875C18 20.7188 17.5453 21.3938 17.0109 21.8766C16.4766 22.3594 15.7594 22.7437 14.9719 23.0438C13.3875 23.6484 11.2734 24 9 24C6.72656 24 4.6125 23.6484 3.03281 23.0484C2.24531 22.7484 1.53281 22.3641 0.99375 21.8812C0.454688 21.3984 0 20.7188 0 19.875V15V10.125ZM15.75 15V12.9562C15.5016 13.0781 15.2391 13.1906 14.9672 13.2938C13.3875 13.8984 11.2734 14.25 9 14.25C6.72656 14.25 4.6125 13.8984 3.03281 13.2984C2.76094 13.1953 2.49844 13.0828 2.25 12.9609V15C2.25 15.0047 2.25469 15.0281 2.27812 15.0703C2.30625 15.1266 2.37188 15.2156 2.49844 15.3281C2.75625 15.5625 3.19688 15.825 3.83438 16.0641C5.1 16.5469 6.92812 16.8703 9 16.8703C11.0719 16.8703 12.9 16.5469 14.1656 16.0641C14.8031 15.8203 15.2438 15.5578 15.5016 15.3281C15.6281 15.2156 15.6937 15.1266 15.7219 15.0703C15.7453 15.0281 15.75 15.0047 15.75 15ZM3.03281 18.1734C2.76094 18.0703 2.49844 17.9578 2.25 17.8359V19.875C2.25 19.875 2.25 19.8984 2.27812 19.9453C2.30625 20.0016 2.37188 20.0906 2.49844 20.2031C2.75625 20.4375 3.19688 20.7 3.83438 20.9391C5.1 21.4219 6.92812 21.7453 9 21.7453C11.0719 21.7453 12.9 21.4219 14.1656 20.9391C14.8031 20.6953 15.2438 20.4328 15.5016 20.2031C15.6281 20.0906 15.6937 20.0016 15.7219 19.9453C15.75 19.8937 15.75 19.875 15.75 19.875V17.8312C15.5016 17.9531 15.2391 18.0656 14.9672 18.1688C13.3875 18.7734 11.2734 19.125 9 19.125C6.72656 19.125 4.6125 18.7734 3.03281 18.1734Z"/>
+</g>
+<defs>
+<clipPath id="clip0_66_758">
+<rect width="24" height="24"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icon/file.svg

@@ -0,0 +1,15 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_66_714)">
+<g clip-path="url(#clip1_66_714)">
+<path d="M18 22.0085C18.4125 22.0085 18.75 21.671 18.75 21.2585V7.75854H15C14.1703 7.75854 13.5 7.08823 13.5 6.25854V2.50854H6C5.5875 2.50854 5.25 2.84605 5.25 3.25854V21.2585C5.25 21.671 5.5875 22.0085 6 22.0085H18ZM3 3.25854C3 1.60386 4.34531 0.258545 6 0.258545H13.7578C14.5547 0.258545 15.3187 0.572607 15.8812 1.13511L20.1234 5.37729C20.6859 5.93979 21 6.70386 21 7.50073V21.2585C21 22.9132 19.6547 24.2585 18 24.2585H6C4.34531 24.2585 3 22.9132 3 21.2585V3.25854Z"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_66_714">
+<rect width="24" height="24" transform="translate(0 0.258545)"/>
+</clipPath>
+<clipPath id="clip1_66_714">
+<rect width="18" height="24" transform="translate(3 0.258545)"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icon/gavel.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.6719 0.586755C15.1078 1.02269 15.1125 1.72582 14.6812 2.16644L22.0922 9.57738C22.5328 9.14613 23.2359 9.15082 23.6719 9.58676C24.1125 10.0274 24.1125 10.7399 23.6719 11.1758L22.8891 11.9633L18.4219 16.4305L17.6719 17.1805C17.2312 17.6211 16.5187 17.6211 16.0828 17.1805C15.6609 16.7586 15.6422 16.0789 16.0406 15.6383L8.62499 8.22269C8.18437 8.61644 7.50468 8.60238 7.08281 8.18051C6.64218 7.73988 6.64218 7.02738 7.08281 6.59144L7.83281 5.84144L12.2953 1.37426L13.0781 0.586755C13.5187 0.14613 14.2312 0.14613 14.6672 0.586755H14.6719ZM13.0922 3.76019L10.2141 6.63363L17.625 14.0446L20.4984 11.1711L13.0922 3.76019ZM10.4719 12.193L12.0609 13.7821L9.72656 16.1164L10.0547 16.4446C10.6406 17.0305 10.6406 17.9821 10.0547 18.568L4.80468 23.818C4.21874 24.4039 3.26718 24.4039 2.68124 23.818L0.431244 21.568C-0.154694 20.9821 -0.154694 20.0305 0.431244 19.4446L5.68124 14.1946C6.26718 13.6086 7.21874 13.6086 7.80468 14.1946L8.13281 14.5227L10.4672 12.1883L10.4719 12.193ZM6.74999 16.318L2.55937 20.5086L3.74999 21.6993L7.94062 17.5086L6.74999 16.318Z"/>
+</svg>

package/src/assets/icon/gear.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_66_751)">
+<path d="M9.75467 2.40938C10.3265 2.30625 10.9219 2.25 11.5312 2.25C12.1406 2.25 12.7359 2.30625 13.3078 2.40938L13.7062 4.05469C13.8984 4.85156 14.4375 5.45156 15.0609 5.80781L15.1265 5.84531C15.7453 6.20625 16.5375 6.375 17.325 6.14531L18.9469 5.66719C19.2937 6.075 19.6125 6.51094 19.889 6.97031L20.0765 7.29375C20.3297 7.75313 20.55 8.24063 20.7281 8.74219L19.5 9.90937C18.9047 10.4719 18.6562 11.2406 18.6609 11.9578V11.9953V12.0328C18.6562 12.75 18.9094 13.5141 19.5 14.0812L20.7281 15.2484C20.55 15.75 20.3297 16.2375 20.0765 16.6969L19.889 17.0203C19.6125 17.4797 19.2937 17.9156 18.9469 18.3234L17.325 17.8453C16.5375 17.6109 15.7453 17.7797 15.1265 18.1453L15.0609 18.1828C14.4422 18.5391 13.8984 19.1391 13.7062 19.9359L13.3078 21.5812C12.7312 21.6891 12.1359 21.7406 11.5312 21.7406C10.9265 21.7406 10.3265 21.6844 9.75467 21.5812L9.35624 19.9359C9.16405 19.1391 8.62499 18.5391 8.00155 18.1828L7.93592 18.1453C7.31717 17.7844 6.52499 17.6156 5.73749 17.8453L4.1203 18.3328C3.77342 17.925 3.45467 17.4891 3.17811 17.0297L2.99061 16.7016C2.73749 16.2422 2.51717 15.7547 2.33905 15.2531L3.56717 14.0859C4.16249 13.5234 4.41092 12.7547 4.40624 12.0375V12V11.9625C4.41092 11.2453 4.1578 10.4812 3.56717 9.91406L2.33905 8.74688C2.51717 8.24531 2.73749 7.75781 2.99061 7.29844L3.17811 6.975C3.45467 6.51562 3.77342 6.07969 4.1203 5.67188L5.74217 6.15C6.52967 6.38437 7.32186 6.21563 7.94061 5.85L8.00624 5.8125C8.62499 5.45625 9.16874 4.85625 9.36092 4.05937L9.75936 2.41406L9.75467 2.40938ZM11.5312 0C10.7344 0 9.95623 0.0796875 9.19686 0.225C8.82655 0.295313 8.17499 0.510937 7.81874 1.16719C7.72499 1.34062 7.64999 1.52344 7.60311 1.72031L7.16717 3.525C7.14373 3.61875 7.06405 3.75 6.88592 3.85312C6.8578 3.87187 6.82967 3.88594 6.79686 3.90469C6.61874 4.00781 6.46874 4.0125 6.3703 3.98438L4.59374 3.45938C4.40624 3.40313 4.21405 3.375 4.02186 3.37031C3.26717 3.34688 2.75624 3.81094 2.5078 4.09219C2.03905 4.62656 1.61717 5.20781 1.24686 5.82187L1.23749 5.84062L1.04061 6.18281L1.03124 6.20156C0.689048 6.81563 0.40311 7.4625 0.173423 8.1375C0.0468603 8.48906 -0.0937647 9.15469 0.29061 9.79219C0.393735 9.96094 0.520298 10.1203 0.66561 10.2609L2.01561 11.5453C2.08592 11.6156 2.15624 11.7469 2.15624 11.9531V12.0047V12.0563C2.15624 12.2578 2.08592 12.3937 2.01561 12.4641L0.66561 13.7391C0.520298 13.8797 0.393735 14.0391 0.29061 14.2078C-0.0937647 14.8453 0.0468603 15.5109 0.168735 15.8625C0.398423 16.5375 0.68436 17.1844 1.02655 17.7984L1.03592 17.8172L1.23749 18.1641L1.24686 18.1828C1.61717 18.7969 2.03905 19.3734 2.5078 19.9078C2.75624 20.1891 3.27186 20.6531 4.02186 20.6297C4.21405 20.625 4.40624 20.5922 4.59374 20.5406L6.37499 20.0156C6.46874 19.9875 6.62342 19.9922 6.80155 20.0953C6.82967 20.1141 6.8578 20.1281 6.89061 20.1469C7.06874 20.25 7.14842 20.3766 7.17186 20.475L7.6078 22.2797C7.65467 22.4766 7.72967 22.6641 7.82342 22.8328C8.18436 23.4891 8.83592 23.7 9.20155 23.775C9.95624 23.925 10.739 24 11.5359 24C12.3328 24 13.1109 23.9203 13.8703 23.775C14.2406 23.7047 14.8922 23.4891 15.2484 22.8328C15.3422 22.6594 15.4172 22.4766 15.464 22.2797L15.9 20.475C15.9234 20.3812 16.0031 20.25 16.1812 20.1469C16.2094 20.1281 16.2375 20.1141 16.2703 20.0953C16.4484 19.9922 16.5984 19.9875 16.6969 20.0156L18.4781 20.5406C18.6656 20.5969 18.8578 20.625 19.05 20.6297C19.8047 20.6531 20.3156 20.1891 20.564 19.9078C21.0328 19.3734 21.4547 18.7922 21.825 18.1781L21.8344 18.1594L22.0312 17.8172L22.0406 17.7984C22.3828 17.1844 22.6687 16.5375 22.8984 15.8625C23.0203 15.5062 23.1609 14.8406 22.7719 14.2031C22.6687 14.0344 22.5422 13.875 22.3969 13.7344L21.0469 12.4547C20.9765 12.3844 20.9062 12.2531 20.9062 12.0469V11.9953V11.9438C20.9062 11.7422 20.9765 11.6063 21.0469 11.5359L22.3922 10.2563C22.5375 10.1156 22.664 9.95625 22.7672 9.7875C23.1515 9.15 23.0109 8.48438 22.8937 8.12812C22.664 7.45312 22.3781 6.80625 22.0359 6.19219L22.0265 6.17344L21.8297 5.83125L21.8203 5.8125C21.45 5.19844 21.0281 4.62187 20.5594 4.08281C20.3109 3.80156 19.7953 3.3375 19.0453 3.36094C18.8531 3.36562 18.6609 3.39844 18.4734 3.45L16.6875 3.98438C16.5937 4.0125 16.439 4.00781 16.2609 3.90469C16.2328 3.88594 16.2047 3.87187 16.1719 3.85312C15.9937 3.75 15.914 3.62344 15.8906 3.525L15.4547 1.72031C15.4078 1.52344 15.3328 1.33594 15.239 1.16719C14.8781 0.510937 14.2265 0.3 13.8609 0.225C13.1062 0.0796875 12.3281 0 11.5312 0ZM9.28124 12C9.28124 11.4033 9.51829 10.831 9.94024 10.409C10.3622 9.98705 10.9345 9.75 11.5312 9.75C12.128 9.75 12.7003 9.98705 13.1222 10.409C13.5442 10.831 13.7812 11.4033 13.7812 12C13.7812 12.5967 13.5442 13.169 13.1222 13.591C12.7003 14.0129 12.128 14.25 11.5312 14.25C10.9345 14.25 10.3622 14.0129 9.94024 13.591C9.51829 13.169 9.28124 12.5967 9.28124 12ZM16.0312 12C16.0312 10.8065 15.5571 9.66193 14.7132 8.81802C13.8693 7.97411 12.7247 7.5 11.5312 7.5C10.3378 7.5 9.19317 7.97411 8.34925 8.81802C7.50534 9.66193 7.03124 10.8065 7.03124 12C7.03124 13.1935 7.50534 14.3381 8.34925 15.182C9.19317 16.0259 10.3378 16.5 11.5312 16.5C12.7247 16.5 13.8693 16.0259 14.7132 15.182C15.5571 14.3381 16.0312 13.1935 16.0312 12Z"/>
+</g>
+<defs>
+<clipPath id="clip0_66_751">
+<rect width="24" height="24"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icon/grid-2-plus.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 3.75H3V8.25H7.5V3.75ZM3 1.5H7.5C8.74219 1.5 9.75 2.50781 9.75 3.75V8.25C9.75 9.49219 8.74219 10.5 7.5 10.5H3C1.75781 10.5 0.75 9.49219 0.75 8.25V3.75C0.75 2.50781 1.75781 1.5 3 1.5ZM7.5 15.75H3V20.25H7.5V15.75ZM3 13.5H7.5C8.74219 13.5 9.75 14.5078 9.75 15.75V20.25C9.75 21.4922 8.74219 22.5 7.5 22.5H3C1.75781 22.5 0.75 21.4922 0.75 20.25V15.75C0.75 14.5078 1.75781 13.5 3 13.5ZM15 3.75V8.25H19.5V3.75H15ZM12.75 3.75C12.75 2.50781 13.7578 1.5 15 1.5H19.5C20.7422 1.5 21.75 2.50781 21.75 3.75V8.25C21.75 9.49219 20.7422 10.5 19.5 10.5H15C13.7578 10.5 12.75 9.49219 12.75 8.25V3.75ZM17.25 12.75C17.8734 12.75 18.375 13.2516 18.375 13.875V16.875H21.375C21.9984 16.875 22.5 17.3766 22.5 18C22.5 18.6234 21.9984 19.125 21.375 19.125H18.375V22.125C18.375 22.7484 17.8734 23.25 17.25 23.25C16.6266 23.25 16.125 22.7484 16.125 22.125V19.125H13.125C12.5016 19.125 12 18.6234 12 18C12 17.3766 12.5016 16.875 13.125 16.875H16.125V13.875C16.125 13.2516 16.6266 12.75 17.25 12.75Z"/>
+</svg>

package/src/assets/icon/index.ts

@@ -1,61 +1,77 @@
 import { default as alertSVG } from './alert.svg'
+import { default as appsSVG } from './apps.svg'
+import { default as bellSVG } from './bel.svg'
+import { default as bindSVG } from './bind.svg'
+import { default as bookmarkSVG } from './bookmark.svg'
 import { default as calendarSVG } from './calendar.svg'
+import { default as checkSVG } from './check.svg'
 import { default as chevronDownSVG } from './chevron-down.svg'
 import { default as chevronLeftSVG } from './chevron-left.svg'
 import { default as chevronRightSVG } from './chevron-right.svg'
 import { default as closeSVG } from './close.svg'
+import { default as coinsSVG } from './coins.svg'
 import { default as commentSVG } from './comment.svg'
+import { default as dashboardSVG } from './dashboard.svg'
 import { default as docCheckSVG } from './doc-check.svg'
+import { default as docDownloadSVG } from './doc-download.svg'
+import { default as docUploadSVG } from './doc-upload.svg'
+import { default as docSVG } from './doc.svg'
 import { default as dumpSVG } from './dump.svg'
 import { default as editSVG } from './edit.svg'
-import { default as imageSVG } from './image.svg'
-import { default as dashboardSVG } from './dashboard.svg'
 import { default as editalSVG } from './edital.svg'
-import { default as bindSVG } from './bind.svg'
-import { default as docSVG } from './doc.svg'
-import { default as monitoringSVG } from './monitoring.svg'
-import { default as settingSVG } from './seting.svg'
+import { default as eyesSVG } from './eyes.svg'
+import { default as fileSVG } from './file.svg'
 import { default as financeSVG } from './finance.svg'
-import { default as appsSVG } from './apps.svg'
-import { default as bellSVG } from './bel.svg'
-import { default as spreadsheetSVG } from './spreadsheet.svg'
-import { default as docDownloadSVG } from './doc-download.svg'
-import { default as docUploadSVG } from './doc-upload.svg'
-import { default as orderSVG } from './order.svg'
+import { default as gavelSVG } from './gavel.svg'
+import { default as gearSVG } from './gear.svg'
+import { default as grid2PlusSVG } from './grid-2-plus.svg'
+import { default as imageSVG } from './image.svg'
+import { default as lockSVG } from './lock.svg'
 import { default as moneySVG } from './money.svg'
-import { default as eyesSVG } from './eyes.svg'
-import { default as checkSVG } from './check.svg'
+import { default as monitoringSVG } from './monitoring.svg'
+import { default as orderSVG } from './order.svg'
 import { default as portalSVG } from './portal.svg'
+import { default as settingSVG } from './seting.svg'
 import { default as spinSVG } from './spin.svg'
+import { default as spreadsheetSVG } from './spreadsheet.svg'
+import { default as wavePulseSVG } from './wave-pulse.svg'
 
 export {
-  appsSVG,
   alertSVG,
-  bindSVG,
+  appsSVG,
   bellSVG,
-  checkSVG,
+  bindSVG,
+  bookmarkSVG,
   calendarSVG,
+  checkSVG,
   chevronDownSVG,
   chevronLeftSVG,
   chevronRightSVG,
   closeSVG,
+  coinsSVG,
   commentSVG,
-  docCheckSVG,
-  docSVG,
-  dumpSVG,
   dashboardSVG,
+  docCheckSVG,
   docDownloadSVG,
+  docSVG,
   docUploadSVG,
-  editSVG,
+  dumpSVG,
   editalSVG,
+  editSVG,
+  eyesSVG,
+  fileSVG,
+  financeSVG,
+  gavelSVG,
+  gearSVG,
+  grid2PlusSVG,
   imageSVG,
+  lockSVG,
+  moneySVG,
   monitoringSVG,
+  orderSVG,
+  portalSVG,
   settingSVG,
   spinSVG,
-  financeSVG,
   spreadsheetSVG,
-  orderSVG,
-  moneySVG,
-  eyesSVG,
-  portalSVG,
+  wavePulseSVG,
 }

package/src/assets/icon/lock.svg

@@ -0,0 +1,2 @@
+<svg width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><!-- License: CC Attribution. Made by boxicons: https://github.com/atisawd/boxicons --><path d="M12 2C9.243 2 7 4.243 7 7v3H6c-1.103 0-2 .897-2 2v8c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-8c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5zm6 10 .002 8H6v-8h12zm-9-2V7c0-1.654 1.346-3 3-3s3 1.346 3 3v3H9z"/></svg>
+

package/src/assets/icon/wave-pulse.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_66_742)">
+<path d="M11.9775 0.158533C12.3938 0.147283 12.765 0.424783 12.87 0.829783L15.8438 12.226L16.86 10.0623C17.205 9.32728 17.9475 8.85478 18.7612 8.85478H23.1C23.5988 8.85478 24 9.25603 24 9.75478C24 10.2535 23.5988 10.6548 23.1 10.6548H18.7612C18.645 10.6548 18.54 10.7223 18.4913 10.8273L16.4138 15.241C16.2525 15.5823 15.8925 15.7885 15.5175 15.7548C15.1425 15.721 14.8238 15.451 14.73 15.0873L12.1013 5.01103L9.28125 18.6423C9.19875 19.051 8.84625 19.3473 8.43 19.3585C8.01375 19.3698 7.6425 19.0998 7.53375 18.6985L5.37375 10.8798C5.33625 10.7485 5.22 10.6585 5.085 10.6585H0.9C0.40125 10.6585 0 10.2573 0 9.75853C0 9.25978 0.40125 8.85853 0.9 8.85853H5.085C6.03 8.85853 6.85875 9.48853 7.11 10.3998L8.2725 14.6223L11.1188 0.874783C11.205 0.466033 11.5575 0.169783 11.9775 0.158533Z"/>
+</g>
+<defs>
+<clipPath id="clip0_66_742">
+<rect width="24" height="19.2" transform="translate(0 0.158569)"/>
+</clipPath>
+</defs>
+</svg>

package/src/components/DatePicker/index.tsx

@@ -1,24 +1,34 @@
 import React, { HTMLAttributes } from 'react'
-import { DateRangePicker } from '../DateRangePicker'
+import { DateRangePicker, DateRangePickerProps } from '../DateRangePicker'
 
-export interface DatePickerProps extends HTMLAttributes<HTMLDivElement> {
+type GetElementType<T> = T extends (infer U)[] ? U : never
+
+export interface DatePickerProps<
+  T extends GetElementType<DateRangePickerProps['options']> = GetElementType<DateRangePickerProps['options']>,
+> extends HTMLAttributes<HTMLDivElement> {
   placeholder?: string
   label: string
-  options?: { text: string; id: number }[]
-  selectedOption?: number | null
+  options?: T[]
+  selectedOption?: T | null
   readonly?: boolean
   disabled?: boolean
-  onSelectedOptionChange?: (option: number | null) => void
+  onSelectedOptionChange?: (option: T | null) => void
   customDate: Date | null
   onSelectedCustomDate?: (date: Date | null) => void
 }
 
-export const DatePicker: React.FC<DatePickerProps> = ({ onSelectedCustomDate, customDate, ...props }) => {
+export const DatePicker = <
+  T extends GetElementType<DateRangePickerProps['options']> = GetElementType<DateRangePickerProps['options']>,
+>({
+  onSelectedCustomDate,
+  customDate,
+  ...props
+}: DatePickerProps<T>) => {
   const onRangeSelected = (start: Date | null) => {
     if (onSelectedCustomDate) onSelectedCustomDate(start)
   }
   return (
-    <DateRangePicker
+    <DateRangePicker<T>
       {...props}
       isRange={false}
       onSelectedCustomRange={onRangeSelected}

package/src/components/DatePicker/stories.tsx

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react'
-import { DatePicker as DatePicker } from './index'
+import { DatePicker, DatePickerProps } from './index'
 import React from 'react'
 
 const meta: Meta<typeof DatePicker> = {
@@ -18,19 +18,18 @@ export default meta
 type Story = StoryObj<typeof DatePicker>
 
 const ComponentWrapper = ({ defaultOptions, ...args }: any) => {
-  const [selectedOption, setSelectOption] = React.useState<number | null>(null)
+  const [selectedOption, setSelectOption] = React.useState<DatePickerProps['selectedOption']>(null)
 
   const [customDate, setCustomDate] = React.useState<Date | null>(null)
-  const onSelectedOptionChange = (option: number | null) => {
+  const onSelectedOptionChange = (option: DatePickerProps['selectedOption']) => {
     setSelectOption(option)
-    if (option === null) {
+    if (option == null) {
       setCustomDate(null)
       return
     }
     const date = new Date()
-    date.setDate(date.getDate() + option)
+    date.setDate(date.getDate() + option?.id)
     setCustomDate(date)
-
   }
   return (
     <DatePicker