@inf-monkeys-tech/monkeys-design 0.4.39 → 0.4.41

package/dist/styles/login-page.scss

@@ -198,30 +198,48 @@
 }
 
 .login-page__tabs {
-  display: grid;
-  grid-auto-columns: 1fr;
-  grid-auto-flow: column;
+  display: flex;
   gap: 0;
   margin-bottom: 28px;
-  overflow: hidden;
+  overflow-x: auto;
+  overflow-y: hidden;
   border: 1px solid var(--login-page-control-border);
   border-radius: var(--login-page-radius);
   background: color-mix(in srgb, var(--login-page-control-bg) 76%, transparent);
+  scrollbar-width: none;
+}
+
+.login-page__tabs::-webkit-scrollbar {
+  display: none;
 }
 
 .login-page__tab {
   display: inline-flex;
-  min-width: 0;
+  flex: 1 0 auto;
+  min-width: max-content;
   align-items: center;
   justify-content: center;
-  gap: 8px;
+  gap: 6px;
   min-height: 44px;
-  padding: 0 16px;
+  padding: 0 10px;
   color: var(--login-page-muted-color);
   background: transparent;
   border: 0;
   cursor: pointer;
   font: inherit;
+  font-size: 14px;
+  line-height: 1.2;
+  white-space: nowrap;
+}
+
+.login-page .login-page__tab > *,
+.login-page .login-page__tab svg {
+  color: inherit;
+}
+
+.login-page__tab-label {
+  display: inline-block;
+  white-space: nowrap;
 }
 
 .login-page__tab--active {
@@ -379,8 +397,8 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 10px;
-  margin-top: 22px;
+  gap: 8px;
+  margin-top: 20px;
 }
 
 .login-page__oauth-label {
@@ -393,14 +411,25 @@
   width: 100%;
   flex-wrap: wrap;
   justify-content: center;
-  gap: 10px;
+  gap: 6px;
 }
 
 .login-page__oauth-button {
-  min-width: min(180px, 100%);
+  min-width: min(96px, 100%);
+  min-height: 38px;
+  gap: 6px;
+  padding: 0 10px;
   color: var(--login-page-text-color);
   background: color-mix(in srgb, var(--login-page-control-bg) 78%, transparent);
   border: 1px solid var(--login-page-control-border);
+  font-size: 13px;
+  line-height: 1.2;
+  white-space: nowrap;
+}
+
+.login-page__oauth-button .login-page__oauth-icon {
+  width: 16px;
+  height: 16px;
 }
 
 @media (max-width: 768px) {
@@ -428,8 +457,4 @@
     top: 20px;
     right: 20px;
   }
-
-  .login-page__tabs {
-    grid-auto-flow: row;
-  }
 }

package/dist/{theme-rXHbVr6l.d.ts → theme-6n0A9kRO.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as DataExplorerActionBarProps, g as DataExplorerButtonProps, j as DataExplorerCheckboxProps, l as DataExplorerCollectionFooterProps, a0 as DataExplorerSelectProps, ab as DataExplorerToolbarActionsProps, r as DataExplorerDetailFieldProps, v as DataExplorerDetailSectionProps, x as DataExplorerDetailShellProps, F as DataExplorerDisplayActionMenuProps, I as DataExplorerDisplayCardProps, L as DataExplorerDisplayCollectionViewProps, O as DataExplorerDisplayListItemProps, S as DataExplorerDisplayMediaProps, A as DataExplorerImagePreviewProps, V as DataExplorerPageProps, X as DataExplorerRecordCardProps, ad as DataExplorerToolbarShellProps, aj as DataExplorerTreeProps, ai as DataExplorerTreeShellProps, ar as DataExplorerViewTreeProps, az as DataExplorerViewId, aI as DataExplorerViewProps, ax as DataExplorerViewCollectionProps, aD as DataExplorerViewItemProps, aC as DataExplorerViewItemShellProps, aH as DataExplorerViewShellProps, Y as DataExplorerResolvedTheme, n as DataExplorerControlTone, c as DataExplorerAppearance } from './types-BnC3Z85r.js';
+import { a as DataExplorerActionBarProps, g as DataExplorerButtonProps, j as DataExplorerCheckboxProps, l as DataExplorerCollectionFooterProps, a0 as DataExplorerSelectProps, ab as DataExplorerToolbarActionsProps, r as DataExplorerDetailFieldProps, v as DataExplorerDetailSectionProps, x as DataExplorerDetailShellProps, F as DataExplorerDisplayActionMenuProps, I as DataExplorerDisplayCardProps, L as DataExplorerDisplayCollectionViewProps, O as DataExplorerDisplayListItemProps, S as DataExplorerDisplayMediaProps, A as DataExplorerImagePreviewProps, V as DataExplorerPageProps, X as DataExplorerRecordCardProps, ad as DataExplorerToolbarShellProps, aj as DataExplorerTreeProps, ai as DataExplorerTreeShellProps, ar as DataExplorerViewTreeProps, az as DataExplorerViewId, aI as DataExplorerViewProps, ax as DataExplorerViewCollectionProps, aD as DataExplorerViewItemProps, aC as DataExplorerViewItemShellProps, aH as DataExplorerViewShellProps, Y as DataExplorerResolvedTheme, n as DataExplorerControlTone, c as DataExplorerAppearance } from './types-BFHv0G27.js';
 import * as React from 'react';
 
 declare function DataExplorerActionBar<TContext = unknown>({ context, actions, leading, trailing, children, empty, appearance, className, classNames, }: DataExplorerActionBarProps<TContext>): react_jsx_runtime.JSX.Element | null;

package/dist/{theme-DnbkgyCq.d.mts → theme-BsEbXR7C.d.mts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as DataExplorerActionBarProps, g as DataExplorerButtonProps, j as DataExplorerCheckboxProps, l as DataExplorerCollectionFooterProps, a0 as DataExplorerSelectProps, ab as DataExplorerToolbarActionsProps, r as DataExplorerDetailFieldProps, v as DataExplorerDetailSectionProps, x as DataExplorerDetailShellProps, F as DataExplorerDisplayActionMenuProps, I as DataExplorerDisplayCardProps, L as DataExplorerDisplayCollectionViewProps, O as DataExplorerDisplayListItemProps, S as DataExplorerDisplayMediaProps, A as DataExplorerImagePreviewProps, V as DataExplorerPageProps, X as DataExplorerRecordCardProps, ad as DataExplorerToolbarShellProps, aj as DataExplorerTreeProps, ai as DataExplorerTreeShellProps, ar as DataExplorerViewTreeProps, az as DataExplorerViewId, aI as DataExplorerViewProps, ax as DataExplorerViewCollectionProps, aD as DataExplorerViewItemProps, aC as DataExplorerViewItemShellProps, aH as DataExplorerViewShellProps, Y as DataExplorerResolvedTheme, n as DataExplorerControlTone, c as DataExplorerAppearance } from './types-BnC3Z85r.mjs';
+import { a as DataExplorerActionBarProps, g as DataExplorerButtonProps, j as DataExplorerCheckboxProps, l as DataExplorerCollectionFooterProps, a0 as DataExplorerSelectProps, ab as DataExplorerToolbarActionsProps, r as DataExplorerDetailFieldProps, v as DataExplorerDetailSectionProps, x as DataExplorerDetailShellProps, F as DataExplorerDisplayActionMenuProps, I as DataExplorerDisplayCardProps, L as DataExplorerDisplayCollectionViewProps, O as DataExplorerDisplayListItemProps, S as DataExplorerDisplayMediaProps, A as DataExplorerImagePreviewProps, V as DataExplorerPageProps, X as DataExplorerRecordCardProps, ad as DataExplorerToolbarShellProps, aj as DataExplorerTreeProps, ai as DataExplorerTreeShellProps, ar as DataExplorerViewTreeProps, az as DataExplorerViewId, aI as DataExplorerViewProps, ax as DataExplorerViewCollectionProps, aD as DataExplorerViewItemProps, aC as DataExplorerViewItemShellProps, aH as DataExplorerViewShellProps, Y as DataExplorerResolvedTheme, n as DataExplorerControlTone, c as DataExplorerAppearance } from './types-BFHv0G27.mjs';
 import * as React from 'react';
 
 declare function DataExplorerActionBar<TContext = unknown>({ context, actions, leading, trailing, children, empty, appearance, className, classNames, }: DataExplorerActionBarProps<TContext>): react_jsx_runtime.JSX.Element | null;

package/dist/theme-system/index.d.mts

@@ -1,5 +1,5 @@
 import { c as BaseAppearance, ao as BaseResolvedTheme } from '../types-Bn6PEDsX.mjs';
-import { c as DataExplorerAppearance, Y as DataExplorerResolvedTheme } from '../types-BnC3Z85r.mjs';
+import { c as DataExplorerAppearance, Y as DataExplorerResolvedTheme } from '../types-BFHv0G27.mjs';
 import 'react';
 import '@radix-ui/react-context-menu';
 

package/dist/theme-system/index.d.ts

@@ -1,5 +1,5 @@
 import { c as BaseAppearance, ao as BaseResolvedTheme } from '../types-Bn6PEDsX.js';
-import { c as DataExplorerAppearance, Y as DataExplorerResolvedTheme } from '../types-BnC3Z85r.js';
+import { c as DataExplorerAppearance, Y as DataExplorerResolvedTheme } from '../types-BFHv0G27.js';
 import 'react';
 import '@radix-ui/react-context-menu';
 

package/dist/{types-BnC3Z85r.d.mts → types-BFHv0G27.d.mts}

@@ -909,6 +909,7 @@ interface DataExplorerDraggableTreeProps<TSource = unknown, TContext = unknown>
     empty?: ReactNode;
     labels?: DataExplorerDraggableTreeLabels;
     appearance?: DataExplorerAppearance;
+    itemRadius?: number | string;
     className?: string;
     classNames?: DataExplorerDraggableTreeClassNames;
     renderNodeActions?: (payload: DataExplorerDraggableTreeRenderContext<TSource, TContext>) => ReactNode;

package/dist/{types-BnC3Z85r.d.ts → types-BFHv0G27.d.ts}

@@ -909,6 +909,7 @@ interface DataExplorerDraggableTreeProps<TSource = unknown, TContext = unknown>
     empty?: ReactNode;
     labels?: DataExplorerDraggableTreeLabels;
     appearance?: DataExplorerAppearance;
+    itemRadius?: number | string;
     className?: string;
     classNames?: DataExplorerDraggableTreeClassNames;
     renderNodeActions?: (payload: DataExplorerDraggableTreeRenderContext<TSource, TContext>) => ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inf-monkeys-tech/monkeys-design",
-  "version": "0.4.39",
+  "version": "0.4.41",
   "description": "Monkeys Design Components Library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",