@dcrackel/hematournamentui 1.0.715 → 1.0.716

package/dist/hematournamentui-tailwind.css

@@ -26,6 +26,8 @@
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
     --text-sm--line-height: calc(1.25 / 0.875);
+    --text-base: 1rem;
+    --text-base--line-height: calc(1.5 / 1);
     --text-lg: 1.125rem;
     --text-lg--line-height: calc(1.75 / 1.125);
     --text-xl: 1.25rem;
@@ -50,6 +52,10 @@
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
     --font-weight-extrabold: 800;
+    --tracking-tight: -0.025em;
+    --tracking-wide: 0.025em;
+    --tracking-wider: 0.05em;
+    --leading-tight: 1.25;
     --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
     --radius-xl: 0.75rem;
@@ -588,6 +594,9 @@
   .h-1 {
     height: calc(var(--spacing) * 1);
   }
+  .h-1\.5 {
+    height: calc(var(--spacing) * 1.5);
+  }
   .h-2 {
     height: calc(var(--spacing) * 2);
   }
@@ -684,9 +693,15 @@
   .min-h-9 {
     min-height: calc(var(--spacing) * 9);
   }
+  .min-h-10 {
+    min-height: calc(var(--spacing) * 10);
+  }
   .min-h-11 {
     min-height: calc(var(--spacing) * 11);
   }
+  .min-h-12 {
+    min-height: calc(var(--spacing) * 12);
+  }
   .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }
@@ -711,6 +726,9 @@
   .w-1 {
     width: calc(var(--spacing) * 1);
   }
+  .w-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+  }
   .w-1\/2 {
     width: calc(1 / 2 * 100%);
   }
@@ -915,6 +933,9 @@
   .grow {
     flex-grow: 1;
   }
+  .basis-40 {
+    flex-basis: calc(var(--spacing) * 40);
+  }
   .border-separate {
     border-collapse: separate;
   }
@@ -995,6 +1016,12 @@
   .grid-cols-12 {
     grid-template-columns: repeat(12, minmax(0, 1fr));
   }
+  .grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
+    grid-template-columns: auto minmax(0,1fr) auto;
+  }
+  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
+    grid-template-columns: minmax(0,1fr) auto;
+  }
   .flex-col {
     flex-direction: column;
   }
@@ -1040,6 +1067,9 @@
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
+  .gap-1\.5 {
+    gap: calc(var(--spacing) * 1.5);
+  }
   .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
@@ -1069,9 +1099,25 @@
       margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-px {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(1px * var(--tw-space-y-reverse));
+      margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .gap-x-2 {
+    column-gap: calc(var(--spacing) * 2);
+  }
+  .gap-x-3 {
+    column-gap: calc(var(--spacing) * 3);
+  }
   .gap-x-4 {
     column-gap: calc(var(--spacing) * 4);
   }
+  .gap-x-6 {
+    column-gap: calc(var(--spacing) * 6);
+  }
   .space-x-2 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
@@ -1093,9 +1139,15 @@
       margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .gap-y-0\.5 {
+    row-gap: calc(var(--spacing) * 0.5);
+  }
   .gap-y-1 {
     row-gap: calc(var(--spacing) * 1);
   }
+  .gap-y-2 {
+    row-gap: calc(var(--spacing) * 2);
+  }
   .self-end {
     align-self: flex-end;
   }
@@ -1216,6 +1268,12 @@
   .border-black {
     border-color: var(--color-black);
   }
+  .border-black\/10 {
+    border-color: color-mix(in srgb, #000 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
+    }
+  }
   .border-blue {
     border-color: #375085;
   }
@@ -1234,12 +1292,24 @@
   .border-green {
     border-color: #427958;
   }
+  .border-lightgray {
+    border-color: #E0E0E0;
+  }
   .border-navy {
     border-color: #182a3a;
   }
   .border-neutral {
     border-color: #FFFFFF;
   }
+  .border-neutral\/20 {
+    border-color: color-mix(in oklab, #FFFFFF 20%, transparent);
+  }
+  .border-neutral\/30 {
+    border-color: color-mix(in oklab, #FFFFFF 30%, transparent);
+  }
+  .border-neutral\/60 {
+    border-color: color-mix(in oklab, #FFFFFF 60%, transparent);
+  }
   .border-orange {
     border-color: #C78544;
   }
@@ -1267,6 +1337,9 @@
   .border-silver {
     border-color: #a0a0a0;
   }
+  .border-transparent {
+    border-color: transparent;
+  }
   .border-b-bright {
     border-bottom-color: #6190f2;
   }
@@ -1291,6 +1364,18 @@
   .bg-black {
     background-color: var(--color-black);
   }
+  .bg-black\/5 {
+    background-color: color-mix(in srgb, #000 5%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
+    }
+  }
+  .bg-black\/10 {
+    background-color: color-mix(in srgb, #000 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
+    }
+  }
   .bg-blue {
     background-color: #375085;
   }
@@ -1348,6 +1433,15 @@
   .bg-neutral {
     background-color: #FFFFFF;
   }
+  .bg-neutral\/20 {
+    background-color: color-mix(in oklab, #FFFFFF 20%, transparent);
+  }
+  .bg-neutral\/50 {
+    background-color: color-mix(in oklab, #FFFFFF 50%, transparent);
+  }
+  .bg-neutral\/60 {
+    background-color: color-mix(in oklab, #FFFFFF 60%, transparent);
+  }
   .bg-orange {
     background-color: #C78544;
   }
@@ -1501,6 +1595,9 @@
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
+  .py-16 {
+    padding-block: calc(var(--spacing) * 16);
+  }
   .pt-0\.5 {
     padding-top: calc(var(--spacing) * 0.5);
   }
@@ -1528,9 +1625,6 @@
   .pt-6 {
     padding-top: calc(var(--spacing) * 6);
   }
-  .pt-7 {
-    padding-top: calc(var(--spacing) * 7);
-  }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
@@ -1591,6 +1685,12 @@
   .align-top {
     vertical-align: top;
   }
+  .font-mono {
+    font-family: var(--font-mono);
+  }
+  .font-sans {
+    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont;
+  }
   .text-2xl {
     font-size: var(--text-2xl);
     line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -1619,6 +1719,10 @@
     font-size: var(--text-8xl);
     line-height: var(--tw-leading, var(--text-8xl--line-height));
   }
+  .text-base {
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
   .text-lg {
     font-size: var(--text-lg);
     line-height: var(--tw-leading, var(--text-lg--line-height));
@@ -1652,6 +1756,10 @@
     --tw-leading: 1;
     line-height: 1;
   }
+  .leading-tight {
+    --tw-leading: var(--leading-tight);
+    line-height: var(--leading-tight);
+  }
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -1676,6 +1784,18 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-tight {
+    --tw-tracking: var(--tracking-tight);
+    letter-spacing: var(--tracking-tight);
+  }
+  .tracking-wide {
+    --tw-tracking: var(--tracking-wide);
+    letter-spacing: var(--tracking-wide);
+  }
+  .tracking-wider {
+    --tw-tracking: var(--tracking-wider);
+    letter-spacing: var(--tracking-wider);
+  }
   .text-nowrap {
     text-wrap: nowrap;
   }
@@ -1739,15 +1859,36 @@
   .text-neutral {
     color: #FFFFFF;
   }
+  .text-neutral\/60 {
+    color: color-mix(in oklab, #FFFFFF 60%, transparent);
+  }
+  .text-neutral\/65 {
+    color: color-mix(in oklab, #FFFFFF 65%, transparent);
+  }
+  .text-neutral\/75 {
+    color: color-mix(in oklab, #FFFFFF 75%, transparent);
+  }
   .text-orange {
     color: #C78544;
   }
+  .text-orange2 {
+    color: #FF7A00;
+  }
   .text-pink {
     color: #D88DB7;
   }
   .text-primary {
     color: #141B33;
   }
+  .text-primary\/60 {
+    color: color-mix(in oklab, #141B33 60%, transparent);
+  }
+  .text-primary\/70 {
+    color: color-mix(in oklab, #141B33 70%, transparent);
+  }
+  .text-primary\/80 {
+    color: color-mix(in oklab, #141B33 80%, transparent);
+  }
   .text-primaryHighlight {
     color: #52586C;
   }
@@ -1796,6 +1937,10 @@
   .italic {
     font-style: italic;
   }
+  .tabular-nums {
+    --tw-numeric-spacing: tabular-nums;
+    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+  }
   .underline {
     text-decoration-line: underline;
   }
@@ -2200,6 +2345,17 @@
       --tw-ring-color: #6190f2;
     }
   }
+  .focus-visible\:outline-2 {
+    &:focus-visible {
+      outline-style: var(--tw-outline-style);
+      outline-width: 2px;
+    }
+  }
+  .focus-visible\:outline-bright {
+    &:focus-visible {
+      outline-color: #6190f2;
+    }
+  }
   .focus-visible\:outline-none {
     &:focus-visible {
       --tw-outline-style: none;
@@ -2461,6 +2617,11 @@
       width: calc(var(--spacing) * 96);
     }
   }
+  .md\:w-auto {
+    @media (width >= 48rem) {
+      width: auto;
+    }
+  }
   .md\:min-w-120 {
     @media (width >= 48rem) {
       min-width: calc(var(--spacing) * 120);
@@ -2471,16 +2632,41 @@
       min-width: 30rem;
     }
   }
+  .md\:shrink-0 {
+    @media (width >= 48rem) {
+      flex-shrink: 0;
+    }
+  }
+  .md\:auto-cols-\[minmax\(18rem\,1fr\)\] {
+    @media (width >= 48rem) {
+      grid-auto-columns: minmax(18rem,1fr);
+    }
+  }
+  .md\:grid-flow-col {
+    @media (width >= 48rem) {
+      grid-auto-flow: column;
+    }
+  }
   .md\:grid-cols-4 {
     @media (width >= 48rem) {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
+  .md\:grid-cols-none {
+    @media (width >= 48rem) {
+      grid-template-columns: none;
+    }
+  }
   .md\:flex-row {
     @media (width >= 48rem) {
       flex-direction: row;
     }
   }
+  .md\:flex-nowrap {
+    @media (width >= 48rem) {
+      flex-wrap: nowrap;
+    }
+  }
   .md\:flex-wrap {
     @media (width >= 48rem) {
       flex-wrap: wrap;
@@ -2640,6 +2826,16 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .lg\:block {
+    @media (width >= 64rem) {
+      display: block;
+    }
+  }
+  .lg\:inline-flex {
+    @media (width >= 64rem) {
+      display: inline-flex;
+    }
+  }
   .lg\:h-12 {
     @media (width >= 64rem) {
       height: calc(var(--spacing) * 12);
@@ -2655,6 +2851,11 @@
       order: 9999;
     }
   }
+  .xl\:block {
+    @media (width >= 80rem) {
+      display: block;
+    }
+  }
   .xl\:min-h-\[calc\(100dvh-2rem\)\] {
     @media (width >= 80rem) {
       min-height: calc(100dvh - 2rem);
@@ -3426,6 +3627,30 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -3552,6 +3777,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -3580,6 +3810,12 @@
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;
@@ -3609,6 +3845,7 @@
       --tw-drop-shadow-size: initial;
       --tw-duration: initial;
       --tw-ease: initial;
+      --tw-outline-style: solid;
     }
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dcrackel/hematournamentui",
   "private": false,
-  "version": "1.0.715",
+  "version": "1.0.716",
   "type": "module",
   "main": "dist/HemaTournamentUI-lib.umd.js",
   "module": "dist/HemaTournamentUI-lib.es.js",

package/src/index.js

@@ -1,43 +1,45 @@
-export { default as BaseIcon } from './stories/Atoms/Icon/BaseIcon.vue';
-export { default as BaseInput } from './stories/Atoms/Input/BaseInput.vue';
-export { default as BaseRadioGroup } from './stories/Atoms/RadioGroup/BaseRadioGroup.vue';
-export { default as BaseTag } from './stories/Atoms/Tag/BaseTag.vue';
-export { default as BaseText } from './stories/Atoms/Text/BaseText.vue';
-
-export { default as Breadcrumb } from './stories/Molecules/Breadcrumb/Admin/Breadcrumb.vue';
-export { default as BaseButton } from './stories/Molecules/Buttons/BaseButton/BaseButton.vue';
-export { default as FilterAndSortBar } from './stories/Molecules/Filters/FilterAndSortBar/FilterAndSortBar.vue';
-export { default as FilterUpcomingPast } from './stories/Molecules/Filters/FilterUpcomingPast/FilterUpcomingPast.vue';
-export { default as BaseModal } from './stories/Molecules/Modals/BaseModal/BaseModal.vue';
-export { default as BracketDirectorsModal } from './stories/Molecules/Modals/BracketDirectorsModal/BracketDirectorsModal.vue';
-export { default as LoadingModal } from './stories/Molecules/Modals/LoadingModal/LoadingModal.vue';
-export { default as EventWizardModal } from './stories/Molecules/Modals/EventWizardModal/EventWizardModal.vue';
-
-export { default as AddressAutocomplete } from './stories/Organisms/ComplexInputs/AddressAutocomplete/AddressAutocomplete.vue';
-export { default as DatePicker } from './stories/Organisms/ComplexInputs/DatePicker/DatePicker.vue';
-export { default as DropDownMenu } from './stories/Organisms/ComplexInputs/DropDown/DropDownMenu.vue';
-export { default as GridContainer } from './stories/Organisms/Grids/GridContainer.vue';
-export { default as PoolGrid } from './stories/Organisms/Containers/PoolGrid/PoolGrid.vue';
-export { default as BracketDirectorAssignmentCard } from './stories/Organisms/Cards/BracketDirectorAssignmentCard/BracketDirectorAssignmentCard.vue';
-export { default as BracketDirectorAssignmentPanel } from './stories/Organisms/Containers/Tableau/components/BracketDirectorAssignmentPanel.vue';
-export { default as ImageCropper } from './stories/Organisms/ComplexInputs/ImageCropper/ImageCropper.vue';
-export { default as TextBoxEditor } from './stories/Organisms/ComplexInputs/TextBoxEditor/TextBoxEditor.vue';
-export { default as EditEventWizard } from './stories/Organisms/Wizards/EditEventWizard/EditEventWizard.vue';
-
-export { default as TournamentManagement } from './stories/Templates/TournamentManagement/TournamentManagement.vue';
-export { default as ListEvents } from './stories/Templates/TournamentManagement/ListEvents/ListEvents.vue';
-
-export { default as AdminLeftMenu } from './stories/Templates/Menus/Admin/AdminLeftMenu.vue';
-export { default as EventAttendance } from './stories/Templates/EventManagement/EventAttendance/EventAttendance.vue';
-export { default as PoolManagement } from './stories/Templates/EventManagement/PoolManagement/PoolManagement.vue';
-export { default as StaffList } from './stories/Templates/EventManagement/StaffList/StaffList.vue';
-export { default as PoolLive } from './stories/Templates/EventManagement/PoolLive/PoolLive.vue';
-export { default as PoolResults } from './stories/Templates/EventManagement/PoolResults/PoolResults.vue';
-export { default as Bracket } from './stories/Templates/EventManagement/Bracket/Bracket.vue';
-export { default as EditEventInfo } from './stories/Templates/EventManagement/EditEventInfo/EditEventInfo.vue';
-export { default as EventFinalResults } from './stories/Templates/EventManagement/EventFinalResults/EventFinalResults.vue';
-export { default as KioskDisplay } from './stories/Templates/EventManagement/KioskDisplay/KioskDisplay.vue';
-export { default as PersonManagement } from './stories/Templates/PersonManagement/PersonManagement.vue';
-export { default as ClubManagement } from './stories/Templates/ClubManagement/ClubManagement.vue';
-export { default as Assignment } from './stories/Templates/Assignment/Assignment.vue';
-export { default as PenaltyReport } from './stories/Templates/EventManagement/Penalties/PenaltyReport.vue';
+export { default as BaseIcon } from './stories/Atoms/Icon/BaseIcon.vue';
+export { default as BaseInput } from './stories/Atoms/Input/BaseInput.vue';
+export { default as BaseRadioGroup } from './stories/Atoms/RadioGroup/BaseRadioGroup.vue';
+export { default as BaseTag } from './stories/Atoms/Tag/BaseTag.vue';
+export { default as BaseText } from './stories/Atoms/Text/BaseText.vue';
+
+export { default as Breadcrumb } from './stories/Molecules/Breadcrumb/Admin/Breadcrumb.vue';
+export { default as BaseButton } from './stories/Molecules/Buttons/BaseButton/BaseButton.vue';
+export { default as FilterAndSortBar } from './stories/Molecules/Filters/FilterAndSortBar/FilterAndSortBar.vue';
+export { default as FilterUpcomingPast } from './stories/Molecules/Filters/FilterUpcomingPast/FilterUpcomingPast.vue';
+export { default as BaseModal } from './stories/Molecules/Modals/BaseModal/BaseModal.vue';
+export { default as BracketDirectorsModal } from './stories/Molecules/Modals/BracketDirectorsModal/BracketDirectorsModal.vue';
+export { default as LoadingModal } from './stories/Molecules/Modals/LoadingModal/LoadingModal.vue';
+export { default as EventWizardModal } from './stories/Molecules/Modals/EventWizardModal/EventWizardModal.vue';
+
+export { default as AddressAutocomplete } from './stories/Organisms/ComplexInputs/AddressAutocomplete/AddressAutocomplete.vue';
+export { default as DatePicker } from './stories/Organisms/ComplexInputs/DatePicker/DatePicker.vue';
+export { default as DropDownMenu } from './stories/Organisms/ComplexInputs/DropDown/DropDownMenu.vue';
+export { default as GridContainer } from './stories/Organisms/Grids/GridContainer.vue';
+export { default as PoolGrid } from './stories/Organisms/Containers/PoolGrid/PoolGrid.vue';
+export { default as BracketDirectorAssignmentCard } from './stories/Organisms/Cards/BracketDirectorAssignmentCard/BracketDirectorAssignmentCard.vue';
+export { default as BracketDirectorAssignmentPanel } from './stories/Organisms/Containers/Tableau/components/BracketDirectorAssignmentPanel.vue';
+export { default as ImageCropper } from './stories/Organisms/ComplexInputs/ImageCropper/ImageCropper.vue';
+export { default as TextBoxEditor } from './stories/Organisms/ComplexInputs/TextBoxEditor/TextBoxEditor.vue';
+export { default as EditEventWizard } from './stories/Organisms/Wizards/EditEventWizard/EditEventWizard.vue';
+
+export { default as TournamentManagement } from './stories/Templates/TournamentManagement/TournamentManagement.vue';
+export { default as ListEvents } from './stories/Templates/TournamentManagement/ListEvents/ListEvents.vue';
+
+export { default as AdminLeftMenu } from './stories/Templates/Menus/Admin/AdminLeftMenu.vue';
+export { default as EventAttendance } from './stories/Templates/EventManagement/EventAttendance/EventAttendance.vue';
+export { default as PoolManagement } from './stories/Templates/EventManagement/PoolManagement/PoolManagement.vue';
+export { default as StaffList } from './stories/Templates/EventManagement/StaffList/StaffList.vue';
+export { default as PoolLive } from './stories/Templates/EventManagement/PoolLive/PoolLive.vue';
+export { default as PoolResults } from './stories/Templates/EventManagement/PoolResults/PoolResults.vue';
+export { default as Bracket } from './stories/Templates/EventManagement/Bracket/Bracket.vue';
+export { default as EditEventInfo } from './stories/Templates/EventManagement/EditEventInfo/EditEventInfo.vue';
+export { default as EventFinalResults } from './stories/Templates/EventManagement/EventFinalResults/EventFinalResults.vue';
+export { default as KioskDisplay } from './stories/Templates/EventManagement/KioskDisplay/KioskDisplay.vue';
+export { default as PersonManagement } from './stories/Templates/PersonManagement/PersonManagement.vue';
+export { default as ClubManagement } from './stories/Templates/ClubManagement/ClubManagement.vue';
+export { default as Assignment } from './stories/Templates/Assignment/Assignment.vue';
+export { default as PenaltyReport } from './stories/Templates/EventManagement/Penalties/PenaltyReport.vue';
+
+export { default as RingBoard } from './stories/Templates/EventManagement/RingBoard/RingBoard.vue';