@raystack/apsara 0.15.0 → 0.16.0

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;
 
@@ -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 {
@@ -1295,26 +1297,26 @@ html[data-theme="dark"] {
   background-color: var(--background-base);
   border-radius: var(--br-4);
   box-shadow: var(--shadow-xs);
-  border: 1px solid var(--border-subtle);
+  outline: 1px solid var(--border-subtle);
 }
 
 .select-module_menuitem__DfVEU {
   display: flex;
   align-items: center;
   position: relative;
-  
+
   gap: var(--pd-4);
   padding: var(--pd-4) 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] {
@@ -1326,44 +1328,42 @@ html[data-theme="dark"] {
   height: 14px;
   width: 14px;
   display: flex;
-  justify-content: center; 
+  justify-content: center;
   align-items: center;
 }
 
-.select-module_label__4I1Se{
+.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; 
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
   outline: none;
 
   color: var(--foreground-base);
   padding: var(--pd-4) var(--pd-12);
-  background-color: var(--background-base); 
+  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);
 }
 
 .select-module_trigger__1tSaG:focus {
-  border: 1px solid var(--border-accent-inverted)
+  outline: 1px solid var(--border-accent-inverted);
 }
 
 .select-module_trigger__1tSaG:disabled {
@@ -1383,6 +1383,7 @@ html[data-theme="dark"] {
   opacity: 0.5;
   margin-left: var(--mr-8);
 }
+
 .separator-module_separator__uHK4y {
   flex-shrink: 0;
   border: 0;
@@ -1720,6 +1721,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 +1800,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 +1826,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 +1881,8 @@ html[data-theme="dark"] {
   width: 100%;
   height: 100%;
   padding: unset;
+  display: grid;
+  place-content: center;
 }
 
 .calendar-module_day_outside__WN68B {
@@ -1914,13 +1921,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 +1937,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 +1958,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 {

package/dist/index.js

@@ -28173,6 +28173,7 @@ const Calendar = function ({ className, classNames, showOutsideDays = true, ...p
             day_range_end: styles$6.day_range_end,
             day_range_start: styles$6.day_range_start,
             months: styles$6.months,
+            // button: styles.button,
             ...classNames,
         }, className: root$1({ className }), ...props }));
 };
@@ -28200,16 +28201,16 @@ const textfield = cva(styles$5.textfield, {
         size: "small",
     },
 });
-const TextField = forwardRef(({ leading, trailing, className, src, size, state, style, ...props }, ref) => {
+const TextField = forwardRef(({ leading, trailing, className, src, size, state, style, iconClass, ...props }, ref) => {
     const hasLeadingElement = Boolean(leading);
     const hasTrailingElement = Boolean(trailing);
-    return (jsxRuntimeExports$1.jsxs(Flex, { align: "center", style: { position: "relative", width: "100%" }, children: [hasLeadingElement ? (jsxRuntimeExports$1.jsx(Flex, { style: { left: "8px" }, className: styles$5.leadingIcon, children: leading })) : null, jsxRuntimeExports$1.jsx("input", { className: cx(textfield({
+    return (jsxRuntimeExports$1.jsxs(Flex, { align: "center", style: { position: "relative", width: "100%" }, children: [hasLeadingElement ? (jsxRuntimeExports$1.jsx(Flex, { style: { left: "8px" }, className: cx(styles$5.leadingIcon, iconClass?.leadingIcon), children: leading })) : null, jsxRuntimeExports$1.jsx("input", { className: cx(textfield({
                     size,
                     state,
                     className,
                     hasLeadingElement,
                     hasTrailingElement,
-                })), ...props, ref: ref }), hasTrailingElement ? (jsxRuntimeExports$1.jsx(Flex, { style: { right: "8px" }, className: styles$5.trailingIcon, children: trailing })) : null] }));
+                })), ...props, ref: ref }), hasTrailingElement ? (jsxRuntimeExports$1.jsx(Flex, { style: { right: "8px" }, className: cx(styles$5.trailingIcon, iconClass?.trailingIcon), children: trailing })) : null] }));
 });
 TextField.displayName = "TextField";