@raystack/apsara 0.11.10 → 0.12.0

package/dist/index.css

@@ -1,47 +1,47 @@
 :root {
-  --foreground-base: #3C4347;
+  --foreground-base: #3c4347;
   --foreground-muted: #687076;
-  --foreground-subtle: #7E868C;
-  --foreground-inverted: #FBFCFD;
-  --foreground-accent: #3E63DD;
-  --foreground-attention: #FFB224;
-  --foreground-danger: #E5484D;
-  --foreground-success: #30A46C;
-
-  --background-base: #FBFCFD;
-  --background-base-hover: #F1F3F5;
-  --background-inset: #F1F3F5;
-  --background-inset-hover: #E6E8EB;
-  --background-subtle: #F8F9FA;
+  --foreground-subtle: #7e868c;
+  --foreground-inverted: #fbfcfd;
+  --foreground-accent: #3e63dd;
+  --foreground-attention: #ffb224;
+  --foreground-danger: #e5484d;
+  --foreground-success: #30a46c;
+
+  --background-base: #fbfcfd;
+  --background-base-hover: #f1f3f5;
+  --background-inset: #f1f3f5;
+  --background-inset-hover: #e6e8eb;
+  --background-subtle: #f8f9fa;
   --background-highlight: #889096;
-  --background-inverted: #3C4347;
-  --background-accent: #E6EDFE;
-  --background-accent-inverted: #3E63DD;
-  --background-accent-inverted-hover: #3A5CCC;
-  --background-attention: #FFECBC;
-  --background-attention-inverted: #FFB224;
-  --background-danger: #FFE5E5;
-  --background-danger-inverted: #E5484D;
-  --background-danger-inverted-hover: #DC3D43;
-  --background-success: #DDF3E4;
-  --background-success-inverted: #30A46C;
-
-  --border-base: #D7DBDF;
-  --border-base-hover: #C1C8CD;
-  --border-muted: #DFE3E6;
-  --border-subtle: #ECEEF0;
-  --border-accent: #AEC0F5;
-  --border-accent-inverted: #3E63DD;
-  --border-accent-inverted-hover: #3A5CCC;
-  --border-attention: #F3BA63;
-  --border-attention-inverted: #FFB224;
-  --border-danger: #F3AEAF;
-  --border-danger-inverted: #E5484D;
-  --border-danger-inverted-hover: #DC3D43;
-  --border-success: #92CEAC;
-  --border-success-inverted: #30A46C;
-
-  --ff-inter: 'Inter', -apple-system, system-ui, sans-serif;
+  --background-inverted: #3c4347;
+  --background-accent: #e6edfe;
+  --background-accent-inverted: #3e63dd;
+  --background-accent-inverted-hover: #3a5ccc;
+  --background-attention: #ffecbc;
+  --background-attention-inverted: #ffb224;
+  --background-danger: #ffe5e5;
+  --background-danger-inverted: #e5484d;
+  --background-danger-inverted-hover: #dc3d43;
+  --background-success: #ddf3e4;
+  --background-success-inverted: #30a46c;
+
+  --border-base: #d7dbdf;
+  --border-base-hover: #c1c8cd;
+  --border-muted: #dfe3e6;
+  --border-subtle: #eceef0;
+  --border-accent: #aec0f5;
+  --border-accent-inverted: #3e63dd;
+  --border-accent-inverted-hover: #3a5ccc;
+  --border-attention: #f3ba63;
+  --border-attention-inverted: #ffb224;
+  --border-danger: #f3aeaf;
+  --border-danger-inverted: #e5484d;
+  --border-danger-inverted-hover: #dc3d43;
+  --border-success: #92ceac;
+  --border-success-inverted: #30a46c;
+
+  --ff-inter: "Inter", -apple-system, system-ui, sans-serif;
   --ff-mono: Söhne Mono, menlo, monospace;
 
   --fs-100: 0.688rem;
@@ -51,7 +51,6 @@
   --fs-500: 0.938rem;
   --fs-600: 1rem;
 
-
   --pd-2: 2px;
   --pd-4: 4px;
   --pd-6: 6px;
@@ -79,10 +78,58 @@
 
   --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.06);
   --shadow-sm: 0px 1px 4px 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), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
-  --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
+  --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),
+    0px 8px 8px -4px rgba(16, 24, 40, 0.03);
+  --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),
+    0px 8px 8px -4px rgba(16, 24, 40, 0.03);
+}
+
+html[data-theme="dark"] {
+  --foreground-base: #ecedee;
+  --foreground-muted: #9ba1a6;
+  --foreground-subtle: #787f85;
+  --foreground-inverted: #151718;
+  --foreground-accent: #3e63dd;
+  --foreground-attention: #ffb224;
+  --foreground-danger: #e5484d;
+  --foreground-success: #46a758;
+
+  --background-base: #151718;
+  --background-base-hover: #202425;
+  --background-inset: #202425;
+  --background-inset-hover: #2b2f31;
+  --background-subtle: #1a1d1e;
+  --background-highlight: #697177;
+  --background-inverted: #ecedee;
+  --background-accent: #1c274f;
+  --background-accent-inverted: #3e63dd;
+  --background-accent-inverted-hover: #5373e7;
+  --background-attention: #3f2200;
+  --background-attention-inverted: #ffb224;
+  --background-danger: #481a1d;
+  --background-danger-inverted: #e5484d;
+  --background-danger-inverted-hover: #f2555a;
+  --background-success: #16301d;
+  --background-success-inverted: #46a758;
+
+  --border-base: #3a3f42;
+  --border-base-hover: #4c5155;
+  --border-muted: #313538;
+  --border-subtle: #26292b;
+  --border-accent: #273e89;
+  --border-accent-inverted: #3e63dd;
+  --border-accent-inverted-hover: #5373e7;
+  --border-attention: #693f05;
+  --border-attention-inverted: #ffb224;
+  --border-danger: #822025;
+  --border-danger-inverted: #e5484d;
+  --border-danger-inverted-hover: #f2555a;
+  --border-success: #245530;
+  --border-success-inverted: #46a758;
 }
+
 .flex-module_flex__tfvHj {
   box-sizing: border-box;
   display: flex;
@@ -1713,6 +1760,127 @@
   box-shadow: var(--shadow-sm);
 }
 
+.calendar-module_calendarRoot__KnBz- {
+  padding: var(--pd-16);
+  border-radius: var(--br-8);
+  border: 1px solid var(--border-base);
+  background: var(--background-base);
+}
+
+.calendar-module_caption__KH06I {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  margin-bottom: var(--mr-12);
+}
+
+.calendar-module_caption_label__C5Ys7 {
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0.25px;
+  font-weight: 500;
+  color: var(--foreground-base);
+}
+
+.calendar-module_nav_button__8W5py {
+  position: absolute;
+  top: 0;
+  border: 0px;
+  color: var(--foreground-base);
+  background: var(--background-base);
+  cursor: pointer;
+}
+
+.calendar-module_nav_button_previous__lWJYm {
+  left: 0;
+}
+
+.calendar-module_nav_button_next__1MzRT {
+  right: 0;
+}
+
+.calendar-module_head__EIxyS {
+  color: var(--foreground-muted);
+  font-size: 12px;
+  line-height: 16px;
+  letter-spacing: 0.4px;
+  font-weight: 500;
+}
+
+.calendar-module_head_cell__z8NlN {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 36px;
+  height: 36px;
+  color: var(--foreground-base);
+}
+
+.calendar-module_cell__TTpcD {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 36px;
+  height: 36px;
+  background-color: var(--background-base);
+  border-radius: var(--br-4);
+}
+
+.calendar-module_cell__TTpcD:hover {
+  background-color: var(--background-base-hover);
+}
+
+.calendar-module_cell__TTpcD:has([aria-selected="true"]) {
+  background-color: var(--background-inverted);
+}
+
+.calendar-module_cell__TTpcD:has(.calendar-module_day_today__P35-i):not(:has([aria-selected="true"])) {
+  background-color: var(--background-subtle);
+}
+
+.calendar-module_cell__TTpcD:has(.calendar-module_day_range_middle__3yKS1) {
+  border-radius: 0;
+  background-color: var(--background-base-hover);
+}
+
+.calendar-module_cell__TTpcD:has(.calendar-module_day_range_start__Qyhit):not(:has(.calendar-module_day_range_end__YF0ad)) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.calendar-module_cell__TTpcD:has(.calendar-module_day_range_end__YF0ad):not(:has(.calendar-module_day_range_start__Qyhit)) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.calendar-module_row__cjS3G {
+  display: flex;
+}
+
+.calendar-module_day__rQFGK {
+  color: var(--foreground-base);
+  font-size: 13px;
+  line-height: 16px;
+  letter-spacing: 0.4px;
+  cursor: pointer;
+  border: none;
+  background: transparent;
+}
+
+.calendar-module_day_outside__WN68B {
+  color: var(--foreground-subtle);
+}
+
+.calendar-module_day_today__P35-i {
+  font-weight: 600;
+}
+
+.calendar-module_day_range_start__Qyhit,
+.calendar-module_day_range_end__YF0ad {
+  color: var(--foreground-inverted);
+}
+
 .textfield-module_textfield__u4AGg {
   appearance: none;
   box-sizing: border-box;

package/dist/index.d.ts

@@ -31,6 +31,7 @@ export { Sidebar } from "./sidebar";
 export { Switch } from "./switch";
 export { Tooltip } from "./tooltip";
 export { ToggleGroup } from "./toggle-group";
+export { Calendar } from "./calendar";
 export { ApsaraAggregationFn, ApsaraAggregationOption, ApsaraColumnDef, ApsaraFilterFn, ApsaraFilterOption, DataTable, Table, useTable, } from "./table";
 export { Tabs } from "./tabs";
 export { Text } from "./text";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AACrB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,KAAK,EACL,QAAQ,GACT,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AACrB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,KAAK,EACL,QAAQ,GACT,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}