@via-profit/ui-kit 0.1.0-rc.1

package/dist/Typography/Base.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_1 = __importDefault(require("@emotion/styled"));
+const Base = styled_1.default.span `
+  font-size: 1rem;
+  font-weight: 300;
+`;
+exports.default = Base;

package/dist/Typography/Blockquote.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const Blockquote: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, {}>;
+export default Blockquote;

package/dist/Typography/Blockquote.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_1 = __importDefault(require("@emotion/styled"));
+const Blockquote = styled_1.default.blockquote `
+  font-size: 1rem;
+  font-weight: 400;
+  font-style: italic;
+  position: relative;
+  border-left: 4px solid ${({ theme }) => theme.colors.textSecondary().toString()};
+  color: ${({ theme }) => theme.colors.textSecondary().toString()};
+  margin: 0;
+  padding: 1em 0 1em 2em;
+  & > p:first-of-type {
+    margin-top: 0;
+  }
+  & > p:last-child {
+    margin-bottom: 0;
+  }
+`;
+exports.default = Blockquote;

package/dist/Typography/Del.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const Del: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLModElement>, HTMLModElement>, {}>;
+export default Del;

package/dist/Typography/Del.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_1 = __importDefault(require("@emotion/styled"));
+const Del = styled_1.default.del `
+  font-size: 1em;
+`;
+exports.default = Del;

package/dist/Typography/Em.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const Em: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export default Em;

package/dist/Typography/Em.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_1 = __importDefault(require("@emotion/styled"));
+const Em = styled_1.default.em `
+  font-size: 1em;
+`;
+exports.default = Em;

package/dist/Typography/H1.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const H1: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export default H1;

package/dist/Typography/H1.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_1 = __importDefault(require("@emotion/styled"));
+const H1 = styled_1.default.h1 `
+  font-size: 2rem;
+  font-weight: 700;
+`;
+exports.default = H1;

package/dist/Typography/H2.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const H2: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export default H2;

package/dist/Typography/H2.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_1 = __importDefault(require("@emotion/styled"));
+const H2 = styled_1.default.h2 `
+  font-size: 1.5rem;
+  font-weight: 500;
+`;
+exports.default = H2;

package/dist/Typography/H3.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const H3: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export default H3;

package/dist/Typography/H3.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_1 = __importDefault(require("@emotion/styled"));
+const H3 = styled_1.default.h3 `
+  font-size: 1.25rem;
+  font-weight: 500;
+`;
+exports.default = H3;

package/dist/Typography/H4.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const H4: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export default H4;

package/dist/Typography/H4.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_1 = __importDefault(require("@emotion/styled"));
+const H4 = styled_1.default.h4 `
+  font-size: 1.2rem;
+  font-weight: 500;
+`;
+exports.default = H4;

package/dist/Typography/H5.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const H5: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export default H5;

package/dist/Typography/H5.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_1 = __importDefault(require("@emotion/styled"));
+const H5 = styled_1.default.h5 `
+  font-size: 1.2rem;
+  font-weight: 300;
+`;
+exports.default = H5;

package/dist/Typography/List.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare const Ul: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const Ol: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const Li: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export default Ul;

package/dist/Typography/List.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Li = exports.Ol = exports.Ul = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+exports.Ul = styled_1.default.ul `
+  font-size: 1em;
+`;
+exports.Ol = styled_1.default.ul `
+  font-size: 1em;
+`;
+exports.Li = styled_1.default.li `
+  font-size: 1em;
+`;
+exports.default = exports.Ul;

package/dist/Typography/Paragraph.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const Paragraph: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export default Paragraph;

package/dist/Typography/Paragraph.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_1 = __importDefault(require("@emotion/styled"));
+const Paragraph = styled_1.default.p `
+  font-size: 1rem;
+  font-weight: 300;
+`;
+exports.default = Paragraph;

package/dist/Typography/SectionDescription.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const SectionDescription: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export default SectionDescription;

package/dist/Typography/SectionDescription.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_1 = __importDefault(require("@emotion/styled"));
+const Paragraph_1 = __importDefault(require("./Paragraph"));
+const SectionDescription = (0, styled_1.default)(Paragraph_1.default) `
+  display: flex;
+  justify-content: center;
+  text-align: center;
+  padding: 0 20%;
+  margin-top: 2.4em;
+  margin-bottom: 1em;
+  text-align: center;
+`;
+exports.default = SectionDescription;

package/dist/Typography/SectionTitle.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type Props = {
+    style?: any;
+    className?: string;
+    children: React.ReactNode | React.ReactNode[];
+};
+declare const SectionTitle: React.FC<Props>;
+export default SectionTitle;

package/dist/Typography/SectionTitle.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const styled_1 = __importDefault(require("@emotion/styled"));
+const H2_1 = __importDefault(require("./H2"));
+const Title = (0, styled_1.default)(H2_1.default) `
+  justify-content: center;
+  display: flex;
+  text-align: center;
+`;
+const Inner = styled_1.default.span `
+  position: relative;
+  & :before {
+    content: '';
+    position: absolute;
+    left: 50%;
+    bottom: -15px;
+    height: 3px;
+    width: 40px;
+    transform: translate(-50%, 0);
+  }
+`;
+const SectionTitle = props => {
+    const { style, className, children } = props;
+    return (react_1.default.createElement(Title, { style: style, className: className },
+        react_1.default.createElement(Inner, null, children)));
+};
+exports.default = SectionTitle;

package/dist/Typography/Span.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const Span: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export default Span;

package/dist/Typography/Span.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_1 = __importDefault(require("@emotion/styled"));
+const Span = styled_1.default.span `
+  font-size: 1em;
+`;
+exports.default = Span;

package/dist/Typography/Strong.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const Strong: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export default Strong;

package/dist/Typography/Strong.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_1 = __importDefault(require("@emotion/styled"));
+const Strong = styled_1.default.strong `
+  font-size: 1em;
+`;
+exports.default = Strong;

package/dist/Typography/U.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const U: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export default U;

package/dist/Typography/U.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_1 = __importDefault(require("@emotion/styled"));
+const U = styled_1.default.u `
+  font-size: 1em;
+`;
+exports.default = U;

package/dist/color/Color.d.ts

@@ -0,0 +1,44 @@
+export interface ColorInterface {
+    parseColor(value: string): ParsedColor;
+    shade(decimal: number): this;
+    alpha(decimal: number): this;
+    lighten(decimal: number): this;
+    darken(decimal: number): this;
+    getHextByWebColor(value: string): string;
+    rgbString(): string;
+    hexString(): string;
+    toString(): string;
+    luminance(): number;
+    contrast(rgb2: string | Color): number;
+}
+export type ParsedColor = {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+declare class Color implements ColorInterface {
+    #private;
+    constructor(value: string);
+    lighten(decimal: number): this;
+    darken(decimal: number): this;
+    alpha(decimal: number): this;
+    /**
+     * Get color luminance value
+     */
+    luminance(): number;
+    contrast(rgb2: string | Color): number;
+    /**
+     * Lighten or darknest color to lum steps
+     * lum - 0-25
+     */
+    shade(lum: number): this;
+    rgb(): ParsedColor;
+    toString(): string;
+    rgbString(): string;
+    hexString(): string;
+    parseColor(value: string): ParsedColor;
+    hslToRgb(value: string): ParsedColor;
+    getHextByWebColor(value: string): string;
+}
+export default Color;