@umituz/web-dashboard 4.6.5 → 4.7.1

package/src/styles/dashboard.css

@@ -13,7 +13,7 @@
  *   1. Scope & reset       5. Header/menus      9. Settings
  *   2. Layout helpers      6. Auth             10. Analytics
  *   3. App shell           7. Forms (auth)     11. Shared blocks
- *   4. Sidebar             8. Onboarding
+ *   4. Sidebar
  */
 
 @import "@umituz/web-design-system/styles.css";
@@ -1361,657 +1361,6 @@
   height: 14px;
 }
 
-/* ============================================================
- * 8. Onboarding wizard
- * ============================================================ */
-
-.udb-onboarding {
-  display: flex;
-  flex-direction: column;
-  min-height: 100dvh;
-  background: var(--u-color-bg);
-}
-
-.udb-onboarding__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--u-space-3);
-  padding: var(--u-space-3) var(--u-space-5);
-  border-bottom: 1px solid var(--u-color-border);
-  background: var(--u-color-surface);
-}
-
-.udb-onboarding__brand {
-  display: flex;
-  align-items: center;
-  gap: var(--u-space-2);
-}
-
-.udb-onboarding__brand-name {
-  font-size: var(--u-font-size-lg);
-  font-weight: var(--u-font-weight-bold);
-  letter-spacing: -0.02em;
-  color: var(--u-color-text);
-}
-
-.udb-onboarding__header-actions {
-  display: flex;
-  align-items: center;
-  gap: var(--u-space-2);
-}
-
-.udb-onboarding__main {
-  display: flex;
-  flex: 1;
-  justify-content: center;
-  align-items: flex-start;
-  overflow-y: auto;
-  padding: var(--u-space-6) var(--u-space-4);
-}
-
-.udb-onboarding__content {
-  display: flex;
-  flex-direction: column;
-  gap: var(--u-space-6);
-  width: 100%;
-}
-
-.udb-onboarding__error {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--u-space-2);
-  padding: 10px var(--u-space-3);
-  border-radius: var(--u-radius-md);
-  background: var(--u-color-danger-soft);
-  color: var(--u-color-danger);
-  font-size: var(--u-font-size-md);
-}
-
-.udb-onboarding__error svg {
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-  margin-top: 2px;
-}
-
-.udb-onboarding__empty {
-  padding: var(--u-space-8) var(--u-space-6);
-  text-align: center;
-  color: var(--u-color-muted);
-}
-
-.udb-onboarding__footer {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--u-space-3);
-  padding: var(--u-space-4) var(--u-space-5);
-  border-top: 1px solid var(--u-color-border);
-  background: var(--u-color-surface);
-}
-
-.udb-onboarding__footer-actions {
-  display: flex;
-  align-items: center;
-  gap: var(--u-space-2);
-}
-
-.udb-onboarding__footer-icon {
-  width: 16px;
-  height: 16px;
-}
-
-.udb-onboarding__footer-btn,
-.udb-onboarding__footer-next {
-  min-width: 96px;
-}
-
-/* Step progress rail (node + connector per segment). */
-.udb-progress {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  max-width: 420px;
-  margin: 0 auto;
-}
-
-.udb-progress__segment {
-  display: flex;
-  align-items: center;
-  flex: 1;
-  min-width: 0;
-}
-
-.udb-progress__segment:last-child {
-  flex: 0;
-}
-
-.udb-progress__node {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  flex-shrink: 0;
-  border: 2px solid var(--u-color-border-strong);
-  border-radius: 50%;
-  background: var(--u-color-surface);
-  color: var(--u-color-muted);
-  font-size: var(--u-font-size-sm);
-  font-weight: var(--u-font-weight-bold);
-  transition: background-color 0.2s ease, border-color 0.2s ease,
-    color 0.2s ease;
-}
-
-.udb-progress__node--on {
-  border-color: var(--u-color-primary);
-  background: var(--u-color-primary);
-  color: var(--u-color-primary-contrast);
-}
-
-.udb-progress__check {
-  width: 14px;
-  height: 14px;
-}
-
-.udb-progress__connector {
-  flex: 1;
-  height: 2px;
-  min-width: 12px;
-  margin: 0 var(--u-space-2);
-  border-radius: var(--u-radius-pill);
-  background: var(--u-color-border-strong);
-  transition: background-color 0.2s ease;
-}
-
-.udb-progress__connector--on {
-  background: var(--u-color-primary);
-}
-
-/* Single step card. Width modifiers keep wide option grids readable. */
-.udb-step {
-  display: flex;
-  flex-direction: column;
-  gap: var(--u-space-5);
-  width: 100%;
-  max-width: 560px;
-  margin: 0 auto;
-}
-
-.udb-step--wide {
-  max-width: 720px;
-}
-
-.udb-step--widest {
-  max-width: 840px;
-}
-
-.udb-step__header {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  text-align: center;
-}
-
-.udb-step__title {
-  margin: 0;
-  font-size: var(--u-font-size-3xl);
-  font-weight: var(--u-font-weight-bold);
-  letter-spacing: -0.02em;
-  line-height: 1.2;
-  color: var(--u-color-text);
-}
-
-.udb-step__description {
-  margin: 0;
-  font-size: var(--u-font-size-md);
-  color: var(--u-color-muted);
-}
-
-.udb-step__description--lg {
-  font-size: var(--u-font-size-lg);
-}
-
-.udb-step__options {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-  gap: var(--u-space-3);
-}
-
-.udb-step__options--list {
-  grid-template-columns: 1fr;
-}
-
-.udb-step__hint {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--u-space-2);
-  margin-top: var(--u-space-1);
-  font-size: var(--u-font-size-sm);
-  color: var(--u-color-muted);
-}
-
-.udb-step__hint-icon {
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-  margin-top: 2px;
-}
-
-/* Selectable option card (user type, focus area...). */
-.udb-choice {
-  position: relative;
-  display: flex;
-  align-items: flex-start;
-  gap: var(--u-space-3);
-  padding: var(--u-space-4);
-  border: 1px solid var(--u-color-border-strong);
-  border-radius: var(--u-radius-lg);
-  background: var(--u-color-surface);
-  font-family: inherit;
-  text-align: left;
-  cursor: pointer;
-  transition: border-color 0.15s ease, background-color 0.15s ease,
-    box-shadow 0.15s ease;
-}
-
-.udb-choice:hover {
-  border-color: var(--u-color-primary);
-}
-
-.udb-choice--selected {
-  border-color: var(--u-color-primary);
-  background: var(--u-color-primary-soft);
-  box-shadow: inset 0 0 0 1px var(--u-color-primary);
-}
-
-.udb-choice__check {
-  position: absolute;
-  top: var(--u-space-3);
-  right: var(--u-space-3);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-  height: 20px;
-  border: 1px solid var(--u-color-border-strong);
-  border-radius: 50%;
-  background: var(--u-color-surface);
-  transition: background-color 0.15s ease, border-color 0.15s ease;
-}
-
-.udb-choice__check--on {
-  border-color: var(--u-color-primary);
-  background: var(--u-color-primary);
-}
-
-.udb-choice__check-icon {
-  width: 12px;
-  height: 12px;
-  color: var(--u-color-primary-contrast);
-}
-
-.udb-choice__icon-box {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 40px;
-  height: 40px;
-  flex-shrink: 0;
-  border-radius: var(--u-radius-md);
-  background: var(--u-color-surface-muted);
-}
-
-.udb-choice__icon-box--lg {
-  width: 48px;
-  height: 48px;
-}
-
-.udb-choice__icon-box--on {
-  background: var(--u-color-primary-soft);
-}
-
-.udb-choice__icon {
-  width: 20px;
-  height: 20px;
-  color: var(--u-color-text);
-}
-
-.udb-choice__icon--lg {
-  width: 24px;
-  height: 24px;
-}
-
-.udb-choice__body {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  flex: 1;
-  min-width: 0;
-}
-
-.udb-choice__label-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--u-space-2);
-}
-
-.udb-choice__label {
-  font-size: var(--u-font-size-md);
-  font-weight: var(--u-font-weight-medium);
-  color: var(--u-color-text);
-}
-
-.udb-choice__label--lg {
-  font-size: var(--u-font-size-lg);
-  font-weight: 600;
-}
-
-.udb-choice__badge {
-  padding: 2px var(--u-space-2);
-  border-radius: var(--u-radius-pill);
-  background: var(--u-color-surface-muted);
-  font-size: var(--u-font-size-xs);
-  font-weight: var(--u-font-weight-medium);
-  color: var(--u-color-muted);
-  white-space: nowrap;
-}
-
-.udb-choice__description {
-  margin: 0;
-  font-size: var(--u-font-size-sm);
-  color: var(--u-color-muted);
-}
-
-/* Platform connection grid. */
-.udb-platforms {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
-  gap: var(--u-space-3);
-}
-
-.udb-platform {
-  display: flex;
-  align-items: center;
-  gap: var(--u-space-3);
-  padding: var(--u-space-3);
-  border: 1px solid var(--u-color-border-strong);
-  border-radius: var(--u-radius-lg);
-  background: var(--u-color-surface);
-  font-family: inherit;
-  text-align: left;
-  cursor: pointer;
-  transition: border-color 0.15s ease, background-color 0.15s ease;
-}
-
-.udb-platform:hover {
-  border-color: var(--u-color-primary);
-}
-
-.udb-platform--connected {
-  border-color: var(--u-color-primary);
-  background: var(--u-color-primary-soft);
-}
-
-.udb-platform__icon-box {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 40px;
-  height: 40px;
-  flex-shrink: 0;
-  border-radius: 50%;
-  background: var(--u-color-surface-muted);
-}
-
-.udb-platform__icon {
-  width: 20px;
-  height: 20px;
-}
-
-.udb-platform__meta {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  flex: 1;
-  min-width: 0;
-}
-
-.udb-platform__name {
-  font-size: var(--u-font-size-md);
-  font-weight: var(--u-font-weight-medium);
-  color: var(--u-color-text);
-}
-
-.udb-platform__state {
-  font-size: var(--u-font-size-xs);
-  color: var(--u-color-muted);
-}
-
-.udb-platform__state--on {
-  color: var(--u-color-success);
-  font-weight: var(--u-font-weight-medium);
-}
-
-/* Billing cycle switch (monthly / yearly + save badge). */
-.udb-cycle-toggle-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  gap: var(--u-space-2);
-}
-
-.udb-cycle-toggle {
-  display: inline-flex;
-  align-items: center;
-  gap: 2px;
-  padding: 3px;
-  border: 1px solid var(--u-color-border);
-  border-radius: var(--u-radius-pill);
-  background: var(--u-color-surface-muted);
-}
-
-.udb-cycle-toggle__pill {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--u-space-1);
-  border: none;
-  padding: 6px var(--u-space-4);
-  border-radius: var(--u-radius-pill);
-  background: transparent;
-  font-family: inherit;
-  font-size: var(--u-font-size-sm);
-  font-weight: var(--u-font-weight-medium);
-  color: var(--u-color-muted);
-  cursor: pointer;
-  transition: background-color 0.15s ease, color 0.15s ease,
-    box-shadow 0.15s ease;
-}
-
-.udb-cycle-toggle__pill--on {
-  background: var(--u-color-surface);
-  color: var(--u-color-text);
-  box-shadow: var(--u-shadow-sm);
-}
-
-/* Yearly pill hosts the save badge; keep it on one line when it appears. */
-.udb-cycle-toggle__pill--with-badge {
-  white-space: nowrap;
-}
-
-.udb-cycle-toggle__save {
-  display: none;
-  font-size: 10px;
-  font-weight: var(--u-font-weight-bold);
-  color: var(--u-color-success);
-}
-
-.udb-cycle-toggle__save--on {
-  display: inline;
-}
-
-/* Plan cards. */
-.udb-plans {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
-  gap: var(--u-space-4);
-  align-items: stretch;
-}
-
-.udb-plan {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  gap: var(--u-space-3);
-  padding: var(--u-space-5);
-  border: 1px solid var(--u-color-border-strong);
-  border-radius: var(--u-radius-lg);
-  background: var(--u-color-surface);
-  font-family: inherit;
-  text-align: left;
-  cursor: pointer;
-  transition: border-color 0.15s ease, background-color 0.15s ease,
-    box-shadow 0.15s ease;
-}
-
-.udb-plan:hover {
-  border-color: var(--u-color-primary);
-}
-
-.udb-plan--selected {
-  border-color: var(--u-color-primary);
-  background: var(--u-color-primary-soft);
-  box-shadow: inset 0 0 0 1px var(--u-color-primary);
-}
-
-.udb-plan--highlight {
-  border-color: var(--u-color-primary);
-  box-shadow: var(--u-shadow-md);
-}
-
-.udb-plan__recommended {
-  position: absolute;
-  top: calc(-1 * var(--u-space-3));
-  left: 50%;
-  transform: translateX(-50%);
-  padding: 2px var(--u-space-3);
-  border-radius: var(--u-radius-pill);
-  background: var(--u-color-primary);
-  color: var(--u-color-primary-contrast);
-  font-size: 10px;
-  font-weight: var(--u-font-weight-bold);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  white-space: nowrap;
-}
-
-.udb-plan__heading {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--u-space-2);
-}
-
-.udb-plan__name {
-  margin: 0;
-  font-size: var(--u-font-size-lg);
-  font-weight: var(--u-font-weight-bold);
-  color: var(--u-color-text);
-}
-
-.udb-plan__badge {
-  padding: 2px var(--u-space-2);
-  border-radius: var(--u-radius-pill);
-  font-size: var(--u-font-size-xs);
-  font-weight: var(--u-font-weight-medium);
-  white-space: nowrap;
-}
-
-.udb-plan__badge--muted {
-  background: var(--u-color-surface-muted);
-  color: var(--u-color-muted);
-}
-
-.udb-plan__badge--primary {
-  background: var(--u-color-primary-soft);
-  color: var(--u-color-primary);
-}
-
-.udb-plan__badge--accent {
-  background: var(--u-color-success-soft);
-  color: var(--u-color-success);
-}
-
-.udb-plan__description {
-  margin: 0;
-  font-size: var(--u-font-size-sm);
-  color: var(--u-color-muted);
-}
-
-.udb-plan__price-row {
-  display: flex;
-  align-items: baseline;
-  gap: var(--u-space-1);
-}
-
-.udb-plan__price {
-  font-size: var(--u-font-size-3xl);
-  font-weight: var(--u-font-weight-bold);
-  letter-spacing: -0.02em;
-  color: var(--u-color-text);
-}
-
-.udb-plan__price-unit {
-  font-size: var(--u-font-size-sm);
-  color: var(--u-color-muted);
-}
-
-.udb-plan__features {
-  display: flex;
-  flex-direction: column;
-  gap: var(--u-space-2);
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.udb-plan__feature {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--u-space-2);
-  font-size: var(--u-font-size-sm);
-  color: var(--u-color-text);
-}
-
-.udb-plan__feature-check {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-  margin-top: 2px;
-  border-radius: 50%;
-  background: var(--u-color-success-soft);
-}
-
-.udb-plan__feature-check-icon {
-  width: 10px;
-  height: 10px;
-  color: var(--u-color-success);
-}
-
-.udb-plan__feature-text {
-  line-height: 1.4;
-}
-
-.udb-plan__feature-text--bold {
-  font-weight: var(--u-font-weight-medium);
-}
-
 /* ============================================================
  * 9. Settings
  * ============================================================ */

package/src/domain/config/index.ts

@@ -1,6 +0,0 @@
-/**
- * Domain Config Index
- */
-
-export * from './DashboardConfig';
-export * from './CalendarConfig';