@openfin/ui-library 0.1.1 → 0.1.2-alpha.1616610135

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (90) hide show
  1. package/package.json +3 -1
  2. package/dist/components/controls/Button/button.d.ts +0 -37
  3. package/dist/components/controls/Button/button.js +0 -95
  4. package/dist/components/controls/Button/button.variants.d.ts +0 -64
  5. package/dist/components/controls/Button/button.variants.js +0 -88
  6. package/dist/components/controls/Button/index.d.ts +0 -2
  7. package/dist/components/controls/Button/index.js +0 -14
  8. package/dist/components/controls/Toggle/index.d.ts +0 -1
  9. package/dist/components/controls/Toggle/index.js +0 -13
  10. package/dist/components/controls/Toggle/toggle.d.ts +0 -9
  11. package/dist/components/controls/Toggle/toggle.js +0 -94
  12. package/dist/components/elements/Badge/badge.d.ts +0 -17
  13. package/dist/components/elements/Badge/badge.js +0 -41
  14. package/dist/components/elements/Badge/index.d.ts +0 -1
  15. package/dist/components/elements/Badge/index.js +0 -13
  16. package/dist/components/elements/Icon/icon.d.ts +0 -15
  17. package/dist/components/elements/Icon/icon.js +0 -56
  18. package/dist/components/elements/Icon/icon.variants.d.ts +0 -28
  19. package/dist/components/elements/Icon/icon.variants.js +0 -60
  20. package/dist/components/elements/Icon/index.d.ts +0 -1
  21. package/dist/components/elements/Icon/index.js +0 -13
  22. package/dist/components/elements/Icon/openfin/OpenFinIcon.d.ts +0 -2
  23. package/dist/components/elements/Icon/openfin/OpenFinIcon.js +0 -20
  24. package/dist/components/elements/Icon/openfin/index.d.ts +0 -1
  25. package/dist/components/elements/Icon/openfin/index.js +0 -13
  26. package/dist/components/input/Input/index.d.ts +0 -1
  27. package/dist/components/input/Input/index.js +0 -13
  28. package/dist/components/input/Input/input.d.ts +0 -6
  29. package/dist/components/input/Input/input.js +0 -12
  30. package/dist/components/input/TextInput/index.d.ts +0 -1
  31. package/dist/components/input/TextInput/index.js +0 -13
  32. package/dist/components/input/TextInput/textInput.d.ts +0 -3
  33. package/dist/components/input/TextInput/textInput.js +0 -30
  34. package/dist/components/layout/Box/box.d.ts +0 -41
  35. package/dist/components/layout/Box/box.js +0 -44
  36. package/dist/components/layout/Box/index.d.ts +0 -1
  37. package/dist/components/layout/Box/index.js +0 -13
  38. package/dist/components/layout/Box/types.d.ts +0 -7
  39. package/dist/components/layout/Box/types.js +0 -2
  40. package/dist/components/list/DefinitionList/definitionList.d.ts +0 -7
  41. package/dist/components/list/DefinitionList/definitionList.js +0 -38
  42. package/dist/components/list/DefinitionList/index.d.ts +0 -1
  43. package/dist/components/list/DefinitionList/index.js +0 -13
  44. package/dist/components/system/GlobalStyles/globalStyles.d.ts +0 -1
  45. package/dist/components/system/GlobalStyles/globalStyles.js +0 -54
  46. package/dist/components/system/GlobalStyles/index.d.ts +0 -1
  47. package/dist/components/system/GlobalStyles/index.js +0 -13
  48. package/dist/components/system/ThemeProvider/index.d.ts +0 -6
  49. package/dist/components/system/ThemeProvider/index.js +0 -18
  50. package/dist/components/system/ThemeProvider/lib/config.d.ts +0 -7
  51. package/dist/components/system/ThemeProvider/lib/config.js +0 -9
  52. package/dist/components/system/ThemeProvider/lib/constants.d.ts +0 -526
  53. package/dist/components/system/ThemeProvider/lib/constants.js +0 -270
  54. package/dist/components/system/ThemeProvider/lib/font-face-base64.d.ts +0 -2
  55. package/dist/components/system/ThemeProvider/lib/font-face-base64.js +0 -71
  56. package/dist/components/system/ThemeProvider/lib/font-face-cdn.d.ts +0 -2
  57. package/dist/components/system/ThemeProvider/lib/font-face-cdn.js +0 -48
  58. package/dist/components/system/ThemeProvider/lib/helpers.d.ts +0 -19
  59. package/dist/components/system/ThemeProvider/lib/helpers.js +0 -31
  60. package/dist/components/system/ThemeProvider/lib/interface.d.ts +0 -25
  61. package/dist/components/system/ThemeProvider/lib/interface.js +0 -2
  62. package/dist/components/system/ThemeProvider/lib/palette.d.ts +0 -25
  63. package/dist/components/system/ThemeProvider/lib/palette.js +0 -28
  64. package/dist/components/system/ThemeProvider/lib/types.d.ts +0 -49
  65. package/dist/components/system/ThemeProvider/lib/types.js +0 -2
  66. package/dist/components/system/ThemeProvider/themeProvider.d.ts +0 -20
  67. package/dist/components/system/ThemeProvider/themeProvider.js +0 -20
  68. package/dist/components/system/ThemeProvider/themes/index.d.ts +0 -1
  69. package/dist/components/system/ThemeProvider/themes/index.js +0 -13
  70. package/dist/components/system/ThemeProvider/themes/openfin.d.ts +0 -9
  71. package/dist/components/system/ThemeProvider/themes/openfin.js +0 -52
  72. package/dist/components/typography/Heading/heading.d.ts +0 -1608
  73. package/dist/components/typography/Heading/heading.js +0 -64
  74. package/dist/components/typography/Heading/index.d.ts +0 -1
  75. package/dist/components/typography/Heading/index.js +0 -13
  76. package/dist/components/typography/Text/index.d.ts +0 -1
  77. package/dist/components/typography/Text/index.js +0 -13
  78. package/dist/components/typography/Text/text.d.ts +0 -19
  79. package/dist/components/typography/Text/text.js +0 -21
  80. package/dist/hooks/useColorScheme.d.ts +0 -12
  81. package/dist/hooks/useColorScheme.js +0 -33
  82. package/dist/hooks/useMediaQuery.d.ts +0 -12
  83. package/dist/hooks/useMediaQuery.js +0 -39
  84. package/dist/hooks/useTheme.d.ts +0 -9
  85. package/dist/hooks/useTheme.js +0 -32
  86. package/dist/index.d.ts +0 -14
  87. package/dist/index.js +0 -39
  88. package/dist/react-app-env.d.js +0 -2
  89. package/dist/storybookHelpers.d.ts +0 -84
  90. package/dist/storybookHelpers.js +0 -55
@@ -1,60 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.variants = exports.Variant = void 0;
4
- const styled_components_1 = require("styled-components");
5
- /**
6
- * Define all Button Variants here in one place.
7
- * Variants should match the variants in Figma
8
- */
9
- exports.Variant = {
10
- iconSize: 'iconSize',
11
- containerSize: 'containerSize',
12
- };
13
- exports.variants = {
14
- [exports.Variant.iconSize]: {
15
- xsmall: styled_components_1.css `
16
- --px-icon: ${({ theme }) => theme.iconSize.xsmall};
17
- `,
18
- small: styled_components_1.css `
19
- --px-icon: ${({ theme }) => theme.iconSize.small};
20
- `,
21
- base: styled_components_1.css `
22
- --px-icon: ${({ theme }) => theme.iconSize.base};
23
- `,
24
- large: styled_components_1.css `
25
- --px-icon: ${({ theme }) => theme.iconSize.large};
26
- `,
27
- xlarge: styled_components_1.css `
28
- --px-icon: ${({ theme }) => theme.iconSize.xlarge};
29
- `,
30
- xxlarge: styled_components_1.css `
31
- --px-icon: ${({ theme }) => theme.iconSize.xxlarge};
32
- `,
33
- xxxlarge: styled_components_1.css `
34
- --px-icon: ${({ theme }) => theme.iconSize.xxxlarge};
35
- `,
36
- },
37
- [exports.Variant.containerSize]: {
38
- xsmall: styled_components_1.css `
39
- --px-container: ${({ theme }) => theme.iconSize.xsmall};
40
- `,
41
- small: styled_components_1.css `
42
- --px-container: ${({ theme }) => theme.iconSize.small};
43
- `,
44
- base: styled_components_1.css `
45
- --px-container: ${({ theme }) => theme.iconSize.base};
46
- `,
47
- large: styled_components_1.css `
48
- --px-container: ${({ theme }) => theme.iconSize.large};
49
- `,
50
- xlarge: styled_components_1.css `
51
- --px-container: ${({ theme }) => theme.iconSize.xlarge};
52
- `,
53
- xxlarge: styled_components_1.css `
54
- --px-container: ${({ theme }) => theme.iconSize.xxlarge};
55
- `,
56
- xxxlarge: styled_components_1.css `
57
- --px-container: ${({ theme }) => theme.iconSize.xxxlarge};
58
- `,
59
- },
60
- };
@@ -1 +0,0 @@
1
- export * from './icon';
@@ -1,13 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- __exportStar(require("./icon"), exports);
@@ -1,2 +0,0 @@
1
- import { IconProps } from '@modulz/radix-icons/dist/types';
2
- export declare const OpenFinIcon: ({ color, ...props }: IconProps) => JSX.Element;
@@ -1,20 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.OpenFinIcon = void 0;
15
- const jsx_runtime_1 = require("react/jsx-runtime");
16
- const OpenFinIcon = (_a) => {
17
- var { color = 'currentColor' } = _a, props = __rest(_a, ["color"]);
18
- return (jsx_runtime_1.jsx("svg", Object.assign({ width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx_runtime_1.jsx("path", { d: "M14.2685 5.73916C14.1785 5.64906 14.0817 5.56592 13.979 5.49047L13.9412 5.46429C13.9196 5.44919 13.8984 5.43358 13.8763 5.41898C13.8541 5.40438 13.8284 5.38878 13.8048 5.37418L13.7715 5.35354C13.7418 5.33592 13.7116 5.3193 13.6814 5.30319L13.6638 5.29363C13.3065 5.10618 12.9091 5.00807 12.5057 5.00768C11.8417 5.00715 11.2052 4.74291 10.7362 4.2731C10.2671 3.8033 10.004 3.16642 10.0046 2.50262C10.0065 1.49222 9.39933 0.580219 8.46634 0.191911C7.53335 -0.196397 6.45826 0.015466 5.74244 0.728701C5.02661 1.44194 4.81103 2.51607 5.19621 3.4502C5.5814 4.38433 6.4915 4.99447 7.5021 4.9961C8.16603 4.99664 8.80256 5.26088 9.27161 5.73068C9.74066 6.20049 10.0038 6.83736 10.0031 7.50117C10.0026 8.16497 9.7383 8.80137 9.2684 9.27032C8.7985 9.73928 8.1615 10.0024 7.49756 10.0017C6.83413 10.0022 6.19772 9.73894 5.72865 9.26987C5.25958 8.8008 4.99636 8.16447 4.99703 7.50117C4.99703 6.12155 3.87841 5.00315 2.49852 5.00315C1.11862 5.00315 0 6.12155 0 7.50117C0 8.88078 1.11862 9.99918 2.49852 9.99918C3.87841 9.99918 4.99703 11.1176 4.99703 12.4972C4.99703 13.8795 6.1178 15 7.50033 15C8.88287 15 10.0036 13.8795 10.0036 12.4972C10.0036 11.1176 11.1223 9.99918 12.5021 9.99918C12.9482 9.99948 13.3862 9.88022 13.7705 9.65383C13.8038 9.6342 13.8365 9.61356 13.8712 9.59241L13.8783 9.58788C13.9085 9.56775 13.9387 9.5466 13.9679 9.52546L13.981 9.5164C14.0072 9.49727 14.0314 9.47662 14.0591 9.45598L14.0812 9.43887C14.1054 9.41923 14.1286 9.39859 14.1522 9.37795L14.1779 9.3558C14.2081 9.32862 14.2378 9.30042 14.267 9.27123L14.2716 9.2672C14.3794 9.15887 14.4772 9.04091 14.5636 8.9148C14.5824 8.88761 14.6005 8.86009 14.618 8.83223C15.237 7.84584 15.092 6.56267 14.2685 5.73916Z", fill: color }, void 0) }), void 0));
19
- };
20
- exports.OpenFinIcon = OpenFinIcon;
@@ -1 +0,0 @@
1
- export * from './OpenFinIcon';
@@ -1,13 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- __exportStar(require("./OpenFinIcon"), exports);
@@ -1 +0,0 @@
1
- export * from './input';
@@ -1,13 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- __exportStar(require("./input"), exports);
@@ -1,6 +0,0 @@
1
- import { InputHTMLAttributes } from 'react';
2
- export declare type InputProps = InputHTMLAttributes<HTMLInputElement>;
3
- /**
4
- * Unstyled Input extended by other components
5
- */
6
- export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
@@ -1,12 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Input = void 0;
7
- const styled_components_1 = __importDefault(require("styled-components"));
8
- /**
9
- * Unstyled Input extended by other components
10
- */
11
- exports.Input = styled_components_1.default.input ``;
12
- exports.Input.displayName = 'Input';
@@ -1 +0,0 @@
1
- export * from './textInput';
@@ -1,13 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- __exportStar(require("./textInput"), exports);
@@ -1,3 +0,0 @@
1
- import { FC, InputHTMLAttributes } from 'react';
2
- export declare type TextInputProps = InputHTMLAttributes<HTMLInputElement>;
3
- export declare const TextInput: import("styled-components").StyledComponent<FC<TextInputProps>, import("styled-components").DefaultTheme, {}, never>;
@@ -1,30 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.TextInput = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- const styled_components_1 = __importDefault(require("styled-components"));
20
- const Input_1 = require("../Input");
21
- const TextInputInner = (_a) => {
22
- var { className } = _a, rest = __rest(_a, ["className"]);
23
- return (jsx_runtime_1.jsx(Input_1.Input, Object.assign({ className: className, type: "text" }, rest), void 0));
24
- };
25
- exports.TextInput = styled_components_1.default(TextInputInner) `
26
- background: ${({ theme }) => theme.palette.inputBg};
27
- border: 1px solid ${({ theme }) => theme.palette.inputBg};
28
- box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
29
- color: ${({ theme }) => theme.palette.inputColor};
30
- `;
@@ -1,41 +0,0 @@
1
- import { HTMLAttributes } from 'react';
2
- import { UnitPxType } from '../../system/ThemeProvider/lib/types';
3
- import * as BoxTypes from './types';
4
- export declare type BoxProps = HTMLAttributes<HTMLDivElement> & {
5
- alignItems?: BoxTypes.AlignItems;
6
- display?: BoxTypes.Display;
7
- flexDirection?: BoxTypes.FlexDirection;
8
- flexWrap?: BoxTypes.FlexWrap;
9
- justifyContent?: BoxTypes.JustifyContent;
10
- gap?: UnitPxType;
11
- alignSelf?: BoxTypes.AlignSelf;
12
- flexBasis?: string;
13
- flexGrow?: 1 | 0;
14
- flexShrink?: 1 | 0;
15
- order?: number;
16
- background?: BoxTypes.BackgroundLevel;
17
- padding?: UnitPxType;
18
- };
19
- /**
20
- * ## Box
21
- *
22
- * Div with flexbox properties applied to their CSS default values.
23
- *
24
- * - Box can be both the flex parent and the flex child.
25
- * - None of the child properties should be applied unless specified.
26
- */
27
- export declare const Box: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HTMLAttributes<HTMLDivElement> & {
28
- alignItems?: BoxTypes.AlignItems | undefined;
29
- display?: BoxTypes.Display | undefined;
30
- flexDirection?: BoxTypes.FlexDirection | undefined;
31
- flexWrap?: BoxTypes.FlexWrap | undefined;
32
- justifyContent?: BoxTypes.JustifyContent | undefined;
33
- gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
34
- alignSelf?: BoxTypes.AlignSelf | undefined;
35
- flexBasis?: string | undefined;
36
- flexGrow?: 0 | 1 | undefined;
37
- flexShrink?: 0 | 1 | undefined;
38
- order?: number | undefined;
39
- background?: BoxTypes.BackgroundLevel | undefined;
40
- padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
41
- }, never>;
@@ -1,44 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Box = void 0;
7
- const styled_components_1 = __importDefault(require("styled-components"));
8
- const palette_1 = require("../../system/ThemeProvider/lib/palette");
9
- /**
10
- * ## BackgroundLevels
11
- * Maps background levels to palette colors.
12
- */
13
- const BackgroundLevels = {
14
- 1: palette_1.Palette.background1,
15
- 2: palette_1.Palette.background2,
16
- 3: palette_1.Palette.background3,
17
- 4: palette_1.Palette.background4,
18
- 5: palette_1.Palette.background5,
19
- 6: palette_1.Palette.background6,
20
- };
21
- /**
22
- * ## Box
23
- *
24
- * Div with flexbox properties applied to their CSS default values.
25
- *
26
- * - Box can be both the flex parent and the flex child.
27
- * - None of the child properties should be applied unless specified.
28
- */
29
- exports.Box = styled_components_1.default.div `
30
- display: ${({ display = 'flex' }) => display};
31
- flex-direction: ${({ flexDirection = 'row' }) => flexDirection};
32
- flex-wrap: ${({ flexWrap = 'nowrap' }) => flexWrap};
33
- align-items: ${({ alignItems }) => alignItems};
34
- justify-content: ${({ justifyContent }) => justifyContent};
35
- gap: ${({ theme, gap }) => gap && theme.px[gap]};
36
- align-self: ${({ alignSelf }) => alignSelf};
37
- flex-basis: ${({ flexBasis }) => flexBasis};
38
- flex-grow: ${({ flexGrow }) => flexGrow};
39
- flex-shrink: ${({ flexShrink }) => flexShrink};
40
- order: ${({ order }) => order};
41
- padding: ${({ theme, padding }) => padding && theme.px[padding]};
42
- background: ${({ theme, background }) => background && theme.palette[BackgroundLevels[background]]};
43
- `;
44
- exports.Box.displayName = 'Box';
@@ -1 +0,0 @@
1
- export * from './box';
@@ -1,13 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- __exportStar(require("./box"), exports);
@@ -1,7 +0,0 @@
1
- export declare type AlignItems = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'first baseline' | 'last baseline' | 'start' | 'end' | 'self-start' | 'self-end';
2
- export declare type Display = 'flex' | 'inline-flex';
3
- export declare type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
4
- export declare type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
5
- export declare type JustifyContent = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'start' | 'end' | 'left' | 'right';
6
- export declare type AlignSelf = 'auto' | 'flex-start' | ' flex-end' | 'center' | 'baseline' | 'stretch';
7
- export declare type BackgroundLevel = 1 | 2 | 3 | 4 | 5 | 6;
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export interface DefinitionListProps extends React.HTMLAttributes<HTMLDListElement> {
3
- definitions: {
4
- [key: string]: string;
5
- };
6
- }
7
- export declare const DefinitionList: React.FC<DefinitionListProps>;
@@ -1,38 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.DefinitionList = void 0;
18
- const jsx_runtime_1 = require("react/jsx-runtime");
19
- const react_1 = __importDefault(require("react"));
20
- const styled_components_1 = __importDefault(require("styled-components"));
21
- const DefinitionList = (_a) => {
22
- var { definitions } = _a, rest = __rest(_a, ["definitions"]);
23
- return (jsx_runtime_1.jsx(List, Object.assign({}, rest, { children: Object.keys(definitions).map((name, index) => {
24
- return (jsx_runtime_1.jsxs(react_1.default.Fragment, { children: [jsx_runtime_1.jsx(Name, { children: name }, void 0),
25
- jsx_runtime_1.jsx(Definition, { children: definitions[name] }, void 0)] }, `${name}-${index}`));
26
- }) }), void 0));
27
- };
28
- exports.DefinitionList = DefinitionList;
29
- const List = styled_components_1.default.dl `
30
- display: grid;
31
- grid-template-columns: 1fr 3fr;
32
- gap: ${({ theme }) => `0 ${theme.px.small}`};
33
- `;
34
- const Name = styled_components_1.default.dt `
35
- font-weight: ${({ theme }) => theme.fontWeight.bold};
36
- white-space: nowrap;
37
- `;
38
- const Definition = styled_components_1.default.dd ``;
@@ -1 +0,0 @@
1
- export * from './definitionList';
@@ -1,13 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- __exportStar(require("./definitionList"), exports);
@@ -1 +0,0 @@
1
- export declare const GlobalStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
@@ -1,54 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.GlobalStyles = void 0;
4
- const styled_components_1 = require("styled-components");
5
- const constants_1 = require("../ThemeProvider/lib/constants");
6
- const helpers_1 = require("../ThemeProvider/lib/helpers");
7
- exports.GlobalStyles = styled_components_1.createGlobalStyle `
8
- /** -> Define Global CSS Vars */
9
- :root {
10
- --global-background: ${({ theme }) => theme.palette.background1};
11
- --global-text: ${({ theme }) => theme.palette.textDefault};
12
- --global-text-placeholder: ${({ theme }) => theme.palette.inputPlaceholder};
13
- --global-typography: ${constants_1.Typography.base};
14
- --global-transition: ${({ theme }) => theme.transition.base};
15
- }
16
-
17
- /** -> @font-face Declaration */
18
- ${helpers_1.getFontFaces}
19
-
20
- /** -> Micro Reset */
21
- * {
22
- box-sizing: border-box;
23
- margin: 0;
24
- padding: 0;
25
- /**
26
- * Smooths light-on-dark Fonts on Mac
27
- */
28
- -webkit-font-smoothing: antialiased;
29
- /**
30
- * Prevent browser auto-weighting
31
- * @link https://css-tricks.com/almanac/properties/f/font-synthesis/
32
- */
33
- font-synthesis: none;
34
- }
35
-
36
- /** -> Apply Global Styles */
37
- :root,
38
- body {
39
- background: var(--global-background);
40
- color: var(--global-text);
41
- font: var(--global-typography);
42
- }
43
-
44
- ::placeholder {
45
- color: var(--global-text-placeholder);
46
- }
47
-
48
- /** -> Reduced Motion (Accessibility) */
49
- @media (prefers-reduced-motion) {
50
- :root {
51
- --global-transition: ${({ theme }) => theme.transition.none};
52
- }
53
- }
54
- `;
@@ -1 +0,0 @@
1
- export * from './globalStyles';
@@ -1,13 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- __exportStar(require("./globalStyles"), exports);
@@ -1,6 +0,0 @@
1
- export * from './lib/constants';
2
- export * from './lib/helpers';
3
- export * from './lib/interface';
4
- export * from './lib/palette';
5
- export * from './lib/types';
6
- export * from './themeProvider';
@@ -1,18 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- __exportStar(require("./lib/constants"), exports);
14
- __exportStar(require("./lib/helpers"), exports);
15
- __exportStar(require("./lib/interface"), exports);
16
- __exportStar(require("./lib/palette"), exports);
17
- __exportStar(require("./lib/types"), exports);
18
- __exportStar(require("./themeProvider"), exports);
@@ -1,7 +0,0 @@
1
- /**
2
- * Configuration
3
- */
4
- export declare type ConfigurationType = {
5
- fontLoading: 'cdn' | 'base64';
6
- };
7
- export declare const Configuration: ConfigurationType;
@@ -1,9 +0,0 @@
1
- "use strict";
2
- /**
3
- * Configuration
4
- */
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Configuration = void 0;
7
- exports.Configuration = {
8
- fontLoading: 'cdn',
9
- };