@mycause/ui 0.0.0-cb5efc7a → 0.0.0-cba5b1d7

package/dist/components/navigation/navigation.stories.jsx

@@ -1,260 +0,0 @@
-import React, { useState } from "react";
-import { action } from "@storybook/addon-actions";
-import useMedia from "use-media";
-import { LogoType } from "../logo";
-import Navigation from "./navigation";
-import NavigationList from "./navigation-list";
-import NavigationMenu from "./navigation-menu";
-import NavigationExpanded from "./navigation-expanded";
-import NavigationSearch from "./navigation-search";
-import avatar from "../avatar/ipet-photo-CfDAo3C3bvQ-unsplash.jpg";
-import circle from "../statistics/circle.svg";
-function Logo() {
-    return (<LogoType size={useMedia("screen and (min-width: 720px") ? "large" : undefined}/>);
-}
-function BackgroundContainer({ children }) {
-    return (<div className="container">
-      <div className="content">{children}</div>
-      <style jsx>{`
-        .container {
-          min-height: 100vh;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-        }
-
-        .content {
-          width: 100%;
-          max-width: 1024px;
-          padding: 2rem 1rem;
-          background-color: rgba(0, 0, 0, 0.01);
-        }
-
-        @media (min-width: 720px) {
-          .content {
-            padding: 4rem;
-          }
-        }
-      `}</style>
-    </div>);
-}
-export default {
-    title: "Navigation",
-};
-function NavigationSearchDemo() {
-    const [value, setValue] = useState("");
-    return (<NavigationSearch value={value} onChange={setValue} onSubmit={action("search")} onCancel={action("cancel")}/>);
-}
-function NavigationDemo() {
-    const [isSignedIn, setSignedIn] = useState(false);
-    return (<Navigation logo={<Logo />} isSticky={true} menus={[
-        {
-            label: "Fundraise",
-            id: "fundraise",
-            analyticsId: "fundraise",
-            items: [
-                { label: "For a person", id: "person", analyticsId: "person" },
-                { label: "For a charity", id: "charity" },
-                { label: "Find a charity", id: "find_charity" },
-                {
-                    label: "Fundraising ideas",
-                    id: "fundraising_ideas",
-                    submenu: [
-                        { label: "Schools", id: "schools" },
-                        { label: "Cancer", id: "cancer" },
-                        { label: "Pets & animals", id: "pets_animals" },
-                        { label: "Help a friend", id: "help_friend" },
-                        { label: "Marathon runs", id: "marathon" },
-                        { label: "See all fundraising ideas", id: "see all" },
-                    ],
-                },
-                { label: "Team fundraising", id: "team_fundraising" },
-                { label: "How it works", id: "how_it_works" },
-            ],
-        },
-        {
-            label: "Donate",
-            id: "donate",
-            analyticsId: "donate",
-            items: [
-                { label: "Donate to a charity", id: "donate" },
-                { label: "Send a gift card/voucher", id: "gift_card" },
-                { label: "Pledge your birthday", id: "birthday" },
-                { label: "Start a giving portfolio", id: "giving_portfolio" },
-            ],
-        },
-        {
-            label: "Organisation",
-            id: "organisation",
-            analyticsId: "organisation",
-            items: [
-                {
-                    label: "For your organisation",
-                    id: "organisation",
-                    submenu: [
-                        { label: "Schools", id: "schools" },
-                        { label: "Clubs", id: "clubs" },
-                        { label: "Charity", id: "charity" },
-                        { label: "Event manager", id: "event_manager" },
-                        { label: "Corporate", id: "corporate" },
-                    ],
-                },
-                { label: "Fundraising events", id: "events" },
-                { label: "Donating services", id: "donating_services" },
-                { label: "Giving days", id: "giving_days" },
-                { label: "Crowdfunding & appeals", id: "crowdfunding" },
-                { label: "Peer 2 peer fundraising", id: "peer_fundraising" },
-            ],
-            action: {
-                label: "Become a partner (free)",
-                id: "become_a_partner",
-                analyticsId: "becomeAPartner",
-            },
-        },
-    ]} links={[
-        { label: "About", id: "about" },
-        { label: "Help", id: "help" },
-        { label: "Blog & Press", id: "blog-press" },
-    ]} stats={[
-        {
-            label: "Members",
-            id: "nav-expand-members",
-            value: "302, 657",
-            logo: circle,
-        },
-        {
-            label: "Causes",
-            id: "nav-expand-causes",
-            value: "68, 553",
-            logo: circle,
-        },
-        {
-            label: "Raised",
-            id: "nav-expand-raised",
-            value: "$100 Million +",
-            logo: circle,
-        },
-    ]} cta={{
-        color: "primary",
-        onClick: action("onClick"),
-        children: "Start fundraising",
-        analyticsId: "startFundraising",
-    }} user={isSignedIn
-        ? {
-            name: "Adorable Puppy",
-            avatar: {
-                src: avatar,
-            },
-        }
-        : null} search={{ onSearch: action("search") }} login={{ onLogin: () => setSignedIn(true) }} userMenu={[
-        {
-            icon: { icon: "perm_identity" },
-            label: "My dashboard",
-            onClick: action("dashboard"),
-        },
-        {
-            icon: { icon: "favorite_border" },
-            label: "Activity",
-            onClick: action("activity"),
-            submenu: [
-                {
-                    label: "Fundraising pages",
-                },
-                {
-                    label: "Favourite charities",
-                },
-            ],
-        },
-        {
-            icon: { icon: "favorite_border" },
-            label: "My campaigns",
-            onClick: action("my campaigns"),
-        },
-        {
-            icon: { icon: "settings", iconSet: "material-icons-outlined" },
-            label: "Account settings",
-            onClick: action("settings"),
-            submenu: [
-                {
-                    label: "Profile",
-                },
-                {
-                    label: "Manage Connections",
-                },
-            ],
-        },
-        {
-            icon: { icon: "exit_to_app" },
-            label: "Sign out",
-            onClick: () => setSignedIn(false),
-        },
-    ]}/>);
-}
-export const full = () => <NavigationDemo />;
-full.story = {
-    name: "full navigation",
-};
-export const list = () => (<BackgroundContainer>
-    <NavigationList items={[
-    { label: "Schools", id: "schools" },
-    { label: "Cancer", id: "cancer" },
-    { label: "Pets & animals", id: "pets_animals" },
-    { label: "Help a friend", id: "help_friend" },
-    { label: "Marathon runs", id: "marathon" },
-    { label: "See all fundraising ideas", id: "see all" },
-].map(item => ({ ...item, onClick: () => action("click")(item.id) }))}/>
-  </BackgroundContainer>);
-list.story = {
-    name: "navigation list",
-};
-export const listLarge = () => (<BackgroundContainer>
-    <NavigationList size="large" items={[
-    { label: "Schools", id: "schools" },
-    { label: "Cancer", id: "cancer" },
-    { label: "Pets & animals", id: "pets_animals" },
-    { label: "Help a friend", id: "help_friend" },
-    { label: "Marathon runs", id: "marathon" },
-    { label: "See all fundraising ideas", id: "see all" },
-].map(item => ({ ...item, onClick: () => action("click")(item.id) }))}/>
-  </BackgroundContainer>);
-listLarge.story = {
-    name: "navigation list (large)",
-};
-export const menu = () => (<BackgroundContainer>
-    <NavigationMenu links={[
-    { label: "For a person", id: "person" },
-    { label: "For a charity", id: "charity" },
-    { label: "Find a charity", id: "find_charity" },
-    { label: "Fundraising ideas", id: "fundraising_ideas", more: true },
-    { label: "Team fundraising", id: "team_fundraising" },
-    { label: "How it works", id: "how_it_works" },
-].map(link => ({ ...link, onClick: () => action("click")(link.id) }))} sublinks={[
-    { label: "Schools", id: "schools" },
-    { label: "Cancer", id: "cancer" },
-    { label: "Pets & animals", id: "pets_animals" },
-    { label: "Help a friend", id: "help_friend" },
-    { label: "Marathon runs", id: "marathon" },
-    { label: "See all fundraising ideas", id: "see all" },
-].map(link => ({ ...link, onClick: () => action("click")(link.id) }))} action={{
-    label: "Start fundraising",
-    id: "start_fundraising",
-    onClick: () => action("click")("start_fundraising"),
-}} active="fundraising_ideas" onClickItem={action("click")}/>
-  </BackgroundContainer>);
-menu.story = {
-    name: "navigation menu",
-};
-export const expanded = () => (<NavigationExpanded links={[
-    { label: "About", id: "about" },
-    { label: "Help", id: "help" },
-    { label: "Blog & Press", id: "blog-press" },
-].map(link => ({ ...link, onClick: () => action("click")(link.id) }))} onRequestClose={() => { }}/>);
-expanded.story = {
-    name: "navigation expanded",
-};
-export const search = () => (<BackgroundContainer>
-    <NavigationSearchDemo />
-  </BackgroundContainer>);
-search.story = {
-    name: "navigation search",
-};

package/dist/components/phone-number-field/index.d.ts

@@ -1,2 +0,0 @@
-export { default as PhoneNumberField } from "./phone-number-field";
-export * from "./util";

package/dist/components/phone-number-field/index.js

@@ -1,2 +0,0 @@
-export { default as PhoneNumberField } from "./phone-number-field";
-export * from "./util";

package/dist/components/phone-number-field/phone-number-field.jsx

@@ -1,50 +0,0 @@
-import React from "react";
-import countries from "i18n-iso-countries";
-import en from "i18n-iso-countries/langs/en.json";
-import { AsYouType } from "libphonenumber-js";
-import { FieldLabel, FieldHelperText } from "../field-helpers";
-import { ComboField, ComboFieldExpander } from "../combo-field";
-import { Box } from "../layout";
-import { Select } from "../select";
-import { TextField } from "../text-field";
-countries.registerLocale(en);
-const COUNTRY_CODES = Object.keys(countries.getAlpha2Codes()).sort();
-function PhoneNumberField({ onChange, values, names = {
-    number: "number",
-    countryCallingCode: "countryCallingCode",
-    country: "country",
-}, error, onBlur, helperText, label, required, defaultCountry = "AU", }) {
-    const format = (text, c) => {
-        const typer = new AsYouType(c || defaultCountry);
-        const formatted = typer.input(text);
-        let result = typer.getNumber();
-        if (result && result.isValid()) {
-            // When the user has typed in a full valid number,
-            // emit the country calling code and set the country explicitly
-            onChange(result.country, names.country);
-            onChange(result.format("NATIONAL"), names.number);
-            onChange(result.countryCallingCode, names.countryCallingCode);
-        }
-        else {
-            onChange(formatted, names.number);
-        }
-    };
-    const handleCountryChange = (e) => {
-        onChange(e.target.value || "", names.country);
-        format(values.number, e.target.value);
-    };
-    const handleTextChange = (e) => {
-        format(e.target.value, values.country);
-    };
-    return (<Box>
-      {label ? <FieldLabel required={required}>{label}</FieldLabel> : null}
-      <ComboField>
-        <Select options={COUNTRY_CODES} value={values.country} onChange={handleCountryChange} noArrow onBlur={onBlur} required={required}/>
-        <ComboFieldExpander>
-          <TextField type="tel" value={values.number} onChange={handleTextChange} name={names.number} onBlur={onBlur} error={!!error} required={required}/>
-        </ComboFieldExpander>
-      </ComboField>
-      {helperText ? (<FieldHelperText error={error}>{helperText}</FieldHelperText>) : null}
-    </Box>);
-}
-export default PhoneNumberField;

package/dist/components/phone-number-field/phone-number-field.stories.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-    decorators: ((...args: any) => any)[];
-};
-export default _default;
-export declare const PhoneNumberFieldStory: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};

package/dist/components/phone-number-field/phone-number-field.stories.jsx

@@ -1,23 +0,0 @@
-import React, { useState } from "react";
-import { withKnobs, boolean, text } from "@storybook/addon-knobs";
-import CenterDecorator from "../../utils/center-decorator";
-import PhoneNumberField from "./phone-number-field";
-export default {
-    title: "PhoneNumberField",
-    decorators: [CenterDecorator, withKnobs],
-};
-export const PhoneNumberFieldStory = () => {
-    const [values, setValues] = useState({
-        number: "",
-        countryCallingCode: "",
-        country: "",
-    });
-    const label = text("Label", "Phone number");
-    const required = boolean("Required", false);
-    const helperText = text("Helper Text", "Enter an Australian or international phone number.");
-    const error = text("Error text", "");
-    return (<PhoneNumberField values={values} onChange={(value, name) => setValues(values => ({ ...values, [name]: value }))} label={label} helperText={helperText} required={required} error={error || null}/>);
-};
-PhoneNumberFieldStory.story = {
-    name: "default",
-};

package/dist/components/phone-number-field/util.d.ts

@@ -1,2 +0,0 @@
-import { PhoneNumber, CountryCode } from "libphonenumber-js";
-export declare function parseNationalPhoneNumber(phoneNumber: string, countryCallingCode: string, defaultCountry?: CountryCode): PhoneNumber | null;

package/dist/components/phone-number-field/util.js

@@ -1,19 +0,0 @@
-import { parsePhoneNumberFromString, } from "libphonenumber-js";
-export function parseNationalPhoneNumber(phoneNumber, countryCallingCode, defaultCountry) {
-    let number;
-    // Try with the country code
-    if (countryCallingCode) {
-        number = parsePhoneNumberFromString("+" + countryCallingCode + phoneNumber, defaultCountry);
-        if (number && number.isValid())
-            return number;
-    }
-    // Try clipping the intital "0" from the number, if there is one
-    if ((countryCallingCode && phoneNumber.startsWith("0"), defaultCountry)) {
-        number = parsePhoneNumberFromString("+" + countryCallingCode + phoneNumber.substr(1));
-        if (number && number.isValid())
-            return number;
-    }
-    // Finally just try the number by itself
-    number = parsePhoneNumberFromString(phoneNumber, defaultCountry);
-    return number || null;
-}

package/dist/components/phone-number-input/index.js

@@ -1,3 +0,0 @@
-export { default as PhoneNumberInput } from "./phone-number-input";
-export { default as PhoneNumberField } from "./phone-number-field";
-export * from "./util";

package/dist/components/phone-number-input/phone-number-field.d.ts

@@ -1,23 +0,0 @@
-import React from "react";
-import { CountryCode } from "libphonenumber-js";
-declare type PhoneNumberFieldProps = {
-    values: {
-        number: string;
-        countryCallingCode: string;
-        country: string;
-    };
-    names?: {
-        number: string;
-        countryCallingCode: string;
-        country: string;
-    };
-    onChange: (value: string, name: string) => void;
-    label?: React.ReactNode;
-    error?: string | null;
-    onBlur?: (e: React.FocusEvent) => void;
-    helperText?: React.ReactNode;
-    required?: boolean;
-    defaultCountry?: CountryCode;
-};
-declare function PhoneNumberField({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, }: PhoneNumberFieldProps): JSX.Element;
-export default PhoneNumberField;

package/dist/components/phone-number-input/phone-number-field.jsx

@@ -1,50 +0,0 @@
-import React from "react";
-import countries from "i18n-iso-countries";
-import en from "i18n-iso-countries/langs/en.json";
-import { AsYouType } from "libphonenumber-js";
-import { FieldLabel, FieldHelperText } from "../field-helpers";
-import { ComboField, ComboFieldExpander } from "../combo-field";
-import { Box } from "../layout";
-import { Select } from "../select";
-import { TextField } from "../text-field";
-countries.registerLocale(en);
-const COUNTRY_CODES = Object.keys(countries.getAlpha2Codes()).sort();
-function PhoneNumberField({ onChange, values, names = {
-    number: "number",
-    countryCallingCode: "countryCallingCode",
-    country: "country",
-}, error, onBlur, helperText, label, required, defaultCountry = "AU", }) {
-    const format = (text, c) => {
-        const typer = new AsYouType(c || defaultCountry);
-        const formatted = typer.input(text);
-        let result = typer.getNumber();
-        if (result && result.isValid()) {
-            // When the user has typed in a full valid number,
-            // emit the country calling code and set the country explicitly
-            onChange(result.country, names.country);
-            onChange(result.format("NATIONAL"), names.number);
-            onChange(result.countryCallingCode, names.countryCallingCode);
-        }
-        else {
-            onChange(formatted, names.number);
-        }
-    };
-    const handleCountryChange = (e) => {
-        onChange(e.target.value || "", names.country);
-        format(values.number, e.target.value);
-    };
-    const handleTextChange = (e) => {
-        format(e.target.value, values.country);
-    };
-    return (<Box>
-      {label ? <FieldLabel required={required}>{label}</FieldLabel> : null}
-      <ComboField>
-        <Select options={COUNTRY_CODES} value={values.country} onChange={handleCountryChange} noArrow onBlur={onBlur} required={required}/>
-        <ComboFieldExpander>
-          <TextField type="tel" value={values.number} onChange={handleTextChange} name={names.number} onBlur={onBlur} error={!!error} required={required}/>
-        </ComboFieldExpander>
-      </ComboField>
-      {helperText ? (<FieldHelperText error={error}>{helperText}</FieldHelperText>) : null}
-    </Box>);
-}
-export default PhoneNumberField;

package/dist/components/phone-number-input/phone-number-field.stories.jsx

@@ -1,16 +0,0 @@
-import React, { useState } from "react";
-import CenterDecorator from "../../utils/center-decorator";
-import PhoneNumberInput from "./phone-number-input";
-export default {
-    title: "PhoneNumberInput",
-    decorators: [CenterDecorator],
-};
-export const PhoneNumberInputStory = () => {
-    const [values, setValues] = useState("");
-    return (<div style={{ width: "313px" }}>
-      <PhoneNumberInput value={values} onChange={setValues} preferredCountries={["au"]} label="Phone number" placeholder="Enter phone number" helperText="Enter an Australian or international phone number."/>
-    </div>);
-};
-PhoneNumberInputStory.story = {
-    name: "default",
-};

package/dist/components/phone-number-input/phone-number-input.jsx

@@ -1,48 +0,0 @@
-import React, { Fragment } from "react";
-import classnames from "classnames";
-import { FieldLabel, FieldHelperText } from "../field-helpers";
-import { useTheme, getColorToken } from "../../theme/theme";
-import PhoneInput from "react-phone-input-2";
-const PhoneNumberInput = ({ value, onChange, buttonClass, inputClass, preferredCountries, label, placeholder, required, helperText, error, }) => {
-    const theme = useTheme();
-    const setColor = getColorToken(theme, "foreground", "primary");
-    return (<Fragment>
-      {label ? <FieldLabel required={required}>{label}</FieldLabel> : null}
-      <PhoneInput inputClass={classnames("number-custom-input", inputClass)} buttonClass={classnames("number-custom-button", buttonClass)} placeholder={placeholder} value={value} onChange={(res) => onChange(res)} preferredCountries={preferredCountries}/>
-      {helperText ? (<FieldHelperText error={error}>{helperText}</FieldHelperText>) : (<FieldHelperText error={error}/>)}
-      <style jsx>{`
-        :global(.number-custom-input) {
-          height: 48px !important;
-          padding-left: 66px !important;
-          font-family: ${theme.typography.fontFamily.brand};
-          border: ${error && "1px solid #b00020 !important"};
-        }
-        :global(.number-custom-input:hover) {
-          border: 1px solid black !important;
-        }
-        :global(.number-custom-input:focus) {
-          border: 2px solid ${setColor} !important;
-        }
-
-        :global(.number-custom-button) {
-          background: none !important;
-          padding-right: 14px !important;
-          border: ${error && "1px solid #b00020 !important"};
-        }
-        :global(.number-custom-button:hover) {
-          border: 1px solid black !important;
-        }
-        :global(.number-custom-button:focus) {
-          border: 2px solid ${setColor} !important;
-        }
-        :global(.selected-flag) {
-          padding: 0px 0px 0 16px !important;
-          background: none !important;
-        }
-        :global(.dial-code, .divider) {
-          display: none;
-        }
-      `}</style>
-    </Fragment>);
-};
-export default PhoneNumberInput;

package/dist/components/phone-number-input/util.js

@@ -1,19 +0,0 @@
-import { parsePhoneNumberFromString, } from "libphonenumber-js";
-export function parseNationalPhoneNumber(phoneNumber, countryCallingCode, defaultCountry) {
-    let number;
-    // Try with the country code
-    if (countryCallingCode) {
-        number = parsePhoneNumberFromString("+" + countryCallingCode + phoneNumber, defaultCountry);
-        if (number && number.isValid())
-            return number;
-    }
-    // Try clipping the intital "0" from the number, if there is one
-    if ((countryCallingCode && phoneNumber.startsWith("0"), defaultCountry)) {
-        number = parsePhoneNumberFromString("+" + countryCallingCode + phoneNumber.substr(1));
-        if (number && number.isValid())
-            return number;
-    }
-    // Finally just try the number by itself
-    number = parsePhoneNumberFromString(phoneNumber, defaultCountry);
-    return number || null;
-}

package/dist/components/radio/index.js

@@ -1,2 +0,0 @@
-export { default as Radio } from "./radio";
-export { default as RadioGroup } from "./radio-group";

package/dist/components/radio/radio-group.jsx

@@ -1,9 +0,0 @@
-import React from "react";
-import Radio from "./radio";
-import { Flex } from "../layout";
-function RadioGroup({ name, value, onChange, options, onBlur, onFocus, disabled, ...rest }) {
-    return (<Flex direction="column" {...rest}>
-      {options.map(option => (<Radio key={option.value} checked={option.value === value} label={option.label} name={name} value={option.value} onBlur={onBlur} onFocus={onFocus} onChange={onChange} disabled={disabled || option.disabled}/>))}
-    </Flex>);
-}
-export default RadioGroup;

package/dist/components/radio/radio-group.stories.jsx

@@ -1,21 +0,0 @@
-import React, { useState } from "react";
-import RadioGroup from "./radio-group";
-import CenterDecorator from "../../utils/center-decorator";
-export default {
-    title: "RadioGroup",
-    decorators: [CenterDecorator],
-};
-export const RadioGroupStory = () => {
-    const [value, setValue] = useState("");
-    return (<RadioGroup value={value} onChange={e => {
-        console.log(e.target.value);
-        setValue(e.target.value);
-    }} options={[
-        { value: "1", label: "This is option one" },
-        { value: "2", label: "This is the second option" },
-        { value: "3", label: "This is the last option" },
-    ]}/>);
-};
-RadioGroupStory.story = {
-    name: "default",
-};

package/dist/components/radio/radio.jsx

@@ -1,31 +0,0 @@
-import React, { Fragment, useState, useEffect } from "react";
-import MDCRadio, { NativeRadioControl as MDCNativeRadioControl, } from "@material/react-radio";
-import nanoid from "nanoid";
-import classnames from "classnames";
-import css from "styled-jsx/css";
-import { useTheme, getColorToken } from "../../theme/theme";
-const Radio = ({ id = "", color = "primary", label = "", value, name, className, wrapperClasses, ...rest }) => {
-    const [mainId, setMainId] = useState("");
-    const theme = useTheme();
-    const setColor = getColorToken(theme, "foreground", color);
-    useEffect(() => {
-        setMainId(id || (name && value ? `name__${value}` : nanoid()));
-    }, [id, setMainId, name, value]);
-    const scope = css.resolve `
-    .mdc-radio {
-      --mdc-theme-secondary: ${setColor};
-    }
-    .mdc-form-field :global(label) {
-      font-family: ${theme.typography.fontFamily.brand};
-      font-weight: 500;
-      cursor: pointer;
-    }
-  `;
-    return (<Fragment>
-      <MDCRadio wrapperClasses={classnames(wrapperClasses, scope.className)} className={classnames(className, scope.className)} value={value} label={label} key={mainId}>
-        <MDCNativeRadioControl className={classnames(className)} value={value} name={name} id={mainId} {...rest}/>
-      </MDCRadio>
-      {scope.styles}
-    </Fragment>);
-};
-export default Radio;

package/dist/components/radio/radio.stories.jsx

@@ -1,44 +0,0 @@
-import React, { useState, Fragment } from "react";
-import CenterDecorator from "../../utils/center-decorator";
-import Radio from "./radio";
-export default {
-    title: "Radio",
-    decorators: [CenterDecorator],
-};
-export const RadioExample = () => {
-    const [checked, setChecked] = useState(false);
-    const handleClick = (event) => {
-        let targetValue = event.target.value ? true : false;
-        setChecked(targetValue);
-    };
-    return (<Fragment>
-      <Radio checked={checked} value="primary" onChange={handleClick}/>
-      <Radio color="secondary" checked={checked} value="secondary" onChange={handleClick}/>
-      <Radio color="muted" checked={checked} value="muted" onChange={handleClick}/>
-    </Fragment>);
-};
-RadioExample.story = {
-    name: "default",
-};
-export const RadioLabelExample = () => {
-    const [checked, setChecked] = useState(false);
-    const handleClick = (event) => {
-        let targetValue = event.target.value ? true : false;
-        setChecked(targetValue);
-    };
-    return (<Fragment>
-      <Radio label="Radio with Label" checked={checked} value="withLabel" onChange={handleClick}/>
-    </Fragment>);
-};
-RadioLabelExample.story = {
-    name: "with label",
-};
-export const RadioDisabledExample = () => {
-    return (<Fragment>
-      <Radio disabled={true} checked={true}/>
-      <Radio disabled={true} checked={false}/>
-    </Fragment>);
-};
-RadioDisabledExample.story = {
-    name: "disabled",
-};

package/dist/components/select/index.js

@@ -1,2 +0,0 @@
-export { default as Select } from "./select";
-export { default as SelectHelperText } from "./select-helper-text";