@uni-design-system/uni-core 0.0.3 → 0.0.5
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.
- package/dist/{esm/core/backgrounds → cjs/core/background}/background.model.d.ts +2 -2
- package/dist/cjs/core/{backgrounds → background}/background.model.js +0 -0
- package/dist/cjs/core/background/background.model.js.map +1 -0
- package/dist/cjs/core/{backgrounds → background}/background.types.d.ts +0 -0
- package/dist/cjs/core/{backgrounds → background}/background.types.js +0 -0
- package/dist/cjs/core/background/background.types.js.map +1 -0
- package/dist/cjs/core/{backgrounds → background}/index.d.ts +0 -0
- package/dist/cjs/core/{backgrounds → background}/index.js +0 -0
- package/dist/cjs/core/background/index.js.map +1 -0
- package/dist/cjs/core/color/color.model.d.ts +5 -5
- package/dist/cjs/core/color/color.types.d.ts +7 -6
- package/dist/cjs/core/color/color.types.js.map +1 -1
- package/dist/cjs/core/container/container.model.d.ts +4 -4
- package/dist/cjs/core/container/container.types.d.ts +1 -0
- package/dist/cjs/core/container/container.types.js +3 -0
- package/dist/cjs/core/container/container.types.js.map +1 -0
- package/dist/cjs/core/flex/flex.types.d.ts +8 -0
- package/dist/cjs/core/flex/flex.types.js +3 -0
- package/dist/cjs/core/flex/flex.types.js.map +1 -0
- package/dist/cjs/core/flex/index.d.ts +1 -0
- package/dist/cjs/core/flex/index.js +18 -0
- package/dist/cjs/core/flex/index.js.map +1 -0
- package/dist/cjs/core/{gradients → gradient}/gradient.helper.d.ts +0 -0
- package/dist/cjs/core/{gradients → gradient}/gradient.helper.js +0 -0
- package/dist/cjs/core/gradient/gradient.helper.js.map +1 -0
- package/dist/{esm/core/gradients → cjs/core/gradient}/gradient.model.d.ts +2 -2
- package/dist/cjs/core/{gradients → gradient}/gradient.model.js +0 -0
- package/dist/cjs/core/gradient/gradient.model.js.map +1 -0
- package/dist/cjs/core/{gradients → gradient}/gradient.types.d.ts +0 -0
- package/dist/cjs/core/{gradients → gradient}/gradient.types.js +0 -0
- package/dist/cjs/core/gradient/gradient.types.js.map +1 -0
- package/dist/cjs/core/{gradients → gradient}/index.d.ts +0 -0
- package/dist/cjs/core/{gradients → gradient}/index.js +0 -0
- package/dist/cjs/core/gradient/index.js.map +1 -0
- package/dist/cjs/core/iconography/icon.model.d.ts +2 -2
- package/dist/cjs/core/index.d.ts +4 -2
- package/dist/cjs/core/index.js +4 -2
- package/dist/cjs/core/index.js.map +1 -1
- package/dist/cjs/core/theme/index.d.ts +2 -0
- package/dist/cjs/core/theme/index.js +2 -0
- package/dist/cjs/core/theme/index.js.map +1 -1
- package/dist/{cjs/core/backgrounds → esm/core/background}/background.model.d.ts +2 -2
- package/dist/esm/core/{backgrounds → background}/background.model.js +0 -0
- package/dist/esm/core/background/background.model.js.map +1 -0
- package/dist/esm/core/{backgrounds → background}/background.types.d.ts +0 -0
- package/dist/esm/core/{backgrounds → background}/background.types.js +0 -0
- package/dist/esm/core/background/background.types.js.map +1 -0
- package/dist/esm/core/{backgrounds → background}/index.d.ts +0 -0
- package/dist/esm/core/{backgrounds → background}/index.js +0 -0
- package/dist/esm/core/background/index.js.map +1 -0
- package/dist/esm/core/color/color.model.d.ts +5 -5
- package/dist/esm/core/color/color.types.d.ts +7 -6
- package/dist/esm/core/color/color.types.js.map +1 -1
- package/dist/esm/core/container/container.model.d.ts +4 -4
- package/dist/esm/core/container/container.types.d.ts +1 -0
- package/dist/esm/core/container/container.types.js +2 -0
- package/dist/esm/core/container/container.types.js.map +1 -0
- package/dist/esm/core/flex/flex.types.d.ts +8 -0
- package/dist/esm/core/flex/flex.types.js +2 -0
- package/dist/esm/core/flex/flex.types.js.map +1 -0
- package/dist/esm/core/flex/index.d.ts +1 -0
- package/dist/esm/core/flex/index.js +2 -0
- package/dist/esm/core/flex/index.js.map +1 -0
- package/dist/esm/core/{gradients → gradient}/gradient.helper.d.ts +0 -0
- package/dist/esm/core/{gradients → gradient}/gradient.helper.js +0 -0
- package/dist/esm/core/gradient/gradient.helper.js.map +1 -0
- package/dist/{cjs/core/gradients → esm/core/gradient}/gradient.model.d.ts +2 -2
- package/dist/esm/core/{gradients → gradient}/gradient.model.js +0 -0
- package/dist/esm/core/gradient/gradient.model.js.map +1 -0
- package/dist/esm/core/{gradients → gradient}/gradient.types.d.ts +0 -0
- package/dist/esm/core/{gradients → gradient}/gradient.types.js +0 -0
- package/dist/esm/core/gradient/gradient.types.js.map +1 -0
- package/dist/esm/core/{gradients → gradient}/index.d.ts +0 -0
- package/dist/esm/core/{gradients → gradient}/index.js +0 -0
- package/dist/esm/core/gradient/index.js.map +1 -0
- package/dist/esm/core/iconography/icon.model.d.ts +2 -2
- package/dist/esm/core/index.d.ts +4 -2
- package/dist/esm/core/index.js +4 -2
- package/dist/esm/core/index.js.map +1 -1
- package/dist/esm/core/theme/index.d.ts +2 -0
- package/dist/esm/core/theme/index.js +2 -0
- package/dist/esm/core/theme/index.js.map +1 -1
- package/package.json +3 -24
- package/dist/cjs/components/button/button.component.d.ts +0 -6
- package/dist/cjs/components/button/button.component.js +0 -17
- package/dist/cjs/components/button/button.component.js.map +0 -1
- package/dist/cjs/components/card/card.component.d.ts +0 -5
- package/dist/cjs/components/card/card.component.js +0 -11
- package/dist/cjs/components/card/card.component.js.map +0 -1
- package/dist/cjs/core/backgrounds/background.model.js.map +0 -1
- package/dist/cjs/core/backgrounds/background.types.js.map +0 -1
- package/dist/cjs/core/backgrounds/index.js.map +0 -1
- package/dist/cjs/core/container/container.component.d.ts +0 -5
- package/dist/cjs/core/container/container.component.js +0 -11
- package/dist/cjs/core/container/container.component.js.map +0 -1
- package/dist/cjs/core/gradients/gradient.helper.js.map +0 -1
- package/dist/cjs/core/gradients/gradient.model.js.map +0 -1
- package/dist/cjs/core/gradients/gradient.types.js.map +0 -1
- package/dist/cjs/core/gradients/index.js.map +0 -1
- package/dist/cjs/core/theme/theme.context.d.ts +0 -4
- package/dist/cjs/core/theme/theme.context.js +0 -12
- package/dist/cjs/core/theme/theme.context.js.map +0 -1
- package/dist/cjs/core/theme/theme.hook.d.ts +0 -2
- package/dist/cjs/core/theme/theme.hook.js +0 -19
- package/dist/cjs/core/theme/theme.hook.js.map +0 -1
- package/dist/cjs/core/theme/theme.provider.d.ts +0 -9
- package/dist/cjs/core/theme/theme.provider.js +0 -80
- package/dist/cjs/core/theme/theme.provider.js.map +0 -1
- package/dist/cjs/stories/Button.d.ts +0 -27
- package/dist/cjs/stories/Button.js +0 -29
- package/dist/cjs/stories/Button.js.map +0 -1
- package/dist/cjs/stories/Header.d.ts +0 -12
- package/dist/cjs/stories/Header.js +0 -28
- package/dist/cjs/stories/Header.js.map +0 -1
- package/dist/cjs/stories/Page.d.ts +0 -3
- package/dist/cjs/stories/Page.js +0 -45
- package/dist/cjs/stories/Page.js.map +0 -1
- package/dist/esm/components/button/button.component.d.ts +0 -6
- package/dist/esm/components/button/button.component.js +0 -10
- package/dist/esm/components/button/button.component.js.map +0 -1
- package/dist/esm/components/card/card.component.d.ts +0 -5
- package/dist/esm/components/card/card.component.js +0 -5
- package/dist/esm/components/card/card.component.js.map +0 -1
- package/dist/esm/core/backgrounds/background.model.js.map +0 -1
- package/dist/esm/core/backgrounds/background.types.js.map +0 -1
- package/dist/esm/core/backgrounds/index.js.map +0 -1
- package/dist/esm/core/container/container.component.d.ts +0 -5
- package/dist/esm/core/container/container.component.js +0 -5
- package/dist/esm/core/container/container.component.js.map +0 -1
- package/dist/esm/core/gradients/gradient.helper.js.map +0 -1
- package/dist/esm/core/gradients/gradient.model.js.map +0 -1
- package/dist/esm/core/gradients/gradient.types.js.map +0 -1
- package/dist/esm/core/gradients/index.js.map +0 -1
- package/dist/esm/core/theme/theme.context.d.ts +0 -4
- package/dist/esm/core/theme/theme.context.js +0 -7
- package/dist/esm/core/theme/theme.context.js.map +0 -1
- package/dist/esm/core/theme/theme.hook.d.ts +0 -2
- package/dist/esm/core/theme/theme.hook.js +0 -13
- package/dist/esm/core/theme/theme.hook.js.map +0 -1
- package/dist/esm/core/theme/theme.provider.d.ts +0 -9
- package/dist/esm/core/theme/theme.provider.js +0 -50
- package/dist/esm/core/theme/theme.provider.js.map +0 -1
- package/dist/esm/stories/Button.d.ts +0 -27
- package/dist/esm/stories/Button.js +0 -22
- package/dist/esm/stories/Button.js.map +0 -1
- package/dist/esm/stories/Header.d.ts +0 -12
- package/dist/esm/stories/Header.js +0 -21
- package/dist/esm/stories/Header.js.map +0 -1
- package/dist/esm/stories/Page.d.ts +0 -3
- package/dist/esm/stories/Page.js +0 -38
- package/dist/esm/stories/Page.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uni-design-system/uni-core",
|
|
3
3
|
"description": "UNI Design System core dependencies.",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.5",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "git+https://github.com/uni-design-system/uni-core.git"
|
|
@@ -14,13 +14,9 @@
|
|
|
14
14
|
"scripts": {
|
|
15
15
|
"build": "rm -rf dist/ && yarn build:esm && yarn build:cjs",
|
|
16
16
|
"build:esm": "tsc",
|
|
17
|
-
"build:cjs": "tsc --module CommonJS --outDir dist/cjs"
|
|
18
|
-
"storybook": "start-storybook -p 6006",
|
|
19
|
-
"build-storybook": "build-storybook"
|
|
17
|
+
"build:cjs": "tsc --module CommonJS --outDir dist/cjs"
|
|
20
18
|
},
|
|
21
19
|
"keywords": [
|
|
22
|
-
"react",
|
|
23
|
-
"components",
|
|
24
20
|
"ui",
|
|
25
21
|
"ux",
|
|
26
22
|
"design system"
|
|
@@ -31,26 +27,9 @@
|
|
|
31
27
|
"url": "https://github.com/uni-design-system/uni-core.git"
|
|
32
28
|
},
|
|
33
29
|
"homepage": "https://github.com/uni-design-system/uni-core#readme",
|
|
34
|
-
"packageManager": "yarn@3.0.2",
|
|
35
30
|
"devDependencies": {
|
|
36
|
-
"@babel/core": "^7.17.5",
|
|
37
|
-
"@react-theming/storybook-addon": "^1.1.5",
|
|
38
|
-
"@storybook/addon-actions": "^6.4.19",
|
|
39
|
-
"@storybook/addon-essentials": "^6.4.19",
|
|
40
|
-
"@storybook/addon-interactions": "^6.4.19",
|
|
41
|
-
"@storybook/addon-links": "^6.4.19",
|
|
42
|
-
"@storybook/react": "^6.4.19",
|
|
43
|
-
"@storybook/testing-library": "^0.0.9",
|
|
44
31
|
"@types/node": "^17.0.21",
|
|
45
|
-
"@types/react": "^17.0.39",
|
|
46
|
-
"@types/react-dom": "^17.0.13",
|
|
47
|
-
"babel-loader": "^8.2.3",
|
|
48
|
-
"react": "^17.0.2",
|
|
49
|
-
"react-dom": "^17.0.2",
|
|
50
32
|
"typescript": "^4.6.2"
|
|
51
33
|
},
|
|
52
|
-
"peerDependencies": {
|
|
53
|
-
"react": "^17.0.2",
|
|
54
|
-
"react-dom": "^17.0.2"
|
|
55
|
-
}
|
|
34
|
+
"peerDependencies": {}
|
|
56
35
|
}
|
|
@@ -1,17 +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.Button = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const theme_hook_1 = __importDefault(require("../../core/theme/theme.hook"));
|
|
9
|
-
function Button({ children, disabled = false }) {
|
|
10
|
-
const theme = (0, theme_hook_1.default)();
|
|
11
|
-
return (react_1.default.createElement("button", { disabled: disabled },
|
|
12
|
-
children,
|
|
13
|
-
" ",
|
|
14
|
-
theme.name));
|
|
15
|
-
}
|
|
16
|
-
exports.Button = Button;
|
|
17
|
-
//# sourceMappingURL=button.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.component.js","sourceRoot":"","sources":["../../../../src/components/button/button.component.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyC;AACzC,6EAAmD;AAOnD,SAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAe;IAEhE,MAAM,KAAK,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAEzB,OAAO,CACL,0CAAQ,QAAQ,EAAE,QAAQ;QACvB,QAAQ;;QAAG,KAAK,CAAC,IAAI,CACf,CACV,CAAA;AACH,CAAC;AATD,wBASC"}
|
|
@@ -1,11 +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
|
-
const react_1 = __importDefault(require("react"));
|
|
7
|
-
function Card({ children }) {
|
|
8
|
-
return (react_1.default.createElement("div", null, children));
|
|
9
|
-
}
|
|
10
|
-
exports.default = Card;
|
|
11
|
-
//# sourceMappingURL=card.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"card.component.js","sourceRoot":"","sources":["../../../../src/components/card/card.component.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyC;AAMzC,SAAwB,IAAI,CAAC,EAAE,QAAQ,EAAa;IAElD,OAAO,CACL,2CACG,QAAQ,CACL,CACP,CAAA;AACH,CAAC;AAPD,uBAOC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"background.model.js","sourceRoot":"","sources":["../../../../src/core/backgrounds/background.model.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"background.types.js","sourceRoot":"","sources":["../../../../src/core/backgrounds/background.types.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/backgrounds/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC;AACnC,qDAAmC"}
|
|
@@ -1,11 +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
|
-
const react_1 = __importDefault(require("react"));
|
|
7
|
-
function Container({ children }) {
|
|
8
|
-
return (react_1.default.createElement("div", null, children));
|
|
9
|
-
}
|
|
10
|
-
exports.default = Container;
|
|
11
|
-
//# sourceMappingURL=container.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"container.component.js","sourceRoot":"","sources":["../../../../src/core/container/container.component.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyC;AAMzC,SAAwB,SAAS,CAAC,EAAE,QAAQ,EAAkB;IAE5D,OAAO,CACL,2CACG,QAAQ,CACL,CACP,CAAA;AACH,CAAC;AAPD,4BAOC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"gradient.helper.js","sourceRoot":"","sources":["../../../../src/core/gradients/gradient.helper.ts"],"names":[],"mappings":";;;AAEA,SAAgB,QAAQ,CAAC,MAAgB;IACvC,OAAO,EAAE,CAAC;AACZ,CAAC;AAFD,4BAEC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"gradient.model.js","sourceRoot":"","sources":["../../../../src/core/gradients/gradient.model.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"gradient.types.js","sourceRoot":"","sources":["../../../../src/core/gradients/gradient.types.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/gradients/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,oDAAkC;AAClC,mDAAiC"}
|
|
@@ -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
|
-
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const ThemeContext = react_1.default.createContext({});
|
|
8
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
9
|
-
ThemeContext.displayName = 'ThemeContext';
|
|
10
|
-
}
|
|
11
|
-
exports.default = ThemeContext;
|
|
12
|
-
//# sourceMappingURL=theme.context.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.context.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.context.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAG1B,MAAM,YAAY,GAAG,eAAK,CAAC,aAAa,CAAa,EAAE,CAAC,CAAC;AAEzD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;CAC3C;AAED,kBAAe,YAAY,CAAC"}
|
|
@@ -1,19 +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
|
-
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const theme_context_1 = __importDefault(require("./theme.context"));
|
|
8
|
-
const light_theme_1 = require("./themes/light.theme");
|
|
9
|
-
function useTheme() {
|
|
10
|
-
const themeProps = react_1.default.useContext(theme_context_1.default);
|
|
11
|
-
const theme = themeProps && themeProps.themes && themeProps.themeId && themeProps.themes[themeProps.themeId];
|
|
12
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
13
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
14
|
-
react_1.default.useDebugValue(theme);
|
|
15
|
-
}
|
|
16
|
-
return theme || light_theme_1.LightTheme;
|
|
17
|
-
}
|
|
18
|
-
exports.default = useTheme;
|
|
19
|
-
//# sourceMappingURL=theme.hook.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.hook.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.hook.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,oEAA2C;AAE3C,sDAAkD;AAElD,SAAwB,QAAQ;IAE9B,MAAM,UAAU,GAAG,eAAK,CAAC,UAAU,CAAC,uBAAY,CAAC,CAAC;IAElD,MAAM,KAAK,GAAG,UAAU,IAAI,UAAU,CAAC,MAAM,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAE7G,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,sDAAsD;QACtD,eAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;KAC5B;IAED,OAAO,KAAK,IAAI,wBAAU,CAAC;AAC7B,CAAC;AAZD,2BAYC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Theme } from './theme.model';
|
|
3
|
-
interface ThemeProviderProps {
|
|
4
|
-
themeId: string;
|
|
5
|
-
themes: Record<string, Theme>;
|
|
6
|
-
children?: React.ReactChild;
|
|
7
|
-
}
|
|
8
|
-
export declare const ThemeProvider: ({ children, themeId, themes }: ThemeProviderProps) => JSX.Element;
|
|
9
|
-
export {};
|
|
@@ -1,80 +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
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
26
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
27
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
28
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
29
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
30
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
31
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
35
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
36
|
-
};
|
|
37
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
38
|
-
exports.ThemeProvider = void 0;
|
|
39
|
-
const react_1 = __importStar(require("react"));
|
|
40
|
-
const theme_records_1 = require("./theme.records");
|
|
41
|
-
const theme_context_1 = __importDefault(require("./theme.context"));
|
|
42
|
-
const STORAGE_KEY = 'THEME_ID';
|
|
43
|
-
const ThemeProvider = ({ children, themeId, themes }) => {
|
|
44
|
-
const [_themeId, setThemeId] = (0, react_1.useState)(themeId);
|
|
45
|
-
(0, react_1.useEffect)(() => {
|
|
46
|
-
(() => __awaiter(void 0, void 0, void 0, function* () {
|
|
47
|
-
const id = localStorage.getItem(STORAGE_KEY);
|
|
48
|
-
if (id) {
|
|
49
|
-
setThemeId(id);
|
|
50
|
-
}
|
|
51
|
-
else {
|
|
52
|
-
setThemeId(theme_records_1.DefaultThemeId);
|
|
53
|
-
}
|
|
54
|
-
}))();
|
|
55
|
-
}, []);
|
|
56
|
-
return (react_1.default.createElement(theme_context_1.default.Provider, { value: { themeId, themes } }, _themeId ? children : null));
|
|
57
|
-
};
|
|
58
|
-
exports.ThemeProvider = ThemeProvider;
|
|
59
|
-
/*export function withTheme(Component: ({children, theme, themes }: (any & ThemeProps)) => JSX.Element) {
|
|
60
|
-
|
|
61
|
-
return (props: JSX.IntrinsicAttributes) => {
|
|
62
|
-
const { themeId, setThemeId } = useContext(ThemeContext);
|
|
63
|
-
|
|
64
|
-
const getTheme = (themeId: string) => themes[themeId];
|
|
65
|
-
const setTheme = (themeId: string) => {
|
|
66
|
-
localStorage.setItem(STORAGE_KEY, themeId);
|
|
67
|
-
setThemeId(themeId);
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
return (
|
|
71
|
-
<Component
|
|
72
|
-
{...props}
|
|
73
|
-
themes={Themes}
|
|
74
|
-
theme={getTheme(themeId)}
|
|
75
|
-
setTheme={setTheme}
|
|
76
|
-
/>
|
|
77
|
-
);
|
|
78
|
-
};
|
|
79
|
-
}*/
|
|
80
|
-
//# sourceMappingURL=theme.provider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.provider.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,mDAAgD;AAEhD,oEAA2C;AAE3C,MAAM,WAAW,GAAG,UAAU,CAAC;AAQxB,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAsB,EAAE,EAAE;IAEjF,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAS,OAAO,CAAC,CAAC;IAEzD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,CAAC,GAAS,EAAE;YACV,MAAM,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YAC7C,IAAI,EAAE,EAAE;gBACN,UAAU,CAAC,EAAE,CAAC,CAAC;aAChB;iBAAM;gBACL,UAAU,CAAC,8BAAc,CAAC,CAAC;aAC5B;QACH,CAAC,CAAA,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BAAC,uBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,IAC5C,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACL,CACzB,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,aAAa,iBAoBxB;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import './button.css';
|
|
2
|
-
export interface ButtonProps {
|
|
3
|
-
/**
|
|
4
|
-
* Is this the principal call to action on the page?
|
|
5
|
-
*/
|
|
6
|
-
primary?: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* What background color to use
|
|
9
|
-
*/
|
|
10
|
-
backgroundColor?: string;
|
|
11
|
-
/**
|
|
12
|
-
* How large should the button be?
|
|
13
|
-
*/
|
|
14
|
-
size?: 'small' | 'medium' | 'large';
|
|
15
|
-
/**
|
|
16
|
-
* Button contents
|
|
17
|
-
*/
|
|
18
|
-
label: string;
|
|
19
|
-
/**
|
|
20
|
-
* Optional click handler
|
|
21
|
-
*/
|
|
22
|
-
onClick?: () => void;
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* Primary UI component for user interaction
|
|
26
|
-
*/
|
|
27
|
-
export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => JSX.Element;
|
|
@@ -1,29 +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.Button = void 0;
|
|
18
|
-
const react_1 = __importDefault(require("react"));
|
|
19
|
-
require("./button.css");
|
|
20
|
-
/**
|
|
21
|
-
* Primary UI component for user interaction
|
|
22
|
-
*/
|
|
23
|
-
const Button = (_a) => {
|
|
24
|
-
var { primary = false, size = 'medium', backgroundColor, label } = _a, props = __rest(_a, ["primary", "size", "backgroundColor", "label"]);
|
|
25
|
-
const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
|
|
26
|
-
return (react_1.default.createElement("button", Object.assign({ type: "button", className: ['storybook-button', `storybook-button--${size}`, mode].join(' '), style: { backgroundColor } }, props), label));
|
|
27
|
-
};
|
|
28
|
-
exports.Button = Button;
|
|
29
|
-
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/stories/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,wBAAsB;AAyBtB;;GAEG;AACI,MAAM,MAAM,GAAG,CAAC,EAMT,EAAE,EAAE;QANK,EACrB,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,QAAQ,EACf,eAAe,EACf,KAAK,OAEO,EADT,KAAK,cALa,+CAMtB,CADS;IAER,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,6BAA6B,CAAC;IACnF,OAAO,CACL,wDACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,kBAAkB,EAAE,qBAAqB,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC5E,KAAK,EAAE,EAAE,eAAe,EAAE,IACtB,KAAK,GAER,KAAK,CACC,CACV,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,MAAM,UAkBjB"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import './header.css';
|
|
2
|
-
declare type User = {
|
|
3
|
-
name: string;
|
|
4
|
-
};
|
|
5
|
-
export interface HeaderProps {
|
|
6
|
-
user?: User;
|
|
7
|
-
onLogin: () => void;
|
|
8
|
-
onLogout: () => void;
|
|
9
|
-
onCreateAccount: () => void;
|
|
10
|
-
}
|
|
11
|
-
export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => JSX.Element;
|
|
12
|
-
export {};
|
|
@@ -1,28 +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.Header = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const Button_1 = require("./Button");
|
|
9
|
-
require("./header.css");
|
|
10
|
-
const Header = ({ user, onLogin, onLogout, onCreateAccount }) => (react_1.default.createElement("header", null,
|
|
11
|
-
react_1.default.createElement("div", { className: "wrapper" },
|
|
12
|
-
react_1.default.createElement("div", null,
|
|
13
|
-
react_1.default.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg" },
|
|
14
|
-
react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
|
|
15
|
-
react_1.default.createElement("path", { d: "M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z", fill: "#FFF" }),
|
|
16
|
-
react_1.default.createElement("path", { d: "M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z", fill: "#555AB9" }),
|
|
17
|
-
react_1.default.createElement("path", { d: "M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z", fill: "#91BAF8" }))),
|
|
18
|
-
react_1.default.createElement("h1", null, "Acme")),
|
|
19
|
-
react_1.default.createElement("div", null, user ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
20
|
-
react_1.default.createElement("span", { className: "welcome" },
|
|
21
|
-
"Welcome, ",
|
|
22
|
-
react_1.default.createElement("b", null, user.name),
|
|
23
|
-
"!"),
|
|
24
|
-
react_1.default.createElement(Button_1.Button, { size: "small", onClick: onLogout, label: "Log out" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
25
|
-
react_1.default.createElement(Button_1.Button, { size: "small", onClick: onLogin, label: "Log in" }),
|
|
26
|
-
react_1.default.createElement(Button_1.Button, { primary: true, size: "small", onClick: onCreateAccount, label: "Sign up" })))))));
|
|
27
|
-
exports.Header = Header;
|
|
28
|
-
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/stories/Header.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,qCAAkC;AAClC,wBAAsB;AAaf,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAe,EAAE,EAAE,CAAC,CACnF;IACE,uCAAK,SAAS,EAAC,SAAS;QACtB;YACE,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;gBAChF,qCAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;oBAC/B,wCACE,CAAC,EAAC,mFAAmF,EACrF,IAAI,EAAC,MAAM,GACX;oBACF,wCACE,CAAC,EAAC,kEAAkE,EACpE,IAAI,EAAC,SAAS,GACd;oBACF,wCACE,CAAC,EAAC,gEAAgE,EAClE,IAAI,EAAC,SAAS,GACd,CACA,CACA;YACN,iDAAa,CACT;QACN,2CACG,IAAI,CAAC,CAAC,CAAC,CACN;YACE,wCAAM,SAAS,EAAC,SAAS;;gBACd,yCAAI,IAAI,CAAC,IAAI,CAAK;oBACtB;YACP,8BAAC,eAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,SAAS,GAAG,CACzD,CACJ,CAAC,CAAC,CAAC,CACF;YACE,8BAAC,eAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,QAAQ,GAAG;YACxD,8BAAC,eAAM,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,eAAe,EAAE,KAAK,EAAC,SAAS,GAAG,CACxE,CACJ,CACG,CACF,CACC,CACV,CAAC;AAvCW,QAAA,MAAM,UAuCjB"}
|
package/dist/cjs/stories/Page.js
DELETED
|
@@ -1,45 +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.Page = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const Header_1 = require("./Header");
|
|
9
|
-
require("./page.css");
|
|
10
|
-
const Page = () => {
|
|
11
|
-
const [user, setUser] = react_1.default.useState();
|
|
12
|
-
return (react_1.default.createElement("article", null,
|
|
13
|
-
react_1.default.createElement(Header_1.Header, { user: user, onLogin: () => setUser({ name: 'Jane Doe' }), onLogout: () => setUser(undefined), onCreateAccount: () => setUser({ name: 'Jane Doe' }) }),
|
|
14
|
-
react_1.default.createElement("section", null,
|
|
15
|
-
react_1.default.createElement("h2", null, "Pages in Storybook"),
|
|
16
|
-
react_1.default.createElement("p", null,
|
|
17
|
-
"We recommend building UIs with a",
|
|
18
|
-
' ',
|
|
19
|
-
react_1.default.createElement("a", { href: "https://componentdriven.org", target: "_blank", rel: "noopener noreferrer" },
|
|
20
|
-
react_1.default.createElement("strong", null, "component-driven")),
|
|
21
|
-
' ',
|
|
22
|
-
"process starting with atomic components and ending with pages."),
|
|
23
|
-
react_1.default.createElement("p", null, "Render pages with mock data. This makes it easy to build and review page states without needing to navigate to them in your app. Here are some handy patterns for managing page data in Storybook:"),
|
|
24
|
-
react_1.default.createElement("ul", null,
|
|
25
|
-
react_1.default.createElement("li", null, "Use a higher-level connected component. Storybook helps you compose such data from the \"args\" of child component stories"),
|
|
26
|
-
react_1.default.createElement("li", null, "Assemble data in the page component from your services. You can mock these services out using Storybook.")),
|
|
27
|
-
react_1.default.createElement("p", null,
|
|
28
|
-
"Get a guided tutorial on component-driven development at",
|
|
29
|
-
' ',
|
|
30
|
-
react_1.default.createElement("a", { href: "https://storybook.js.org/tutorials/", target: "_blank", rel: "noopener noreferrer" }, "Storybook tutorials"),
|
|
31
|
-
". Read more in the",
|
|
32
|
-
' ',
|
|
33
|
-
react_1.default.createElement("a", { href: "https://storybook.js.org/docs", target: "_blank", rel: "noopener noreferrer" }, "docs"),
|
|
34
|
-
"."),
|
|
35
|
-
react_1.default.createElement("div", { className: "tip-wrapper" },
|
|
36
|
-
react_1.default.createElement("span", { className: "tip" }, "Tip"),
|
|
37
|
-
" Adjust the width of the canvas with the",
|
|
38
|
-
' ',
|
|
39
|
-
react_1.default.createElement("svg", { width: "10", height: "10", viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg" },
|
|
40
|
-
react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
|
|
41
|
-
react_1.default.createElement("path", { d: "M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z", id: "a", fill: "#999" }))),
|
|
42
|
-
"Viewports addon in the toolbar"))));
|
|
43
|
-
};
|
|
44
|
-
exports.Page = Page;
|
|
45
|
-
//# sourceMappingURL=Page.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/stories/Page.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,qCAAkC;AAClC,sBAAoB;AAMb,MAAM,IAAI,GAAc,GAAG,EAAE;IAClC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,eAAK,CAAC,QAAQ,EAAQ,CAAC;IAE/C,OAAO,CACL;QACE,8BAAC,eAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAC5C,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EAClC,eAAe,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,GACpD;QAEF;YACE,+DAA2B;YAC3B;;gBACmC,GAAG;gBACpC,qCAAG,IAAI,EAAC,6BAA6B,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB;oBAC7E,iEAAiC,CAC/B;gBAAC,GAAG;iFAEN;YACJ,8OAII;YACJ;gBACE,uKAGK;gBACL,qJAGK,CACF;YACL;;gBAC2D,GAAG;gBAC5D,qCAAG,IAAI,EAAC,qCAAqC,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,0BAEnF;;gBACe,GAAG;gBACtB,qCAAG,IAAI,EAAC,+BAA+B,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,WAE7E;oBAEF;YACJ,uCAAK,SAAS,EAAC,aAAa;gBAC1B,wCAAM,SAAS,EAAC,KAAK,UAAW;;gBAAyC,GAAG;gBAC5E,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;oBAChF,qCAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;wBAC/B,wCACE,CAAC,EAAC,sOAAsO,EACxO,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,MAAM,GACX,CACA,CACA;iDAEF,CACE,CACF,CACX,CAAC;AACJ,CAAC,CAAC;AA/DW,QAAA,IAAI,QA+Df"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import useTheme from '../../core/theme/theme.hook';
|
|
3
|
-
export function Button({ children, disabled = false }) {
|
|
4
|
-
const theme = useTheme();
|
|
5
|
-
return (React.createElement("button", { disabled: disabled },
|
|
6
|
-
children,
|
|
7
|
-
" ",
|
|
8
|
-
theme.name));
|
|
9
|
-
}
|
|
10
|
-
//# sourceMappingURL=button.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.component.js","sourceRoot":"","sources":["../../../../src/components/button/button.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AAOnD,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAe;IAEhE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,gCAAQ,QAAQ,EAAE,QAAQ;QACvB,QAAQ;;QAAG,KAAK,CAAC,IAAI,CACf,CACV,CAAA;AACH,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"card.component.js","sourceRoot":"","sources":["../../../../src/components/card/card.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAa;IAElD,OAAO,CACL,iCACG,QAAQ,CACL,CACP,CAAA;AACH,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"background.model.js","sourceRoot":"","sources":["../../../../src/core/backgrounds/background.model.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"background.types.js","sourceRoot":"","sources":["../../../../src/core/backgrounds/background.types.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/backgrounds/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"container.component.js","sourceRoot":"","sources":["../../../../src/core/container/container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAkB;IAE5D,OAAO,CACL,iCACG,QAAQ,CACL,CACP,CAAA;AACH,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"gradient.helper.js","sourceRoot":"","sources":["../../../../src/core/gradients/gradient.helper.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,QAAQ,CAAC,MAAgB;IACvC,OAAO,EAAE,CAAC;AACZ,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"gradient.model.js","sourceRoot":"","sources":["../../../../src/core/gradients/gradient.model.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"gradient.types.js","sourceRoot":"","sources":["../../../../src/core/gradients/gradient.types.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/gradients/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.context.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAa,EAAE,CAAC,CAAC;AAEzD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;CAC3C;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import ThemeContext from './theme.context';
|
|
3
|
-
import { LightTheme } from './themes/light.theme';
|
|
4
|
-
export default function useTheme() {
|
|
5
|
-
const themeProps = React.useContext(ThemeContext);
|
|
6
|
-
const theme = themeProps && themeProps.themes && themeProps.themeId && themeProps.themes[themeProps.themeId];
|
|
7
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
8
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
9
|
-
React.useDebugValue(theme);
|
|
10
|
-
}
|
|
11
|
-
return theme || LightTheme;
|
|
12
|
-
}
|
|
13
|
-
//# sourceMappingURL=theme.hook.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.hook.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.hook.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,QAAQ;IAE9B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAElD,MAAM,KAAK,GAAG,UAAU,IAAI,UAAU,CAAC,MAAM,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAE7G,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,sDAAsD;QACtD,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;KAC5B;IAED,OAAO,KAAK,IAAI,UAAU,CAAC;AAC7B,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Theme } from './theme.model';
|
|
3
|
-
interface ThemeProviderProps {
|
|
4
|
-
themeId: string;
|
|
5
|
-
themes: Record<string, Theme>;
|
|
6
|
-
children?: React.ReactChild;
|
|
7
|
-
}
|
|
8
|
-
export declare const ThemeProvider: ({ children, themeId, themes }: ThemeProviderProps) => JSX.Element;
|
|
9
|
-
export {};
|