@newtonschool/grauity 0.0.1

package/README.md

@@ -0,0 +1,15 @@
+<!-- markdownlint-disable-next-line -->
+<h1 align="center">gra.UI.ty</h1>
+<h4 align="center">Discovering the most elegant UI components for your next project</h4>
+
+Gravity was discovered and not invented. Likewise, the nature have already provided us with the most elegant UI
+components. Newton School is trying to discover them and ensemble them in the `gra.UI.ty`.
+
+## Alias
+
+GUI - G(UI) User Interface
+
+## Versions
+
+- Node: v16.16.0
+- NPM: 9.2.0

package/dist/core/colors/colorTypes.d.ts

@@ -0,0 +1,3 @@
+export type grauityColorName = 'white' | 'black' | 'grey' | 'blue' | 'red' | 'green' | 'orange' | 'yellow' | 'purple';
+export type grauityIconColorName = 'white' | 'black' | 'grey' | 'blue' | 'red' | 'green' | 'orange' | 'yellow' | 'purple';
+//# sourceMappingURL=colorTypes.d.ts.map

package/dist/core/colors/colorTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorTypes.d.ts","sourceRoot":"","sources":["../../../ui/core/colors/colorTypes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GACtB,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,QAAQ,CAAC;AAEf,MAAM,MAAM,oBAAoB,GAC1B,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,QAAQ,CAAC"}

package/dist/core/colors/index.d.ts

@@ -0,0 +1,14 @@
+export type { grauityColorName, grauityIconColorName } from './colorTypes';
+export declare enum GRAUITY_COLOR {
+    WHITE = "white",
+    BLACK = "black",
+    GREY = "grey",
+    BLUE = "blue",
+    RED = "red",
+    GREEN = "green",
+    ORANGE = "orange",
+    YELLOW = "yellow",
+    PURPLE = "purple"
+}
+export declare const GRAUITY_ICON_COLORS: GRAUITY_COLOR[];
+//# sourceMappingURL=index.d.ts.map

package/dist/core/colors/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ui/core/colors/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAE3E,oBAAY,aAAa;IACrB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,MAAM,WAAW;CACpB;AAED,eAAO,MAAM,mBAAmB,iBAU/B,CAAC"}

package/dist/core/icons/iconTags.d.ts

@@ -0,0 +1,16 @@
+export declare const ICON_TAGS: {
+    'school-left': string[];
+    school: string[];
+    code: string[];
+    today: string[];
+    person: string[];
+};
+export declare const TAG_ICONS: {
+    buildings: string[];
+    code: string[];
+    objects: string[];
+    states: string[];
+    calendar: string[];
+    usersAndPeople: string[];
+};
+//# sourceMappingURL=iconTags.d.ts.map

package/dist/core/icons/iconTags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconTags.d.ts","sourceRoot":"","sources":["../../../ui/core/icons/iconTags.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;CAMrB,CAAC;AACF,eAAO,MAAM,SAAS;;;;;;;CAOrB,CAAC"}

package/dist/core/icons/iconTypes.d.ts

@@ -0,0 +1,10 @@
+export type grauityIconName = 'school-left' | 'school' | 'code' | 'today' | 'person';
+export type grauityIconKey = 'SchoolLeft' | 'School' | 'Code' | 'Today' | 'Person';
+export declare enum GRAUITY_ICONS {
+    SchoolLeft = "school-left",
+    School = "school",
+    Code = "code",
+    Today = "today",
+    Person = "person"
+}
+//# sourceMappingURL=iconTypes.d.ts.map

package/dist/core/icons/iconTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconTypes.d.ts","sourceRoot":"","sources":["../../../ui/core/icons/iconTypes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GACrB,aAAa,GACb,QAAQ,GACR,MAAM,GACN,OAAO,GACP,QAAQ,CAAC;AAEf,MAAM,MAAM,cAAc,GACpB,YAAY,GACZ,QAAQ,GACR,MAAM,GACN,OAAO,GACP,QAAQ,CAAC;AAEf,oBAAY,aAAa;IACrB,UAAU,gBAAgB;IAC1B,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,MAAM,WAAW;CACpB"}

package/dist/core/icons/index.d.ts

@@ -0,0 +1,4 @@
+export { GRAUITY_ICONS } from './iconTypes';
+export { ICON_TAGS, TAG_ICONS } from './iconTags';
+export type { grauityIconKey, grauityIconName } from './iconTypes';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/icons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ui/core/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAElD,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC"}

package/dist/core/index.d.ts

@@ -0,0 +1,9 @@
+export type { grauityIconSizeName, grauitySizeName } from './sizes';
+export { GRAUITY_ICON_SIZES, GRAUITY_SIZE } from './sizes';
+export type { grauityIconColorName, grauityColorName } from './colors';
+export { GRAUITY_ICON_COLORS, GRAUITY_COLOR } from './colors';
+export type { grauityIconName, grauityIconKey } from './icons';
+export { GRAUITY_ICONS, ICON_TAGS, TAG_ICONS } from './icons';
+export type { grauityRotatedChoiceName, grauityFlippedChoiceName, } from './miscellaneous-choices';
+export { GRAUITY_ICON_ROTATED_CHOICES, GRAUITY_ICON_FLIPPED_CHOICES, } from './miscellaneous-choices';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../ui/core/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE3D,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9D,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAE9D,YAAY,EACR,wBAAwB,EACxB,wBAAwB,GAC3B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACH,4BAA4B,EAC5B,4BAA4B,GAC/B,MAAM,yBAAyB,CAAC"}

package/dist/core/miscellaneous-choices/index.d.ts

@@ -0,0 +1,12 @@
+export type { grauityRotatedChoiceName, grauityFlippedChoiceName, } from './miscellaneousTypes';
+export declare enum GRAUITY_ROTATED_CHOICES {
+    CLOCKWISE = "clockwise",
+    COUNTERCLOCKWISE = "counterclockwise"
+}
+export declare enum GRAUITY_FLIPPED_CHOICES {
+    HORIZONTALLY = "horizontally",
+    VERTICALLY = "vertically"
+}
+export declare const GRAUITY_ICON_ROTATED_CHOICES: GRAUITY_ROTATED_CHOICES[];
+export declare const GRAUITY_ICON_FLIPPED_CHOICES: GRAUITY_FLIPPED_CHOICES[];
+//# sourceMappingURL=index.d.ts.map

package/dist/core/miscellaneous-choices/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ui/core/miscellaneous-choices/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACR,wBAAwB,EACxB,wBAAwB,GAC3B,MAAM,sBAAsB,CAAC;AAE9B,oBAAY,uBAAuB;IAC/B,SAAS,cAAc;IACvB,gBAAgB,qBAAqB;CACxC;AAED,oBAAY,uBAAuB;IAC/B,YAAY,iBAAiB;IAC7B,UAAU,eAAe;CAC5B;AAED,eAAO,MAAM,4BAA4B,2BAGxC,CAAC;AAEF,eAAO,MAAM,4BAA4B,2BAGxC,CAAC"}

package/dist/core/miscellaneous-choices/miscellaneousTypes.d.ts

@@ -0,0 +1,3 @@
+export type grauityFlippedChoiceName = 'vertically' | 'horizontally';
+export type grauityRotatedChoiceName = 'clockwise' | 'counterclockwise';
+//# sourceMappingURL=miscellaneousTypes.d.ts.map

package/dist/core/miscellaneous-choices/miscellaneousTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"miscellaneousTypes.d.ts","sourceRoot":"","sources":["../../../ui/core/miscellaneous-choices/miscellaneousTypes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,wBAAwB,GAAG,YAAY,GAAG,cAAc,CAAC;AAErE,MAAM,MAAM,wBAAwB,GAAG,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/core/sizes/index.d.ts

@@ -0,0 +1,17 @@
+export type { grauitySizeName, grauityIconSizeName } from './sizeTypes';
+export declare enum GRAUITY_SIZE {
+    FOUR = "4",
+    EIGHT = "8",
+    TWELVE = "12",
+    SIXTEEN = "16",
+    TWENTY = "20",
+    TWENTY_FOUR = "24",
+    TWENTY_EIGHT = "28",
+    THIRTY_TWO = "32",
+    THIRTY_SIX = "36",
+    FORTY = "40",
+    FORTY_FOUR = "44",
+    FORTY_EIGHT = "48"
+}
+export declare const GRAUITY_ICON_SIZES: GRAUITY_SIZE[];
+//# sourceMappingURL=index.d.ts.map

package/dist/core/sizes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ui/core/sizes/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAExE,oBAAY,YAAY;IACpB,IAAI,MAAM;IACV,KAAK,MAAM;IACX,MAAM,OAAO;IACb,OAAO,OAAO;IACd,MAAM,OAAO;IACb,WAAW,OAAO;IAClB,YAAY,OAAO;IACnB,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,KAAK,OAAO;IACZ,UAAU,OAAO;IACjB,WAAW,OAAO;CACrB;AAED,eAAO,MAAM,kBAAkB,gBAW9B,CAAC"}

package/dist/core/sizes/sizeTypes.d.ts

@@ -0,0 +1,3 @@
+export type grauitySizeName = '4' | '8' | '12' | '16' | '20' | '24' | '28' | '32' | '36' | '40' | '44' | '48';
+export type grauityIconSizeName = '4' | '8' | '12' | '16' | '20' | '24' | '28' | '32' | '36' | '40';
+//# sourceMappingURL=sizeTypes.d.ts.map

package/dist/core/sizes/sizeTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizeTypes.d.ts","sourceRoot":"","sources":["../../../ui/core/sizes/sizeTypes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GACrB,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAEX,MAAM,MAAM,mBAAmB,GACzB,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC"}

package/dist/elements/Icon/Icon.d.ts

@@ -0,0 +1,115 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { grauityFlippedChoiceName, grauityIconColorName, grauityIconName, grauityIconSizeName, grauityRotatedChoiceName } from '../../core';
+export interface IconProps {
+    /**
+     * Icon can have the aria hidden attribute
+     * */
+    ariaHidden?: string;
+    /**
+     * Icon can have the aria label attribute
+     * */
+    ariaLabel?: string;
+    /**
+     * An element type to render as (string or function).
+     * */
+    as?: React.ElementType;
+    /**
+     * Format the icon to appear bordered
+     * */
+    bordered?: boolean;
+    /**
+     * Format the icon to appear circular
+     * */
+    circular?: boolean;
+    /**
+     * Color of the icon
+     * */
+    color?: grauityIconColorName;
+    /**
+     * Additional classes to be added to the component
+     * */
+    className?: string;
+    /**
+     * Show that the icon is inactive
+     * */
+    disabled?: boolean;
+    /**
+     * Fitted, without space to left or right of Icon
+     * */
+    fitted?: boolean;
+    /**
+     * Icon can be flipped
+     * */
+    flipped?: grauityFlippedChoiceName;
+    /**
+     * The colors of the icon can be inverted in case of used with border
+     * * */
+    inverted?: boolean;
+    /**
+     * Icon can be formatted as a link
+     * */
+    link?: boolean;
+    /**
+     * Icon can be used as a simple loader
+     * */
+    loading?: boolean;
+    /**
+     * Name of the icon
+     * */
+    name: grauityIconName;
+    /**
+     * Icon can be rotated
+     * */
+    rotated?: grauityRotatedChoiceName;
+    /**
+     * Size of the icon
+     * */
+    size?: grauityIconSizeName;
+    /**
+     * Additional styles to be used over the element
+     * */
+    style?: React.CSSProperties;
+}
+declare function Icon({ ariaHidden, ariaLabel, as, bordered, circular, color, className, disabled, fitted, flipped, inverted, link, loading, name, rotated, size, style, ...props }: IconProps): JSX.Element;
+declare namespace Icon {
+    var propTypes: {
+        ariaHidden: PropTypes.Requireable<string>;
+        ariaLabel: PropTypes.Requireable<string>;
+        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        bordered: PropTypes.Requireable<boolean>;
+        circular: PropTypes.Requireable<boolean>;
+        color: PropTypes.Requireable<import("../../core").GRAUITY_COLOR>;
+        className: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        fitted: PropTypes.Requireable<boolean>;
+        flipped: PropTypes.Requireable<import("../../core/miscellaneous-choices").GRAUITY_FLIPPED_CHOICES>;
+        inverted: PropTypes.Requireable<boolean>;
+        link: PropTypes.Requireable<boolean>;
+        loading: PropTypes.Requireable<boolean>;
+        name: PropTypes.Validator<string>;
+        rotated: PropTypes.Requireable<import("../../core/miscellaneous-choices").GRAUITY_ROTATED_CHOICES>;
+        size: PropTypes.Requireable<import("../../core").GRAUITY_SIZE>;
+        style: PropTypes.Requireable<object>;
+    };
+    var defaultProps: {
+        ariaHidden: string;
+        ariaLabel: any;
+        as: string;
+        bordered: boolean;
+        circular: boolean;
+        color: string;
+        className: any;
+        disabled: boolean;
+        fitted: boolean;
+        flipped: any;
+        inverted: boolean;
+        link: boolean;
+        loading: boolean;
+        rotated: any;
+        size: string;
+        style: any;
+    };
+}
+export default Icon;
+//# sourceMappingURL=Icon.d.ts.map

package/dist/elements/Icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../ui/elements/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,SAAS,MAAM,YAAY,CAAC;AASnC,OAAO,EAKH,wBAAwB,EACxB,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EAE3B,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,SAAS;IACtB;;SAEK;IACL,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;SAEK;IACL,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;SAEK;IACL,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAEvB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;SAEK;IACL,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAE7B;;SAEK;IACL,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;SAEK;IACL,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;SAEK;IACL,OAAO,CAAC,EAAE,wBAAwB,CAAC;IAEnC;;WAEO;IACP,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;SAEK;IACL,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;SAEK;IACL,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;SAEK;IACL,IAAI,EAAE,eAAe,CAAC;IAEtB;;SAEK;IACL,OAAO,CAAC,EAAE,wBAAwB,CAAC;IAEnC;;SAEK;IACL,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAE3B;;SAEK;IACL,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED,iBAAS,IAAI,CAAC,EACV,UAAU,EACV,SAAS,EACT,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,KAAK,EACL,GAAG,KAAK,EACX,EAAE,SAAS,eA0DX;kBA7EQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsHb,eAAe,IAAI,CAAC"}

package/dist/elements/Icon/index.d.ts

@@ -0,0 +1,3 @@
+export type { IconProps } from './Icon';
+export { default as Icon } from './Icon';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ui/elements/Icon/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/elements/index.d.ts

@@ -0,0 +1,3 @@
+export type { IconProps } from './Icon';
+export { Icon } from './Icon';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../ui/elements/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/helpers/classNameBuilders.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Props where only the prop key is used in the className.
+ * @param {*} val A props value
+ * @param {string} key A props key
+ *
+ * @example
+ * <Label tag />
+ * <div class="ui tag label"></div>
+ */
+export declare const useKeyOnly: (val: any, key: string) => string;
+/**
+ * Props that require both a key and value to create a className.
+ * @param {*} val A props value
+ * @param {string} key A props key
+ *
+ * @example
+ * <Label corner='left' />
+ * <div class="ui left corner label"></div>
+ */
+export declare const useValueAndKey: (val: any, key: string) => string;
+/**
+ * Props whose key will be used in className, or value and key.
+ * @param {*} val A props value
+ * @param {string} key A props key
+ *
+ * @example Key Only
+ * <Label pointing />
+ * <div class="ui pointing label"></div>
+ *
+ * @example Key and Value
+ * <Label pointing='left' />
+ * <div class="ui left pointing label"></div>
+ */
+export declare const useKeyOrValueAndKey: (val: any, key: string) => string;
+//# sourceMappingURL=classNameBuilders.d.ts.map

package/dist/helpers/classNameBuilders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classNameBuilders.d.ts","sourceRoot":"","sources":["../../ui/helpers/classNameBuilders.ts"],"names":[],"mappings":"AAUA;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,QAAS,GAAG,OAAO,MAAM,WAAe,CAAC;AAEhE;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,QAAS,GAAG,OAAO,MAAM,WACV,CAAC;AAE3C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB,QAAS,GAAG,OAAO,MAAM,WACR,CAAC"}

package/dist/helpers/getElementTypeFromProps.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+/**
+ * Returns a createElement() type based on the props of the Component.
+ * Useful for calculating what type a component should render as.
+ *
+ * @param {object} props A ReactElement props object
+ * @returns {string|function} A ReactElement type
+ */
+declare function getElementTypeFromProps(props: {
+    as: React.ElementType;
+    href?: string;
+}): import("styled-components").StyledComponent<React.ElementType<any>, any, {}, never>;
+export default getElementTypeFromProps;
+//# sourceMappingURL=getElementTypeFromProps.d.ts.map

package/dist/helpers/getElementTypeFromProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getElementTypeFromProps.d.ts","sourceRoot":"","sources":["../../ui/helpers/getElementTypeFromProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;GAMG;AAEH,iBAAS,uBAAuB,CAAC,KAAK,EAAE;IACpC,EAAE,EAAE,KAAK,CAAC,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,uFAeA;AAED,eAAe,uBAAuB,CAAC"}

package/dist/helpers/index.d.ts

@@ -0,0 +1,4 @@
+import getElementTypeFromProps from './getElementTypeFromProps';
+import { useKeyOnly, useKeyOrValueAndKey, useValueAndKey } from './classNameBuilders';
+export { useKeyOnly, useValueAndKey, useKeyOrValueAndKey, getElementTypeFromProps, };
+//# sourceMappingURL=index.d.ts.map

package/dist/helpers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../ui/helpers/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EACH,UAAU,EACV,mBAAmB,EACnB,cAAc,EACjB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACH,UAAU,EACV,cAAc,EACd,mBAAmB,EACnB,uBAAuB,GAC1B,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import './css/index.scss';
+export { ICON_TAGS, TAG_ICONS } from './core';
+export type { GrauityInitProps } from './init';
+export { GrauityInit } from './init';
+export type { IconProps } from './elements';
+export { Icon } from './elements';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,YAAY,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAErC,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC"}

package/dist/init/GrauityInit.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import PropTypes from 'prop-types';
+export interface GrauityInitProps {
+    /**
+     * An element type to render as (string or function).
+     * */
+    as: React.ElementType;
+    /**
+     * The font size to be applied on this element and so will act as standard for the `ems` of all grauity components.
+     * */
+    fontSize: string;
+    /**
+     * The multiplier is multiplied will all the `ems` of the grauity components.
+     * */
+    multiplier?: number;
+    /**
+     * The children to be rendered inside this component.
+     * */
+    children?: React.ReactNode;
+}
+/**
+ * This component is used to initialize the Grauity library. Ideally, it should be the root component of your application.
+ * But nonetheless all the grauity components should be the children of this component.
+ * */
+declare function GrauityInit({ as, fontSize, multiplier, children }: GrauityInitProps): JSX.Element;
+declare namespace GrauityInit {
+    var propTypes: {
+        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        fontSize: PropTypes.Requireable<string>;
+        multiplier: PropTypes.Requireable<number>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    var defaultProps: {
+        as: string;
+        fontSize: string;
+        multiplier: number;
+        children: any;
+    };
+}
+export default GrauityInit;
+//# sourceMappingURL=GrauityInit.d.ts.map

package/dist/init/GrauityInit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrauityInit.d.ts","sourceRoot":"","sources":["../../ui/init/GrauityInit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,MAAM,WAAW,gBAAgB;IAC7B;;SAEK;IACL,EAAE,EAAE,KAAK,CAAC,WAAW,CAAC;IAEtB;;SAEK;IACL,QAAQ,EAAE,MAAM,CAAC;IAEjB;;SAEK;IACL,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;SAEK;IACL,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;KAGK;AACL,iBAAS,WAAW,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,gBAAgB,eAc5E;kBAdQ,WAAW;;;;;;;;;;;;;;AA8BpB,eAAe,WAAW,CAAC"}

package/dist/init/index.d.ts

@@ -0,0 +1,3 @@
+export type { GrauityInitProps } from './GrauityInit';
+export { default as GrauityInit } from './GrauityInit';
+//# sourceMappingURL=index.d.ts.map

package/dist/init/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../ui/init/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/main.cjs

@@ -0,0 +1,2 @@
+require("./main.css");var e,r,o=require("react"),t=require("prop-types"),a=require("styled-components"),i=require("lodash"),l=require("classnames");function n(e,r,o,t){Object.defineProperty(e,r,{get:o,set:t,enumerable:!0,configurable:!0})}function d(e){return e&&e.__esModule?e.default:e}n(module.exports,"ICON_TAGS",(()=>v)),n(module.exports,"TAG_ICONS",(()=>R)),n(module.exports,"GrauityInit",(()=>P)),n(module.exports,"Icon",(()=>G.default)),(r=e||(e={})).FOUR="4",r.EIGHT="8",r.TWELVE="12",r.SIXTEEN="16",r.TWENTY="20",r.TWENTY_FOUR="24",r.TWENTY_EIGHT="28",r.THIRTY_TWO="32",r.THIRTY_SIX="36",r.FORTY="40",r.FORTY_FOUR="44",r.FORTY_EIGHT="48";var s,c,u=[e.FOUR,e.EIGHT,e.TWELVE,e.SIXTEEN,e.TWENTY,e.TWENTY_FOUR,e.TWENTY_EIGHT,e.THIRTY_TWO,e.THIRTY_SIX,e.FORTY];(c=s||(s={})).WHITE="white",c.BLACK="black",c.GREY="grey",c.BLUE="blue",c.RED="red",c.GREEN="green",c.ORANGE="orange",c.YELLOW="yellow",c.PURPLE="purple";var f,p,T=[s.WHITE,s.BLACK,s.GREY,s.BLUE,s.RED,s.GREEN,s.ORANGE,s.YELLOW,s.PURPLE];(p=f||(f={})).SchoolLeft="school-left",p.School="school",p.Code="code",p.Today="today",p.Person="person";var E,O,b,y,v={"school-left":["buildings"],school:["buildings"],code:["code"],today:["objects","states","calendar"],person:["usersAndPeople"]},R={buildings:["school-left","school"],code:["code"],objects:["today"],states:["today"],calendar:["today"],usersAndPeople:["person"]};(O=E||(E={})).CLOCKWISE="clockwise",O.COUNTERCLOCKWISE="counterclockwise",(y=b||(b={})).HORIZONTALLY="horizontally",y.VERTICALLY="vertically";var m=[E.CLOCKWISE,E.COUNTERCLOCKWISE],L=[b.HORIZONTALLY,b.VERTICALLY],I={};n(I,"default",(()=>C),(e=>C=e));var g=function(e,r){return Object.defineProperty?Object.defineProperty(e,"raw",{value:r}):e.raw=r,e};var N,h,Y,C=function(e){return e.as?d(a)(e.as)(N||(N=g([""],[""]))):e.href?d(a)("a")(h||(h=g([""],[""]))):d(a)("div")(Y||(Y=g([""],[""])))},S=function(e,r){return e&&r},W=function(e,r){return e&&!0!==e&&"".concat(e,"-").concat(r)};function H(e){var r=e.as,t=e.fontSize,a=e.multiplier,i=e.children,l=(0,I.default)({as:r});return o.createElement(l,{className:"grauity-init",style:{fontSize:t,"--multiplier":a}},i)}H.propTypes={as:d(t).elementType,fontSize:d(t).string,multiplier:d(t).number,children:d(t).node},H.defaultProps={as:"div",fontSize:"16px",multiplier:1,children:null};var P=H,G={};n(G,"default",(()=>A),(e=>A=e));var _=function(){return _=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++)for(var a in r=arguments[o])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e},_.apply(this,arguments)},j=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(t=Object.getOwnPropertySymbols(e);a<t.length;a++)r.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(e,t[a])&&(o[t[a]]=e[t[a]])}return o};function k(e){var r=e.ariaHidden,t=e.ariaLabel,a=e.as,n=e.bordered,s=e.circular,c=e.color,u=e.className,f=e.disabled,p=e.fitted,T=e.flipped,E=e.inverted,O=e.link,b=e.loading,y=e.name,v=e.rotated,R=e.size,m=e.style,L=j(e,["ariaHidden","ariaLabel","as","bordered","circular","color","className","disabled","fitted","flipped","inverted","link","loading","name","rotated","size","style"]),g=(0,I.default)({as:a}),N=function(){var e={};return d(i).isNil(t)?e["aria-hidden"]="true":e["aria-label"]=t,d(i).isNil(r)||(e["aria-hidden"]=r),e}(),h=d(l)("grauity-icon","grauity-icon-".concat(y),"size-".concat(R),S(c,c),S(n,"bordered"),S(s,"circular"),S(f,"disabled"),S(p,"fitted"),S(E,"inverted"),S(O,"link"),S(b,"loading"),W(T,"flipped"),W(v,"rotated"),u);return o.createElement(g,_({onClick:function(e){f?e.preventDefault():d(i).invoke(L,"onClick",e,L)}},N,{className:h,style:m}))}k.propTypes={ariaHidden:d(t).string,ariaLabel:d(t).string,as:d(t).elementType,bordered:d(t).bool,circular:d(t).bool,color:d(t).oneOf(T),className:d(t).string,disabled:d(t).bool,fitted:d(t).bool,flipped:d(t).oneOf(L),inverted:d(t).bool,link:d(t).bool,loading:d(t).bool,name:d(t).oneOf(Object.keys(v)).isRequired,rotated:d(t).oneOf(m),size:d(t).oneOf(u),style:d(t).object},k.defaultProps={ariaHidden:"true",ariaLabel:void 0,as:"i",bordered:!1,circular:!1,color:"grey",className:void 0,disabled:!1,fitted:!1,flipped:void 0,inverted:!1,link:!1,loading:!1,rotated:void 0,size:"16",style:void 0};var A=k;
+//# sourceMappingURL=main.cjs.map

package/dist/main.cjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["ui/core/sizes/index.ts","ui/core/colors/index.ts","ui/core/icons/iconTypes.ts","ui/core/icons/iconTags.ts","ui/core/miscellaneous-choices/index.ts","ui/helpers/getElementTypeFromProps.ts","ui/helpers/classNameBuilders.ts","ui/init/GrauityInit.tsx","ui/elements/Icon/Icon.tsx"],"sourcesContent":["export type { grauitySizeName, grauityIconSizeName } from './sizeTypes';\n\nexport enum GRAUITY_SIZE {\n    FOUR = '4',\n    EIGHT = '8',\n    TWELVE = '12',\n    SIXTEEN = '16',\n    TWENTY = '20',\n    TWENTY_FOUR = '24',\n    TWENTY_EIGHT = '28',\n    THIRTY_TWO = '32',\n    THIRTY_SIX = '36',\n    FORTY = '40',\n    FORTY_FOUR = '44',\n    FORTY_EIGHT = '48',\n}\n\nexport const GRAUITY_ICON_SIZES = [\n    GRAUITY_SIZE.FOUR,\n    GRAUITY_SIZE.EIGHT,\n    GRAUITY_SIZE.TWELVE,\n    GRAUITY_SIZE.SIXTEEN,\n    GRAUITY_SIZE.TWENTY,\n    GRAUITY_SIZE.TWENTY_FOUR,\n    GRAUITY_SIZE.TWENTY_EIGHT,\n    GRAUITY_SIZE.THIRTY_TWO,\n    GRAUITY_SIZE.THIRTY_SIX,\n    GRAUITY_SIZE.FORTY,\n];\n","export type { grauityColorName, grauityIconColorName } from './colorTypes';\n\nexport enum GRAUITY_COLOR {\n    WHITE = 'white',\n    BLACK = 'black',\n    GREY = 'grey',\n    BLUE = 'blue',\n    RED = 'red',\n    GREEN = 'green',\n    ORANGE = 'orange',\n    YELLOW = 'yellow',\n    PURPLE = 'purple',\n}\n\nexport const GRAUITY_ICON_COLORS = [\n    GRAUITY_COLOR.WHITE,\n    GRAUITY_COLOR.BLACK,\n    GRAUITY_COLOR.GREY,\n    GRAUITY_COLOR.BLUE,\n    GRAUITY_COLOR.RED,\n    GRAUITY_COLOR.GREEN,\n    GRAUITY_COLOR.ORANGE,\n    GRAUITY_COLOR.YELLOW,\n    GRAUITY_COLOR.PURPLE,\n];\n","export type grauityIconName =\n    | 'school-left'\n    | 'school'\n    | 'code'\n    | 'today'\n    | 'person';\n\nexport type grauityIconKey =\n    | 'SchoolLeft'\n    | 'School'\n    | 'Code'\n    | 'Today'\n    | 'Person';\n\nexport enum GRAUITY_ICONS {\n    SchoolLeft = 'school-left',\n    School = 'school',\n    Code = 'code',\n    Today = 'today',\n    Person = 'person',\n}\n","export const ICON_TAGS = {\n    'school-left': ['buildings'],\n    school: ['buildings'],\n    code: ['code'],\n    today: ['objects', 'states', 'calendar'],\n    person: ['usersAndPeople'],\n};\nexport const TAG_ICONS = {\n    buildings: ['school-left', 'school'],\n    code: ['code'],\n    objects: ['today'],\n    states: ['today'],\n    calendar: ['today'],\n    usersAndPeople: ['person'],\n};\n","export type {\n    grauityRotatedChoiceName,\n    grauityFlippedChoiceName,\n} from './miscellaneousTypes';\n\nexport enum GRAUITY_ROTATED_CHOICES {\n    CLOCKWISE = 'clockwise',\n    COUNTERCLOCKWISE = 'counterclockwise',\n}\n\nexport enum GRAUITY_FLIPPED_CHOICES {\n    HORIZONTALLY = 'horizontally',\n    VERTICALLY = 'vertically',\n}\n\nexport const GRAUITY_ICON_ROTATED_CHOICES = [\n    GRAUITY_ROTATED_CHOICES.CLOCKWISE,\n    GRAUITY_ROTATED_CHOICES.COUNTERCLOCKWISE,\n];\n\nexport const GRAUITY_ICON_FLIPPED_CHOICES = [\n    GRAUITY_FLIPPED_CHOICES.HORIZONTALLY,\n    GRAUITY_FLIPPED_CHOICES.VERTICALLY,\n];\n","import * as React from 'react';\nimport styled from 'styled-components';\n\n/**\n * Returns a createElement() type based on the props of the Component.\n * Useful for calculating what type a component should render as.\n *\n * @param {object} props A ReactElement props object\n * @returns {string|function} A ReactElement type\n */\n\nfunction getElementTypeFromProps(props: {\n    as: React.ElementType;\n    href?: string;\n}) {\n    // ----------------------------------------\n    // user defined \"as\" element type\n\n    if (props.as) return styled(props.as)``;\n\n    // ----------------------------------------\n    // infer anchor links\n\n    if (props.href) return styled('a')``;\n\n    // ----------------------------------------\n    // use defaultProp or 'div'\n\n    return styled('div')``;\n}\n\nexport default getElementTypeFromProps;\n","/*\n * There are 3 prop patterns used to build up the className for a component.\n * Each utility here is meant for use in a classnames() argument.\n *\n * There is no util for valueOnly() because it would simply return val.\n * Use the prop value inline instead.\n *   <Label size='big' />\n *   <div class=\"ui big label\"></div>\n */\n\n/**\n * Props where only the prop key is used in the className.\n * @param {*} val A props value\n * @param {string} key A props key\n *\n * @example\n * <Label tag />\n * <div class=\"ui tag label\"></div>\n */\nexport const useKeyOnly = (val: any, key: string) => val && key;\n\n/**\n * Props that require both a key and value to create a className.\n * @param {*} val A props value\n * @param {string} key A props key\n *\n * @example\n * <Label corner='left' />\n * <div class=\"ui left corner label\"></div>\n */\nexport const useValueAndKey = (val: any, key: string) =>\n    val && val !== true && `${val}-${key}`;\n\n/**\n * Props whose key will be used in className, or value and key.\n * @param {*} val A props value\n * @param {string} key A props key\n *\n * @example Key Only\n * <Label pointing />\n * <div class=\"ui pointing label\"></div>\n *\n * @example Key and Value\n * <Label pointing='left' />\n * <div class=\"ui left pointing label\"></div>\n */\nexport const useKeyOrValueAndKey = (val: any, key: string) =>\n    val && (val === true ? key : `${val}-${key}`);\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { getElementTypeFromProps } from '../helpers';\n\nexport interface GrauityInitProps {\n    /**\n     * An element type to render as (string or function).\n     * */\n    as: React.ElementType;\n\n    /**\n     * The font size to be applied on this element and so will act as standard for the `ems` of all grauity components.\n     * */\n    fontSize: string;\n\n    /**\n     * The multiplier is multiplied will all the `ems` of the grauity components.\n     * */\n    multiplier?: number;\n\n    /**\n     * The children to be rendered inside this component.\n     * */\n    children?: React.ReactNode;\n}\n\n/**\n * This component is used to initialize the Grauity library. Ideally, it should be the root component of your application.\n * But nonetheless all the grauity components should be the children of this component.\n * */\nfunction GrauityInit({ as, fontSize, multiplier, children }: GrauityInitProps) {\n    const ElementType = getElementTypeFromProps({ as });\n\n    return (\n        <ElementType\n            className=\"grauity-init\"\n            style={{\n                fontSize,\n                '--multiplier': multiplier,\n            }}\n        >\n            {children}\n        </ElementType>\n    );\n}\n\nGrauityInit.propTypes = {\n    as: PropTypes.elementType,\n    fontSize: PropTypes.string,\n    multiplier: PropTypes.number,\n    children: PropTypes.node,\n};\n\nGrauityInit.defaultProps = {\n    as: 'div',\n    fontSize: '16px',\n    multiplier: 1,\n    children: null,\n};\n\nexport default GrauityInit;\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport _ from 'lodash';\nimport classnames from 'classnames';\n\nimport {\n    getElementTypeFromProps,\n    useKeyOnly,\n    useValueAndKey,\n} from '../../helpers';\nimport {\n    GRAUITY_ICON_COLORS,\n    GRAUITY_ICON_FLIPPED_CHOICES,\n    GRAUITY_ICON_ROTATED_CHOICES,\n    GRAUITY_ICON_SIZES,\n    grauityFlippedChoiceName,\n    grauityIconColorName,\n    grauityIconName,\n    grauityIconSizeName,\n    grauityRotatedChoiceName,\n    ICON_TAGS,\n} from '../../core';\n\nexport interface IconProps {\n    /**\n     * Icon can have the aria hidden attribute\n     * */\n    ariaHidden?: string;\n\n    /**\n     * Icon can have the aria label attribute\n     * */\n    ariaLabel?: string;\n\n    /**\n     * An element type to render as (string or function).\n     * */\n    as?: React.ElementType;\n\n    /**\n     * Format the icon to appear bordered\n     * */\n    bordered?: boolean;\n\n    /**\n     * Format the icon to appear circular\n     * */\n    circular?: boolean;\n\n    /**\n     * Color of the icon\n     * */\n    color?: grauityIconColorName;\n\n    /**\n     * Additional classes to be added to the component\n     * */\n    className?: string;\n\n    /**\n     * Show that the icon is inactive\n     * */\n    disabled?: boolean;\n\n    /**\n     * Fitted, without space to left or right of Icon\n     * */\n    fitted?: boolean;\n\n    /**\n     * Icon can be flipped\n     * */\n    flipped?: grauityFlippedChoiceName;\n\n    /**\n     * The colors of the icon can be inverted in case of used with border\n     * * */\n    inverted?: boolean;\n\n    /**\n     * Icon can be formatted as a link\n     * */\n    link?: boolean;\n\n    /**\n     * Icon can be used as a simple loader\n     * */\n    loading?: boolean;\n\n    /**\n     * Name of the icon\n     * */\n    name: grauityIconName;\n\n    /**\n     * Icon can be rotated\n     * */\n    rotated?: grauityRotatedChoiceName;\n\n    /**\n     * Size of the icon\n     * */\n    size?: grauityIconSizeName;\n\n    /**\n     * Additional styles to be used over the element\n     * */\n    style?: React.CSSProperties;\n}\n\nfunction Icon({\n    ariaHidden,\n    ariaLabel,\n    as,\n    bordered,\n    circular,\n    color,\n    className,\n    disabled,\n    fitted,\n    flipped,\n    inverted,\n    link,\n    loading,\n    name,\n    rotated,\n    size,\n    style,\n    ...props\n}: IconProps) {\n    const Element = getElementTypeFromProps({ as });\n\n    const getIconAriaOptions = () => {\n        const ariaOptions: {\n            'aria-hidden'?: string;\n            'aria-label'?: string;\n        } = {};\n\n        if (_.isNil(ariaLabel)) {\n            ariaOptions['aria-hidden'] = 'true';\n        } else {\n            ariaOptions['aria-label'] = ariaLabel;\n        }\n\n        if (!_.isNil(ariaHidden)) {\n            ariaOptions['aria-hidden'] = ariaHidden;\n        }\n\n        return ariaOptions;\n    };\n\n    const handleClick = (e?: any) => {\n        if (disabled) {\n            e.preventDefault();\n            return;\n        }\n\n        _.invoke(props, 'onClick', e, props);\n    };\n\n    const ariaOptions = getIconAriaOptions();\n\n    const classes = classnames(\n        'grauity-icon',\n        `grauity-icon-${name}`,\n        `size-${size}`,\n        useKeyOnly(color, color),\n        useKeyOnly(bordered, 'bordered'),\n        useKeyOnly(circular, 'circular'),\n        useKeyOnly(disabled, 'disabled'),\n        useKeyOnly(fitted, 'fitted'),\n        useKeyOnly(inverted, 'inverted'),\n        useKeyOnly(link, 'link'),\n        useKeyOnly(loading, 'loading'),\n        useValueAndKey(flipped, 'flipped'),\n        useValueAndKey(rotated, 'rotated'),\n        className\n    );\n\n    return (\n        <Element\n            onClick={handleClick}\n            {...ariaOptions}\n            className={classes}\n            style={style}\n        />\n    );\n}\n\nIcon.propTypes = {\n    ariaHidden: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    as: PropTypes.elementType,\n    bordered: PropTypes.bool,\n    circular: PropTypes.bool,\n    color: PropTypes.oneOf(GRAUITY_ICON_COLORS),\n    className: PropTypes.string,\n    disabled: PropTypes.bool,\n    fitted: PropTypes.bool,\n    flipped: PropTypes.oneOf(GRAUITY_ICON_FLIPPED_CHOICES),\n    inverted: PropTypes.bool,\n    link: PropTypes.bool,\n    loading: PropTypes.bool,\n    name: PropTypes.oneOf(Object.keys(ICON_TAGS)).isRequired,\n    rotated: PropTypes.oneOf(GRAUITY_ICON_ROTATED_CHOICES),\n    size: PropTypes.oneOf(GRAUITY_ICON_SIZES),\n    style: PropTypes.object,\n};\n\nIcon.defaultProps = {\n    ariaHidden: 'true',\n    ariaLabel: undefined,\n    as: 'i',\n    bordered: false,\n    circular: false,\n    color: 'grey',\n    className: undefined,\n    disabled: false,\n    fitted: false,\n    flipped: undefined,\n    inverted: false,\n    link: false,\n    loading: false,\n    rotated: undefined,\n    size: '16',\n    style: undefined,\n};\n\nexport default Icon;\n"],"names":["$8cbcc263f670cb67$export$b009745c0d723d05","GRAUITY_SIZE","$93e0a646b230ea7f$export$250fa2f0e0a0ae2d","GRAUITY_COLOR","$8cbcc263f670cb67$export$3bf4c96953c50403","FOUR","EIGHT","TWELVE","SIXTEEN","TWENTY","TWENTY_FOUR","TWENTY_EIGHT","THIRTY_TWO","THIRTY_SIX","FORTY","$9e9ba7b4821e665f$export$bfde210aee969e37","GRAUITY_ICONS","$93e0a646b230ea7f$export$74eaf9ce0283ca6a","WHITE","BLACK","GREY","BLUE","RED","GREEN","ORANGE","YELLOW","PURPLE","$5965ca0b925355b2$export$8de62274c8c83544","GRAUITY_ROTATED_CHOICES","$5965ca0b925355b2$export$7157be2c39530a1b","GRAUITY_FLIPPED_CHOICES","$419cae6f23ffbade$export$18002f458cc7dd66","school","code","today","person","$419cae6f23ffbade$export$8ccf049745ac9a1d","buildings","objects","states","calendar","usersAndPeople","$5965ca0b925355b2$export$24f63745209ad7f5","CLOCKWISE","COUNTERCLOCKWISE","$5965ca0b925355b2$export$20d6cf3ab228a3ac","HORIZONTALLY","VERTICALLY","$9e62f2137a185622$export$2e2bcd8739ae039","props","as","$parcel$interopDefault","$ilWpy$styledcomponents","$9e62f2137a185622$var$templateObject_1","$9e62f2137a185622$var$__makeTemplateObject","href","$9e62f2137a185622$var$templateObject_2","$9e62f2137a185622$var$templateObject_3","$16aa4154c4e32542$export$aac7d417530cc39a","val","key","$16aa4154c4e32542$export$fb1b8744f6450628","concat","$f8fd2b3fc3688835$var$GrauityInit","_a","fontSize","multiplier","children","ElementType","$9e62f2137a185622$exports","default","$ilWpy$react","createElement","className","style","propTypes","$ilWpy$proptypes","elementType","string","number","node","defaultProps","$f8fd2b3fc3688835$export$2e2bcd8739ae039","$aba16f0e588731eb$var$Icon","ariaHidden","ariaLabel","bordered","circular","color","disabled","fitted","flipped","inverted","link","loading","name","rotated","size","$aba16f0e588731eb$var$__rest","Element","ariaOptions","$ilWpy$lodash","isNil","getIconAriaOptions","classes","$ilWpy$classnames","$aba16f0e588731eb$var$__assign","onClick","e","preventDefault","invoke","bool","oneOf","Object","keys","isRequired","object","undefined","$aba16f0e588731eb$export$2e2bcd8739ae039"],"version":3,"file":"main.cjs.map","sourceRoot":"../"}

package/dist/main.css

@@ -0,0 +1,2 @@
+*,:before,:after{box-sizing:inherit}html{box-sizing:border-box}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{margin:.67em 0;font-size:2em}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{-webkit-text-decoration-skip:objects;background-color:#0000}abbr[title]{text-decoration:underline;border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}dfn{font-style:italic}mark{color:#000;background-color:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){height:0;display:none}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0;font-family:sans-serif;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;max-width:100%;white-space:normal;padding:0;display:table}progress{vertical-align:baseline;display:inline-block}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}@font-face{font-family:Switzer;font-weight:100 900;src:url(fonts/Switzer-Variable.ttf)format("truetype-variations")}.grauity-init{font-family:Switzer,sans-serif}.grauity-init .font-size-4{font-size:calc(var(--multiplier)*.25em)}.grauity-init .font-size-8{font-size:calc(var(--multiplier)*.5em)}.grauity-init .font-size-12{font-size:calc(var(--multiplier)*.75em)}.grauity-init .font-size-16{font-size:calc(var(--multiplier)*1em)}.grauity-init .font-size-20{font-size:calc(var(--multiplier)*1.25em)}.grauity-init .font-size-24{font-size:calc(var(--multiplier)*1.5em)}.grauity-init .font-size-28{font-size:calc(var(--multiplier)*1.75em)}.grauity-init .font-size-32{font-size:calc(var(--multiplier)*2em)}.grauity-init .font-size-36{font-size:calc(var(--multiplier)*2.25em)}.grauity-init .font-size-40{font-size:calc(var(--multiplier)*2.5em)}@font-face{font-family:grauity-icons;src:url(fonts/grauity-icons.eot?11dbc8fa0d3d1838fd4c9b02193e6067#iefix)format("embedded-opentype"),url(fonts/grauity-icons.woff?11dbc8fa0d3d1838fd4c9b02193e6067)format("woff"),url(fonts/grauity-icons.woff2?11dbc8fa0d3d1838fd4c9b02193e6067)format("woff2"),url(fonts/grauity-icons.ttf?11dbc8fa0d3d1838fd4c9b02193e6067)format("truetype")}i[class^=grauity-icon-]:before,i[class*=\ grauity-icon-]:before{font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;line-height:1;font-family:grauity-icons!important;font-weight:400!important}.grauity-icon-school-left:before{content:""}.grauity-icon-school:before{content:""}.grauity-icon-code:before{content:""}.grauity-icon-today:before{content:""}.grauity-icon-person:before{content:""}.grauity-init{--icon-color-white:#fff;--icon-color-black:#2b303b;--icon-color-grey:#576175;--icon-color-blue:#06f;--icon-color-red:#d22d48;--icon-color-green:#24a87c;--icon-color-orange:#d6651f;--icon-color-yellow:#b37209;--icon-color-purple:#41198f;--disabled-icon-color-white:#fff;--disabled-icon-color-black:#2b303b;--disabled-icon-color-grey:#7b879d;--disabled-icon-color-blue:#80b2ff;--disabled-icon-color-red:#edabb6;--disabled-icon-color-green:#7de3c1;--disabled-icon-color-orange:#f2b38c;--disabled-icon-color-yellow:#ef9d1a;--disabled-icon-color-purple:#713cdd}@keyframes icon-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grauity-init .grauity-icon{vertical-align:middle;width:1em;backface-visibility:hidden;speak:none;text-decoration:inherit;opacity:1;text-align:center;margin:0 .1em;display:inline-block}.grauity-init .grauity-icon.white{color:var(--icon-color-white)}.grauity-init .grauity-icon.white.bordered,.grauity-init .grauity-icon.white.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-white)inset;box-shadow:0 0 0 .1em var(--icon-color-white)inset}.grauity-init .grauity-icon.white.bordered.inverted,.grauity-init .grauity-icon.white.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-white)}.grauity-init .grauity-icon.white.disabled{color:var(--disabled-icon-color-white)}.grauity-init .grauity-icon.white.disabled.bordered,.grauity-init .grauity-icon.white.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-white)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-white)inset}.grauity-init .grauity-icon.white.disabled.bordered.inverted,.grauity-init .grauity-icon.white.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-white)}.grauity-init .grauity-icon.black{color:var(--icon-color-black)}.grauity-init .grauity-icon.black.bordered,.grauity-init .grauity-icon.black.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-black)inset;box-shadow:0 0 0 .1em var(--icon-color-black)inset}.grauity-init .grauity-icon.black.bordered.inverted,.grauity-init .grauity-icon.black.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-black)}.grauity-init .grauity-icon.black.disabled{color:var(--disabled-icon-color-black)}.grauity-init .grauity-icon.black.disabled.bordered,.grauity-init .grauity-icon.black.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-black)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-black)inset}.grauity-init .grauity-icon.black.disabled.bordered.inverted,.grauity-init .grauity-icon.black.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-black)}.grauity-init .grauity-icon.grey{color:var(--icon-color-grey)}.grauity-init .grauity-icon.grey.bordered,.grauity-init .grauity-icon.grey.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-grey)inset;box-shadow:0 0 0 .1em var(--icon-color-grey)inset}.grauity-init .grauity-icon.grey.bordered.inverted,.grauity-init .grauity-icon.grey.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-grey)}.grauity-init .grauity-icon.grey.disabled{color:var(--disabled-icon-color-grey)}.grauity-init .grauity-icon.grey.disabled.bordered,.grauity-init .grauity-icon.grey.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-grey)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-grey)inset}.grauity-init .grauity-icon.grey.disabled.bordered.inverted,.grauity-init .grauity-icon.grey.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-grey)}.grauity-init .grauity-icon.blue{color:var(--icon-color-blue)}.grauity-init .grauity-icon.blue.bordered,.grauity-init .grauity-icon.blue.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-blue)inset;box-shadow:0 0 0 .1em var(--icon-color-blue)inset}.grauity-init .grauity-icon.blue.bordered.inverted,.grauity-init .grauity-icon.blue.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-blue)}.grauity-init .grauity-icon.blue.disabled{color:var(--disabled-icon-color-blue)}.grauity-init .grauity-icon.blue.disabled.bordered,.grauity-init .grauity-icon.blue.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-blue)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-blue)inset}.grauity-init .grauity-icon.blue.disabled.bordered.inverted,.grauity-init .grauity-icon.blue.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-blue)}.grauity-init .grauity-icon.red{color:var(--icon-color-red)}.grauity-init .grauity-icon.red.bordered,.grauity-init .grauity-icon.red.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-red)inset;box-shadow:0 0 0 .1em var(--icon-color-red)inset}.grauity-init .grauity-icon.red.bordered.inverted,.grauity-init .grauity-icon.red.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-red)}.grauity-init .grauity-icon.red.disabled{color:var(--disabled-icon-color-red)}.grauity-init .grauity-icon.red.disabled.bordered,.grauity-init .grauity-icon.red.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-red)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-red)inset}.grauity-init .grauity-icon.red.disabled.bordered.inverted,.grauity-init .grauity-icon.red.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-red)}.grauity-init .grauity-icon.green{color:var(--icon-color-green)}.grauity-init .grauity-icon.green.bordered,.grauity-init .grauity-icon.green.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-green)inset;box-shadow:0 0 0 .1em var(--icon-color-green)inset}.grauity-init .grauity-icon.green.bordered.inverted,.grauity-init .grauity-icon.green.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-green)}.grauity-init .grauity-icon.green.disabled{color:var(--disabled-icon-color-green)}.grauity-init .grauity-icon.green.disabled.bordered,.grauity-init .grauity-icon.green.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-green)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-green)inset}.grauity-init .grauity-icon.green.disabled.bordered.inverted,.grauity-init .grauity-icon.green.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-green)}.grauity-init .grauity-icon.orange{color:var(--icon-color-orange)}.grauity-init .grauity-icon.orange.bordered,.grauity-init .grauity-icon.orange.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-orange)inset;box-shadow:0 0 0 .1em var(--icon-color-orange)inset}.grauity-init .grauity-icon.orange.bordered.inverted,.grauity-init .grauity-icon.orange.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-orange)}.grauity-init .grauity-icon.orange.disabled{color:var(--disabled-icon-color-orange)}.grauity-init .grauity-icon.orange.disabled.bordered,.grauity-init .grauity-icon.orange.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-orange)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-orange)inset}.grauity-init .grauity-icon.orange.disabled.bordered.inverted,.grauity-init .grauity-icon.orange.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-orange)}.grauity-init .grauity-icon.yellow{color:var(--icon-color-yellow)}.grauity-init .grauity-icon.yellow.bordered,.grauity-init .grauity-icon.yellow.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-yellow)inset;box-shadow:0 0 0 .1em var(--icon-color-yellow)inset}.grauity-init .grauity-icon.yellow.bordered.inverted,.grauity-init .grauity-icon.yellow.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-yellow)}.grauity-init .grauity-icon.yellow.disabled{color:var(--disabled-icon-color-yellow)}.grauity-init .grauity-icon.yellow.disabled.bordered,.grauity-init .grauity-icon.yellow.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-yellow)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-yellow)inset}.grauity-init .grauity-icon.yellow.disabled.bordered.inverted,.grauity-init .grauity-icon.yellow.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-yellow)}.grauity-init .grauity-icon.purple{color:var(--icon-color-purple)}.grauity-init .grauity-icon.purple.bordered,.grauity-init .grauity-icon.purple.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-purple)inset;box-shadow:0 0 0 .1em var(--icon-color-purple)inset}.grauity-init .grauity-icon.purple.bordered.inverted,.grauity-init .grauity-icon.purple.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-purple)}.grauity-init .grauity-icon.purple.disabled{color:var(--disabled-icon-color-purple)}.grauity-init .grauity-icon.purple.disabled.bordered,.grauity-init .grauity-icon.purple.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-purple)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-purple)inset}.grauity-init .grauity-icon.purple.disabled.bordered.inverted,.grauity-init .grauity-icon.purple.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-purple)}.grauity-init .grauity-icon.size-4{font-size:calc(var(--multiplier)*.25em)}.grauity-init .grauity-icon.size-8{font-size:calc(var(--multiplier)*.5em)}.grauity-init .grauity-icon.size-12{font-size:calc(var(--multiplier)*.75em)}.grauity-init .grauity-icon.size-16{font-size:calc(var(--multiplier)*1em)}.grauity-init .grauity-icon.size-20{font-size:calc(var(--multiplier)*1.25em)}.grauity-init .grauity-icon.size-24{font-size:calc(var(--multiplier)*1.5em)}.grauity-init .grauity-icon.size-28{font-size:calc(var(--multiplier)*1.75em)}.grauity-init .grauity-icon.size-32{font-size:calc(var(--multiplier)*2em)}.grauity-init .grauity-icon.size-36{font-size:calc(var(--multiplier)*2.25em)}.grauity-init .grauity-icon.size-40{font-size:calc(var(--multiplier)*2.5em)}.grauity-init .grauity-icon.loading{-webkit-animation:2s linear infinite icon-loading;animation:2s linear infinite icon-loading}.grauity-init .grauity-icon.fitted{width:auto;margin:0!important}.grauity-init .grauity-icon.horizontally-flipped{transform:scaleX(-1)}.grauity-init .grauity-icon.vertically-flipped{transform:scaleY(-1)}.grauity-init .grauity-icon.clockwise-rotated{transform:rotate(90deg)}.grauity-init .grauity-icon.counterclockwise-rotated{transform:rotate(-90deg)}.grauity-init .grauity-icon.link{cursor:pointer;opacity:.8;transition:opacity .1s ease-in-out}.grauity-init .grauity-icon.link:hover{opacity:1}.grauity-init .grauity-icon.circular{border-radius:50%}.grauity-init{font-size:calc(var(--multiplier)*16px)}
+/*# sourceMappingURL=main.css.map */

package/dist/main.css.map

@@ -0,0 +1 @@
+{"mappings":"ACiBA,oCAMA,2BAKA,wHAmBA,8EAiBA,cAOA,sDAaA,gCAWA,qCAWA,uBAQA,oDAgBA,wCAeA,8DAaA,mIAgBA,gDAiBA,kDAcA,sBAOA,sCAQA,oBAQA,8EAQA,kBAIA,cASA,iCAQA,4CAQA,sBAOA,+BAUA,sGAuBA,8BAWA,kCAYA,+EAYA,oJAWA,0IAUA,oCAUA,qGAyBA,sDAYA,uBAQA,6DAaA,8FASA,+DAYA,6GASA,oEAeA,2BAQA,0BASA,4BAOA,sBASA,sBCzfA,oHAMA,6CAIQ,mEAAA,kEAAA,oEAAA,kEAAA,qEAAA,oEAAA,qEAAA,kEAAA,qEAAA,oECVR,oXAQA,2QAmBA,+CAGA,0CAGA,wCAGA,yCAGA,0CCmCA,0jBC5EA,4ECKA,yLAYQ,gEAGI,oMAII,+KAMJ,kFAGI,wOAII,mNApBZ,gEAGI,oMAII,+KAMJ,kFAGI,wOAII,mNApBZ,8DAGI,gMAII,4KAMJ,gFAGI,oOAII,gNApBZ,8DAGI,gMAII,4KAMJ,gFAGI,oOAII,gNApBZ,4DAGI,4LAII,yKAMJ,8EAGI,gOAII,6MApBZ,gEAGI,oMAII,+KAMJ,kFAGI,wOAII,mNApBZ,kEAGI,wMAII,kLAMJ,oFAGI,4OAII,sNApBZ,kEAGI,wMAII,kLAMJ,oFAGI,4OAII,sNApBZ,kEAGI,wMAII,kLAMJ,oFAGI,4OAII,sNAUZ,2EAAA,0EAAA,4EAAA,0EAAA,6EAAA,4EAAA,6EAAA,0EAAA,6EAAA,4EAKJ,gIAKA,iEAKA,sEAIA,oEAIA,sEAIA,8EAIA,8FAKI,iDAKJ,uDChFJ","sources":["main.css","ui/css/reset.scss","ui/css/fonts.scss","ui/css/grauity-icons.scss","ui/css/colors.scss","ui/css/animations.scss","ui/css/icons.scss","ui/css/index.scss"],"sourcesContent":["/*!\n * # Gra.UI.ty 1.0.0 - Reset\n * https://github.com/Newton-School/grauity\n *\n *\n * Released under the MIT license\n * http://opensource.org/licenses/MIT\n *\n */\n/*******************************\n             Reset\n*******************************/\n/* Border-Box */\n*,\n*:before,\n*:after {\n  box-sizing: inherit;\n}\n\nhtml {\n  box-sizing: border-box;\n}\n\n/* iPad Input Shadows */\ninput[type=text],\ninput[type=email],\ninput[type=search],\ninput[type=password] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  /* mobile firefox too! */\n}\n\n/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */\n/* Document\n   ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n *    IE on Windows Phone and in iOS.\n */\nhtml {\n  line-height: 1.15;\n  /* 1 */\n  -ms-text-size-adjust: 100%;\n  /* 2 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n  margin: 0;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\nfigcaption,\nfigure,\nmain {\n  /* 1 */\n  display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n  margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box;\n  /* 1 */\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\na {\n  background-color: transparent;\n  /* 1 */\n  -webkit-text-decoration-skip: objects;\n  /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none;\n  /* 1 */\n  text-decoration: underline;\n  /* 2 */\n  -webkit-text-decoration: underline dotted;\n  text-decoration: underline dotted;\n  /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n  font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n  font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\naudio,\nvideo {\n  display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n  border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: sans-serif;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  line-height: 1.15;\n  /* 1 */\n  margin: 0;\n  /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n *    controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n  /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  white-space: normal;\n  /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  display: inline-block;\n  /* 1 */\n  vertical-align: baseline;\n  /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box;\n  /* 1 */\n  padding: 0;\n  /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-cancel-button,\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\ndetails,\nmenu {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Scripting\n   ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\ntemplate {\n  display: none;\n}\n\n/* Hidden\n   ========================================================================== */\n/**\n * Add the correct display in IE 10-.\n */\n[hidden] {\n  display: none;\n}\n\n/*******************************\n         Site Overrides\n*******************************/\n@font-face {\n  font-family: \"Switzer\";\n  font-weight: 100 900;\n  src: url(\"fonts/Switzer-Variable.ttf\") format(\"truetype-variations\");\n}\n.grauity-init {\n  font-family: \"Switzer\", sans-serif;\n}\n.grauity-init .font-size-4 {\n  font-size: calc(var(--multiplier) * 0.25em);\n}\n.grauity-init .font-size-8 {\n  font-size: calc(var(--multiplier) * 0.5em);\n}\n.grauity-init .font-size-12 {\n  font-size: calc(var(--multiplier) * 0.75em);\n}\n.grauity-init .font-size-16 {\n  font-size: calc(var(--multiplier) * 1em);\n}\n.grauity-init .font-size-20 {\n  font-size: calc(var(--multiplier) * 1.25em);\n}\n.grauity-init .font-size-24 {\n  font-size: calc(var(--multiplier) * 1.5em);\n}\n.grauity-init .font-size-28 {\n  font-size: calc(var(--multiplier) * 1.75em);\n}\n.grauity-init .font-size-32 {\n  font-size: calc(var(--multiplier) * 2em);\n}\n.grauity-init .font-size-36 {\n  font-size: calc(var(--multiplier) * 2.25em);\n}\n.grauity-init .font-size-40 {\n  font-size: calc(var(--multiplier) * 2.5em);\n}\n\n@font-face {\n  font-family: \"grauity-icons\";\n  src: url(\"fonts/grauity-icons.eot?11dbc8fa0d3d1838fd4c9b02193e6067#iefix\") format(\"embedded-opentype\"), url(\"fonts/grauity-icons.woff?11dbc8fa0d3d1838fd4c9b02193e6067\") format(\"woff\"), url(\"fonts/grauity-icons.woff2?11dbc8fa0d3d1838fd4c9b02193e6067\") format(\"woff2\"), url(\"fonts/grauity-icons.ttf?11dbc8fa0d3d1838fd4c9b02193e6067\") format(\"truetype\");\n}\ni[class^=grauity-icon-]:before, i[class*=\" grauity-icon-\"]:before {\n  font-family: grauity-icons !important;\n  font-style: normal;\n  font-weight: normal !important;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.grauity-icon-school-left:before {\n  content: \"\\f101\";\n}\n\n.grauity-icon-school:before {\n  content: \"\\f102\";\n}\n\n.grauity-icon-code:before {\n  content: \"\\f103\";\n}\n\n.grauity-icon-today:before {\n  content: \"\\f104\";\n}\n\n.grauity-icon-person:before {\n  content: \"\\f105\";\n}\n\n.grauity-init {\n  --icon-color-white: #FFFFFF;\n  --icon-color-black: #2B303B;\n  --icon-color-grey: #576175;\n  --icon-color-blue: #0066FF;\n  --icon-color-red: #D22D48;\n  --icon-color-green: #24A87C;\n  --icon-color-orange: #D6651F;\n  --icon-color-yellow: #B37209;\n  --icon-color-purple: #41198F;\n  --disabled-icon-color-white: #FFFFFF;\n  --disabled-icon-color-black: #2B303B;\n  --disabled-icon-color-grey: #7B879D;\n  --disabled-icon-color-blue: #80B2FF;\n  --disabled-icon-color-red: #EDABB6;\n  --disabled-icon-color-green: #7DE3C1;\n  --disabled-icon-color-orange: #F2B38C;\n  --disabled-icon-color-yellow: #EF9D1A;\n  --disabled-icon-color-purple: #713CDD;\n}\n\n@keyframes icon-loading {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.grauity-init .grauity-icon {\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0 0.1em;\n  width: 1em;\n  backface-visibility: hidden;\n  speak: none;\n  text-decoration: inherit;\n  opacity: 1;\n  text-align: center;\n}\n.grauity-init .grauity-icon.white {\n  color: var(--icon-color-white);\n}\n.grauity-init .grauity-icon.white.bordered, .grauity-init .grauity-icon.white.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-white) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-white) inset;\n}\n.grauity-init .grauity-icon.white.bordered.inverted, .grauity-init .grauity-icon.white.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-white);\n}\n.grauity-init .grauity-icon.white.disabled {\n  color: var(--disabled-icon-color-white);\n}\n.grauity-init .grauity-icon.white.disabled.bordered, .grauity-init .grauity-icon.white.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-white) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-white) inset;\n}\n.grauity-init .grauity-icon.white.disabled.bordered.inverted, .grauity-init .grauity-icon.white.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-white);\n}\n.grauity-init .grauity-icon.black {\n  color: var(--icon-color-black);\n}\n.grauity-init .grauity-icon.black.bordered, .grauity-init .grauity-icon.black.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-black) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-black) inset;\n}\n.grauity-init .grauity-icon.black.bordered.inverted, .grauity-init .grauity-icon.black.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-black);\n}\n.grauity-init .grauity-icon.black.disabled {\n  color: var(--disabled-icon-color-black);\n}\n.grauity-init .grauity-icon.black.disabled.bordered, .grauity-init .grauity-icon.black.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-black) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-black) inset;\n}\n.grauity-init .grauity-icon.black.disabled.bordered.inverted, .grauity-init .grauity-icon.black.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-black);\n}\n.grauity-init .grauity-icon.grey {\n  color: var(--icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.bordered, .grauity-init .grauity-icon.grey.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-grey) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-grey) inset;\n}\n.grauity-init .grauity-icon.grey.bordered.inverted, .grauity-init .grauity-icon.grey.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.disabled {\n  color: var(--disabled-icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.disabled.bordered, .grauity-init .grauity-icon.grey.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-grey) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-grey) inset;\n}\n.grauity-init .grauity-icon.grey.disabled.bordered.inverted, .grauity-init .grauity-icon.grey.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-grey);\n}\n.grauity-init .grauity-icon.blue {\n  color: var(--icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.bordered, .grauity-init .grauity-icon.blue.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-blue) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-blue) inset;\n}\n.grauity-init .grauity-icon.blue.bordered.inverted, .grauity-init .grauity-icon.blue.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.disabled {\n  color: var(--disabled-icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.disabled.bordered, .grauity-init .grauity-icon.blue.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-blue) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-blue) inset;\n}\n.grauity-init .grauity-icon.blue.disabled.bordered.inverted, .grauity-init .grauity-icon.blue.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-blue);\n}\n.grauity-init .grauity-icon.red {\n  color: var(--icon-color-red);\n}\n.grauity-init .grauity-icon.red.bordered, .grauity-init .grauity-icon.red.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-red) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-red) inset;\n}\n.grauity-init .grauity-icon.red.bordered.inverted, .grauity-init .grauity-icon.red.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-red);\n}\n.grauity-init .grauity-icon.red.disabled {\n  color: var(--disabled-icon-color-red);\n}\n.grauity-init .grauity-icon.red.disabled.bordered, .grauity-init .grauity-icon.red.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-red) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-red) inset;\n}\n.grauity-init .grauity-icon.red.disabled.bordered.inverted, .grauity-init .grauity-icon.red.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-red);\n}\n.grauity-init .grauity-icon.green {\n  color: var(--icon-color-green);\n}\n.grauity-init .grauity-icon.green.bordered, .grauity-init .grauity-icon.green.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-green) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-green) inset;\n}\n.grauity-init .grauity-icon.green.bordered.inverted, .grauity-init .grauity-icon.green.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-green);\n}\n.grauity-init .grauity-icon.green.disabled {\n  color: var(--disabled-icon-color-green);\n}\n.grauity-init .grauity-icon.green.disabled.bordered, .grauity-init .grauity-icon.green.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-green) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-green) inset;\n}\n.grauity-init .grauity-icon.green.disabled.bordered.inverted, .grauity-init .grauity-icon.green.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-green);\n}\n.grauity-init .grauity-icon.orange {\n  color: var(--icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.bordered, .grauity-init .grauity-icon.orange.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-orange) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-orange) inset;\n}\n.grauity-init .grauity-icon.orange.bordered.inverted, .grauity-init .grauity-icon.orange.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.disabled {\n  color: var(--disabled-icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.disabled.bordered, .grauity-init .grauity-icon.orange.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-orange) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-orange) inset;\n}\n.grauity-init .grauity-icon.orange.disabled.bordered.inverted, .grauity-init .grauity-icon.orange.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-orange);\n}\n.grauity-init .grauity-icon.yellow {\n  color: var(--icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.bordered, .grauity-init .grauity-icon.yellow.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-yellow) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-yellow) inset;\n}\n.grauity-init .grauity-icon.yellow.bordered.inverted, .grauity-init .grauity-icon.yellow.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.disabled {\n  color: var(--disabled-icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.disabled.bordered, .grauity-init .grauity-icon.yellow.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-yellow) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-yellow) inset;\n}\n.grauity-init .grauity-icon.yellow.disabled.bordered.inverted, .grauity-init .grauity-icon.yellow.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-yellow);\n}\n.grauity-init .grauity-icon.purple {\n  color: var(--icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.bordered, .grauity-init .grauity-icon.purple.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-purple) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-purple) inset;\n}\n.grauity-init .grauity-icon.purple.bordered.inverted, .grauity-init .grauity-icon.purple.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.disabled {\n  color: var(--disabled-icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.disabled.bordered, .grauity-init .grauity-icon.purple.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-purple) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-purple) inset;\n}\n.grauity-init .grauity-icon.purple.disabled.bordered.inverted, .grauity-init .grauity-icon.purple.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-purple);\n}\n.grauity-init .grauity-icon.size-4 {\n  font-size: calc(var(--multiplier) * 0.25em);\n}\n.grauity-init .grauity-icon.size-8 {\n  font-size: calc(var(--multiplier) * 0.5em);\n}\n.grauity-init .grauity-icon.size-12 {\n  font-size: calc(var(--multiplier) * 0.75em);\n}\n.grauity-init .grauity-icon.size-16 {\n  font-size: calc(var(--multiplier) * 1em);\n}\n.grauity-init .grauity-icon.size-20 {\n  font-size: calc(var(--multiplier) * 1.25em);\n}\n.grauity-init .grauity-icon.size-24 {\n  font-size: calc(var(--multiplier) * 1.5em);\n}\n.grauity-init .grauity-icon.size-28 {\n  font-size: calc(var(--multiplier) * 1.75em);\n}\n.grauity-init .grauity-icon.size-32 {\n  font-size: calc(var(--multiplier) * 2em);\n}\n.grauity-init .grauity-icon.size-36 {\n  font-size: calc(var(--multiplier) * 2.25em);\n}\n.grauity-init .grauity-icon.size-40 {\n  font-size: calc(var(--multiplier) * 2.5em);\n}\n.grauity-init .grauity-icon.loading {\n  animation: icon-loading 2s linear infinite;\n  -webkit-animation: icon-loading 2s linear infinite;\n}\n.grauity-init .grauity-icon.fitted {\n  width: auto;\n  margin: 0 !important;\n}\n.grauity-init .grauity-icon.horizontally-flipped {\n  transform: scaleX(-1);\n}\n.grauity-init .grauity-icon.vertically-flipped {\n  transform: scaleY(-1);\n}\n.grauity-init .grauity-icon.clockwise-rotated {\n  transform: rotate(90deg);\n}\n.grauity-init .grauity-icon.counterclockwise-rotated {\n  transform: rotate(-90deg);\n}\n.grauity-init .grauity-icon.link {\n  cursor: pointer;\n  opacity: 0.8;\n  transition: opacity 0.1s ease-in-out;\n}\n.grauity-init .grauity-icon.link:hover {\n  opacity: 1;\n}\n.grauity-init .grauity-icon.circular {\n  border-radius: 50%;\n}\n\n.grauity-init {\n  font-size: calc(var(--multiplier) * 16px);\n}\n/*# sourceMappingURL=main.css.map */\n",null,null,null,null,null,null,"@import \"reset\";\n@import \"fonts\";\n@import \"grauity-icons\";\n@import \"colors\";\n@import \"animations\";\n\n@import \"icons\";\n\n.grauity-init {\n    font-size: calc(var(--multiplier) * 16px);\n}\n"],"names":[],"version":3,"file":"main.css.map","sourceRoot":"../"}