classcard-ui 0.2.908 → 0.2.910

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.908",
+  "version": "0.2.910",
   "main": "dist/classcard-ui.umd.min.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CGroupedSelect/CGroupedSelect.vue

@@ -13,7 +13,7 @@
       <div class="relative">
         <input
           type="text"
-          class="focus:outline-none relative w-full cursor-default rounded-md border border-gray-300 bg-white py-2 pl-3 pr-10 text-left shadow-sm focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 disabled:pointer-events-none disabled:opacity-50 sm:text-sm"
+          class="relative w-full cursor-default rounded-md border border-gray-300 bg-white py-2 pl-3 pr-10 text-left shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 disabled:pointer-events-none disabled:opacity-50 sm:text-sm"
           aria-haspopup="listbox"
           aria-expanded="true"
           aria-labelledby="listbox-label"
@@ -75,7 +75,7 @@
         To: "opacity-0"
     -->
       <ul
-        class="ring-black focus:outline-none absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-opacity-5 sm:text-sm"
+        class="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
         tabindex="-1"
         role="listbox"
         aria-labelledby="listbox-label"
@@ -96,7 +96,7 @@
             <span class="block truncate"> {{ option.label }} </span>
           </li>
           <li
-            class="group relative cursor-default select-none py-2 pl-3 pr-9 text-left text-gray-900 hover:bg-indigo-600 hover:text-white"
+            class="group group relative cursor-default select-none py-2 pl-3 pr-9 text-left text-gray-900 hover:bg-indigo-600 hover:text-white"
             v-for="subOption in option.options"
             :key="subOption.id"
             role="option"
@@ -113,6 +113,11 @@
               ]"
             >
               {{ subOption.label }}
+              <span
+                v-if="subOption.labelExtra"
+                class="ml-1 text-sm text-gray-400 group-hover:text-white"
+                >{{ subOption.labelExtra }}</span
+              >
               <div
                 v-if="
                   subOption.stock_level ||

package/src/icons.js

@@ -345,4 +345,6 @@ export default {
     "M17 14v6m-3-3h6M6 10h2a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2zm10 0h2a2 2 0 002-2V6a2 2 0 00-2-2h-2a2 2 0 00-2 2v2a2 2 0 002 2zM6 20h2a2 2 0 002-2v-2a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2z",
   "menu-cog":
     "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065zM15 12a3 3 0 11-6 0 3 3 0 016 0z",
+  "menu-user":
+    "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z",
 };

package/src/stories/CGroupedSelect.stories.js

@@ -27,6 +27,7 @@ Default.args = {
         {
           id: 11751,
           label: "Activity - Cricket - Flat Rate",
+          labelExtra: "Something",
         },
         {
           id: 13344,
@@ -35,6 +36,7 @@ Default.args = {
         {
           id: 13407,
           label: "Sports - Cricket - 60 mins",
+          labelExtra: "Football - extra - 15mins",
         },
         {
           id: 15370,