w-design-system 0.0.28 → 0.0.29

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.29",
   "main": "dist/index.js",
   "dependencies": {
     "@svgr/webpack": "^8.1.0",

package/src/components/DateRangePicker/styles.ts

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

package/src/components/Input/styles.ts

@@ -8,38 +8,46 @@ 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;
 `
 
@@ -49,16 +57,21 @@ export interface StyledInputContentProps {
 
 export const StyledInputContent = styled.div<StyledInputContentProps>`
   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 }: StyledInputContentProps) => (disabled ? 'not-allowed' : 'pointer')};
+
   background-color: ${({ disabled }: StyledInputContentProps) =>
     disabled ? theme.colors.shade10 : theme.colors.white};
+
+  cursor: ${({ disabled }: StyledInputContentProps) => (disabled ? 'not-allowed' : 'pointer')};
 `
 
 export interface StyledInputBorderProps {
@@ -73,9 +86,12 @@ export interface StyledInputBorderProps {
  */
 export const StyledInputBorder = styled.div<StyledInputBorderProps>`
   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 }) =>

package/src/components/Select/styles.ts

@@ -13,37 +13,44 @@ 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 interface OptionButtonProps {
   selected: boolean
 }
 
 export const OptionButton = styled.button<OptionButtonProps>`
+  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/src/index.tsx

@@ -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/src/reset.css

@@ -0,0 +1,6 @@
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    outline: 0;
+}

package/src/src/globalStyles.ts

@@ -1,11 +1,16 @@
-import { createGlobalStyle } from 'styled-components';
+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;
   }
-`;
+`
 
-export default GlobalStyle;
+export default GlobalStyle