@gnome-ui/react 1.49.0 → 1.49.1

package/dist/components/ViewSwitcherSidebar/ViewSwitcherSidebar.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewSwitcherSidebar.module.css.js","names":[],"sources":["../../../src/components/ViewSwitcherSidebar/ViewSwitcherSidebar.module.css"],"sourcesContent":["/* ─── Container ─────────────────────────────────────────────────────────────── */\n\n.sidebar {\n  display: flex;\n  flex-direction: column;\n  width: 240px;\n  height: 100%;\n  background-color: var(--gnome-sidebar-bg-color, #ebebeb);\n  color: var(--gnome-sidebar-fg-color, rgba(0, 0, 0, 0.8));\n  border-right: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n  overflow: hidden;\n  transition: width var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease);\n}\n\n.sidebarCollapsed {\n  width: 56px;\n}\n\n.sidebarCollapsed .itemBtn {\n  justify-content: center;\n  padding: 9px;\n}\n\n/* ─── Header / Footer slots ─────────────────────────────────────────────────── */\n\n.header {\n  flex-shrink: 0;\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n}\n\n.footer {\n  flex-shrink: 0;\n  border-top: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n}\n\n.noHeaderSeparator .header {\n  border-bottom-color: transparent;\n}\n\n.noFooterSeparator .footer {\n  border-top-color: transparent;\n}\n\n/* ─── List ──────────────────────────────────────────────────────────────────── */\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: var(--gnome-space-1, 6px);\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n/* ─── Item wrapper ──────────────────────────────────────────────────────────── */\n\n.item {\n  display: block;\n}\n\n/* ─── Item button ───────────────────────────────────────────────────────────── */\n\n.itemBtn {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  text-align: start;\n  cursor: pointer;\n  outline: none;\n\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  width: 100%;\n  padding: 9px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  min-height: 42px;\n\n  color: var(--gnome-sidebar-fg-color, rgba(0, 0, 0, 0.8));\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.itemBtn:hover:not(:disabled):not(.active) {\n  background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #ebebeb) 88%, black 12%);\n}\n\n.itemBtn:active:not(:disabled):not(.active) {\n  background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #ebebeb) 78%, black 22%);\n}\n\n.itemBtn:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-sidebar-bg-color, #ebebeb),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 2px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n.itemBtn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Active ────────────────────────────────────────────────────────────────── */\n\n.active {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.active:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 92%, black 8%);\n}\n\n.active:active:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 84%, black 16%);\n}\n\n/* ─── Icon ──────────────────────────────────────────────────────────────────── */\n\n.itemIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  opacity: 0.85;\n}\n\n.active .itemIcon {\n  opacity: 1;\n}\n\n/* ─── Label ─────────────────────────────────────────────────────────────────── */\n\n.itemLabel {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Suffix / count ────────────────────────────────────────────────────────── */\n\n.itemSuffix {\n  flex-shrink: 0;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n.count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  border-radius: var(--gnome-radius-pill);\n\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1;\n\n  /* Inactive: dim pill */\n  background-color: rgba(0, 0, 0, 0.12);\n  color: var(--gnome-sidebar-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.active .count {\n  /* Active: white pill on accent */\n  background-color: rgba(255, 255, 255, 0.25);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .sidebar {\n    border-right-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .header,\n  .footer {\n    border-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .itemBtn:hover:not(:disabled):not(.active) {\n    background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #303030) 85%, white 15%);\n  }\n\n  .itemBtn:active:not(:disabled):not(.active) {\n    background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #303030) 75%, white 25%);\n  }\n\n  .count {\n    background-color: rgba(255, 255, 255, 0.12);\n    color: var(--gnome-sidebar-fg-color, rgba(255, 255, 255, 0.87));\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .itemBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ViewSwitcherSidebar.module.css.js","names":[],"sources":["../../../src/components/ViewSwitcherSidebar/ViewSwitcherSidebar.module.css"],"sourcesContent":["/* ─── Container ─────────────────────────────────────────────────────────────── */\n\n.sidebar {\n  display: flex;\n  flex-direction: column;\n  width: 240px;\n  height: 100%;\n  background-color: var(--gnome-sidebar-bg-color, #ebebeb);\n  color: var(--gnome-sidebar-fg-color, rgb(0 0 0 / 0.8));\n  border-right: 1px solid var(--gnome-headerbar-border-color, rgb(0 0 0 / 0.12));\n  overflow: hidden;\n  transition: width var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease);\n}\n\n.sidebarCollapsed {\n  width: 56px;\n}\n\n.sidebarCollapsed .itemBtn {\n  justify-content: center;\n  padding: 9px;\n}\n\n/* ─── Header / Footer slots ─────────────────────────────────────────────────── */\n\n.header {\n  flex-shrink: 0;\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgb(0 0 0 / 0.12));\n}\n\n.footer {\n  flex-shrink: 0;\n  border-top: 1px solid var(--gnome-headerbar-border-color, rgb(0 0 0 / 0.12));\n}\n\n.noHeaderSeparator .header {\n  border-bottom-color: transparent;\n}\n\n.noFooterSeparator .footer {\n  border-top-color: transparent;\n}\n\n/* ─── List ──────────────────────────────────────────────────────────────────── */\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: var(--gnome-space-1, 6px);\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  flex: 1;\n  overflow: hidden auto;\n}\n\n/* ─── Item wrapper ──────────────────────────────────────────────────────────── */\n\n.item {\n  display: block;\n}\n\n/* ─── Item button ───────────────────────────────────────────────────────────── */\n\n.itemBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  text-align: start;\n  cursor: pointer;\n  outline: none;\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  width: 100%;\n  padding: 9px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  min-height: 42px;\n  color: var(--gnome-sidebar-fg-color, rgb(0 0 0 / 0.8));\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.itemBtn:hover:not(:disabled, .active) {\n  background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #ebebeb) 88%, black 12%);\n}\n\n.itemBtn:active:not(:disabled, .active) {\n  background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #ebebeb) 78%, black 22%);\n}\n\n.itemBtn:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-sidebar-bg-color, #ebebeb),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 2px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n.itemBtn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Active ────────────────────────────────────────────────────────────────── */\n\n.active {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #fff);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.active:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 92%, black 8%);\n}\n\n.active:active:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 84%, black 16%);\n}\n\n/* ─── Icon ──────────────────────────────────────────────────────────────────── */\n\n.itemIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  opacity: 0.85;\n}\n\n.active .itemIcon {\n  opacity: 1;\n}\n\n/* ─── Label ─────────────────────────────────────────────────────────────────── */\n\n.itemLabel {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Suffix / count ────────────────────────────────────────────────────────── */\n\n.itemSuffix {\n  flex-shrink: 0;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n.count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  border-radius: var(--gnome-radius-pill);\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1;\n\n  /* Inactive: dim pill */\n  background-color: rgb(0 0 0 / 0.12);\n  color: var(--gnome-sidebar-fg-color, rgb(0 0 0 / 0.8));\n}\n\n.active .count {\n  /* Active: white pill on accent */\n  background-color: rgb(255 255 255 / 0.25);\n  color: var(--gnome-accent-fg-color, #fff);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .sidebar {\n    border-right-color: rgb(255 255 255 / 0.1);\n  }\n\n  .header,\n  .footer {\n    border-color: rgb(255 255 255 / 0.08);\n  }\n\n  .itemBtn:hover:not(:disabled, .active) {\n    background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #303030) 85%, white 15%);\n  }\n\n  .itemBtn:active:not(:disabled, .active) {\n    background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #303030) 75%, white 25%);\n  }\n\n  .count {\n    background-color: rgb(255 255 255 / 0.12);\n    color: var(--gnome-sidebar-fg-color, rgb(255 255 255 / 0.87));\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .itemBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}

package/dist/components/WindowTitle/WindowTitle.module.css.cjs

@@ -1,2 +1,2 @@
-var e={windowTitle:`_windowTitle_zm877_3`,title:`_title_zm877_11`,subtitle:`_subtitle_zm877_24`};exports.default=e;
+var e={windowTitle:`_windowTitle_ix6ik_3`,title:`_title_ix6ik_11`,subtitle:`_subtitle_ix6ik_23`};exports.default=e;
 //# sourceMappingURL=WindowTitle.module.css.cjs.map

package/dist/components/WindowTitle/WindowTitle.module.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WindowTitle.module.css.cjs","names":[],"sources":["../../../src/components/WindowTitle/WindowTitle.module.css"],"sourcesContent":["/* ─── WindowTitle ────────────────────────────────────────────────────────────── */\n\n.windowTitle {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1px;\n  min-width: 0;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1.2;\n  color: var(--gnome-headerbar-fg-color, var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8)));\n\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: 1.2;\n  color: var(--gnome-headerbar-fg-color, var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8)));\n  opacity: var(--gnome-opacity-dim, 0.55);\n\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n"],"mappings":""}
+{"version":3,"file":"WindowTitle.module.css.cjs","names":[],"sources":["../../../src/components/WindowTitle/WindowTitle.module.css"],"sourcesContent":["/* ─── WindowTitle ────────────────────────────────────────────────────────────── */\n\n.windowTitle {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1px;\n  min-width: 0;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1.2;\n  color: var(--gnome-headerbar-fg-color, var(--gnome-window-fg-color, rgb(0 0 0 / 0.8)));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: 1.2;\n  color: var(--gnome-headerbar-fg-color, var(--gnome-window-fg-color, rgb(0 0 0 / 0.8)));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n"],"mappings":""}

package/dist/components/WindowTitle/WindowTitle.module.css.js

@@ -1,7 +1,7 @@
 var e = {
-	windowTitle: "_windowTitle_zm877_3",
-	title: "_title_zm877_11",
-	subtitle: "_subtitle_zm877_24"
+	windowTitle: "_windowTitle_ix6ik_3",
+	title: "_title_ix6ik_11",
+	subtitle: "_subtitle_ix6ik_23"
 };
 //#endregion
 export { e as default };

package/dist/components/WindowTitle/WindowTitle.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"WindowTitle.module.css.js","names":[],"sources":["../../../src/components/WindowTitle/WindowTitle.module.css"],"sourcesContent":["/* ─── WindowTitle ────────────────────────────────────────────────────────────── */\n\n.windowTitle {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1px;\n  min-width: 0;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1.2;\n  color: var(--gnome-headerbar-fg-color, var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8)));\n\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: 1.2;\n  color: var(--gnome-headerbar-fg-color, var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8)));\n  opacity: var(--gnome-opacity-dim, 0.55);\n\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n"],"mappings":""}
+{"version":3,"file":"WindowTitle.module.css.js","names":[],"sources":["../../../src/components/WindowTitle/WindowTitle.module.css"],"sourcesContent":["/* ─── WindowTitle ────────────────────────────────────────────────────────────── */\n\n.windowTitle {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1px;\n  min-width: 0;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1.2;\n  color: var(--gnome-headerbar-fg-color, var(--gnome-window-fg-color, rgb(0 0 0 / 0.8)));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: 1.2;\n  color: var(--gnome-headerbar-fg-color, var(--gnome-window-fg-color, rgb(0 0 0 / 0.8)));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n"],"mappings":""}

package/dist/components/WrapBox/WrapBox.module.css.cjs

@@ -1,2 +1,2 @@
-var e={wrapBox:`_wrapBox_1ik0x_1`,reverse:`_reverse_1ik0x_10`};exports.default=e;
+var e={wrapBox:`_wrapBox_61ojr_1`,reverse:`_reverse_61ojr_9`};exports.default=e;
 //# sourceMappingURL=WrapBox.module.css.cjs.map

package/dist/components/WrapBox/WrapBox.module.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WrapBox.module.css.cjs","names":[],"sources":["../../../src/components/WrapBox/WrapBox.module.css"],"sourcesContent":[".wrapBox {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  gap: var(--wrapbox-row-gap) var(--wrapbox-gap);\n  justify-content: var(--wrapbox-justify);\n  align-items: var(--wrapbox-align);\n}\n\n.reverse {\n  flex-wrap: wrap-reverse;\n}\n"],"mappings":""}
+{"version":3,"file":"WrapBox.module.css.cjs","names":[],"sources":["../../../src/components/WrapBox/WrapBox.module.css"],"sourcesContent":[".wrapBox {\n  display: flex;\n  flex-flow: row wrap;\n  gap: var(--wrapbox-row-gap) var(--wrapbox-gap);\n  justify-content: var(--wrapbox-justify);\n  align-items: var(--wrapbox-align);\n}\n\n.reverse {\n  flex-wrap: wrap-reverse;\n}\n"],"mappings":""}

package/dist/components/WrapBox/WrapBox.module.css.js

@@ -1,6 +1,6 @@
 var e = {
-	wrapBox: "_wrapBox_1ik0x_1",
-	reverse: "_reverse_1ik0x_10"
+	wrapBox: "_wrapBox_61ojr_1",
+	reverse: "_reverse_61ojr_9"
 };
 //#endregion
 export { e as default };

package/dist/components/WrapBox/WrapBox.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"WrapBox.module.css.js","names":[],"sources":["../../../src/components/WrapBox/WrapBox.module.css"],"sourcesContent":[".wrapBox {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  gap: var(--wrapbox-row-gap) var(--wrapbox-gap);\n  justify-content: var(--wrapbox-justify);\n  align-items: var(--wrapbox-align);\n}\n\n.reverse {\n  flex-wrap: wrap-reverse;\n}\n"],"mappings":""}
+{"version":3,"file":"WrapBox.module.css.js","names":[],"sources":["../../../src/components/WrapBox/WrapBox.module.css"],"sourcesContent":[".wrapBox {\n  display: flex;\n  flex-flow: row wrap;\n  gap: var(--wrapbox-row-gap) var(--wrapbox-gap);\n  justify-content: var(--wrapbox-justify);\n  align-items: var(--wrapbox-align);\n}\n\n.reverse {\n  flex-wrap: wrap-reverse;\n}\n"],"mappings":""}