npm - @dcrackel/hematournamentui - Versions diffs - 1.0.53 → 1.0.55 - Mend

@dcrackel/hematournamentui 1.0.53 → 1.0.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@dcrackel/hematournamentui",
   "private": false,
-  "version": "1.0.53",
+  "version": "1.0.55",
   "type": "module",
   "main": "dist/HemaTouranmentUI-lib.umd.js",
   "module": "dist/HemaTouranmentUI-lib.es.js",
@@ -12,7 +12,7 @@
     "preview": "vite preview",
     "build-storybook": "npm run build:tailwind && storybook build",
     "build:tailwind": "tailwindcss build ./tailwind/tailwind.css -o ./tailwind/output.css",
-    "storybook": "npm  \"npm run watch:tailwind\" \"npm run watch:storybook\"",
+    "storybook": "concurrently \"npm run watch:tailwind\" \"npm run watch:storybook\"",
     "watch:storybook": "storybook dev -p 6006",
     "watch:tailwind": "tailwindcss build ./tailwind/tailwind.css -o ./tailwind/output.css --watch",
     "test": "vitest",

package/src/stories/Molecules/Cards/Detail/TournamentCardDetail.vue CHANGED Viewed

@@ -3,7 +3,7 @@
     <BaseText :text="detail.Name" color="primary" size="xl" weight="semi-bold" />
     <BaseText :text="detail.Address && detail.Address[0].Name" color="primary" size="sm" weight="normal" />
     <div class="mt-4 flex flex-col">
-      <div class="mt-4 flex flex-col min-h-20" >
+      <div class="mt-4 flex flex-col h-20" >
         <span v-html="formattedDescription"></span>
         <span v-if="isTruncated" @click="toggleDescription" class="text-blue-500 cursor-pointer text-right mr-2">
         {{ showMoreDescription ? ' << less ' : 'more >>' }}

package/src/stories/Organisms/Cards/EventCard/EventCard.vue CHANGED Viewed

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex items-center p-4 border border-gray-300 rounded-lg shadow-md w-full mb-5">
+  <div class="flex items-center p-4 border border-dropdownSelect rounded-lg shadow-md w-full mb-5">
     <div class="w-full flex flex-row justify-between">
       <section class="flex flex-row justify-start">
        <div class="flex flex-col pl-4">
@@ -19,19 +19,19 @@
          <div class="flex flex-row">
             <section class="w-20 h-16 bg-eventBoxBlue rounded-xl m-1">
               <div class="flex flex-col justify-between h-14 py-2 pl-1">
-                <p class="flex flex-row justify-center w-full"><BaseText :text="event.Present" size="md" color="quinary" weight="bold" /></p>
+                <p class="flex flex-row justify-center w-full pb-1"><BaseText :text="event.Present" size="lg" color="quinary" weight="bold" /></p>
                 <p class="flex flex-row justify-center w-full"><BaseText text="PRESENT" size="xs" color="quinary" /></p>
               </div>
             </section>
             <section class="w-20 h-16 bg-eventBoxGreen rounded-xl m-1">
               <div class="flex flex-col justify-between h-14 py-2 pl-1">
-                <p class="flex flex-row justify-center w-full"><BaseText :text="event.Absent" size="md" color="quinary" weight="bold" /></p>
+                <p class="flex flex-row justify-center w-full pb-1"><BaseText :text="event.Absent" size="lg" color="quinary" weight="bold" /></p>
                 <p class="flex flex-row justify-center w-full"><BaseText text="ABSENT" size="xs" color="quinary" /></p>
               </div>
             </section>
             <section class="w-20 h-16 bg-eventBoxRed rounded-xl m-1">
               <div class="flex flex-col justify-between h-14 py-2 pl-1">
-                <p class="flex flex-row justify-center w-full"><BaseText :text="event.Removed" size="md" color="quinary" weight="bold" /></p>
+                <p class="flex flex-row justify-center w-full pb-1"><BaseText :text="event.Removed" size="lg" color="quinary" weight="bold" /></p>
                 <p class="flex flex-row justify-center w-full"><BaseText text="REMOVED" size="xs" color="quinary" /></p>
               </div>
             </section>

package/src/stories/Organisms/Grids/GridContainer.vue CHANGED Viewed

@@ -12,7 +12,6 @@
       </div>
     </div>
   </div>
 </template>

package/src/stories/Templates/Menus/Admin/AdminLeftMenu.vue CHANGED Viewed

@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-secondary w-64 h-screen flex flex-col justify-between">
+  <div class="bg-secondary min-h-screen flex flex-col justify-between">
     <section class="h-28 border-b border-neutral">
       <div class="flex flex-col justify-center h-28">
         <div class="flex justify-center">

package/src/stories/Templates/Menus/EditTournamentMenu/EditTournamentMenu.vue CHANGED Viewed

@@ -1,5 +1,5 @@
 <template>
-  <TabBar class="border-b mb-5">
+  <TabBar class="border-b border-dropdownSelect mb-5">
     <BaseButton
         :selected="currentTab === 'Basic'"
         class="flex flex-row mx-3"

package/tailwind.config.js CHANGED Viewed

@@ -1,65 +1,65 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  content: [
-    "./index.html",
-    "./src/**/*.{vue,js,ts,jsx,tsx}",
-  ],
-  safelist: [
-    'text-accepted',
-    'bg-acceptedHighlight',
-    'hover:text-alarm'
-  ],
-  theme: {
-    extend: {
-      fontFamily: {
-        sans: ['Inter', 'system-ui', '-apple-system', 'BlinkMacSystemFont']
-      },
-      lineHeight: {
-        'h1': '1.25',
-        'h2': '1.5',
-        'h3': '1.75'
-      },
-      colors: {
-        accepted: '#1D7E64',
-        acceptedBorder: '#ADCFC6',
-        acceptedHighlight: '#E5F6F1',
-        alarm: '#FD546F',
-        alarmText: '#F90229',
-        alert: '#FFD255',
-        bright: '#6190f2',
-        dropdownSelect: '#D5E4EE',
-        neutral: '#FFFFFF',
-        primary: '#141B33',
-        primaryHighlight: '#52586C',
-        quaternary: '#8991AC',
-        quinary : '#989daa',
-        secondary: '#2B324B',
-        tertiary: '#F6FAFD',
-        eventBoxBlue: '#eff4f7',
-        eventBoxGreen: '#f2f7ef',
-        eventBoxRed: '#f7efef',
-      },
-      boxShadow: {
-        custom: 'var(--tw-shadow)',
-      },
-    },
-  },
-  plugins: [
-    function ({ addBase, theme }) {
-      addBase({
-        h1: {
-          fontSize: theme('fontSize.3xl'),
-          lineHeight: theme('lineHeight.leading-h1'),
-        },
-        h2: {
-          fontSize: theme('fontSize.2xl'),
-          lineHeight: theme('lineHeight.h2'),
+    content: [
+        "./index.html",
+        "./src/**/*.{vue,js,ts,jsx,tsx}",
+    ],
+    safelist: [
+        'text-accepted',
+        'bg-acceptedHighlight',
+        'hover:text-alarm'
+    ],
+    theme: {
+        extend: {
+            fontFamily: {
+                sans: ['Inter', 'system-ui', '-apple-system', 'BlinkMacSystemFont']
+            },
+            lineHeight: {
+                'h1': '1.25',
+                'h2': '1.5',
+                'h3': '1.75'
+            },
+            colors: {
+                accepted: '#1D7E64',
+                acceptedBorder: '#ADCFC6',
+                acceptedHighlight: '#E5F6F1',
+                alarm: '#FD546F',
+                alarmText: '#F90229',
+                alert: '#FFD255',
+                bright: '#6190f2',
+                dropdownSelect: '#D5E4EE',
+                neutral: '#FFFFFF',
+                primary: '#141B33',
+                primaryHighlight: '#52586C',
+                quaternary: '#8991AC',
+                quinary: '#989daa',
+                secondary: '#2B324B',
+                tertiary: '#F6FAFD',
+                eventBoxBlue: '#eff4f7',
+                eventBoxGreen: '#f2f7ef',
+                eventBoxRed: '#f7efef',
+            },
+            boxShadow: {
+                custom: 'var(--tw-shadow)',
+            },
         },
-        h3: {
-          fontSize: theme('fontSize.xl'),
-          lineHeight: theme('lineHeight.h3'),
-        },
-      });
     },
-  ],
+    plugins: [
+        function ({addBase, theme}) {
+            addBase({
+                h1: {
+                    fontSize: theme('fontSize.3xl'),
+                    lineHeight: theme('lineHeight.leading-h1'),
+                },
+                h2: {
+                    fontSize: theme('fontSize.2xl'),
+                    lineHeight: theme('lineHeight.h2'),
+                },
+                h3: {
+                    fontSize: theme('fontSize.xl'),
+                    lineHeight: theme('lineHeight.h3'),
+                },
+            });
+        },
+    ],
 }