superdesk-ui-framework 3.0.0-beta.0 → 3.0.1-beta.3

package/{react → app-typescript/dist}/components/Radio.d.ts

@@ -1,15 +1,14 @@
 import * as React from 'react';
-interface IOption {
-    label: string;
-    value: string;
-    disabled?: boolean;
-}
 interface IProps {
-    value?: IOption['value'];
-    options: Array<IOption>;
+    value?: string;
+    options: Array<{
+        label: string;
+        value: string;
+        disabled?: boolean;
+    }>;
     labelSide?: 'left' | 'right';
     required?: boolean;
-    onChange(nextValue: IOption['value']): void;
+    onChange(nextValue: string): void;
 }
 export declare class Radio extends React.Component<IProps> {
     htmlId: string;

package/app-typescript/dist/components/Select.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+interface ISelect {
+    value?: string;
+    label?: string;
+    info?: string;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    inlineLabel?: boolean;
+    onChange(newValue: string): void;
+}
+interface IState {
+    value: string;
+    invalid: boolean;
+}
+declare class Select extends React.Component<ISelect, IState> {
+    constructor(props: ISelect);
+    htmlId: string;
+    handleChange(event: React.ChangeEvent<HTMLSelectElement>): void;
+    render(): JSX.Element;
+}
+interface IOption {
+    value?: string;
+}
+declare class Option extends React.PureComponent<IOption> {
+    render(): JSX.Element;
+}
+export { Select, Option };

package/app-typescript/dist/components/SelectWithTemplate.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { Dropdown } from '@superdesk/primereact/dropdown';
+interface IProps<T> {
+    getItems(searchString: string | null): Promise<Array<T>>;
+    value: T;
+    getLabel(option: T): string;
+    onChange(value: T): void;
+    areEqual(a: T, b: T): boolean;
+    itemTemplate: React.ComponentType<{
+        option: T | null;
+    }>;
+    noResultsFoundMessage: string;
+    filterPlaceholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    autoFocus?: boolean;
+    autoOpen?: boolean;
+    width?: 'min' | '100%';
+    zIndex?: number;
+    'data-test-id'?: string;
+}
+interface IState<T> {
+    options: Array<T>;
+    loading: boolean;
+}
+export declare class SelectWithTemplate<T> extends React.Component<IProps<T>, IState<T>> {
+    componentRef: Dropdown | null;
+    constructor(props: IProps<T>);
+    componentDidMount(): void;
+    render(): JSX.Element;
+}
+export {};

package/app-typescript/dist/components/SlidingToolbar.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface IProps {
+    multi: boolean;
+}
+export declare class SlidingToolbar extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};

package/app-typescript/dist/components/StrechBar.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare class StrechBar extends React.PureComponent {
+    render(): JSX.Element;
+}

package/app-typescript/dist/components/SubNav.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface IProps {
+    color?: 'light' | 'darker' | 'blueGrey' | 'blueGreyDarker' | 'darkUi';
+    zIndex?: number;
+    theme?: 'light' | 'dark';
+}
+export declare class SubNav extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};

package/app-typescript/dist/components/Switch.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+interface IProps {
+    value: boolean;
+    disabled?: boolean;
+    onChange(nextValue: boolean): void;
+}
+export declare class Switch extends React.PureComponent<IProps> {
+    constructor(props: IProps);
+    onClick(): void;
+    render(): JSX.Element;
+}
+export {};

package/app-typescript/dist/components/TabCustom.d.ts

@@ -0,0 +1,25 @@
+interface ITabs {
+    size?: 'normal' | 'large' | 'small';
+    theme?: 'light' | 'dark';
+    ariaLabel?: string;
+    children: Array<any>;
+    onClick(i: number): void;
+}
+interface ITabLabel {
+    label: string;
+    indexValue: number;
+}
+interface ITabContent {
+    theme?: 'light' | 'dark';
+    children: any;
+    activePanel: number;
+}
+interface ITabPanel {
+    indexValue: number;
+    children: any;
+}
+export declare const TabLabel: ({ label }: ITabLabel) => JSX.Element;
+export declare const Tabs: ({ size, theme, ariaLabel, children, onClick }: ITabs) => JSX.Element;
+export declare const TabContent: ({ theme, children, activePanel }: ITabContent) => JSX.Element;
+export declare const TabPanel: ({ children, indexValue }: ITabPanel) => JSX.Element;
+export {};

package/app-typescript/dist/components/TabList.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+interface ITabList {
+    size?: 'normal' | 'large' | 'small';
+    theme?: 'light' | 'dark';
+    children: Array<any>;
+}
+interface IState {
+    index: number;
+}
+interface ITab {
+    label: string;
+}
+declare class Tab extends React.PureComponent<ITab> {
+    render(): JSX.Element;
+}
+declare class TabList extends React.PureComponent<ITabList, IState> {
+    constructor(props: ITabList);
+    private handleChange;
+    goTo(label: string): void;
+    render(): JSX.Element;
+}
+export { Tab, TabList };

package/app-typescript/dist/components/Tag.d.ts

@@ -0,0 +1,9 @@
+interface IProps {
+    text: string;
+    keyValue?: number;
+    shade?: 'light' | 'darker' | 'highlight1' | 'highlight2';
+    shape?: 'round' | 'square';
+    onClick(): void;
+}
+export declare const Tag: ({ text, keyValue, shade, shape, onClick }: IProps) => JSX.Element;
+export {};

package/app-typescript/dist/components/TagInput.d.ts

@@ -0,0 +1,7 @@
+interface ITagInput {
+    items?: Array<any>;
+    label: string;
+    freetype?: boolean;
+}
+export declare const TagInput: ({ items, label, freetype }: ITagInput) => JSX.Element;
+export {};

package/app-typescript/dist/components/TagInputTest.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+interface IProps {
+    items: Array<any>;
+    keyValue: string;
+    minLength?: number;
+}
+interface IState {
+    selectedItem: any;
+    filteredItems: any;
+}
+export declare class TagInputTest extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    searchItem(event: any): void;
+    itemTemplate(item: any): JSX.Element;
+    handleItem(e: any): void;
+    render(): JSX.Element;
+}
+export {};

package/app-typescript/dist/components/TimePicker.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+interface IProps {
+    value: string;
+    onChange(valueNext: string): void;
+    required?: boolean;
+    disabled?: boolean;
+}
+export declare class TimePicker extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};

package/app-typescript/dist/components/Tooltip.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+interface IProps {
+    text: string;
+    flow?: 'top' | 'left' | 'right' | 'down';
+}
+export declare class Tooltip extends React.PureComponent<IProps> {
+    htmlId: string;
+    componentDidMount(): void;
+    render(): JSX.Element;
+}
+export {};

package/app-typescript/dist/components/_Positioner.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { PopperOptions } from 'popper.js';
+declare type ICloseOthersEvent = CustomEvent<{
+    triggerElement: HTMLElement;
+}>;
+interface IPropsPositioner {
+    triggerSelector: string;
+    placement: PopperOptions['placement'];
+    zIndex?: number;
+    className?: string;
+}
+interface IStatePositioner {
+    open: boolean;
+}
+export declare class Positioner extends React.Component<IPropsPositioner, IStatePositioner> {
+    elementForPositioner: HTMLDivElement;
+    triggerElement: HTMLElement;
+    constructor(props: IPropsPositioner);
+    handleCloseOthers(event: ICloseOthersEvent): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    toggleDropdown(e: MouseEvent): void;
+    closeDropdownOnOutsideClick(wrapper: HTMLElement, event: MouseEvent): void;
+    componentDidUpdate(): void;
+    render(): null;
+}
+export {};

package/app-typescript/dist/index.d.ts

@@ -0,0 +1,56 @@
+export { HelloWorld } from './components/HelloWorld';
+export { Button } from './components/Button';
+export { Input } from './components/Input';
+export { Select, Option } from './components/Select';
+export { SelectWithTemplate } from './components/SelectWithTemplate';
+export { Popover } from './components/Popover';
+export { Label } from './components/Label';
+export { Badge } from './components/Badge';
+export { Alert } from './components/Alert';
+export { AvatarWrapper } from './components/Avatar';
+export { AvatarContentText } from './components/Avatar';
+export { AvatarContentImage } from './components/Avatar';
+export { IconButton } from './components/IconButton';
+export { IconLabel } from './components/IconLabel';
+export { Tooltip } from './components/Tooltip';
+export { DatePicker } from './components/DatePicker';
+export { DatePickerISO } from './components/DatePicker';
+export { DatePickerLocaleSettings } from './components/DatePicker';
+export { TimePicker } from './components/TimePicker';
+export { FormLabel } from './components/FormLabel';
+export { Switch } from './components/Switch';
+export { ButtonGroup } from './components/ButtonGroup';
+export { Loader } from './components/Loader';
+export { Radio } from './components/Radio';
+export { Checkbox } from './components/Checkbox';
+export { RadioButton } from './components/RadioButton';
+export { CheckboxButton } from './components/CheckboxButton';
+export { CheckGroup } from './components/CheckGroup';
+export { CheckButtonGroup } from './components/CheckButtonGroup';
+export { NavButton } from './components/NavButton';
+export { Tab, TabList } from './components/TabList';
+export { LeftMenu } from './components/LeftMenu';
+export { SubNav } from './components/SubNav';
+export { SlidingToolbar } from './components/SlidingToolbar';
+export { StrechBar } from './components/StrechBar';
+export { PropsList, Prop } from './components/PropsList';
+export { Icon } from './components/Icon';
+export { Divider } from './components/Divider';
+export { HeadingText } from './components/HeadingText';
+export { DropdownFirst } from './components/DropdownFirst';
+export { DropdownItem } from './components/DropdownFirst';
+export { DropdownLabel } from './components/DropdownFirst';
+export { DropdownDivider } from './components/DropdownFirst';
+export { Dropdown } from './components/Dropdown';
+export { Tag } from './components/Tag';
+export { TabLabel, TabPanel, TabContent, Tabs } from './components/TabCustom';
+export { EmptyState } from './components/EmptyState';
+export { Autocomplete } from './components/Autocomplete';
+export { DonutChart } from './components/DonutChart';
+export { TagInput } from './components/TagInput';
+export { TagInputTest } from './components/TagInputTest';
+export { Genie } from './components/Genie';
+export { GridList } from './components/GridList';
+export { GridItem, GridItemContent, GridItemMedia, GridItemFooter, GridItemContentBlock, GridItemTime, GridItemTitle, GridItemText, GridItemSlug, GridItemFooterBlock, GridItemFooterActions, GridItemTopActions, GridItemCheckWrapper } from './components/GridItem';
+export declare const ToggleBoxNext: any;
+export declare const reactToAngular1: any;

package/app-typescript/helpers.tsx

@@ -0,0 +1,3 @@
+export function assertNever(x: never): never {
+    throw new Error('Unexpected object: ' + x);
+}

package/app-typescript/index.ts

@@ -13,6 +13,7 @@ export { Alert } from './components/Alert';
 export { AvatarWrapper } from './components/Avatar';
 export { AvatarContentText } from './components/Avatar';
 export { AvatarContentImage } from './components/Avatar';
+export { AvatarGroup } from './components/Avatar';
 export { IconButton } from './components/IconButton';
 export { IconLabel } from './components/IconLabel';
 export { Tooltip } from './components/Tooltip';
@@ -25,16 +26,16 @@ export { Switch } from './components/Switch';
 export { SwitchGroup } from './components/SwitchGroup';
 export { ButtonGroup } from './components/ButtonGroup';
 export { Loader } from './components/Loader';
-export { Radio } from './components/Radio';
+export { RadioGroup } from './components/RadioGroup';
 export { Checkbox } from './components/Checkbox';
-export { RadioButton } from './components/RadioButton';
+export { RadioButtonGroup } from './components/RadioButtonGroup';
 export { CheckboxButton } from './components/CheckboxButton';
 export { CheckGroup } from './components/CheckGroup';
 export { CheckButtonGroup } from './components/CheckButtonGroup';
 export { NavButton } from './components/NavButton';
 export { Tab, TabList } from './components/TabList';
 export { LeftMenu } from './components/LeftMenu';
-export { SubNav } from './components/SubNav';
+export { SubNav, SubNavDivider } from './components/SubNav';
 export { SlidingToolbar } from './components/SlidingToolbar';
 export { StrechBar } from './components/StrechBar';
 export { PropsList, Prop } from './components/PropsList';
@@ -64,6 +65,27 @@ export { GridItem, GridItemContent, GridItemMedia, GridItemFooter, GridItemConte
 export { toasted } from './components/Toast';
 export { Menu } from './components/Menu';
 export { ToggleBox } from './components/Togglebox';
+export { SelectGrid } from './components/SelectGrid';
+export { IconPicker } from './components/IconPicker';
+export { ThemeSelector } from './components/ThemeSelector';
+export { DropZone } from './components/DropZone';
+export { CreateButton } from './components/CreateButton';
+// export { TreeSelect } from './components/TreeSelect';
+export { SearchBar } from './components/SearchBar';
+export { WithSizeObserver } from './components/WithSizeObserver';
+
+export * from './components/Layouts';
+export * from './components/Form';
+export * from './components/Navigation';
+export * from './components/Lists';
+
+export { Skeleton } from './components/Skeleton';
+export { ListItemLoader } from './components/ListItemLoader';
+export { Spinner, LoadingOverlay } from './components/Spinner';
+export { Text } from './components/Text/Text';
+export { Time } from './components/Text/Time';
+export { Heading } from './components/Text/Heading';
+export { BottomNav } from './components/Navigation/BottomNav';
 
 // declare non-typescript exports to prevent errors
 export declare const ToggleBoxNext: any;

package/dist/SD-logo.svg

@@ -0,0 +1,52 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="154px" height="48px" viewBox="0 0 154 48" enable-background="new 0 0 154 48" xml:space="preserve">
+<path fill="#1EB06C" d="M80.711,16.993h-0.057c-0.707-0.933-2.375-1.641-3.564-1.641c-3.79,0-5.883,3.62-5.883,7.241
+	c0,4.582,1.98,8.034,5.883,8.034c1.584,0,2.743-0.65,3.988-1.867l0.17,1.584h2.97V9.922h-3.507V16.993z M80.711,26.497
+	c-0.736,0.565-1.217,1.301-2.715,1.301c-2.093,0-3.28-1.698-3.28-4.809c0-3.112,1.187-4.809,3.28-4.809
+	c1.131,0,2.008,0.594,2.715,1.245V26.497z M59.814,27.629l-2.546-1.585c-0.876,1.019-1.64,1.755-3.281,1.755
+	c-1.641,0-2.999-1.188-3.056-4.243h8.882v-1.443c0-3.536-2.15-6.788-5.996-6.76c-3.988,0-6.393,2.97-6.393,7.638
+	c0,4.667,2.404,7.637,6.222,7.637C56.476,30.628,58.456,29.722,59.814,27.629z M53.761,17.955c1.697,0,2.772,1.188,2.828,3.225
+	h-5.658C50.988,19.144,52.063,17.955,53.761,17.955z M65.75,18.153h-0.057v-2.517H62.47v14.708h3.507v-8.939
+	c0-0.367,1.527-2.375,3.281-2.375c0.254,0,0.453,0,0.622,0.028v-3.706C67.787,15.41,66.6,16.4,65.75,18.153z M126.495,15.636h-4.016
+	l-4.327,5.685h-0.113V9.922h-3.507v20.423h3.507v-4.527l1.782-2.065l3.253,6.592h3.733l-4.639-9.221L126.495,15.636z M92.927,30.628
+	c2.828,0,4.808-0.906,6.165-2.999l-2.545-1.585c-0.877,1.019-1.641,1.755-3.281,1.755c-1.641,0-2.998-1.188-3.055-4.243h8.881
+	v-1.443c0-3.536-2.149-6.788-5.996-6.76c-3.988,0-6.392,2.97-6.392,7.638C86.705,27.657,89.109,30.628,92.927,30.628z M93.04,17.955
+	c1.697,0,2.772,1.188,2.828,3.225h-5.657C90.268,19.144,91.343,17.955,93.04,17.955z M4.272,14.957c0-1.584,1.215-2.262,2.912-2.262
+	c1.838,0,3.055,1.075,3.649,2.658l3.564-1.102C13.18,11.28,10.465,9.64,7.184,9.64c-3.536,0-6.589,2.065-6.589,5.713
+	c0,6.28,10.521,5.488,10.521,9.504c0,1.98-1.499,2.715-3.451,2.715c-2.291,0-3.507-1.272-4.441-3.196L0,25.79
+	c1.16,2.971,4.3,4.838,7.637,4.838c4.525,0,7.156-2.093,7.156-6.281C14.793,17.729,4.272,18.464,4.272,14.957z M25.707,26.242
+	c-0.594,0.68-1.754,1.557-3.281,1.557c-1.188,0-1.81-0.623-1.81-2.603v-9.56h-3.507v10.068c0,3,1.414,4.923,4.356,4.923
+	c1.725,0,3.225-0.962,4.525-1.867v1.584h3.224V15.636h-3.507V26.242z M39.96,15.353c-1.584,0-2.743,0.651-3.762,1.641v-1.357h-3.366
+	v20.082h3.507v-6.732h0.057c0.707,0.934,2.376,1.641,3.564,1.641c3.79,0,5.883-3.621,5.883-7.242
+	C45.843,18.803,43.863,15.353,39.96,15.353z M39.055,27.799c-1.132,0-2.009-0.595-2.716-1.245v-7.071
+	c0.735-0.566,1.217-1.301,2.716-1.301c2.093,0,3.281,1.697,3.281,4.809C42.336,26.1,41.148,27.799,39.055,27.799z M111.762,26.214
+	c0-5.373-7.354-4.299-7.354-6.815c0-0.877,0.623-1.443,1.98-1.443c1.103,0,2.036,0.791,2.743,1.556l2.206-1.923
+	c-1.273-1.499-3.224-2.235-5.176-2.235c-2.545,0-4.865,1.527-4.865,4.272c0,5.12,7.354,4.214,7.354,6.732
+	c0,0.989-0.849,1.669-2.093,1.669c-1.499,0-2.602-0.99-3.422-2.122l-2.348,1.754c1.301,1.924,3.225,2.971,5.572,2.971
+	C109.442,30.628,111.762,29.27,111.762,26.214z M140.611,0l-11.523,3.955l14.217,5.386l-5.218,14.094l9.686-5.538L154,5.063
+	L140.611,0z M51.918,42.583c0-0.549,0.42-0.783,1.007-0.783c0.636,0,1.057,0.372,1.262,0.92l1.232-0.382
+	c-0.42-1.027-1.359-1.595-2.494-1.595c-1.222,0-2.279,0.714-2.279,1.976c0,2.171,3.639,1.897,3.639,3.286
+	c0,0.684-0.518,0.939-1.194,0.939c-0.792,0-1.212-0.439-1.535-1.105l-1.115,0.489c0.4,1.027,1.486,1.672,2.64,1.672
+	c1.565,0,2.475-0.723,2.475-2.171C55.557,43.54,51.918,43.794,51.918,42.583z M97.907,40.831l-2.034,7.071h1.34l0.42-1.525h2.23
+	l0.392,1.525h1.34l-2.005-7.071H97.907z M97.927,45.262l0.831-3.071h0.02l0.792,3.071H97.927z M107.042,44.176
+	c0.773-0.303,1.076-0.87,1.076-1.604c-0.078-1.261-0.988-1.731-2.397-1.731h-2.621v7.062h2.602c1.8,0,2.573-0.763,2.573-1.858
+	C108.275,44.969,107.962,44.548,107.042,44.176z M104.451,41.936h1.35c0.646,0,0.969,0.372,0.969,0.861
+	c0,0.489-0.323,0.861-0.969,0.861h-1.35V41.936z M105.8,46.807h-1.35v-2.054h1.35c0.783,0,1.125,0.352,1.125,1.027
+	C106.926,46.455,106.583,46.807,105.8,46.807z M115.19,42.934c-0.009-1.164-0.655-2.093-2.259-2.093h-2.817v7.062h1.35v-2.875h1.164
+	l1.331,2.875h1.496l-1.555-3.149C114.76,44.509,115.2,43.805,115.19,42.934z M112.461,43.932h-0.998v-1.996h1.232
+	c0.743,0,1.144,0.333,1.144,0.998C113.84,43.599,113.517,43.932,112.461,43.932z M117.195,47.902h1.35v-7.062h-1.35V47.902z
+	 M59.811,40.743c-1.927,0-2.963,1.32-2.963,3.628c0,2.308,1.036,3.629,2.963,3.629c1.927,0,2.964-1.32,2.964-3.629
+	C62.775,42.063,61.738,40.743,59.811,40.743z M59.811,46.866c-1.115,0-1.633-0.841-1.613-2.494c0-1.652,0.509-2.493,1.613-2.493
+	c1.106,0,1.614,0.841,1.614,2.493C61.425,46.025,60.917,46.866,59.811,46.866z M91.129,47.902h1.35v-3.11h2.358v-1.134h-2.358
+	v-1.682h3.15v-1.135h-4.499V47.902z M123.112,46.866c-1.017,0-1.506-0.841-1.486-2.494c0-1.652,0.548-2.493,1.447-2.493
+	c0.665,0,1.086,0.42,1.281,1.016l1.222-0.293c-0.332-1.252-1.115-1.858-2.465-1.858c-1.8,0-2.836,1.32-2.836,3.628
+	c0,2.308,1.036,3.629,2.836,3.629c1.291,0,2.211-0.625,2.631-1.848l-1.252-0.333C124.091,46.65,123.719,46.866,123.112,46.866z
+	 M76.488,42.934c-0.01-1.164-0.655-2.093-2.259-2.093h-2.816v7.062h1.35v-2.875h1.164l1.33,2.875h1.496l-1.555-3.149
+	C76.057,44.509,76.497,43.805,76.488,42.934z M73.759,43.932h-0.998v-1.996h1.232c0.743,0,1.145,0.333,1.145,0.998
+	C75.138,43.599,74.815,43.932,73.759,43.932z M68.262,45.321c0,1.144-0.45,1.545-1.36,1.545c-0.909,0-1.359-0.402-1.359-1.545v-4.48
+	h-1.35v4.421c0,2.063,1.271,2.738,2.709,2.738c1.438,0,2.71-0.675,2.71-2.738v-4.421h-1.35V45.321z M86.112,44.792h2.415v-1.134
+	h-2.415v-1.682h3.325v-1.135h-4.675v7.062h4.783v-1.134h-3.433V44.792z M80.684,46.866c-1.018,0-1.506-0.841-1.487-2.494
+	c0-1.652,0.548-2.493,1.447-2.493c0.665,0,1.085,0.42,1.281,1.016l1.223-0.293c-0.333-1.252-1.115-1.858-2.464-1.858
+	c-1.799,0-2.837,1.32-2.837,3.628c0,2.308,1.037,3.629,2.837,3.629c1.291,0,2.21-0.625,2.631-1.848l-1.252-0.333
+	C81.661,46.65,81.29,46.866,80.684,46.866z"/>
+</svg>

package/dist/components/basic-grid.html

@@ -93,7 +93,7 @@
         <div class="docs-page__window-content">
             <div class="docs-page__code-example">
                 <p class="docs-page__paragraph">// Boxed grid example with six columns.</p>
-                <div class="flex-grid flex-grid--boxed flex-grid--wrap-items flex-grid--small-6">
+                <div class="flex-grid flex-grid--boxed flex-grid--wrap-items flex-grid--small-1 flex-grid--medium-3 flex-grid--large-4 flex-grid--xlarge-6">
                     <div class="flex-grid__item">1</div>
                     <div class="flex-grid__item">2</div>
                     <div class="flex-grid__item">3</div>

package/dist/components/checkbox.html

@@ -45,7 +45,7 @@
                     <sd-check ng-model="def6" label-position="inside" data-icon="th-list">Button style with icon</sd-check>
                     <sd-check ng-model="def7" label-position="inside" data-icon="th" ng-checked="true">I have an icon!</sd-check>
                     <sd-check ng-model="def8" label-position="inside" data-icon="th-large">Yeah, me too!</sd-check>
-                    <sd-check ng-model="def9" data-icon="star">I have an icon :) </sd-check>
+                    <sd-check ng-model="def9" data-icon="star" disabled="disabled">I have an icon :) </sd-check>
                 </div>
             </div>
 

package/dist/components/modals.html

@@ -20,6 +20,7 @@
                     <div class="modal__body">
                         <p>This is sample message inside modal!</p>
                         <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. </p>
+                        <button class="btn" ng-click="openModal('modalActive6')">Open modal inside modal</button>
                     </div>
                     <div class="modal__footer">
                         <button class="btn" ng-click="closeModal('modalActive')">Cancel</button>

package/dist/dots.svg

@@ -0,0 +1,3 @@
+<svg width="6" height="30" viewBox="0 0 6 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 2C1.55228 2 2 1.55228 2 1C2 0.447715 1.55228 0 1 0C0.447715 0 0 0.447715 0 1C0 1.55228 0.447715 2 1 2ZM5 2C5.55228 2 6 1.55228 6 1C6 0.447715 5.55228 0 5 0C4.44772 0 4 0.447715 4 1C4 1.55228 4.44772 2 5 2ZM6 5C6 5.55228 5.55228 6 5 6C4.44772 6 4 5.55228 4 5C4 4.44772 4.44772 4 5 4C5.55228 4 6 4.44772 6 5ZM1 6C1.55228 6 2 5.55228 2 5C2 4.44772 1.55228 4 1 4C0.447715 4 0 4.44772 0 5C0 5.55228 0.447715 6 1 6ZM6 9C6 9.55229 5.55228 10 5 10C4.44772 10 4 9.55229 4 9C4 8.44771 4.44772 8 5 8C5.55228 8 6 8.44771 6 9ZM1 10C1.55228 10 2 9.55229 2 9C2 8.44771 1.55228 8 1 8C0.447715 8 0 8.44771 0 9C0 9.55229 0.447715 10 1 10ZM6 13C6 13.5523 5.55228 14 5 14C4.44772 14 4 13.5523 4 13C4 12.4477 4.44772 12 5 12C5.55228 12 6 12.4477 6 13ZM1 14C1.55228 14 2 13.5523 2 13C2 12.4477 1.55228 12 1 12C0.447715 12 0 12.4477 0 13C0 13.5523 0.447715 14 1 14ZM6 17C6 17.5523 5.55228 18 5 18C4.44772 18 4 17.5523 4 17C4 16.4477 4.44772 16 5 16C5.55228 16 6 16.4477 6 17ZM1 18C1.55228 18 2 17.5523 2 17C2 16.4477 1.55228 16 1 16C0.447715 16 0 16.4477 0 17C0 17.5523 0.447715 18 1 18ZM6 21C6 21.5523 5.55228 22 5 22C4.44772 22 4 21.5523 4 21C4 20.4477 4.44772 20 5 20C5.55228 20 6 20.4477 6 21ZM1 22C1.55228 22 2 21.5523 2 21C2 20.4477 1.55228 20 1 20C0.447715 20 0 20.4477 0 21C0 21.5523 0.447715 22 1 22ZM6 25C6 25.5523 5.55228 26 5 26C4.44772 26 4 25.5523 4 25C4 24.4477 4.44772 24 5 24C5.55228 24 6 24.4477 6 25ZM1 26C1.55228 26 2 25.5523 2 25C2 24.4477 1.55228 24 1 24C0.447715 24 0 24.4477 0 25C0 25.5523 0.447715 26 1 26ZM6 29C6 29.5523 5.55228 30 5 30C4.44772 30 4 29.5523 4 29C4 28.4477 4.44772 28 5 28C5.55228 28 6 28.4477 6 29ZM1 30C1.55228 30 2 29.5523 2 29C2 28.4477 1.55228 28 1 28C0.447715 28 0 28.4477 0 29C0 29.5523 0.447715 30 1 30Z" fill="#ffffff"/>
+</svg>