@licklist/design 0.78.7-stage.65 → 0.78.7-stage.67

package/dist/v2/index.d.ts

@@ -58,6 +58,8 @@ export { useAuth, useCanAccess } from './hooks/useAuth';
 export type { AuthCredentials } from './types/navigation';
 export { SettingsPage, SettingsTabs, SidebarCustomisation, defaultSidebarItems, SidebarNavItem } from './pages/Settings';
 export type { SettingsPageProps, SettingsTabsProps, SettingsTab, SidebarCustomisationProps, SidebarItem, SidebarNavItemProps } from './pages/Settings';
+export { LoginPage, ResetPasswordPage, CreatePasswordPage } from './pages/auth';
+export type { LoginPageProps, ResetPasswordPageProps, CreatePasswordPageProps } from './pages/auth';
 /**
  * Design tokens are available as SCSS imports from:
  * - @/v2/styles/tokens/_colors.scss

package/dist/v2/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/v2/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/v2/index.ts"],"names":[],"mappings":"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"}

package/dist/v2/pages/auth/AuthLayout/AuthLayout.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './AuthLayout.scss';
+export interface AuthLayoutProps {
+    badgeLabel: string;
+    icon: React.ReactNode;
+    title: string;
+    subtitle: string;
+    children: React.ReactNode;
+    version?: string;
+    error?: string;
+    successMessage?: string;
+}
+export declare const AuthLayout: React.FC<AuthLayoutProps>;
+//# sourceMappingURL=AuthLayout.d.ts.map

package/dist/v2/pages/auth/AuthLayout/AuthLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthLayout.d.ts","sourceRoot":"","sources":["../../../../../src/v2/pages/auth/AuthLayout/AuthLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,mBAAmB,CAAA;AAM1B,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0ChD,CAAA"}

package/dist/v2/pages/auth/AuthLayout/index.d.ts

@@ -0,0 +1,3 @@
+export { AuthLayout } from './AuthLayout';
+export type { AuthLayoutProps } from './AuthLayout';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/pages/auth/AuthLayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/v2/pages/auth/AuthLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA"}

package/dist/v2/pages/auth/CreatePassword/index.d.ts

@@ -0,0 +1,3 @@
+export { CreatePasswordPage } from './CreatePasswordPage';
+export type { CreatePasswordPageProps } from './CreatePasswordPage';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/pages/auth/CreatePassword/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/v2/pages/auth/CreatePassword/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/v2/pages/auth/Login/index.d.ts

@@ -0,0 +1,3 @@
+export { LoginPage } from './LoginPage';
+export type { LoginPageProps } from './LoginPage';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/pages/auth/Login/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/v2/pages/auth/Login/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA"}

package/dist/v2/pages/auth/ResetPassword/index.d.ts

@@ -0,0 +1,3 @@
+export { ResetPasswordPage } from './ResetPasswordPage';
+export type { ResetPasswordPageProps } from './ResetPasswordPage';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/pages/auth/ResetPassword/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/v2/pages/auth/ResetPassword/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/v2/pages/auth/index.d.ts

@@ -0,0 +1,11 @@
+export { AuthLayout } from './AuthLayout';
+export type { AuthLayoutProps } from './AuthLayout';
+export { LoginPage } from './Login';
+export type { LoginPageProps } from './Login';
+export { ResetPasswordPage } from './ResetPassword';
+export type { ResetPasswordPageProps } from './ResetPassword';
+export { CreatePasswordPage } from './CreatePassword';
+export type { CreatePasswordPageProps } from './CreatePassword';
+export { VerifyEmailPage } from './VerifyEmail';
+export type { VerifyEmailPageProps } from './VerifyEmail';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/pages/auth/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/pages/auth/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,YAAY,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAE7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACrD,YAAY,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,YAAY,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.78.7-stage.65",
+  "version": "0.78.7-stage.67",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/bookedit-licklist/licklist_design.git"

package/src/v2/index.ts

@@ -151,6 +151,10 @@ export type { AuthCredentials } from './types/navigation'
 export { SettingsPage, SettingsTabs, SidebarCustomisation, defaultSidebarItems, SidebarNavItem } from './pages/Settings'
 export type { SettingsPageProps, SettingsTabsProps, SettingsTab, SidebarCustomisationProps, SidebarItem, SidebarNavItemProps } from './pages/Settings'
 
+// Auth Pages
+export { LoginPage, ResetPasswordPage, CreatePasswordPage } from './pages/auth'
+export type { LoginPageProps, ResetPasswordPageProps, CreatePasswordPageProps } from './pages/auth'
+
 // ============================================================================
 // Design Tokens
 // ============================================================================

package/src/v2/pages/auth/AuthLayout/AuthLayout.tsx

@@ -0,0 +1,61 @@
+import React, { useState, useEffect } from 'react'
+import './AuthLayout.scss'
+import { DashboardFooter } from '../../../navigation/DashboardLayout/DashboardFooter'
+import { AuthBgDecorationIcon, BookedLogo } from '../../../icons'
+import { Badge } from '../../../components/Badge'
+import { Alert } from '../../../components/Alert'
+
+export interface AuthLayoutProps {
+  badgeLabel: string
+  icon: React.ReactNode
+  title: string
+  subtitle: string
+  children: React.ReactNode
+  version?: string
+  error?: string
+  successMessage?: string
+}
+
+export const AuthLayout: React.FC<AuthLayoutProps> = ({ badgeLabel, icon, title, subtitle, children, version, error, successMessage }) => {
+  const [dismissed, setDismissed] = useState(false)
+
+  useEffect(() => {
+    setDismissed(false)
+  }, [error, successMessage])
+
+  const showError = error && !dismissed
+  const showSuccess = successMessage && !dismissed
+
+  return (
+    <div className="auth-layout">
+      <AuthBgDecorationIcon />
+
+      {showError && (
+        <Alert variant="error" title="Error" message={error} className="auth-layout__alert" onDismiss={() => setDismissed(true)} />
+      )}
+      {showSuccess && (
+        <Alert variant="success" title="Success" message={successMessage} className="auth-layout__alert" onDismiss={() => setDismissed(true)} />
+      )}
+
+      <div className="auth-layout__card">
+        <div className="auth-layout__header">
+          <BookedLogo />
+          <Badge>{badgeLabel}</Badge>
+        </div>
+        <div className="auth-layout__body">
+          <div className="auth-layout__content">
+            <div className="auth-layout__info">
+              <div className="auth-layout__icon">{icon}</div>
+              <h1 className="auth-layout__title">{title}</h1>
+              <p className="auth-layout__subtitle">{subtitle}</p>
+            </div>
+            <div className="auth-layout__form-area">
+              {children}
+            </div>
+          </div>
+        </div>
+      </div>
+      <DashboardFooter version={version} />
+    </div>
+  )
+}

package/src/v2/pages/auth/AuthLayout/index.ts

@@ -0,0 +1,2 @@
+export { AuthLayout } from './AuthLayout'
+export type { AuthLayoutProps } from './AuthLayout'

package/src/v2/pages/auth/CreatePassword/CreatePasswordPage.scss

@@ -0,0 +1,149 @@
+.auth-create-password {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+
+  &__requirements {
+    margin-bottom: 24px;
+  }
+
+  &__requirements-title {
+    font-family: var(--font-family-sans, 'Geist', sans-serif);
+    font-size: 15px;
+    font-weight: 600;
+    line-height: 1.4;
+    color: var(--label-primary);
+    margin: 0 0 8px;
+    padding: 0;
+  }
+
+  &__requirements-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+  }
+
+  &__requirement-item {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-family: var(--font-family-sans, 'Geist', sans-serif);
+    font-size: 15px;
+    font-weight: 400;
+    line-height: 1.4;
+    color: var(--label-primary);
+  }
+
+  &__requirement-icon {
+    width: 16px;
+    height: 16px;
+    flex-shrink: 0;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    &--met {
+      color: var(--label-status-success);
+    }
+
+    &--unmet {
+      color: var(--label-status-error);
+    }
+
+    &--neutral {
+      color: var(--label-tertiary);
+    }
+  }
+
+  &__field {
+    margin-bottom: 16px;
+  }
+
+  &__field--last {
+    margin-bottom: 24px;
+  }
+
+  &__strength {
+    margin-top: 8px;
+  }
+
+  &__strength-header {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 4px;
+    font-family: var(--font-family-sans, 'Geist', sans-serif);
+    font-size: 12px;
+    color: var(--label-secondary);
+  }
+
+  &__strength-bar-track {
+    height: 4px;
+    background-color: var(--surface-tertiary);
+    border-radius: 4px;
+    overflow: hidden;
+  }
+
+  &__strength-bar-fill {
+    height: 100%;
+    border-radius: 4px;
+    transition: width 0.3s ease, background-color 0.3s ease;
+  }
+
+  &__match {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-top: 8px;
+    font-family: var(--font-family-sans, 'Geist', sans-serif);
+    font-size: 13px;
+
+    &--match {
+      color: var(--label-status-success);
+    }
+
+    &--no-match {
+      color: var(--label-status-error);
+    }
+  }
+
+  &__actions {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    align-items: flex-start;
+  }
+
+  &__reset-link {
+    font-family: var(--font-family-sans, 'Geist', sans-serif);
+    font-size: 15px;
+    font-weight: 400;
+    color: var(--label-action);
+    text-decoration: underline;
+    background: none;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+
+    &:hover {
+      opacity: 0.8;
+    }
+  }
+
+  &__error {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 10px 12px;
+    border-radius: 8px;
+    background-color: var(--surface-status-error);
+    border: 1px solid var(--border-status-error);
+    font-family: var(--font-family-sans, 'Geist', sans-serif);
+    font-size: 13px;
+    color: var(--label-status-error);
+    margin-bottom: 16px;
+  }
+}

package/src/v2/pages/auth/CreatePassword/index.ts

@@ -0,0 +1,2 @@
+export { CreatePasswordPage } from './CreatePasswordPage'
+export type { CreatePasswordPageProps } from './CreatePasswordPage'

package/src/v2/pages/auth/Login/LoginPage.scss

@@ -0,0 +1,49 @@
+.auth-login {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+
+  &__field {
+    margin-bottom: 16px;
+  }
+
+  &__field--last {
+    margin-bottom: 24px;
+  }
+
+  &__forgot {
+    display: inline-block;
+    margin-top: 8px;
+    font-family: var(--font-family-sans, 'Geist', sans-serif);
+    font-size: 15px;
+    font-weight: 400;
+    color: var(--label-action);
+    text-decoration: underline;
+    background: none;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+
+    &:hover {
+      opacity: 0.8;
+    }
+  }
+
+  &__actions {
+    margin-bottom: 0;
+  }
+
+  &__error {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 10px 12px;
+    border-radius: 8px;
+    background-color: var(--surface-status-error);
+    border: 1px solid var(--border-status-error);
+    font-family: var(--font-family-sans, 'Geist', sans-serif);
+    font-size: 13px;
+    color: var(--label-status-error);
+    margin-bottom: 16px;
+  }
+}

package/src/v2/pages/auth/Login/index.ts

@@ -0,0 +1,2 @@
+export { LoginPage } from './LoginPage'
+export type { LoginPageProps } from './LoginPage'

package/src/v2/pages/auth/ResetPassword/ResetPasswordPage.scss

@@ -49,7 +49,7 @@
 
     &:hover {
       color: var(--label-action);
-      text-decoration: none;
+      text-decoration: underline;
       opacity: 0.8;
     }
   }

package/src/v2/pages/auth/ResetPassword/index.ts

@@ -0,0 +1,2 @@
+export { ResetPasswordPage } from './ResetPasswordPage'
+export type { ResetPasswordPageProps } from './ResetPasswordPage'

package/src/v2/pages/auth/index.ts

@@ -0,0 +1,14 @@
+export { AuthLayout } from './AuthLayout'
+export type { AuthLayoutProps } from './AuthLayout'
+
+export { LoginPage } from './Login'
+export type { LoginPageProps } from './Login'
+
+export { ResetPasswordPage } from './ResetPassword'
+export type { ResetPasswordPageProps } from './ResetPassword'
+
+export { CreatePasswordPage } from './CreatePassword'
+export type { CreatePasswordPageProps } from './CreatePassword'
+
+export { VerifyEmailPage } from './VerifyEmail'
+export type { VerifyEmailPageProps } from './VerifyEmail'