@omni-design/components 0.12.0 → 0.14.0

package/dist/types/docs/components.d.ts

@@ -7,6 +7,8 @@ export namespace BUTTON_DOC {
     }[];
     let props: ({
         name: string;
+        label: string;
+        sample: string;
         type: string;
         default: string;
         values: string[];
@@ -16,17 +18,23 @@ export namespace BUTTON_DOC {
         type: string;
         values: string[];
         default: string;
+        label?: undefined;
+        sample?: undefined;
         note?: undefined;
     } | {
         name: string;
         type: string;
         default: string;
         note: string;
+        label?: undefined;
+        sample?: undefined;
         values?: undefined;
     } | {
         name: string;
         type: string;
         default: string;
+        label?: undefined;
+        sample?: undefined;
         values?: undefined;
         note?: undefined;
     })[];
@@ -194,6 +202,129 @@ export namespace CARD_DOC {
     let gotchas_2: string[];
     export { gotchas_2 as gotchas };
 }
+export namespace BUTTON_GROUP_DOC {
+    let name_3: string;
+    export { name_3 as name };
+    let summary_3: string;
+    export { summary_3 as summary };
+    let insteadUse_3: {
+        when: string;
+        use: string;
+    }[];
+    export { insteadUse_3 as insteadUse };
+    let props_3: ({
+        name: string;
+        type: string;
+        default: string;
+        note: string;
+        sample?: undefined;
+        values?: undefined;
+    } | {
+        name: string;
+        sample: string;
+        type: string;
+        note: string;
+        default?: undefined;
+        values?: undefined;
+    } | {
+        name: string;
+        type: string;
+        values: string[];
+        default: string;
+        note: string;
+        sample?: undefined;
+    })[];
+    export { props_3 as props };
+    let states_3: ({
+        state: string;
+        setBy: string;
+        note: string;
+    } | {
+        state: string;
+        setBy: string;
+        note?: undefined;
+    })[];
+    export { states_3 as states };
+    let theming_3: {
+        collection: string;
+        inCode: string;
+        inFigma: string;
+    }[];
+    export { theming_3 as theming };
+    let tokens_3: {
+        name: string;
+        sets: string;
+        variesWith: string;
+        figma: string;
+    }[];
+    export { tokens_3 as tokens };
+    let composition_3: string[];
+    export { composition_3 as composition };
+    let accessibility_3: string[];
+    export { accessibility_3 as accessibility };
+    let gotchas_3: string[];
+    export { gotchas_3 as gotchas };
+}
+export namespace TOGGLE_BUTTON_GROUP_DOC {
+    let name_4: string;
+    export { name_4 as name };
+    let summary_4: string;
+    export { summary_4 as summary };
+    let insteadUse_4: {
+        when: string;
+        use: string;
+    }[];
+    export { insteadUse_4 as insteadUse };
+    let props_4: ({
+        name: string;
+        type: string;
+        default: string;
+        note: string;
+        values?: undefined;
+    } | {
+        name: string;
+        type: string;
+        values: string[];
+        default: string;
+        note: string;
+    } | {
+        name: string;
+        type: string;
+        default: string;
+        note?: undefined;
+        values?: undefined;
+    })[];
+    export { props_4 as props };
+    let states_4: ({
+        state: string;
+        setBy: string;
+        note: string;
+    } | {
+        state: string;
+        setBy: string;
+        note?: undefined;
+    })[];
+    export { states_4 as states };
+    let theming_4: {
+        collection: string;
+        inCode: string;
+        inFigma: string;
+    }[];
+    export { theming_4 as theming };
+    let tokens_4: {
+        name: string;
+        sets: string;
+        variesWith: string;
+        figma: string;
+    }[];
+    export { tokens_4 as tokens };
+    let composition_4: string[];
+    export { composition_4 as composition };
+    let accessibility_4: string[];
+    export { accessibility_4 as accessibility };
+    let gotchas_4: string[];
+    export { gotchas_4 as gotchas };
+}
 export const COMPONENT_DOCS: {
     name: any;
     summary: any;

package/dist/types/docs/componentsNav.d.ts

@@ -66,13 +66,13 @@ export namespace RAIL_DOC {
         type: string;
         values: string[];
         default: string;
-        note?: undefined;
+        note: string;
     } | {
         name: string;
         type: string;
         values: string[];
         default: string;
-        note: string;
+        note?: undefined;
     })[];
     export { props_1 as props };
     let states_1: ({
@@ -294,12 +294,20 @@ export namespace TREEVIEW_DOC {
         name: string;
         type: string;
         default: string;
+        note?: undefined;
+        values?: undefined;
+    } | {
+        name: string;
+        type: string;
+        default: string;
+        note: string;
         values?: undefined;
     } | {
         name: string;
         type: string;
         values: string[];
         default: string;
+        note?: undefined;
     })[];
     export { props_5 as props };
     let states_5: ({
@@ -343,14 +351,14 @@ export const NAV_DOCS: ({
         name: string;
         type: string;
         default: string;
-        note?: undefined;
         values?: undefined;
+        note?: undefined;
     } | {
         name: string;
         type: string;
+        values: string[];
         default: string;
         note: string;
-        values?: undefined;
     } | {
         name: string;
         type: string;
@@ -358,10 +366,15 @@ export const NAV_DOCS: ({
         default: string;
         note?: undefined;
     })[];
-    states: {
+    states: ({
         state: string;
         setBy: string;
-    }[];
+        note?: undefined;
+    } | {
+        state: string;
+        setBy: string;
+        note: string;
+    })[];
     theming: {
         collection: string;
         inCode: string;
@@ -387,22 +400,25 @@ export const NAV_DOCS: ({
         name: string;
         type: string;
         default: string;
+        note?: undefined;
+        values?: undefined;
+    } | {
+        name: string;
+        type: string;
+        default: string;
+        note: string;
         values?: undefined;
     } | {
         name: string;
         type: string;
         values: string[];
         default: string;
-    })[];
-    states: ({
-        state: string;
-        setBy: string;
         note?: undefined;
-    } | {
+    })[];
+    states: {
         state: string;
         setBy: string;
-        note: string;
-    })[];
+    }[];
     theming: {
         collection: string;
         inCode: string;

package/dist/types/docs/componentsSurfaces.d.ts

@@ -1,6 +1,10 @@
 export namespace ICON_DOC {
     let name: string;
     let summary: string;
+    let links: {
+        label: string;
+        href: string;
+    }[];
     let insteadUse: {
         when: string;
         use: string;
@@ -79,6 +83,12 @@ export namespace FAB_DOC {
         values: string[];
         default: string;
         note?: undefined;
+    } | {
+        name: string;
+        type: string;
+        values: string[];
+        default: string;
+        note: string;
     })[];
     export { props_1 as props };
     let states_1: ({
@@ -235,6 +245,57 @@ export namespace ACCORDION_DOC {
     let gotchas_3: string[];
     export { gotchas_3 as gotchas };
 }
+export namespace BRANDICON_DOC {
+    let name_4: string;
+    export { name_4 as name };
+    let summary_4: string;
+    export { summary_4 as summary };
+    let links_1: {
+        label: string;
+        href: string;
+    }[];
+    export { links_1 as links };
+    let insteadUse_4: {
+        when: string;
+        use: string;
+    }[];
+    export { insteadUse_4 as insteadUse };
+    let props_4: {
+        name: string;
+        type: string;
+        default: string;
+        note: string;
+    }[];
+    export { props_4 as props };
+    let states_4: {
+        state: string;
+        setBy: string;
+        note: string;
+    }[];
+    export { states_4 as states };
+    let theming_4: {
+        collection: string;
+        inCode: string;
+        inFigma: string;
+    }[];
+    export { theming_4 as theming };
+    let themingNotes_3: string[];
+    export { themingNotes_3 as themingNotes };
+    let tokens_4: {
+        name: string;
+        sets: string;
+        variesWith: string;
+        figma: string;
+    }[];
+    export { tokens_4 as tokens };
+    let composition_4: string[];
+    export { composition_4 as composition };
+    let accessibility_4: string[];
+    export { accessibility_4 as accessibility };
+    let gotchas_4: string[];
+    export { gotchas_4 as gotchas };
+    export let changes: any[];
+}
 export const SURFACE_DOCS: ({
     name: string;
     summary: string;
@@ -246,14 +307,8 @@ export const SURFACE_DOCS: ({
         name: string;
         type: string;
         default: string;
-        values: string[];
-        note: string;
-    } | {
-        name: string;
-        type: string;
-        values: string[];
-        default: string;
         note?: undefined;
+        values?: undefined;
     } | {
         name: string;
         type: string;
@@ -263,15 +318,25 @@ export const SURFACE_DOCS: ({
     } | {
         name: string;
         type: string;
+        values: string[];
         default: string;
-        values?: undefined;
         note?: undefined;
+    } | {
+        name: string;
+        type: string;
+        values: string[];
+        default: string;
+        note: string;
     })[];
-    states: {
+    states: ({
         state: string;
         setBy: string;
         note: string;
-    }[];
+    } | {
+        state: string;
+        setBy: string;
+        note?: undefined;
+    })[];
     theming: {
         collection: string;
         inCode: string;
@@ -336,4 +401,42 @@ export const SURFACE_DOCS: ({
     composition: string[];
     accessibility: string[];
     gotchas: string[];
+} | {
+    name: string;
+    summary: string;
+    links: {
+        label: string;
+        href: string;
+    }[];
+    insteadUse: {
+        when: string;
+        use: string;
+    }[];
+    props: {
+        name: string;
+        type: string;
+        default: string;
+        note: string;
+    }[];
+    states: {
+        state: string;
+        setBy: string;
+        note: string;
+    }[];
+    theming: {
+        collection: string;
+        inCode: string;
+        inFigma: string;
+    }[];
+    themingNotes: string[];
+    tokens: {
+        name: string;
+        sets: string;
+        variesWith: string;
+        figma: string;
+    }[];
+    composition: string[];
+    accessibility: string[];
+    gotchas: string[];
+    changes: any[];
 })[];

package/dist/types/docs/examples.d.ts

@@ -1,37 +1,58 @@
 export function hasExample(component: any): boolean;
 /** Does this component have a sample for this prop? */
 export function hasPropExample(component: any, prop: any): boolean;
-export namespace EXAMPLES {
-    function Button(): JSX.Element;
-    function ButtonGroup(): JSX.Element;
-    function Chip(): JSX.Element;
-    function Badge(): JSX.Element;
-    function Alert(): JSX.Element;
-    function Card(): JSX.Element;
-    function Avatar(): JSX.Element;
-    function Icon(): JSX.Element;
-    function Link(): JSX.Element;
-    function Divider(): JSX.Element;
-    function Checkbox(): JSX.Element;
-    function Radio(): JSX.Element;
-    function Input(): JSX.Element;
-    function SwitchInput(): JSX.Element;
-    function Slider(): JSX.Element;
-    function Rating(): JSX.Element;
-    function Breadcrumbs(): JSX.Element;
-    function Pagination(): JSX.Element;
-    function Accordion(): JSX.Element;
-    function Tabs(): JSX.Element;
-}
-export namespace PROP_EXAMPLES {
-    let Button_1: {
-        variant: () => JSX.Element;
-        size: () => JSX.Element;
-        disabled: () => JSX.Element;
-        'startDecorator / endDecorator': () => JSX.Element;
-        iconOnly: () => JSX.Element;
-        elevated: () => JSX.Element;
-        fullWidth: () => JSX.Element;
-    };
-    export { Button_1 as Button };
-}
+export const EXAMPLES: {
+    Button: () => JSX.Element;
+    BrandIcon: () => JSX.Element;
+    Fab: () => JSX.Element;
+    Chip: () => JSX.Element;
+    Badge: () => JSX.Element;
+    Alert: () => JSX.Element;
+    Card: () => JSX.Element;
+    Avatar: () => JSX.Element;
+    Icon: () => JSX.Element;
+    Link: () => JSX.Element;
+    Divider: () => JSX.Element;
+    Checkbox: () => JSX.Element;
+    Radio: () => JSX.Element;
+    Input: () => JSX.Element;
+    SwitchInput: () => JSX.Element;
+    Slider: () => JSX.Element;
+    Rating: () => JSX.Element;
+    Breadcrumbs: () => JSX.Element;
+    Pagination: () => JSX.Element;
+    Accordion: () => JSX.Element;
+    Tabs: () => JSX.Element;
+    ButtonGroup: () => JSX.Element;
+    ToggleButtonGroup: () => JSX.Element;
+    AppBar: () => JSX.Element;
+    Autocomplete: () => JSX.Element;
+    BottomNavigation: () => JSX.Element;
+    CodeBlock: () => JSX.Element;
+    Dialog: () => JSX.Element;
+    Drawer: () => JSX.Element;
+    DropZone: () => JSX.Element;
+    IconBadge: () => JSX.Element;
+    List: () => JSX.Element;
+    Loader: () => JSX.Element;
+    Menu: () => JSX.Element;
+    Modal: () => JSX.Element;
+    Paper: () => JSX.Element;
+    Popover: () => JSX.Element;
+    Rail: () => JSX.Element;
+    Ratio: () => JSX.Element;
+    SearchField: () => JSX.Element;
+    Select: () => JSX.Element;
+    Sidebar: () => JSX.Element;
+    Snackbar: () => JSX.Element;
+    StateMessage: () => JSX.Element;
+    Stepper: () => JSX.Element;
+    Swatch: () => JSX.Element;
+    Table: () => JSX.Element;
+    Tag: () => JSX.Element;
+    TextField: () => JSX.Element;
+    Toolbar: () => JSX.Element;
+    Tooltip: () => JSX.Element;
+    TreeView: () => JSX.Element;
+};
+export const PROP_EXAMPLES: any;

package/dist/types/docs/examples.lead.d.ts

@@ -0,0 +1,89 @@
+export const NAV_ITEMS: ({
+    icon: JSX.Element;
+    label: string;
+    badge?: undefined;
+} | {
+    icon: JSX.Element;
+    label: string;
+    badge: number;
+})[];
+export const LIST_ITEMS: {
+    label: string;
+}[];
+export const TABLE_COLUMNS: ({
+    label: string;
+    field: string;
+    width: string;
+    align?: undefined;
+} | {
+    label: string;
+    field: string;
+    align: string;
+    width?: undefined;
+})[];
+export const TABLE_ROWS: {
+    name: string;
+    calories: number;
+    fat: number;
+}[];
+export const SELECT_OPTIONS: {
+    value: string;
+    label: string;
+}[];
+export const TOOLBAR_ITEMS: {
+    icon: JSX.Element;
+    label: string;
+}[];
+export const TREE_ITEMS: ({
+    id: string;
+    label: string;
+    children: ({
+        id: string;
+        label: string;
+        children: {
+            id: string;
+            label: string;
+        }[];
+    } | {
+        id: string;
+        label: string;
+        children?: undefined;
+    })[];
+} | {
+    id: string;
+    label: string;
+    children?: undefined;
+})[];
+export namespace LEAD_EXAMPLES {
+    function ButtonGroup(): JSX.Element;
+    function ToggleButtonGroup(): JSX.Element;
+    function AppBar(): JSX.Element;
+    function Autocomplete(): JSX.Element;
+    function BottomNavigation(): JSX.Element;
+    function CodeBlock(): JSX.Element;
+    function Dialog(): JSX.Element;
+    function Drawer(): JSX.Element;
+    function DropZone(): JSX.Element;
+    function IconBadge(): JSX.Element;
+    function List(): JSX.Element;
+    function Loader(): JSX.Element;
+    function Menu(): JSX.Element;
+    function Modal(): JSX.Element;
+    function Paper(): JSX.Element;
+    function Popover(): JSX.Element;
+    function Rail(): JSX.Element;
+    function Ratio(): JSX.Element;
+    function SearchField(): JSX.Element;
+    function Select(): JSX.Element;
+    function Sidebar(): JSX.Element;
+    function Snackbar(): JSX.Element;
+    function StateMessage(): JSX.Element;
+    function Stepper(): JSX.Element;
+    function Swatch(): JSX.Element;
+    function Table(): JSX.Element;
+    function Tag(): JSX.Element;
+    function TextField(): JSX.Element;
+    function Toolbar(): JSX.Element;
+    function Tooltip(): JSX.Element;
+    function TreeView(): JSX.Element;
+}

package/dist/types/docs/figmaHowTo.d.ts

@@ -0,0 +1,28 @@
+export namespace FIGMA_HOWTO {
+    namespace Fab {
+        let title: string;
+        let after: string;
+        let node: string;
+        let collection: string;
+        let body: string;
+        let shot: string;
+        let caveat: string;
+    }
+    namespace Button {
+        let title_1: string;
+        export { title_1 as title };
+        let after_1: string;
+        export { after_1 as after };
+        let node_1: string;
+        export { node_1 as node };
+        let collection_1: string;
+        export { collection_1 as collection };
+        let body_1: string;
+        export { body_1 as body };
+        let shot_1: string;
+        export { shot_1 as shot };
+        let caveat_1: string;
+        export { caveat_1 as caveat };
+    }
+}
+export function howToFor(component: any): any;

package/dist/types/docs/figmaLinks.d.ts

@@ -0,0 +1,59 @@
+/**
+ * A link to the component in Figma, or null when it is not drawn.
+ *
+ * Null rather than a link to the file root: a component with no design is a
+ * real answer, and sending someone to the front page to hunt for it is not.
+ */
+export function figmaUrlFor(component: any): string;
+export const FIGMA_FILE_KEY: "Qv2dqF7mYoAGY77EkdrwTv";
+export const FIGMA_FILE_NAME: "Omni-Designs-Aug12";
+export namespace FIGMA_PAGES {
+    let Typography: string;
+    let Accordion: string;
+    let Alert: string;
+    let AppBar: string;
+    let Avatar: string;
+    let Badge: string;
+    let Box: string;
+    let Breadcrumbs: string;
+    let Button: string;
+    let ButtonGroup: string;
+    let ToggleButtonGroup: string;
+    let Card: string;
+    let Checkbox: string;
+    let Chip: string;
+    let CodeBlock: string;
+    let Dialog: string;
+    let Divider: string;
+    let Drawer: string;
+    let Fab: string;
+    let Icon: string;
+    let IconBadge: string;
+    let Input: string;
+    let Link: string;
+    let List: string;
+    let Loader: string;
+    let Menu: string;
+    let Modal: string;
+    let NumberField: string;
+    let Pagination: string;
+    let Radio: string;
+    let Rail: string;
+    let Ratio: string;
+    let Rating: string;
+    let SearchField: string;
+    let Select: string;
+    let Sheet: string;
+    let Slider: string;
+    let Snackbar: string;
+    let Stepper: string;
+    let SwitchInput: string;
+    let Table: string;
+    let Tabs: string;
+    let Tag: string;
+    let TextField: string;
+    let Toolbar: string;
+    let Tooltip: string;
+    let TreeView: string;
+    let BottomNavigation: string;
+}