@popsure/dirty-swan 0.58.7 → 0.59.0-alpha

package/dist/index.css

@@ -1443,231 +1443,207 @@ input[type=number] {
 }
 
 .tc-blue-100 {
-  color: #e5f0ff !important;
+  color: #E5F0FF !important;
+}
+
+.tc-blue-200 {
+  color: #DAE8FC !important;
 }
 
 .tc-blue-300 {
-  color: #b0cdf3 !important;
+  color: #B0CDF3 !important;
 }
 
 .tc-blue-500 {
-  color: #8bb4ea !important;
+  color: #8BB4EA !important;
 }
 
 .tc-blue-700 {
-  color: #5f7ba0 !important;
+  color: #5F7BA0 !important;
 }
 
 .tc-blue-900 {
-  color: #2d394a !important;
-}
-
-.tc-purple-25 {
-  color: #fcfcff !important;
+  color: #2D394A !important;
 }
 
 .tc-purple-50 {
-  color: #f7f7ff !important;
+  color: #F9F9FF !important;
 }
 
 .tc-purple-100 {
-  color: #ebebff !important;
-}
-
-.tc-purple-300 {
-  color: #b1b0f5 !important;
-}
-
-.tc-purple-500 {
-  color: #8e8cee !important;
+  color: #F6F6FE !important;
 }
 
-.tc-purple-700 {
-  color: #6160a2 !important;
+.tc-purple-200 {
+  color: #EEEEFE !important;
 }
 
-.tc-purple-900 {
-  color: #2e2e4c !important;
+.tc-purple-300 {
+  color: #E8E7FE !important;
 }
 
-.tc-primary-25 {
-  color: #fcfcff !important;
+.tc-purple-400 {
+  color: #D2CFFD !important;
 }
 
-.tc-primary-50 {
-  color: #f7f7ff !important;
+.tc-purple-500 {
+  color: #B8B4F3 !important;
 }
 
-.tc-primary-100 {
-  color: #ebebff !important;
+.tc-purple-600 {
+  color: #8883D8 !important;
 }
 
-.tc-primary-300 {
-  color: #b1b0f5 !important;
+.tc-purple-700 {
+  color: #6A65AE !important;
 }
 
-.tc-primary-500 {
-  color: #8e8cee !important;
+.tc-purple-800 {
+  color: #484676 !important;
 }
 
-.tc-primary-700 {
-  color: #6160a2 !important;
+.tc-purple-900 {
+  color: #32334B !important;
 }
 
-.tc-primary-900 {
-  color: #2e2e4c !important;
+.tc-red-100 {
+  color: #FEE6E6 !important;
 }
 
-.tc-red-100 {
-  color: #fedede !important;
+.tc-red-200 {
+  color: #FED7D7 !important;
 }
 
 .tc-red-300 {
-  color: #faa0a0 !important;
+  color: #FAA0A0 !important;
 }
 
 .tc-red-500 {
-  color: #e55454 !important;
+  color: #E55454 !important;
 }
 
 .tc-red-700 {
-  color: #c64848 !important;
+  color: #C64848 !important;
 }
 
 .tc-red-900 {
-  color: #4b2525 !important;
+  color: #4B2525 !important;
 }
 
-.tc-grey-100 {
-  color: #fafaff !important;
+.tc-neutral-50 {
+  color: #f9f9fd !important;
 }
 
-.tc-grey-200 {
-  color: #f5f6fb !important;
+.tc-neutral-100 {
+  color: #f7f7fd !important;
 }
 
-.tc-grey-300 {
-  color: #ededf2 !important;
+.tc-neutral-300 {
+  color: #e7e7ed !important;
 }
 
-.tc-grey-400 {
-  color: #d2d2d8 !important;
+.tc-neutral-400 {
+  color: #d2d2d9 !important;
 }
 
-.tc-grey-500 {
-  color: #91919c !important;
+.tc-neutral-600 {
+  color: #919199 !important;
 }
 
-.tc-grey-600 {
-  color: #696970 !important;
+.tc-neutral-700 {
+  color: #696971 !important;
 }
 
-.tc-grey-700 {
-  color: #4c4c53 !important;
+.tc-neutral-800 {
+  color: #3f3f47 !important;
 }
 
-.tc-grey-900 {
+.tc-neutral-900 {
   color: #26262e !important;
 }
 
 .tc-green-100 {
-  color: #e4ffe6 !important;
+  color: #E6FAF1 !important;
 }
 
 .tc-green-300 {
-  color: #c4f5c8 !important;
+  color: #AAEACC !important;
 }
 
 .tc-green-500 {
-  color: #84de8a !important;
+  color: #85DCB4 !important;
 }
 
 .tc-green-700 {
-  color: #5b985f !important;
+  color: #599278 !important;
 }
 
 .tc-green-900 {
-  color: #354a2d !important;
+  color: #2B4639 !important;
 }
 
-.tc-glacier-100 {
-  color: #e0f7fe !important;
-}
-
-.tc-glacier-300 {
-  color: #aeddec !important;
-}
-
-.tc-glacier-500 {
-  color: #8bcbdf !important;
-}
-
-.tc-glacier-700 {
-  color: #5d8896 !important;
-}
-
-.tc-glacier-900 {
-  color: #2d4148 !important;
+.tc-yellow-100 {
+  color: #FEFAEC !important;
 }
 
-.tc-spearmint-100 {
-  color: #e3fff2 !important;
+.tc-yellow-200 {
+  color: #FCF3D1 !important;
 }
 
-.tc-spearmint-300 {
-  color: #aaeacc !important;
+.tc-yellow-300 {
+  color: #F6E7AC !important;
 }
 
-.tc-spearmint-500 {
-  color: #85dcb4 !important;
+.tc-yellow-500 {
+  color: #F0D26F !important;
 }
 
-.tc-spearmint-700 {
-  color: #599278 !important;
+.tc-yellow-700 {
+  color: #C5A33E !important;
 }
 
-.tc-spearmint-900 {
-  color: #2b4639 !important;
+.tc-yellow-900 {
+  color: #483D18 !important;
 }
 
-.tc-pink-100 {
-  color: #ffebf1 !important;
+.tc-orange-50 {
+  color: #FAF8F5 !important;
 }
 
-.tc-pink-300 {
-  color: #ffb1cb !important;
+.tc-orange-100 {
+  color: #FCF7EF !important;
 }
 
-.tc-pink-500 {
-  color: #f96092 !important;
+.tc-orange-200 {
+  color: #FDF2E2 !important;
 }
 
-.tc-pink-700 {
-  color: #c0305f !important;
+.tc-orange-300 {
+  color: #FEECD3 !important;
 }
 
-.tc-pink-900 {
-  color: #700024 !important;
+.tc-orange-400 {
+  color: #FCDAAB !important;
 }
 
-.tc-yellow-100 {
-  color: #fff8e3 !important;
+.tc-orange-500 {
+  color: #FFD08F !important;
 }
 
-.tc-yellow-300 {
-  color: #fae3a5 !important;
+.tc-orange-600 {
+  color: #F2B873 !important;
 }
 
-.tc-yellow-500 {
-  color: #f7ce5c !important;
+.tc-orange-700 {
+  color: #C6824E !important;
 }
 
-.tc-yellow-700 {
-  color: #cc9e21 !important;
+.tc-orange-800 {
+  color: #7E4B2F !important;
 }
 
-.tc-yellow-900 {
-  color: #4a3d10 !important;
+.tc-orange-900 {
+  color: #4C2D21 !important;
 }
 
 .bg-white {
@@ -1679,293 +1655,263 @@ input[type=number] {
 }
 
 .bg-blue-100 {
-  background-color: #e5f0ff !important;
+  background-color: #E5F0FF !important;
+}
+
+.bg-blue-200 {
+  background-color: #DAE8FC !important;
 }
 
 .bg-blue-300 {
-  background-color: #b0cdf3 !important;
+  background-color: #B0CDF3 !important;
 }
 
 .bg-blue-500 {
-  background-color: #8bb4ea !important;
+  background-color: #8BB4EA !important;
 }
 
 .bg-blue-700 {
-  background-color: #5f7ba0 !important;
+  background-color: #5F7BA0 !important;
 }
 
 .bg-blue-900 {
-  background-color: #2d394a !important;
-}
-
-.bg-purple-25 {
-  background-color: #fcfcff !important;
+  background-color: #2D394A !important;
 }
 
 .bg-purple-50 {
-  background-color: #f7f7ff !important;
+  background-color: #F9F9FF !important;
 }
 
 .bg-purple-100 {
-  background-color: #ebebff !important;
-}
-
-.bg-purple-300 {
-  background-color: #b1b0f5 !important;
+  background-color: #F6F6FE !important;
 }
 
-.bg-purple-500 {
-  background-color: #8e8cee !important;
-}
-
-.bg-purple-700 {
-  background-color: #6160a2 !important;
+.bg-purple-200 {
+  background-color: #EEEEFE !important;
 }
 
-.bg-purple-900 {
-  background-color: #2e2e4c !important;
+.bg-purple-300 {
+  background-color: #E8E7FE !important;
 }
 
-.bg-primary-25 {
-  background-color: #fcfcff !important;
+.bg-purple-400 {
+  background-color: #D2CFFD !important;
 }
 
-.bg-primary-50 {
-  background-color: #f7f7ff !important;
+.bg-purple-500 {
+  background-color: #B8B4F3 !important;
 }
 
-.bg-primary-100 {
-  background-color: #ebebff !important;
+.bg-purple-600 {
+  background-color: #8883D8 !important;
 }
 
-.bg-primary-300 {
-  background-color: #b1b0f5 !important;
+.bg-purple-700 {
+  background-color: #6A65AE !important;
 }
 
-.bg-primary-500 {
-  background-color: #8e8cee !important;
+.bg-purple-800 {
+  background-color: #484676 !important;
 }
 
-.bg-primary-700 {
-  background-color: #6160a2 !important;
+.bg-purple-900 {
+  background-color: #32334B !important;
 }
 
-.bg-primary-900 {
-  background-color: #2e2e4c !important;
+.bg-red-100 {
+  background-color: #FEE6E6 !important;
 }
 
-.bg-red-100 {
-  background-color: #fedede !important;
+.bg-red-200 {
+  background-color: #FED7D7 !important;
 }
 
 .bg-red-300 {
-  background-color: #faa0a0 !important;
+  background-color: #FAA0A0 !important;
 }
 
 .bg-red-500 {
-  background-color: #e55454 !important;
+  background-color: #E55454 !important;
 }
 
 .bg-red-700 {
-  background-color: #c64848 !important;
+  background-color: #C64848 !important;
 }
 
 .bg-red-900 {
-  background-color: #4b2525 !important;
+  background-color: #4B2525 !important;
 }
 
-.bg-grey-100 {
-  background-color: #fafaff !important;
+.bg-neutral-50 {
+  background-color: #f9f9fd !important;
 }
 
-.bg-grey-200 {
-  background-color: #f5f6fb !important;
+.bg-neutral-100 {
+  background-color: #f7f7fd !important;
 }
 
-.bg-grey-300 {
-  background-color: #ededf2 !important;
+.bg-neutral-300 {
+  background-color: #e7e7ed !important;
 }
 
-.bg-grey-400 {
-  background-color: #d2d2d8 !important;
+.bg-neutral-400 {
+  background-color: #d2d2d9 !important;
 }
 
-.bg-grey-500 {
-  background-color: #91919c !important;
+.bg-neutral-600 {
+  background-color: #919199 !important;
 }
 
-.bg-grey-600 {
-  background-color: #696970 !important;
+.bg-neutral-700 {
+  background-color: #696971 !important;
 }
 
-.bg-grey-700 {
-  background-color: #4c4c53 !important;
+.bg-neutral-800 {
+  background-color: #3f3f47 !important;
 }
 
-.bg-grey-900 {
+.bg-neutral-900 {
   background-color: #26262e !important;
 }
 
 .bg-green-100 {
-  background-color: #e4ffe6 !important;
+  background-color: #E6FAF1 !important;
 }
 
 .bg-green-300 {
-  background-color: #c4f5c8 !important;
+  background-color: #AAEACC !important;
 }
 
 .bg-green-500 {
-  background-color: #84de8a !important;
+  background-color: #85DCB4 !important;
 }
 
 .bg-green-700 {
-  background-color: #5b985f !important;
+  background-color: #599278 !important;
 }
 
 .bg-green-900 {
-  background-color: #354a2d !important;
-}
-
-.bg-glacier-100 {
-  background-color: #e0f7fe !important;
+  background-color: #2B4639 !important;
 }
 
-.bg-glacier-300 {
-  background-color: #aeddec !important;
-}
-
-.bg-glacier-500 {
-  background-color: #8bcbdf !important;
-}
-
-.bg-glacier-700 {
-  background-color: #5d8896 !important;
-}
-
-.bg-glacier-900 {
-  background-color: #2d4148 !important;
+.bg-yellow-100 {
+  background-color: #FEFAEC !important;
 }
 
-.bg-spearmint-100 {
-  background-color: #e3fff2 !important;
+.bg-yellow-200 {
+  background-color: #FCF3D1 !important;
 }
 
-.bg-spearmint-300 {
-  background-color: #aaeacc !important;
+.bg-yellow-300 {
+  background-color: #F6E7AC !important;
 }
 
-.bg-spearmint-500 {
-  background-color: #85dcb4 !important;
+.bg-yellow-500 {
+  background-color: #F0D26F !important;
 }
 
-.bg-spearmint-700 {
-  background-color: #599278 !important;
+.bg-yellow-700 {
+  background-color: #C5A33E !important;
 }
 
-.bg-spearmint-900 {
-  background-color: #2b4639 !important;
+.bg-yellow-900 {
+  background-color: #483D18 !important;
 }
 
-.bg-pink-100 {
-  background-color: #ffebf1 !important;
+.bg-orange-50 {
+  background-color: #FAF8F5 !important;
 }
 
-.bg-pink-300 {
-  background-color: #ffb1cb !important;
+.bg-orange-100 {
+  background-color: #FCF7EF !important;
 }
 
-.bg-pink-500 {
-  background-color: #f96092 !important;
+.bg-orange-200 {
+  background-color: #FDF2E2 !important;
 }
 
-.bg-pink-700 {
-  background-color: #c0305f !important;
+.bg-orange-300 {
+  background-color: #FEECD3 !important;
 }
 
-.bg-pink-900 {
-  background-color: #700024 !important;
+.bg-orange-400 {
+  background-color: #FCDAAB !important;
 }
 
-.bg-yellow-100 {
-  background-color: #fff8e3 !important;
+.bg-orange-500 {
+  background-color: #FFD08F !important;
 }
 
-.bg-yellow-300 {
-  background-color: #fae3a5 !important;
+.bg-orange-600 {
+  background-color: #F2B873 !important;
 }
 
-.bg-yellow-500 {
-  background-color: #f7ce5c !important;
+.bg-orange-700 {
+  background-color: #C6824E !important;
 }
 
-.bg-yellow-700 {
-  background-color: #cc9e21 !important;
+.bg-orange-800 {
+  background-color: #7E4B2F !important;
 }
 
-.bg-yellow-900 {
-  background-color: #4a3d10 !important;
+.bg-orange-900 {
+  background-color: #4C2D21 !important;
 }
 
 :root {
   --ds-white: #fff;
   --ds-transparent: transparent;
-  --ds-blue-100: #e5f0ff;
-  --ds-blue-300: #b0cdf3;
-  --ds-blue-500: #8bb4ea;
-  --ds-blue-700: #5f7ba0;
-  --ds-blue-900: #2d394a;
-  --ds-purple-25: #fcfcff;
-  --ds-purple-50: #f7f7ff;
-  --ds-purple-100: #ebebff;
-  --ds-purple-300: #b1b0f5;
-  --ds-purple-500: #8e8cee;
-  --ds-purple-700: #6160a2;
-  --ds-purple-900: #2e2e4c;
-  --ds-primary-25: #fcfcff;
-  --ds-primary-50: #f7f7ff;
-  --ds-primary-100: #ebebff;
-  --ds-primary-300: #b1b0f5;
-  --ds-primary-500: #8e8cee;
-  --ds-primary-700: #6160a2;
-  --ds-primary-900: #2e2e4c;
-  --ds-red-100: #fedede;
-  --ds-red-300: #faa0a0;
-  --ds-red-500: #e55454;
-  --ds-red-700: #c64848;
-  --ds-red-900: #4b2525;
-  --ds-grey-100: #fafaff;
-  --ds-grey-200: #f5f6fb;
-  --ds-grey-300: #ededf2;
-  --ds-grey-400: #d2d2d8;
-  --ds-grey-500: #91919c;
-  --ds-grey-600: #696970;
-  --ds-grey-700: #4c4c53;
-  --ds-grey-900: #26262e;
-  --ds-green-100: #e4ffe6;
-  --ds-green-300: #c4f5c8;
-  --ds-green-500: #84de8a;
-  --ds-green-700: #5b985f;
-  --ds-green-900: #354a2d;
-  --ds-glacier-100: #e0f7fe;
-  --ds-glacier-300: #aeddec;
-  --ds-glacier-500: #8bcbdf;
-  --ds-glacier-700: #5d8896;
-  --ds-glacier-900: #2d4148;
-  --ds-spearmint-100: #e3fff2;
-  --ds-spearmint-300: #aaeacc;
-  --ds-spearmint-500: #85dcb4;
-  --ds-spearmint-700: #599278;
-  --ds-spearmint-900: #2b4639;
-  --ds-pink-100: #ffebf1;
-  --ds-pink-300: #ffb1cb;
-  --ds-pink-500: #f96092;
-  --ds-pink-700: #c0305f;
-  --ds-pink-900: #700024;
-  --ds-yellow-100: #fff8e3;
-  --ds-yellow-300: #fae3a5;
-  --ds-yellow-500: #f7ce5c;
-  --ds-yellow-700: #cc9e21;
-  --ds-yellow-900: #4a3d10;
+  --ds-blue-100: #E5F0FF;
+  --ds-blue-200: #DAE8FC;
+  --ds-blue-300: #B0CDF3;
+  --ds-blue-500: #8BB4EA;
+  --ds-blue-700: #5F7BA0;
+  --ds-blue-900: #2D394A;
+  --ds-purple-50: #F9F9FF;
+  --ds-purple-100: #F6F6FE;
+  --ds-purple-200: #EEEEFE;
+  --ds-purple-300: #E8E7FE;
+  --ds-purple-400: #D2CFFD;
+  --ds-purple-500: #B8B4F3;
+  --ds-purple-600: #8883D8;
+  --ds-purple-700: #6A65AE;
+  --ds-purple-800: #484676;
+  --ds-purple-900: #32334B;
+  --ds-red-100: #FEE6E6;
+  --ds-red-200: #FED7D7;
+  --ds-red-300: #FAA0A0;
+  --ds-red-500: #E55454;
+  --ds-red-700: #C64848;
+  --ds-red-900: #4B2525;
+  --ds-neutral-50: #f9f9fd;
+  --ds-neutral-100: #f7f7fd;
+  --ds-neutral-300: #e7e7ed;
+  --ds-neutral-400: #d2d2d9;
+  --ds-neutral-600: #919199;
+  --ds-neutral-700: #696971;
+  --ds-neutral-800: #3f3f47;
+  --ds-neutral-900: #26262e;
+  --ds-green-100: #E6FAF1;
+  --ds-green-300: #AAEACC;
+  --ds-green-500: #85DCB4;
+  --ds-green-700: #599278;
+  --ds-green-900: #2B4639;
+  --ds-yellow-100: #FEFAEC;
+  --ds-yellow-200: #FCF3D1;
+  --ds-yellow-300: #F6E7AC;
+  --ds-yellow-500: #F0D26F;
+  --ds-yellow-700: #C5A33E;
+  --ds-yellow-900: #483D18;
+  --ds-orange-50: #FAF8F5;
+  --ds-orange-100: #FCF7EF;
+  --ds-orange-200: #FDF2E2;
+  --ds-orange-300: #FEECD3;
+  --ds-orange-400: #FCDAAB;
+  --ds-orange-500: #FFD08F;
+  --ds-orange-600: #F2B873;
+  --ds-orange-700: #C6824E;
+  --ds-orange-800: #7E4B2F;
+  --ds-orange-900: #4C2D21;
 }
 
 .fw-normal {
@@ -2133,15 +2079,15 @@ body {
 }
 
 .p-error {
-  color: #e55454;
+  color: #E55454;
 }
 
 .p-a {
-  color: #8e8cee;
+  color: #8883D8;
   text-decoration: none;
 }
 .p-a:hover, .p-a:focus {
-  color: #6160a2;
+  color: #6A65AE;
 }
 .p-a:focus-visible {
   outline: 2px solid #26262e;
@@ -2278,31 +2224,31 @@ body {
   padding: 0;
 }
 .p-btn--primary {
-  background-color: #8e8cee;
+  background-color: #8883D8;
   color: white;
 }
 .p-btn--primary:hover {
-  background-color: #6160a2;
+  background-color: #6A65AE;
 }
 @media (max-width: 34rem) {
   .p-btn--primary:hover {
-    background-color: #8e8cee;
+    background-color: #8883D8;
   }
 }
 .p-btn--primary[disabled] {
-  background-color: #b1b0f5;
+  background-color: #B8B4F3;
   opacity: 1;
 }
 .p-btn--primary:focus {
   outline: none;
-  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(142, 140, 238, 0.5);
+  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(136, 131, 216, 0.5);
 }
 .p-btn--secondary, .p-btn--secondary-black, .p-btn--secondary-inverted, .p-btn--secondary-white, .p-btn--secondary-grey {
   background-color: transparent;
-  color: #8e8cee;
+  color: #8883D8;
 }
 .p-btn--secondary:hover, .p-btn--secondary-black:hover, .p-btn--secondary-inverted:hover, .p-btn--secondary-white:hover, .p-btn--secondary-grey:hover {
-  background-color: #ebebff;
+  background-color: #E8E7FE;
 }
 @media (max-width: 34rem) {
   .p-btn--secondary:hover, .p-btn--secondary-black:hover, .p-btn--secondary-inverted:hover, .p-btn--secondary-white:hover, .p-btn--secondary-grey:hover {
@@ -2310,17 +2256,17 @@ body {
   }
 }
 .p-btn--secondary[disabled], [disabled].p-btn--secondary-black, [disabled].p-btn--secondary-inverted, [disabled].p-btn--secondary-white, [disabled].p-btn--secondary-grey {
-  color: #6160a2;
+  color: #6A65AE;
 }
 .p-btn--secondary[disabled]:hover, [disabled].p-btn--secondary-black:hover, [disabled].p-btn--secondary-inverted:hover, [disabled].p-btn--secondary-white:hover, [disabled].p-btn--secondary-grey:hover {
   background-color: transparent;
 }
 .p-btn--secondary:focus, .p-btn--secondary-black:focus, .p-btn--secondary-inverted:focus, .p-btn--secondary-white:focus, .p-btn--secondary-grey:focus {
   outline: none;
-  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(142, 140, 238, 0.5);
+  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(136, 131, 216, 0.5);
 }
 .p-btn--secondary-grey {
-  background-color: #f7f7ff;
+  background-color: #F6F6FE;
 }
 .p-btn--secondary-white {
   background-color: #fff;
@@ -2329,14 +2275,14 @@ body {
   color: #fff;
 }
 .p-btn--secondary-inverted:hover, .p-btn--secondary-inverted:focus {
-  background-color: #6160a2;
+  background-color: #6A65AE;
 }
 .p-btn--secondary-black {
   background-color: #26262e;
   color: white;
 }
 .p-btn--secondary-black:hover {
-  background-color: #4c4c53;
+  background-color: #3f3f47;
 }
 .p-btn--secondary-black[disabled] {
   background-color: #26262e;
@@ -2346,66 +2292,66 @@ body {
   background-color: #26262e;
 }
 .p-btn--secondary-black:focus {
-  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(46, 46, 76, 0.5);
+  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(50, 51, 75, 0.5);
 }
 .p-btn--danger {
-  background-color: #e55454;
+  background-color: #E55454;
   color: white;
 }
 .p-btn--danger:hover {
-  background-color: #c64848;
+  background-color: #C64848;
 }
 @media (max-width: 34rem) {
   .p-btn--danger:hover {
-    background-color: #e55454;
+    background-color: #E55454;
   }
 }
 .p-btn--danger[disabled] {
-  background-color: #faa0a0;
+  background-color: #FAA0A0;
   opacity: 1;
 }
 .p-btn--danger:focus {
   outline: none;
-  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(142, 140, 238, 0.5);
+  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(136, 131, 216, 0.5);
 }
 .p-btn--success {
-  background-color: #84de8a;
+  background-color: #85DCB4;
   color: white;
 }
 .p-btn--success:hover {
-  background-color: #5b985f;
+  background-color: #599278;
 }
 @media (max-width: 34rem) {
   .p-btn--success:hover {
-    background-color: #84de8a;
+    background-color: #85DCB4;
   }
 }
 .p-btn--success[disabled] {
-  background-color: #c4f5c8;
+  background-color: #AAEACC;
   opacity: 1;
 }
 .p-btn--success:focus {
   outline: none;
-  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(142, 140, 238, 0.5);
+  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(136, 131, 216, 0.5);
 }
 .p-btn--outline {
-  color: #8e8cee;
+  color: #8883D8;
   background-color: transparent;
-  border: 1px solid #b1b0f5;
+  border: 1px solid #B8B4F3;
 }
 .p-btn--outline:hover {
-  color: #6160a2;
-  border-color: #8e8cee;
+  color: #6A65AE;
+  border-color: #8883D8;
 }
 .p-btn--outline[disabled] {
-  color: #8e8cee;
-  border-color: #b1b0f5;
+  color: #8883D8;
+  border-color: #B8B4F3;
   opacity: 0.5;
 }
 .p-btn--outline:focus {
-  color: #6160a2;
+  color: #6A65AE;
   outline: none;
-  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(142, 140, 238, 0.5);
+  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(136, 131, 216, 0.5);
 }
 .p-btn--outline-white {
   color: #fff;
@@ -2413,8 +2359,8 @@ body {
   background-color: transparent;
 }
 .p-btn--outline-white:hover {
-  background-color: #6160a2;
-  border-color: #6160a2;
+  background-color: #6A65AE;
+  border-color: #6A65AE;
 }
 .p-btn--outline-white[disabled] {
   background-color: transparent;
@@ -2422,25 +2368,25 @@ body {
 }
 .p-btn--outline-white:focus {
   outline: none;
-  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(142, 140, 238, 0.5);
+  box-shadow: 0 0 0 1px white, 0 0 0 3px rgba(136, 131, 216, 0.5);
 }
 .p-btn--outline-grey {
-  color: #91919c;
+  color: #919199;
   background-color: transparent;
-  border: 1px solid #d2d2d8;
+  border: 1px solid #d2d2d9;
 }
 .p-btn--outline-grey:hover {
-  color: #696970;
-  border-color: #91919c;
+  color: #696971;
+  border-color: #919199;
 }
 .p-btn--outline-grey[disabled] {
-  color: #91919c;
-  border-color: #d2d2d8;
+  color: #919199;
+  border-color: #d2d2d9;
   opacity: 0.5;
 }
 .p-btn--outline-grey:focus {
-  color: #696970;
-  border-color: #696970;
+  color: #696971;
+  border-color: #696971;
 }
 .p-btn--loading {
   color: transparent;
@@ -2460,8 +2406,8 @@ body {
   animation: spinner-rotate 0.9s infinite;
 }
 .p-btn--loading.p-btn--secondary:not(.p-btn--secondary-black)::before, .p-btn--loading.p-btn--secondary-inverted:not(.p-btn--secondary-black)::before, .p-btn--loading.p-btn--secondary-black:not(.p-btn--secondary-black)::before, .p-btn--loading.p-btn--secondary-grey::before, .p-btn--loading.p-btn--secondary-white::before {
-  border-color: rgba(142, 140, 238, 0.5);
-  border-left-color: #8e8cee;
+  border-color: rgba(136, 131, 216, 0.5);
+  border-left-color: #8883D8;
 }
 
 .sr-only {
@@ -2485,28 +2431,28 @@ body {
   height: 48px;
   width: 100%;
   border-radius: 8px;
-  border: 1px solid #d2d2d8;
+  border: 1px solid #d2d2d9;
   background-color: white;
   color: #26262e;
   transition: box-shadow 0.3s;
 }
 .p-input::placeholder, .p-input--error::placeholder {
-  color: #91919c;
+  color: #919199;
 }
 .p-input:disabled, .p-input--error:disabled {
-  background-color: #ededf2;
+  background-color: #e7e7ed;
   border: none;
 }
 .p-input:focus, .p-input--error:focus {
   outline: none;
-  box-shadow: 0 0 0 2px #8e8cee;
+  box-shadow: 0 0 0 2px #8883D8;
 }
 .p-input--error {
-  border: 1px solid #e55454;
+  border: 1px solid #E55454;
 }
 .p-input--error:focus {
   outline: none;
-  box-shadow: 0 0 0 2px #e55454;
+  box-shadow: 0 0 0 2px #E55454;
 }
 .p-input input, .p-input--error input {
   position: absolute;
@@ -2535,7 +2481,7 @@ body {
   min-width: 16px;
   height: 16px;
   min-height: 16px;
-  border: 1px solid #d2d2d8;
+  border: 1px solid #d2d2d9;
   border-radius: 50%;
   background-color: white;
   transition: 0.3s background-color;
@@ -2549,12 +2495,12 @@ body {
 }
 
 .p-radio:checked + label::before {
-  border-color: #8e8cee;
-  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 20" stroke="white" stroke-width="4" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="50%" fill="%238e8cee"/></svg>');
+  border-color: #8883D8;
+  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 20" stroke="white" stroke-width="4" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="50%" fill="%238883D8"/></svg>');
 }
 
 .p-radio:focus-visible + label {
-  outline: 1px solid #8e8cee;
+  outline: 1px solid #8883D8;
 }
 
 .p-radio:disabled + .p-label {
@@ -2562,7 +2508,7 @@ body {
   opacity: 0.6;
 }
 .p-radio:disabled + .p-label--bordered:hover {
-  border-color: #d2d2d8;
+  border-color: #d2d2d9;
 }
 
 .p-checkbox + label::before {
@@ -2574,7 +2520,7 @@ body {
   min-width: 16px;
   height: 16px;
   min-height: 16px;
-  border: 1px solid #d2d2d8;
+  border: 1px solid #d2d2d9;
   border-radius: 4px;
   background-color: white;
   transition: 0.3s background-color;
@@ -2583,19 +2529,19 @@ body {
 .p-checkbox:focus + label::before,
 .p-radio:focus + label::before {
   outline: none;
-  box-shadow: 0 0 0 2px rgba(142, 140, 238, 0.5);
+  box-shadow: 0 0 0 2px rgba(136, 131, 216, 0.5);
 }
 
 .p-checkbox:checked + label::before {
   background-image: url("./assets/checkmark.svg");
   background-repeat: no-repeat;
   background-position: center;
-  background-color: #8e8cee;
-  border-color: #8e8cee;
+  background-color: #8883D8;
+  border-color: #8883D8;
 }
 
 .p-checkbox:focus-visible + label {
-  outline: 1px solid #8e8cee;
+  outline: 1px solid #8883D8;
 }
 
 .p-checkbox--no-icon + label::before {
@@ -2614,18 +2560,18 @@ body {
   align-items: center;
   padding: 12px 16px;
   border-radius: 8px;
-  border: 1px solid #d2d2d8;
+  border: 1px solid #d2d2d9;
   background-color: white;
   transition: 0.3s border-color, 0.3s background-color;
 }
 .p-label--bordered:hover {
-  border-color: #8e8cee;
+  border-color: #8883D8;
 }
 
 input:checked[type=radio] + .p-label--bordered,
 input:checked[type=checkbox] + .p-label--bordered {
-  border-color: #8e8cee;
-  background-color: #ebebff;
+  border-color: #8883D8;
+  background-color: #E8E7FE;
 }
 
 .p-label-container {
@@ -2643,7 +2589,7 @@ input:checked[type=checkbox] + .p-label--bordered {
   appearance: none;
   height: 48px;
   border-radius: 8px;
-  border: 1px solid #d2d2d8;
+  border: 1px solid #d2d2d9;
   background-color: white;
   font-family: inherit;
   font-size: 16px;
@@ -2657,15 +2603,15 @@ input:checked[type=checkbox] + .p-label--bordered {
   transition: box-shadow 0.3s;
 }
 .p-select:hover {
-  color: #4c4c53 !important;
-  border-color: #8e8cee;
+  color: #3f3f47 !important;
+  border-color: #8883D8;
 }
 .p-select:invalid {
-  color: #91919c;
+  color: #919199;
 }
 .p-select:focus {
   outline: none;
-  box-shadow: 0 0 0 2px #8e8cee;
+  box-shadow: 0 0 0 2px #8883D8;
 }
 .p-select option {
   font-family: Arial, Helvetica, sans-serif;
@@ -2677,26 +2623,26 @@ input:checked[type=checkbox] + .p-label--bordered {
   border-radius: 8px;
 }
 .p-notice--primary {
-  background-color: #ebebff;
-  border-color: #8e8cee;
+  background-color: #E8E7FE;
+  border-color: #8883D8;
   color: #26262e;
 }
 .p-notice--danger {
-  background-color: #fedede;
-  border-color: #e55454;
+  background-color: #FEE6E6;
+  border-color: #E55454;
   color: #26262e;
 }
 .p-notice--warning {
-  background-color: #fff8e3;
-  border-color: #f7ce5c;
+  background-color: #FEFAEC;
+  border-color: #F0D26F;
 }
 .p-notice--success {
-  background-color: #e4ffe6;
-  border-color: #84de8a;
+  background-color: #E6FAF1;
+  border-color: #85DCB4;
 }
 .p-notice--info {
-  background-color: #e5f0ff;
-  border-color: #8bb4ea;
+  background-color: #E5F0FF;
+  border-color: #8BB4EA;
 }
 
 .p-badge, .p-badge--default, .p-badge--info, .p-badge--danger, .p-badge--inactive, .p-badge--pending, .p-badge--active {
@@ -2710,22 +2656,22 @@ input:checked[type=checkbox] + .p-label--bordered {
   border-radius: 9px;
 }
 .p-badge--active {
-  background-color: #c4f5c8;
+  background-color: #AAEACC;
 }
 .p-badge--pending {
-  background-color: #fae3a5;
+  background-color: #F6E7AC;
 }
 .p-badge--inactive {
-  background-color: #d2d2d8;
+  background-color: #d2d2d9;
 }
 .p-badge--danger {
-  background-color: #faa0a0;
+  background-color: #FAA0A0;
 }
 .p-badge--info {
-  background-color: #b0cdf3;
+  background-color: #B0CDF3;
 }
 .p-badge--default {
-  background-color: #ebebff;
+  background-color: #E8E7FE;
 }
 
 .ds-spinner {
@@ -2739,7 +2685,7 @@ input:checked[type=checkbox] + .p-label--bordered {
   position: absolute;
   width: 100%;
   height: 100%;
-  border: 2px solid #8e8cee;
+  border: 2px solid #8883D8;
   border-radius: 16px;
 }
 .ds-spinner::before {
@@ -2788,10 +2734,10 @@ input:checked[type=checkbox] + .p-label--bordered {
   cursor: pointer;
 }
 .ds-card--actionable:hover {
-  border: 2px solid #b1b0f5;
+  border: 2px solid #B8B4F3;
 }
 .ds-card--actionable:focus {
-  outline: 3px solid #8e8cee;
+  outline: 3px solid #8883D8;
   border: 2px solid transparent;
 }
 .ds-card--muted {
@@ -2802,19 +2748,23 @@ input:checked[type=checkbox] + .p-label--bordered {
 }
 
 .bs-xs {
-  box-shadow: 0px 4px 6px rgba(97, 96, 162, 0.01);
+  box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);
 }
 
 .bs-sm {
-  box-shadow: 0px 2px 20px 0px rgba(97, 96, 162, 0.06);
+  box-shadow: 0 2px 20px 0 rgba(38, 38, 46, 0.04);
 }
 
 .bs-md {
-  box-shadow: 0px 2px 28px rgba(97, 96, 162, 0.12);
+  box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);
 }
 
 .bs-lg {
-  box-shadow: 0px 2px 28px rgba(97, 96, 162, 0.15);
+  box-shadow: 0 2px 32px rgba(38, 38, 46, 0.1);
+}
+
+.bs-xl {
+  box-shadow: 0 2px 50px rgba(38, 38, 46, 0.18);
 }
 
 .fw-normal {
@@ -2834,11 +2784,11 @@ input:checked[type=checkbox] + .p-label--bordered {
   font-family: Lato, sans-serif;
 }
 .pac-item:hover {
-  background-color: var(--ds-grey-200);
+  background-color: var(--ds-neutral-100);
 }
 
 .pac-item-selected {
-  background-color: var(--ds-primary-100);
+  background-color: var(--ds-purple-300);
 }
 
 .pac-item {
@@ -2866,7 +2816,7 @@ input:checked[type=checkbox] + .p-label--bordered {
 }
 .pac-container {
   background-color: white;
-  border: 1px solid var(--ds-grey-400);
+  border: 1px solid var(--ds-neutral-400);
   box-shadow: none;
   border-radius: 8px;
   margin-top: 8px;
@@ -2890,7 +2840,7 @@ html {
 }
 
 body {
-  background-color: #f5f6fb;
+  background-color: #f7f7fd;
 }
 
 /*# sourceMappingURL=index.css.map */