@raystack/apsara 0.16.0 → 0.16.2

package/dist/index.css

@@ -78,8 +78,8 @@
   --br-round: 50%;
   --br-pill: 999px;
 
-  --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.06);
-  --shadow-sm: 0px 1px 4px rgba(0, 0, 0, 0.09);
+  --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
+  --shadow-sm: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
   --shadow-md: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
     0px 4px 6px -2px rgba(16, 24, 40, 0.03);
   --shadow-lg: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),
@@ -731,7 +731,7 @@ html[data-theme="dark"] {
 .dialog-module_overlay__t-jUE {
   position: fixed;
   inset: 0;
-
+  z-index: 49;
   background-color: rgba(0, 0, 0, 0.15);
 }
 
@@ -801,13 +801,14 @@ html[data-theme="dark"] {
   box-sizing: border-box;
   min-width: 120px;
 
-  padding: var(--pd-8);
+  padding: var(--pd-4);
   background-color: var(--background-base);
   border-radius: var(--br-4);
-  box-shadow: var(--shadow-xs);
-  border: 1px solid var(--border-subtle);
-  color: var(--foreground-base)
+  box-shadow: var(--shadow-sm);
+  outline: 1px solid var(--border-subtle);
+  color: var(--foreground-base);
 
+  min-width: var(--radix-dropdown-menu-trigger-width);
 }
 
 .dropdown-menu-module_menuitem__IuV4n {
@@ -815,13 +816,13 @@ html[data-theme="dark"] {
   padding: var(--pd-8);
 }
 
-.dropdown-menu-module_menuitem__IuV4n:hover, 
+.dropdown-menu-module_menuitem__IuV4n:hover,
 .dropdown-menu-module_menuitem__IuV4n:focus,
 .dropdown-menu-module_menuitem__IuV4n[data-highlighted] {
   outline: none;
   cursor: pointer;
   border-radius: var(--br-4);
-  background: var(--background-base-hover)
+  background: var(--background-base-hover);
 }
 
 .dropdown-menu-module_menuitem__IuV4n[data-disabled] {
@@ -829,19 +830,16 @@ html[data-theme="dark"] {
   pointer-events: none;
 }
 
-.dropdown-menu-module_label__2h-4H{
+.dropdown-menu-module_label__2h-4H {
   padding: var(--pd-6) var(--pd-8);
   font-weight: 500;
 }
-.dropdown-menu-module_separator__0-EoW{
+.dropdown-menu-module_separator__0-EoW {
   height: 1px;
   margin: var(--mr-4) calc(var(--mr-8) * -1);
-  background: var(--background-inset)
+  background: var(--background-inset);
 }
 
-.dropdown-menu-module_menugroup__AmbLX{
-  padding: var(--pd-8);
-}
 .emptystate-module_emptystate__5wz7s {
   box-sizing: border-box;
   display: flex;
@@ -1285,6 +1283,114 @@ html[data-theme="dark"] {
   min-width: 44px;
   min-height: 44px;
 }
+.text-module_text__1E39C {
+  display: block;
+  line-height: 1;
+  margin: 0;
+  color: var(--foreground-base);
+}
+
+.text-module_text-1__ZIYnD {
+  font-size: 11px;
+  line-height: 16px;
+  letter-spacing: 0.5px;
+}
+.text-module_text-2__vhka2 {
+  font-size: 12px;
+  line-height: 16px;
+  letter-spacing: 0.4px;
+}
+.text-module_text-3__WhApV {
+  font-size: 13px;
+  line-height: 16px;
+  letter-spacing: 0.4px;
+}
+.text-module_text-4__I4KCY {
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0.25px;
+}
+.text-module_text-5__5i6jy {
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: 0.5px;
+}
+.text-module_text-6__vn534 {
+  font-size: 16px;
+  line-height: 20px;
+  letter-spacing: 0.25px;
+}
+.text-module_text-7__5stey {
+  font-size: 20px;
+  line-height: 24px;
+  letter-spacing: 0.5px;
+}
+.text-module_text-8__J--5n {
+  font-size: 22px;
+  line-height: 28px;
+  letter-spacing: 0.5px;
+}
+.text-module_text-9__guv-W {
+  font-size: 24px;
+  line-height: 32px;
+}
+.text-module_text-10__OdU-l {
+  font-size: 28px;
+  line-height: 36px;
+}
+
+.text-module_text-weight-bold__248bx {
+  font-weight: bold;
+}
+
+.text-module_text-weight-bolder__x-gH2 {
+  font-weight: bolder;
+}
+
+.text-module_text-weight-normal__N6rMZ {
+  font-weight: normal;
+}
+
+.text-module_text-weight-lighter__PtdzT {
+  font-weight: lighter;
+}
+
+.text-module_text-weight-100__170iy {
+  font-weight: 100;
+}
+
+.text-module_text-weight-200__iG1l4 {
+  font-weight: 200;
+}
+
+.text-module_text-weight-300__Z8-xh {
+  font-weight: 300;
+}
+
+.text-module_text-weight-400__y4aiw {
+  font-weight: 400;
+}
+
+.text-module_text-weight-500__El9dq {
+  font-weight: 500;
+}
+
+.text-module_text-weight-600__yMGME {
+  font-weight: 600;
+}
+
+.text-module_text-weight-700__EYo9- {
+  font-weight: 700;
+}
+
+.text-module_text-weight-800__N7b82 {
+  font-weight: 800;
+}
+
+.text-module_text-weight-900__vs7L8 {
+  font-weight: 900;
+}
+
 .select-module_content__X0QJ- {
   overflow: hidden;
   z-index: 50;
@@ -1293,20 +1399,22 @@ html[data-theme="dark"] {
 
   box-sizing: border-box;
 
-  padding: var(--pd-4) var(--pd-8);
+  padding: var(--pd-4);
   background-color: var(--background-base);
   border-radius: var(--br-4);
-  box-shadow: var(--shadow-xs);
+  box-shadow: var(--shadow-sm);
   outline: 1px solid var(--border-subtle);
+
+  min-width: var(--radix-select-trigger-width);
+  margin-top: 4px;
 }
 
 .select-module_menuitem__DfVEU {
   display: flex;
   align-items: center;
   position: relative;
-
   gap: var(--pd-4);
-  padding: var(--pd-4) var(--pd-8);
+  padding: var(--pd-8);
   color: var(--foreground-base);
 }
 
@@ -1324,18 +1432,6 @@ html[data-theme="dark"] {
   pointer-events: none;
 }
 
-.select-module_menuitemIndicatorWapper__TZDvz {
-  height: 14px;
-  width: 14px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.select-module_label__4I1Se {
-  padding: var(--pd-6) var(--pd-8);
-  font-weight: 500;
-}
 .select-module_separator__2UBNd {
   height: 1px;
   margin: var(--mr-4) calc(var(--mr-8) * -1);
@@ -1350,16 +1446,23 @@ html[data-theme="dark"] {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  outline: none;
+  border: none;
 
   color: var(--foreground-base);
-  padding: var(--pd-4) var(--pd-12);
+  padding: var(--pd-8);
   background-color: var(--background-base);
   font-size: 12px;
   line-height: 16px;
   border-radius: var(--br-4);
   outline: 0.5px solid var(--border-base);
   box-shadow: var(--shadow-xs);
+  color: var(--foreground-subtle);
+
+  user-select: none;
+}
+
+.select-module_trigger__1tSaG:hover {
+  cursor: pointer;
 }
 
 .select-module_trigger__1tSaG:focus {
@@ -1378,9 +1481,8 @@ html[data-theme="dark"] {
 }
 
 .select-module_triggerIcon__iaoZ3 {
-  width: 16px;
-  height: 16px;
-  opacity: 0.5;
+  width: 12px;
+  height: 12px;
   margin-left: var(--mr-8);
 }
 
@@ -1503,114 +1605,6 @@ html[data-theme="dark"] {
   0%   { opacity: 1 }
   100% { opacity: 0 }
 }
-.text-module_text__1E39C {
-  display: block;
-  line-height: 1;
-  margin: 0;
-  color: var(--foreground-base);
-}
-
-.text-module_text-1__ZIYnD {
-  font-size: 11px;
-  line-height: 16px;
-  letter-spacing: 0.5px;
-}
-.text-module_text-2__vhka2 {
-  font-size: 12px;
-  line-height: 16px;
-  letter-spacing: 0.4px;
-}
-.text-module_text-3__WhApV {
-  font-size: 13px;
-  line-height: 16px;
-  letter-spacing: 0.4px;
-}
-.text-module_text-4__I4KCY {
-  font-size: 14px;
-  line-height: 20px;
-  letter-spacing: 0.25px;
-}
-.text-module_text-5__5i6jy {
-  font-size: 16px;
-  line-height: 24px;
-  letter-spacing: 0.5px;
-}
-.text-module_text-6__vn534 {
-  font-size: 16px;
-  line-height: 20px;
-  letter-spacing: 0.25px;
-}
-.text-module_text-7__5stey {
-  font-size: 20px;
-  line-height: 24px;
-  letter-spacing: 0.5px;
-}
-.text-module_text-8__J--5n {
-  font-size: 22px;
-  line-height: 28px;
-  letter-spacing: 0.5px;
-}
-.text-module_text-9__guv-W {
-  font-size: 24px;
-  line-height: 32px;
-}
-.text-module_text-10__OdU-l {
-  font-size: 28px;
-  line-height: 36px;
-}
-
-.text-module_text-weight-bold__248bx {
-  font-weight: bold;
-}
-
-.text-module_text-weight-bolder__x-gH2 {
-  font-weight: bolder;
-}
-
-.text-module_text-weight-normal__N6rMZ {
-  font-weight: normal;
-}
-
-.text-module_text-weight-lighter__PtdzT {
-  font-weight: lighter;
-}
-
-.text-module_text-weight-100__170iy {
-  font-weight: 100;
-}
-
-.text-module_text-weight-200__iG1l4 {
-  font-weight: 200;
-}
-
-.text-module_text-weight-300__Z8-xh {
-  font-weight: 300;
-}
-
-.text-module_text-weight-400__y4aiw {
-  font-weight: 400;
-}
-
-.text-module_text-weight-500__El9dq {
-  font-weight: 500;
-}
-
-.text-module_text-weight-600__yMGME {
-  font-weight: 600;
-}
-
-.text-module_text-weight-700__EYo9- {
-  font-weight: 700;
-}
-
-.text-module_text-weight-800__N7b82 {
-  font-weight: 800;
-}
-
-.text-module_text-weight-900__vs7L8 {
-  font-weight: 900;
-}
-
 .sidebar-module_sidebar__NXH3O {
   width: 100%;
   max-width: 220px;