sccoreui 1.1.4 → 1.1.6

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 (44) hide show
  1. package/README.md +20 -60
  2. package/dist/App.js +3 -5
  3. package/dist/assets/sccoreui.css +223 -131
  4. package/dist/assets/svg/check-white.svg +3 -0
  5. package/dist/assets/svg/check.svg +3 -3
  6. package/dist/assets/svg/hyphen-white.svg +3 -0
  7. package/dist/assets/svg/hyphen.svg +3 -0
  8. package/dist/assets/svg/payment_method.svg +7 -0
  9. package/dist/assets/svg/svg.js +8 -0
  10. package/dist/assets/svg/user.svg +3 -0
  11. package/dist/assets/theme.css +20 -16
  12. package/dist/components/accordion/accordion.js +2 -3
  13. package/dist/components/auto-complete/auto-complete.js +2 -3
  14. package/dist/components/button/button.js +2 -5
  15. package/dist/components/carousel/carousel.js +4 -0
  16. package/dist/components/{tab-menu/menu-item.js → carousel/tag.js} +2 -0
  17. package/dist/components/checkbox/checkbox.js +2 -3
  18. package/dist/components/dropdown/dropdown.js +3 -4
  19. package/dist/components/input/input.js +3 -4
  20. package/dist/components/overlays/overlay-panel.js +4 -0
  21. package/dist/components/range-slider/slider.js +4 -0
  22. package/dist/components/toggle/toggle-button.js +4 -0
  23. package/dist/directives/svg-component.js +11 -0
  24. package/dist/directives/svg-icons.js +40 -0
  25. package/dist/index.js +13 -3
  26. package/dist/types/App.d.ts +1 -2
  27. package/dist/types/assets/svg/svg.d.ts +1 -0
  28. package/dist/types/components/accordion/accordion.d.ts +1 -2
  29. package/dist/types/components/auto-complete/auto-complete.d.ts +1 -2
  30. package/dist/types/components/button/button.d.ts +1 -2
  31. package/dist/types/components/carousel/carousel.d.ts +2 -0
  32. package/dist/types/components/carousel/tag.d.ts +2 -0
  33. package/dist/types/components/checkbox/checkbox.d.ts +1 -2
  34. package/dist/types/components/dropdown/dropdown.d.ts +1 -2
  35. package/dist/types/components/input/input.d.ts +1 -2
  36. package/dist/types/components/overlays/overlay-panel.d.ts +2 -0
  37. package/dist/types/components/range-slider/slider.d.ts +2 -0
  38. package/dist/types/components/toggle/toggle-button.d.ts +2 -0
  39. package/dist/types/directives/svg-component.d.ts +4 -0
  40. package/dist/types/directives/svg-icons.d.ts +4 -0
  41. package/dist/types/index.d.ts +5 -1
  42. package/package.json +51 -58
  43. package/LICENSE +0 -21
  44. package/dist/types/components/tab-menu/menu-item.d.ts +0 -2
package/README.md CHANGED
@@ -1,60 +1,20 @@
1
- # my-react-typescript-package
2
-
3
- [![NPM version][npm-image]][npm-url]
4
- [![Build][github-build]][github-build-url]
5
- ![npm-typescript]
6
- [![License][github-license]][github-license-url]
7
-
8
- This repo is the example of the article ["How to create and publish React Typescript npm package with demo and automated build"](https://medium.com/@igaponov/how-to-create-and-publish-react-typescript-npm-package-with-demo-and-automated-build-80c40ec28aca).
9
-
10
- You can clone it and step by step create your own NPM package and publish it.
11
-
12
- It is simple React counter.
13
-
14
- [**Live Demo**](https://gapon2401.github.io/my-react-typescript-package/)
15
-
16
- ## Installation:
17
-
18
- ```bash
19
- npm install my-react-typescript-package --save-dev
20
- ```
21
-
22
- or
23
-
24
- ```bash
25
- yarn add -D my-react-typescript-package
26
- ```
27
-
28
- ## Usage :
29
-
30
- Add `MyCounter` to your component:
31
-
32
- ```js
33
- import React from 'react'
34
- import ReactDOM from 'react-dom/client'
35
- import { MyCounter } from 'my-react-typescript-package'
36
-
37
- const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
38
- root.render(
39
- <React.StrictMode>
40
- <div>
41
- <h2>Default counter</h2>
42
- <MyCounter />
43
- </div>
44
- <hr />
45
- <div>
46
- <h2>Counter with predefined value</h2>
47
- <MyCounter value={5} />
48
- </div>
49
- </React.StrictMode>,
50
- )
51
-
52
- ```
53
-
54
- [npm-url]: https://www.npmjs.com/package/my-react-typescript-package
55
- [npm-image]: https://img.shields.io/npm/v/my-react-typescript-package
56
- [github-license]: https://img.shields.io/github/license/gapon2401/my-react-typescript-package
57
- [github-license-url]: https://github.com/gapon2401/my-react-typescript-package/blob/master/LICENSE
58
- [github-build]: https://github.com/gapon2401/my-react-typescript-package/actions/workflows/publish.yml/badge.svg
59
- [github-build-url]: https://github.com/gapon2401/my-react-typescript-package/actions/workflows/publish.yml
60
- [npm-typescript]: https://img.shields.io/npm/types/my-react-typescript-package
1
+ # Introduction
2
+ TODO: Give a short introduction of your project. Let this section explain the objectives or the motivation behind this project.
3
+
4
+ # Getting Started
5
+ TODO: Guide users through getting your code up and running on their own system. In this section you can talk about:
6
+ 1. Installation process
7
+ 2. Software dependencies
8
+ 3. Latest releases
9
+ 4. API references
10
+
11
+ # Build and Test
12
+ TODO: Describe and show how to build your code and run the tests.
13
+
14
+ # Contribute
15
+ TODO: Explain how other users and developers can contribute to make your code better.
16
+
17
+ If you want to learn more about creating good readme files then refer the following [guidelines](https://docs.microsoft.com/en-us/azure/devops/repos/git/create-a-readme?view=azure-devops). You can also seek inspiration from the below readme files:
18
+ - [ASP.NET Core](https://github.com/aspnet/Home)
19
+ - [Visual Studio Code](https://github.com/Microsoft/vscode)
20
+ - [Chakra Core](https://github.com/Microsoft/ChakraCore)
package/dist/App.js CHANGED
@@ -1,11 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- const tslib_1 = require("tslib");
4
- const react_1 = tslib_1.__importDefault(require("react"));
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
4
+ // import Home from './pages/home';
5
5
  require("./App.scss");
6
- // import Home from '../pages/home';
7
6
  const App = () => {
8
- return (react_1.default.createElement("div", null,
9
- react_1.default.createElement("div", null)));
7
+ return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", {}) }));
10
8
  };
11
9
  exports.default = App;