Merge pull request #28 from sippy-platform/0.13

Mellow UI 0.13.2

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sippy-platform/mellow-ui",
-  "version": "0.13.1",
+  "version": "0.13.2",
   "description": "React components for the Mellow Design System.",
   "main": "./dist/mellow-ui.umd.js",
   "module": "./dist/mellow-ui.es.js",

src/components/InputControl/InputControl.tsx

@@ -1,6 +1,6 @@
 import clsx from "clsx";
-import { InputHTMLAttributes } from "react";
-import { InputLabel } from "..";
+
+import InputLabel from "../InputLabel";
 
 export interface InputControlProps {
   /**

src/components/SelectControl/SelectControl.tsx

@@ -1,12 +1,12 @@
 import { ReactNode, Fragment, useMemo } from "react";
 
-import { InputLabel } from "..";
+import InputLabel from "../InputLabel";
+import SelectItem from "../SelectItem";
 
 import { Listbox, Transition } from "@headlessui/react";
 
 import clsx from "clsx";
 import ValkyrieIcon, { viAngleDown } from "@sippy-platform/valkyrie";
-import SelectItem from "../SelectItem";
 
 export interface SelectControlProps {
   /**
@@ -137,7 +137,7 @@ export const SelectControl = ({
             </Listbox.Options>
           </Transition>
         </Listbox>
-        <InputLabel id={uniqueName} shrink={!!value}>
+        <InputLabel id={uniqueName} shrink={value !== undefined || value !== null}>
           {label}
         </InputLabel>
       </div>

src/docs/components/DemoBox.tsx

@@ -4,7 +4,7 @@ import { refractor } from 'refractor';
 import { toH } from 'hast-to-hyperscript';
 import reactElementToJSXString from 'react-element-to-jsx-string';
 
-import { Card, CardBody } from '@components';
+import { Card, CardBody } from '@';
 
 export default function DemoBox({ children }) {
   const componentString = reactElementToJSXString(children);

src/docs/components/Layout.tsx

@@ -1,5 +1,5 @@
 import { Link, useNavigate } from "react-router-dom";
-import { Container, List, ListItem } from "@components";
+import { Container, List, ListItem } from "@";
 
 import './layout.scss';
 

src/docs/pages/Components/AlertDemo.tsx

@@ -1,6 +1,6 @@
 import DemoBox from '@docs/components/DemoBox';
 
-import { Alert, AlertTitle } from '@components';
+import { Alert, AlertTitle } from '@';
 
 export default function AlertDemo() {
   return (

src/docs/pages/Components/AvatarDemo.tsx

@@ -1,6 +1,6 @@
 import DemoBox from '@docs/components/DemoBox';
 
-import { Avatar } from '@components';
+import { Avatar } from '@';
 import ValkyrieIcon, { viUser } from '@sippy-platform/valkyrie';
 
 export default function AvatarDemo() {

src/docs/pages/Components/BottomBarDemo.tsx

@@ -1,6 +1,6 @@
 import DemoBox from '@docs/components/DemoBox';
 
-import { BottomBar, BottomBarItem } from '@components';
+import { BottomBar, BottomBarItem } from '@';
 import ValkyrieIcon, { viEllipsis, viGear, viHouse, viSippy, viUser, viValkyrieSword } from '@sippy-platform/valkyrie';
 
 export default function BottomBarDemo() {

src/docs/pages/Components/BreadcrumbDemo.tsx

@@ -1,6 +1,6 @@
 import DemoBox from '@docs/components/DemoBox';
 
-import { Breadcrumb, BreadcrumbItem } from '@components';
+import { Breadcrumb, BreadcrumbItem } from '@';
 import ValkyrieIcon, { viHouse } from '@sippy-platform/valkyrie';
 
 export default function BreadcrumbDemo() {

src/docs/pages/Components/ButtonDemo.tsx

@@ -1,6 +1,6 @@
 import DemoBox from "@docs/components/DemoBox";
 
-import { Button } from "@components";
+import { Button } from "@";
 
 export default function ButtonDemo() {
   return (

src/docs/pages/Components/ButtonGroupDemo.tsx

@@ -1,6 +1,6 @@
 import DemoBox from "@docs/components/DemoBox";
 
-import { Button, ButtonGroup } from "@components";
+import { Button, ButtonGroup } from "@";
 
 export default function ButtonGroupDemo() {
   return (

src/docs/pages/Components/CardDemo.tsx

@@ -7,7 +7,7 @@ import {
   CardHeader,
   CardLink,
   CardTitle,
-} from "@components";
+} from "@";
 
 export default function CardDemo() {
   return (

src/docs/pages/Components/DialogDemo.tsx

@@ -9,7 +9,7 @@ import {
   DialogBody,
   DialogFooter,
   DialogHeader,
-} from "@components";
+} from "@";
 
 export default function DialogDemo() {
   const [open, setOpen] = useState(false);

src/docs/pages/Components/DropdownDemo.tsx

@@ -4,7 +4,7 @@ import {
   Button,
   Dropdown,
   DropdownItem
-} from "@components";
+} from "@";
 
 export default function DropdownDemo() {
   return (

src/docs/pages/Components/LabelDemo.tsx

@@ -1,6 +1,6 @@
 import DemoBox from "@docs/components/DemoBox";
 
-import { Label } from "@components";
+import { Label } from "@";
 
 export default function LabelDemo() {
   return (

src/docs/pages/Components/ListDemo.tsx

@@ -2,7 +2,7 @@ import { useState } from "react";
 
 import DemoBox from "@docs/components/DemoBox";
 
-import { Radio, List, ListItem, ListItemDivider } from "@components";
+import { Radio, List, ListItem, ListItemDivider } from "@";
 import ValkyrieIcon, { viHouse } from "@sippy-platform/valkyrie";
 import { RadioGroup } from "@headlessui/react";
 

src/docs/pages/Components/MenuDemo.tsx

@@ -1,6 +1,6 @@
 import DemoBox from "@docs/components/DemoBox";
 
-import { Menu, MenuItem, MenuItems, MenuTrigger } from "@components";
+import { Menu, MenuItem, MenuItems, MenuTrigger } from "@";
 
 export default function MenuDemo() {
   return (

src/docs/pages/Components/NavDemo.tsx

@@ -1,6 +1,6 @@
 import DemoBox from "@docs/components/DemoBox";
 
-import { Nav, NavItem } from "@components";
+import { Nav, NavItem } from "@";
 
 export default function NavDemo() {
   return (

src/docs/pages/Components/OffcanvasDemo.tsx

@@ -8,7 +8,7 @@ import {
   Offcanvas,
   OffcanvasBody,
   OffcanvasHeader,
-} from "@components";
+} from "@";
 
 export default function OffcanvasDemo() {
   const [canvas, setCanvas] = useState(false);

src/docs/pages/Components/PivotDemo.tsx

@@ -1,6 +1,6 @@
 import DemoBox from "@docs/components/DemoBox";
 
-import { Pivot, PivotItem, PivotNav, PivotPanel, PivotPanels } from "@components";
+import { Pivot, PivotItem, PivotNav, PivotPanel, PivotPanels } from "@";
 
 export default function PivotDemo() {
   return (

src/docs/pages/Components/PlaceholderDemo.tsx

@@ -9,7 +9,7 @@ import {
   CardTitle,
   Grid,
   Placeholder,
-} from "@components";
+} from "@";
 
 export default function PlaceholderDemo() {
   const [open, setOpen] = useState(false);

src/docs/pages/Components/ProgressDemo.tsx

@@ -1,6 +1,6 @@
 import DemoBox from "@docs/components/DemoBox";
 
-import { Progress } from "@components";
+import { Progress } from "@";
 
 export default function ProgressDemo() {
   return (