@winchsa/ui 0.1.2 → 0.1.4

package/src/styles/@core/scss/template/libs/vuetify/_variables.scss

@@ -1,461 +0,0 @@
-@use 'sass:math';
-
-$font-family-custom: 'Public Sans', sans-serif, -apple-system, blinkmacsystemfont, 'Segoe UI',
-  roboto, 'Helvetica Neue', arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
-  'Segoe UI Symbol';
-
-//  Typography custom variables
-$typography-h5-font-size: 1.125rem;
-$typography-body-1-font-size: 0.9375rem;
-$typography-body-1-line-height: 1.375rem;
-
-@forward '../../../base/libs/vuetify/variables' with (
-  $body-font-family: $font-family-custom !default,
-  $border-radius-root: 6px !default,
-
-  //  Global border radius
-  $rounded:
-    (
-      'sm': 4px,
-      'lg': 8px,
-      'shaped': 30px 0,
-    )
-    !default,
-
-  //  Shadows
-  $shadow-key-umbra:
-    (
-      0: (
-        0 0 0 0 rgba(var(--v-shadow-key-umbra-color), 1),
-      ),
-      1: (
-        0 2px 4px rgba(var(--v-shadow-key-umbra-color), 0.12),
-      ),
-      2: (
-        0 2px 6px rgba(var(--v-shadow-key-umbra-color), 0.14),
-      ),
-      3: (
-        0 3px 8px rgba(var(--v-shadow-key-umbra-color), 0.14),
-      ),
-      4: (
-        0 3px 9px rgba(var(--v-shadow-key-umbra-color), 0.15),
-      ),
-      5: (
-        0 4px 10px rgba(var(--v-shadow-key-umbra-color), 0.15),
-      ),
-      6: (
-        0 4px 11px rgba(var(--v-shadow-key-umbra-color), 0.16),
-      ),
-      7: (
-        0 4px 18px rgba(var(--v-shadow-key-umbra-color), 0.1),
-      ),
-      8: (
-        0 4px 13px rgba(var(--v-shadow-key-umbra-color), 0.18),
-      ),
-      9: (
-        0 5px 14px rgba(var(--v-shadow-key-umbra-color), 0.18),
-      ),
-      10: (
-        0 5px 15px rgba(var(--v-shadow-key-umbra-color), 0.2),
-      ),
-      11: (
-        0 5px 16px rgba(var(--v-shadow-key-umbra-color), 0.2),
-      ),
-      12: (
-        0 6px 17px rgba(var(--v-shadow-key-umbra-color), 0.22),
-      ),
-      13: (
-        0 6px 18px rgba(var(--v-shadow-key-umbra-color), 0.22),
-      ),
-      14: (
-        0 6px 19px rgba(var(--v-shadow-key-umbra-color), 0.24),
-      ),
-      15: (
-        0 7px 20px rgba(var(--v-shadow-key-umbra-color), 0.24),
-      ),
-      16: (
-        0 7px 21px rgba(var(--v-shadow-key-umbra-color), 0.26),
-      ),
-      17: (
-        0 7px 22px rgba(var(--v-shadow-key-umbra-color), 0.26),
-      ),
-      18: (
-        0 8px 23px rgba(var(--v-shadow-key-umbra-color), 0.28),
-      ),
-      19: (
-        0 8px 24px 6px rgba(var(--v-shadow-key-umbra-color), 0.28),
-      ),
-      20: (
-        0 9px 25px rgba(var(--v-shadow-key-umbra-color), 0.3),
-      ),
-      21: (
-        0 9px 26px rgba(var(--v-shadow-key-umbra-color), 0.32),
-      ),
-      22: (
-        0 9px 27px rgba(var(--v-shadow-key-umbra-color), 0.32),
-      ),
-      23: (
-        0 10px 28px rgba(var(--v-shadow-key-umbra-color), 0.34),
-      ),
-      24: (
-        0 10px 30px rgba(var(--v-shadow-key-umbra-color), 0.34),
-      ),
-    )
-    !default,
-
-  $shadow-key-penumbra: (
-    0: (
-      0 0 transparent,
-    ),
-    1: (
-      0 0 transparent,
-    ),
-    2: (
-      0 0 transparent,
-    ),
-    3: (
-      0 0 transparent,
-    ),
-    4: (
-      0 0 transparent,
-    ),
-    5: (
-      0 0 transparent,
-    ),
-    6: (
-      0 0 transparent,
-    ),
-    7: (
-      0 0 transparent,
-    ),
-    8: (
-      0 0 transparent,
-    ),
-    9: (
-      0 0 transparent,
-    ),
-    10: (
-      0 0 transparent,
-    ),
-    11: (
-      0 0 transparent,
-    ),
-    12: (
-      0 0 transparent,
-    ),
-    13: (
-      0 0 transparent,
-    ),
-    14: (
-      0 0 transparent,
-    ),
-    15: (
-      0 0 transparent,
-    ),
-    16: (
-      0 0 transparent,
-    ),
-    17: (
-      0 0 transparent,
-    ),
-    18: (
-      0 0 transparent,
-    ),
-    19: (
-      0 0 transparent,
-    ),
-    20: (
-      0 0 transparent,
-    ),
-    21: (
-      0 0 transparent,
-    ),
-    22: (
-      0 0 transparent,
-    ),
-    23: (
-      0 0 transparent,
-    ),
-    24: (
-      0 0 transparent,
-    ),
-  )
-  !default,
-  $shadow-key-ambient: (
-    0: (
-      0 0 transparent,
-    ),
-    1: (
-      0 0 transparent,
-    ),
-    2: (
-      0 0 transparent,
-    ),
-    3: (
-      0 0 transparent,
-    ),
-    4: (
-      0 0 transparent,
-    ),
-    5: (
-      0 0 transparent,
-    ),
-    6: (
-      0 0 transparent,
-    ),
-    7: (
-      0 0 transparent,
-    ),
-    8: (
-      0 0 transparent,
-    ),
-    9: (
-      0 0 transparent,
-    ),
-    10: (
-      0 0 transparent,
-    ),
-    11: (
-      0 0 transparent,
-    ),
-    12: (
-      0 0 transparent,
-    ),
-    13: (
-      0 0 transparent,
-    ),
-    14: (
-      0 0 transparent,
-    ),
-    15: (
-      0 0 transparent,
-    ),
-    16: (
-      0 0 transparent,
-    ),
-    17: (
-      0 0 transparent,
-    ),
-    18: (
-      0 0 transparent,
-    ),
-    19: (
-      0 0 transparent,
-    ),
-    20: (
-      0 0 transparent,
-    ),
-    21: (
-      0 0 transparent,
-    ),
-    22: (
-      0 0 transparent,
-    ),
-    23: (
-      0 0 transparent,
-    ),
-    24: (
-      0 0 transparent,
-    ),
-  )
-  !default,
-  //  Typography
-  $typography:
-    (
-      'h1': (
-        'size': 2.375rem,
-        'weight': 500,
-        'line-height': 3.25rem,
-        'letter-spacing': normal,
-      ),
-      'h2': (
-        'size': 2rem,
-        'weight': 500,
-        'line-height': 2.75rem,
-        'letter-spacing': normal,
-      ),
-      'h3': (
-        'size': 1.625rem,
-        'weight': 500,
-        'line-height': 2.25rem,
-      ),
-      'h4': (
-        'size': 1.375rem,
-        'weight': 500,
-        'line-height': 1.875rem,
-        'letter-spacing': normal,
-      ),
-      'h5': (
-        'size': $typography-h5-font-size,
-        'weight': 500,
-        'line-height': 1.5rem,
-      ),
-      'h6': (
-        'size': 0.9375rem,
-        'line-height': 1.3125rem,
-        'letter-spacing': normal,
-      ),
-      'body-1': (
-        'size': $typography-body-1-font-size,
-        'line-height': $typography-body-1-line-height,
-        'letter-spacing': normal,
-      ),
-      'body-2': (
-        'size': 0.8125rem,
-        'line-height': 1.25rem,
-        'letter-spacing': normal,
-      ),
-      'subtitle-2': (
-        'line-height': 1.32rem,
-        'letter-spacing': 0.0063rem,
-      ),
-      'button': (
-        'size': 0.9375rem,
-        'weight': 500,
-        'line-height': 1.125rem,
-        'letter-spacing': 0.0269rem,
-        'text-transform': capitalize,
-      ),
-      'caption': (
-        'size': 0.6875rem,
-        'line-height': 0.875rem,
-        'letter-spacing': normal,
-      ),
-      'overline': (
-        'line-height': 2.66rem,
-        'letter-spacing': 0.0625rem,
-      ),
-    )
-    !default,
-
-  //  Alert
-  $alert-density:
-    (
-      'default': 0,
-      'comfortable': -0.75,
-      'compact': -2,
-    )
-    !default,
-  $alert-title-font-size: 1.125rem !default,
-  $alert-title-line-height: 1.5rem !default,
-  $alert-border-opacity: 0.38 !default,
-  $alert-padding: 14.75px !default,
-  $alert-prepend-margin-inline-end: 0.6rem !default,
-
-  //  Avatar
-  $avatar-height: 38px !default,
-  $avatar-width: 38px !default,
-
-  //  Badge
-  $badge-dot-height: 8px !default,
-  $badge-dot-width: 8px !default,
-  $badge-min-width: 24px !default,
-  $badge-height: 1.5rem !default,
-  $badge-font-size: 0.8125rem !default,
-  $badge-border-radius: 12px !default,
-  $badge-border-color: rgb(var(--v-theme-surface)) !default,
-
-  //  Chip
-  $chip-font-size: 0.9375rem !default,
-  $chip-font-weight: 500 !default,
-  $chip-label-border-radius: 0.25rem !default,
-  $chip-height: 30px !default,
-  $chip-padding-ratio: 1.7 + math.div(2, 3) !default,
-
-  //  Button
-  $button-height: 38px !default,
-  $button-padding-ratio: 1.9 !default,
-  $button-elevation: (
-    'default': 2,
-    'hover': 4,
-    'active': 2,
-  )
-  !default,
-  $button-icon-font-size: 0.9375rem !default,
-
-  //  Dialog
-  $dialog-card-header-padding: 20px 24px 0 !default,
-  $dialog-card-header-text-padding-top: 20px !default,
-  $dialog-card-text-padding: 20px 24px 20px !default,
-  $dialog-elevation: 18 !default,
-
-  //  Card
-  $card-title-font-size: $typography-h5-font-size !default,
-  $card-text-font-size: $typography-body-1-font-size !default,
-  $card-title-line-height: 1.65rem !default,
-  $card-text-padding: 24px !default,
-  $card-text-line-height: 1.5 !default,
-  $card-item-padding: 24px !default,
-  $card-subtitle-opacity: 1 !default,
-  $card-elevation: 7 !default,
-  $card-title-font-weight: 600 !default,
-  //  Expansion panel
-  $expansion-panel-title-padding: 15px 18px !default,
-  $expansion-panel-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default,
-  $expansion-panel-active-title-min-height: 48px !default,
-  $expansion-panel-title-min-height: 48px !default,
-  $expansion-panel-text-padding: 0 18px 12px !default,
-
-  //  Field
-  // body font size
-  $field-font-size: 0.9375rem !default,
-
-  //  List
-  $list-density:
-    (
-      'default': 0,
-      'comfortable': -1.5,
-      'compact': -2.5,
-    )
-    !default,
-  $list-border-radius: 6px !default,
-  $list-item-padding: 4px 20px !default,
-  $list-item-two-line-padding: 12px 20px !default,
-  $list-item-three-line-padding: 16px 20px !default,
-  $list-item-icon-margin-end: 10px !default,
-  $list-item-icon-margin-start: 10px !default,
-  $list-subheader-font-weight: 500 !default,
-
-  //  Label
-  $label-font-size: 0.9375rem !default,
-
-  //  Menu
-  $menu-elevation: 6 !default,
-
-  //  Pagination
-  $pagination-item-margin: 0.1875rem !default,
-
-  //  ProgressLinear
-  $progress-linear-background-opacity: 0.08 !default,
-
-  //  RangeSlider
-  $slider-track-active-size: 0.375rem !default,
-  $slider-thumb-label-padding: 4px 8px !default,
-  $slider-thumb-label-font-size: 0.8125rem !default,
-
-  //  Select
-  $select-chips-margin-bottom:
-    (
-      'default': 1,
-      'comfortable': 1,
-      'compact': 1,
-    )
-    !default,
-
-  //  Snackbar
-  $snackbar-background: rgb(var(--v-tooltip-background)) !default,
-  $snackbar-color: rgb(var(--v-theme-on-primary)) !default,
-  $snackbar-font-size: 0.9375rem !default,
-
-  //  Tabs
-  $tabs-height: 42px !default,
-
-  //  Tooltip
-  $tooltip-background-color: rgb(var(--v-tooltip-background)) !default,
-  $tooltip-font-size: 0.9375rem !default,
-  $tooltip-padding: 4.5px 13px !default,
-
-  //  Timeline
-  $timeline-dot-size: 34px !default,
-  $timeline-dot-divider-background: rgba(var(--v-border-color), 0.08) !default
-);

package/src/styles/@core/scss/template/libs/vuetify/index.scss

@@ -1 +0,0 @@
-@use '../../../base/libs/vuetify';

package/src/styles/@core/scss/template/pages/misc.scss

@@ -1,20 +0,0 @@
-.layout-blank {
-  .misc-wrapper {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 1.25rem;
-    min-block-size: calc(var(--vh, 1vh) * 100);
-  }
-
-  .misc-avatar {
-    z-index: 1;
-  }
-
-  .misc-footer-img {
-    position: absolute;
-    inline-size: 100%;
-    inset-block-end: 0;
-  }
-}

package/src/styles/@core/scss/template/placeholders/_default-layout-vertical-nav.scss

@@ -1,9 +0,0 @@
-@use '../../../../assets/scss/variables/template' as variables;
-
-%default-layout-vertical-nav-floating-navbar-and-sticky-elevated-navbar-scrolled {
-  // If navbar is contained => Squeeze navbar content on scroll
-  @if variables.$layout-vertical-nav-navbar-is-contained {
-    padding-inline-start: 12px;
-    padding-inline-end: 24px;
-  }
-}

package/src/styles/@core/scss/template/placeholders/_index.scss

@@ -1,3 +0,0 @@
-@forward 'nav';
-@forward 'vertical-nav';
-@forward 'default-layout-vertical-nav';

package/src/styles/@core/scss/template/placeholders/_nav.scss

@@ -1,15 +0,0 @@
-// ℹ️ This is common style that needs to be applied to both navs
-%nav {
-  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-}
-
-/*
-    Active nav link styles for horizontal & vertical nav
-
-    For horizontal nav it will be only applied to top level nav items
-    For vertical nav it will be only applied to nav links (not nav groups)
-*/
-%nav-link-active {
-  background: rgb(var(--v-nav-background)) !important;
-  font-weight: 500;
-}

package/src/styles/@core/scss/template/placeholders/_vertical-nav.scss

@@ -1,18 +0,0 @@
-// Common styles for nav item icon styles
-// ℹ️ Nav group's children icon styles are not here (Adjusts height, width & margin)
-%vertical-nav-items-icon {
-  font-size: 1.375rem;
-  margin-inline-start: 0.3rem;
-}
-
-// Vertical nav item badge styles
-%vertical-nav-item-badge {
-  line-height: 1rem;
-  margin-inline-end: 0.5rem;
-}
-
-// This is same as `%vertical-nav-item` except section title is excluded
-%vertical-nav-item-interactive {
-  block-size: 2.375rem;
-  margin-block-end: 0.25rem;
-}

package/src/styles/@core/scss/template/skins/_bordered.scss

@@ -1,36 +0,0 @@
-@use 'sass:map';
-@use '../../base/mixins';
-@use '../../../../assets/scss/variables/template' as variables;
-
-$header: '.layout-navbar';
-
-@if variables.$layout-vertical-nav-navbar-is-contained {
-  $header: '.layout-navbar .navbar-content-container';
-}
-
-.skin--bordered {
-  // Expansion Panels
-  @include mixins.bordered-skin(
-    '.v-expansion-panels:not(.expansion-panels-width-border) .v-expansion-panel, .v-expansion-panel__shadow'
-  );
-
-  // Navbar
-
-  // -- Vertical
-  @if variables.$layout-vertical-nav-navbar-is-contained {
-    @include mixins.bordered-skin('.layout-nav-type-vertical #{$header}');
-    .layout-nav-type-vertical.window-scrolled #{$header} {
-      border-block-start: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)) !important;
-    }
-  } @else {
-    @include mixins.bordered-skin('.layout-nav-type-vertical #{$header}', 'border-bottom');
-  }
-
-  // Dialog close button
-  @include mixins.bordered-skin('.v-dialog-close-btn');
-
-  // Vertical Nav
-  .layout-vertical-nav {
-    box-shadow: none;
-  }
-}

package/src/styles/@core/scss/template/skins/_index.scss

@@ -1 +0,0 @@
-@use 'bordered';

package/src/styles/@layouts/styles/_classes.scss

@@ -1,3 +0,0 @@
-.cursor-pointer {
-  cursor: pointer;
-}

package/src/styles/@layouts/styles/_dashboard-layout.scss

@@ -1,43 +0,0 @@
-// These are styles which are both common in layout w/ vertical nav & horizontal nav
-@use 'rtl';
-@use 'placeholders';
-@use 'mixins';
-@use '../../assets/scss/variables/template' as variables;
-
-html,
-body {
-  min-block-size: 100%;
-}
-
-.layout-page-content {
-  @include mixins.boxed-content(true);
-
-  flex-grow: 1;
-
-  // TODO: Use grid gutter variable here
-  padding-block: 1.5rem;
-}
-
-.layout-footer {
-  .footer-content-container {
-    block-size: variables.$layout-vertical-nav-footer-height;
-  }
-
-  .layout-footer-sticky & {
-    position: sticky;
-    inset-block-end: 0;
-    will-change: transform;
-  }
-
-  .layout-footer-hidden & {
-    display: none;
-  }
-}
-
-[dir='ltr'] [data-sonner-toaster][data-x-position='center'] {
-  left: calc(50%) !important;
-}
-
-[dir='rtl'] [data-sonner-toaster][data-x-position='center'] {
-  left: calc(50%) !important;
-}

package/src/styles/@layouts/styles/_global.scss

@@ -1,10 +0,0 @@
-*,
-::before,
-::after {
-  box-sizing: inherit;
-  background-repeat: no-repeat;
-}
-
-html {
-  box-sizing: border-box;
-}

package/src/styles/@layouts/styles/_mixins.scss

@@ -1,28 +0,0 @@
-@use 'placeholders';
-@use '../../assets/scss/variables/template' as variables;
-
-@mixin rtl {
-  @if variables.$enable-rtl-styles {
-    [dir='rtl'] & {
-      @content;
-    }
-  }
-}
-
-@mixin boxed-content($nest-selector: false) {
-  & {
-    @extend %boxed-content-spacing;
-
-    @at-root {
-      @if $nest-selector == false {
-        .layout-content-width-boxed#{&} {
-          @extend %boxed-content;
-        }
-      } @else {
-        .layout-content-width-boxed & {
-          @extend %boxed-content;
-        }
-      }
-    }
-  }
-}