@mond-design-system/react 4.7.0 → 4.9.0

package/dist/index.css

@@ -2339,6 +2339,75 @@ button.mds-Link__link {
   background: var(--mds-accent-hover);
 }
 
+/* mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/SideNav/SideNav.module.css?mds-scoped */
+.mds-SideNav__nav {
+  display: flex;
+  flex-direction: column;
+  gap: var(--mds-gap-tight);
+  width: var(--mds-sidebar-w);
+  flex: 0 0 var(--mds-sidebar-w);
+  padding: var(--mds-pad-page-y) var(--mds-pad-tight);
+  overflow-y: auto;
+}
+.mds-SideNav__group {
+  display: flex;
+  flex-direction: column;
+  gap: var(--mds-gap-hairline);
+}
+.mds-SideNav__heading {
+  padding-inline: var(--mds-pad-control);
+  font: var(--mds-type-label);
+  color: var(--mds-text-muted);
+}
+.mds-SideNav__item {
+  display: flex;
+  align-items: center;
+  gap: var(--mds-gap-tight);
+  min-height: var(--mds-tap-min);
+  padding: var(--mds-pad-tight) var(--mds-pad-control);
+  border: none;
+  border-radius: var(--mds-radius-control);
+  background: none;
+  color: var(--mds-text-secondary);
+  font: var(--mds-type-label);
+  text-align: left;
+  text-decoration: none;
+  cursor: pointer;
+  transition: var(--mds-transition-surface);
+}
+.mds-SideNav__item:hover {
+  background: var(--mds-surface-sunken);
+  color: var(--mds-text-primary);
+}
+.mds-SideNav__active,
+.mds-SideNav__active:hover {
+  background: var(--mds-surface-selected);
+  color: var(--mds-text-primary);
+  font-weight: var(--mds-weight-semibold);
+}
+.mds-SideNav__icon {
+  display: inline-flex;
+  flex: none;
+  --mds-icon-slot: var(--mds-icon-md);
+  width: var(--mds-icon-slot);
+  height: var(--mds-icon-slot);
+  font-size: var(--mds-icon-slot);
+}
+.mds-SideNav__icon > svg {
+  width: 100%;
+  height: 100%;
+}
+.mds-SideNav__label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.mds-SideNav__count {
+  flex: none;
+}
+
 /* mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/MediaPlaceholder/MediaPlaceholder.module.css?mds-scoped */
 .mds-MediaPlaceholder__media {
   position: relative;
@@ -2552,6 +2621,50 @@ button.mds-Link__link {
   color: var(--mds-status-danger);
 }
 
+/* mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/FileDrop/FileDrop.module.css?mds-scoped */
+.mds-FileDrop__drop {
+  display: block;
+}
+.mds-FileDrop__target {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--mds-gap-hairline);
+  width: 100%;
+  padding: var(--mds-pad-drop-y) var(--mds-pad-card);
+  border: var(--mds-border-width) dashed var(--mds-border-strong);
+  border-radius: var(--mds-radius-media);
+  background: var(--mds-surface-sunken);
+  color: var(--mds-text-primary);
+  cursor: pointer;
+  transition: var(--mds-transition-surface);
+}
+.mds-FileDrop__target:focus-visible {
+  outline: var(--mds-focus-width) solid var(--mds-focus-ring-color);
+  outline-offset: var(--mds-focus-offset);
+}
+.mds-FileDrop__target:disabled {
+  border-color: var(--mds-border-subtle);
+  color: var(--mds-action-disabled-fg);
+  cursor: not-allowed;
+}
+.mds-FileDrop__over .mds-FileDrop__target {
+  border-color: var(--mds-action-bg);
+  background: var(--mds-surface-selected);
+}
+.mds-FileDrop__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--mds-icon-lg);
+  height: var(--mds-icon-lg);
+  font-size: var(--mds-icon-lg);
+  color: var(--mds-text-muted);
+}
+.mds-FileDrop__picker {
+  display: none;
+}
+
 /* mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Lightbox/Lightbox.module.css?mds-scoped */
 .mds-Lightbox__panel {
   flex: 1;