@raystack/apsara 0.15.0 → 0.16.1

package/dist/index.css

@@ -41,6 +41,8 @@
   --border-success: #92ceac;
   --border-success-inverted: #30a46c;
 
+  --ascent-contrast: #fff;
+
   --ff-inter: "Inter", -apple-system, system-ui, sans-serif;
   --ff-mono: Söhne Mono, menlo, monospace;
 
@@ -76,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),
@@ -114,6 +116,8 @@ html[data-theme="dark"] {
   --background-success: #16301d;
   --background-success-inverted: #46a758;
 
+  --ascent-contrast: #fff;
+
   --border-base: #3a3f42;
   --border-base-hover: #4c5155;
   --border-muted: #313538;
@@ -455,8 +459,8 @@ html[data-theme="dark"] {
   line-height: var(--fs-600);
   width: fit-content;
   transition: background-color var(--transition);
-  padding:  var(--pd-4) var(--pd-12);
-  border-radius: var(--br-4);  
+  padding: var(--pd-4) var(--pd-12);
+  border-radius: var(--br-4);
 }
 
 .button-module_button__9VQ21:before {
@@ -473,8 +477,7 @@ html[data-theme="dark"] {
 }
 
 .button-module_button-small__RR1mh {
-  padding-top: var(--pd-4);
-  padding-bottom: var(--pd-4);
+  padding: var(--pd-4) var(--pd-8);
 }
 
 .button-module_button-medium__79Bf1 {
@@ -492,74 +495,73 @@ html[data-theme="dark"] {
   padding-bottom: var(--pd-8);
   width: 24px;
   height: 24px;
-  border-radius: var(--br-round);  
+  border-radius: var(--br-round);
 }
 
-
 .button-module_button-primary__R0k9n {
-  color: var(--foreground-inverted);
-  background-color: var(--background-accent-inverted)
+  color: var(--ascent-contrast);
+  background-color: var(--background-accent-inverted);
 }
 
-.button-module_button-primary__R0k9n:hover, 
+.button-module_button-primary__R0k9n:hover,
 .button-module_button-primary__R0k9n:active,
 .button-module_button-primary__R0k9n[data-radix-popover-trigger][data-state="open"],
 .button-module_button-primary__R0k9n[data-radix-dropdown-menu-trigger][data-state="open"] {
-  background-color: var(--background-accent-inverted-hover)
+  background-color: var(--background-accent-inverted-hover);
 }
 
 .button-module_button-outline__MN25q {
   color: var(--foreground-accent);
   background-color: var(--background-base);
-  border: 1px solid var(--border-accent-inverted);
+  outline: 1px solid var(--border-accent-inverted);
 }
 
-.button-module_button-outline__MN25q:hover, 
+.button-module_button-outline__MN25q:hover,
 .button-module_button-outline__MN25q:active,
 .button-module_button-outline__MN25q[data-radix-popover-trigger][data-state="open"],
 .button-module_button-outline__MN25q[data-radix-dropdown-menu-trigger][data-state="open"] {
   background-color: var(--background-accent);
-  border: 1px solid var(--border-accent-inverted-hover);
+  outline: 1px solid var(--border-accent-inverted-hover);
 }
 
 .button-module_button-secondary__zDkNV {
   color: var(--foreground-base);
   background-color: var(--background-base);
-  border: 1px solid var(--border-base)
+  outline: 1px solid var(--border-base);
 }
 
-.button-module_button-secondary__zDkNV:hover, 
+.button-module_button-secondary__zDkNV:hover,
 .button-module_button-secondary__zDkNV:active,
 .button-module_button-secondary__zDkNV[data-radix-popover-trigger][data-state="open"],
 .button-module_button-secondary__zDkNV[data-radix-dropdown-menu-trigger][data-state="open"] {
   background-color: var(--background-base-hover);
-  border: 1px solid var(--border-base-hover);
+  outline: 1px solid var(--border-base-hover);
 }
 
 .button-module_button-ghost__KcZUm {
   color: var(--foreground-base);
   background-color: var(--background-base);
-  border: 1px dotted var(--border-base);
+  outline: 1px dashed var(--border-base);
 }
 
-.button-module_button-ghost__KcZUm:hover, 
+.button-module_button-ghost__KcZUm:hover,
 .button-module_button-ghost__KcZUm:active,
 .button-module_button-ghost__KcZUm[data-radix-popover-trigger][data-state="open"],
 .button-module_button-ghost__KcZUm[data-radix-dropdown-menu-trigger][data-state="open"] {
   background-color: var(--background-base-hover);
-  border: 1px dotted var(--border-base-hover);
+  outline: 1px dashed var(--border-base-hover);
 }
 
 .button-module_button-danger__dnB-7 {
-  color: var(--foreground-inverted);
-  background-color: var(--background-danger-inverted)
+  color: var(--ascent-contrast);
+  background-color: var(--background-danger-inverted);
 }
 
-.button-module_button-danger__dnB-7:hover, 
+.button-module_button-danger__dnB-7:hover,
 .button-module_button-danger__dnB-7:active,
 .button-module_button-danger__dnB-7[data-radix-popover-trigger][data-state="open"],
 .button-module_button-danger__dnB-7[data-radix-dropdown-menu-trigger][data-state="open"] {
-  background-color: var(--background-danger-inverted-hover)
+  background-color: var(--background-danger-inverted-hover);
 }
 
 .label-module_label__hM2lk {
@@ -799,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 {
@@ -813,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] {
@@ -827,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;
@@ -1283,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;
@@ -1291,30 +1399,32 @@ 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);
-  border: 1px solid var(--border-subtle);
+  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);
 }
 
-.select-module_menuitem__DfVEU:hover, 
+.select-module_menuitem__DfVEU:hover,
 .select-module_menuitem__DfVEU:focus,
 .select-module_menuitem__DfVEU[data-highlighted] {
   outline: none;
   cursor: pointer;
   border-radius: var(--br-4);
-  background: var(--background-base-hover)
+  background: var(--background-base-hover);
 }
 
 .select-module_menuitem__DfVEU[data-disabled] {
@@ -1322,48 +1432,41 @@ 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{
+.select-module_separator__2UBNd {
   height: 1px;
   margin: var(--mr-4) calc(var(--mr-8) * -1);
-  background: var(--background-inset)
+  background: var(--background-inset);
 }
 
-.select-module_menugroup__zJbzr{
+.select-module_menugroup__zJbzr {
   padding: var(--pd-8);
 }
 
-
-
 .select-module_trigger__1tSaG {
-  display: flex; 
-  justify-content: space-between; 
-  align-items: center; 
-  outline: none;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border: none;
 
   color: var(--foreground-base);
-  padding: var(--pd-4) var(--pd-12);
-  background-color: var(--background-base); 
+  padding: var(--pd-8);
+  background-color: var(--background-base);
   font-size: 12px;
-  line-height: 16px; 
+  line-height: 16px;
   border-radius: var(--br-4);
-  border: 0.5px solid var(--border-base);
+  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 {
-  border: 1px solid var(--border-accent-inverted)
+  outline: 1px solid var(--border-accent-inverted);
 }
 
 .select-module_trigger__1tSaG:disabled {
@@ -1378,11 +1481,11 @@ html[data-theme="dark"] {
 }
 
 .select-module_triggerIcon__iaoZ3 {
-  width: 16px;
-  height: 16px;
-  opacity: 0.5;
+  width: 12px;
+  height: 12px;
   margin-left: var(--mr-8);
 }
+
 .separator-module_separator__uHK4y {
   flex-shrink: 0;
   border: 0;
@@ -1502,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;
@@ -1720,6 +1715,11 @@ html[data-theme="dark"] {
   border: 1px solid var(--border-subtle);
   padding: var(--pd-4) var(--pd-8);
   border-radius: var(--br-4);
+  width: 280px;
+  color: var(--foreground-base);
+  font-size: 11px;
+  font-weight: 500;
+  line-height: 16px;
 }
 
 .togglegroup-module_root__R0WF3 {
@@ -1794,10 +1794,12 @@ html[data-theme="dark"] {
 
 .calendar-module_nav_button_previous__lWJYm {
   left: 0;
+  height: 100%;
 }
 
 .calendar-module_nav_button_next__1MzRT {
   right: 0;
+  height: 100%;
 }
 
 .calendar-module_head__EIxyS {
@@ -1818,9 +1820,6 @@ html[data-theme="dark"] {
 }
 
 .calendar-module_cell__TTpcD {
-  display: flex;
-  justify-content: center;
-  align-items: center;
   width: 36px;
   height: 36px;
   background-color: var(--background-base);
@@ -1876,6 +1875,8 @@ html[data-theme="dark"] {
   width: 100%;
   height: 100%;
   padding: unset;
+  display: grid;
+  place-content: center;
 }
 
 .calendar-module_day_outside__WN68B {
@@ -1914,13 +1915,15 @@ html[data-theme="dark"] {
   padding: 0;
   height: auto;
   width: 100%;
-
   background-color: var(--background-base);
-  border: 0.5px solid var(--border-base);
+  outline: 0.5px solid var(--border-base);
+  border: none;
   box-shadow: var(--shadow-xs);
   border-radius: var(--br-4);
   color: var(--foreground-base);
   padding: var(--pd-4);
+  letter-spacing: 0.4px;
+  line-height: 16px;
 }
 
 .textfield-module_textfield__u4AGg:-webkit-autofill {
@@ -1928,13 +1931,12 @@ html[data-theme="dark"] {
 }
 
 .textfield-module_textfield__u4AGg:focus {
-  border: 1px solid var(--background-accent-inverted);
+  outline: 1px solid var(--background-accent-inverted);
 }
 
 .textfield-module_textfield__u4AGg::placeholder {
   color: var(--foreground-subtle);
   font-size: 12px;
-  line-height: 16px;
 }
 
 .textfield-module_textfield__u4AGg:disabled {
@@ -1950,30 +1952,28 @@ html[data-theme="dark"] {
 .textfield-module_textfield-sm__OKPic {
   border-radius: var(--br-4);
   font-size: 12px;
-  line-height: 16px;
-  padding: var(--pd-4);
+  padding: var(--pd-4) var(--pd-8);
 }
 
 .textfield-module_textfield-md__e2ayW {
   border-radius: var(--br-4);
-  font-size: 13px;
-  line-height: 16px;
+  font-size: 12px;
   padding: var(--pd-8);
 }
 
 .textfield-module_textfield-invlid__zo9MF {
-  border: 1px solid var(--border-danger);
+  outline: 1px solid var(--border-danger);
 }
 .textfield-module_textfield-invlid__zo9MF:focus {
-  border: 1px solid var(--border-danger);
+  outline: 1px solid var(--border-danger);
 }
 
 .textfield-module_textfield-valid__6rMM9 {
-  border: 1px solid var(--border-success);
+  outline: 1px solid var(--border-success);
 }
 
 .textfield-module_textfield-valid__6rMM9:focus {
-  border: 1px solid var(--border-success);
+  outline: 1px solid var(--border-success);
 }
 
 .textfield-module_textfield-leading__AE-ld {