@flytedan/flytebot-design-system 0.46.0 → 0.47.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flytedan/flytebot-design-system",
-  "version": "0.46.0",
+  "version": "0.47.0",
   "description": "flytedesk Design System — shared component library, tokens, and business-logic kits for flytedesk apps.",
   "type": "module",
   "license": "UNLICENSED",

package/styles/components.css

@@ -3050,11 +3050,30 @@
 .fd-cal-title:hover {
   background: var(--surface-2);
 }
+/* MP-272: visually hidden but still read by assistive tech — used for the calendar's live
+ * month/year announcement, which has no visible element of its own (the mode-switch button
+ * already shows the same text, but re-reads "button" on every change if it owns the label). */
+.fd-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
 .fd-cal-grid {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 2px;
 }
+/* MP-272: each week (and the header) is a role="row" for grid semantics, but must not
+ * introduce its own layout box — its 7 cells are still tracks of the parent's 7-column grid. */
+.fd-cal-row {
+  display: contents;
+}
 .fd-cal-dow {
   text-align: center;
   font-size: 10.5px;
@@ -3066,6 +3085,9 @@
 }
 .fd-cal-day {
   position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   height: 34px;
   border: none;
   background: none;
@@ -3080,9 +3102,8 @@
 .fd-cal-day:hover {
   background: var(--surface-2);
 }
-.fd-cal-day.is-out {
-  color: var(--text-muted);
-  opacity: 0.45;
+.fd-cal-day.is-empty {
+  cursor: default;
 }
 .fd-cal-day.is-today::after {
   content: "";