sccoreui 2.2.0 → 2.2.2

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/App.scss CHANGED
@@ -33,7 +33,6 @@
33
33
  // }
34
34
 
35
35
  body {
36
- margin: 0;
37
36
  font-family: 'Lato-400', sans-serif;
38
37
  -webkit-font-smoothing: antialiased;
39
38
  -moz-osx-font-smoothing: grayscale;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const chip_1 = require("primereact/chip");
4
+ exports.default = chip_1.Chip;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const chips_1 = require("primereact/chips");
4
+ exports.default = chips_1.Chips;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const inputmask_1 = require("primereact/inputmask");
4
+ exports.default = inputmask_1.InputMask;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const inputswitch_1 = require("primereact/inputswitch");
4
+ exports.default = inputswitch_1.InputSwitch;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const inputtextarea_1 = require("primereact/inputtextarea");
4
+ exports.default = inputtextarea_1.InputTextarea;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const rating_1 = require("primereact/rating");
4
+ exports.default = rating_1.Rating;
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.SpeedDial = exports.SplitButton = exports.DataViewLayoutOptions = exports.DataView = exports.Toast = exports.InputNumber = exports.OverlayPanel = exports.Tag = exports.Carousel = exports.ToggleButton = exports.Slider = exports.Card = exports.Dialog = exports.Password = exports.confirmPopup = exports.ConfirmDialog = exports.RadioButton = exports.Badge = exports.Tooltip = exports.Calendar = exports.Image = exports.AvatarGroup = exports.Avatar = exports.classNames = exports.Paginator = exports.MultiSelect = exports.FileUpload = exports.TabMenu = exports.TabPanel = exports.TabView = exports.Sidebar = exports.Column = exports.DataTable = exports.Checkbox = exports.AutoComplete = exports.ColorPicker = exports.AccordionTab = exports.Accordion = exports.InputText = exports.Dropdown = exports.Button = void 0;
3
+ exports.Chip = exports.Chips = exports.Rating = exports.InputTextarea = exports.InputSwitch = exports.InputMask = exports.SpeedDial = exports.SplitButton = exports.DataViewLayoutOptions = exports.DataView = exports.Toast = exports.InputNumber = exports.OverlayPanel = exports.Tag = exports.Carousel = exports.ToggleButton = exports.Slider = exports.Card = exports.Dialog = exports.Password = exports.confirmPopup = exports.ConfirmDialog = exports.RadioButton = exports.Badge = exports.Tooltip = exports.Calendar = exports.Image = exports.AvatarGroup = exports.Avatar = exports.classNames = exports.Paginator = exports.MultiSelect = exports.FileUpload = exports.TabMenu = exports.TabPanel = exports.TabView = exports.Sidebar = exports.Column = exports.DataTable = exports.Checkbox = exports.AutoComplete = exports.ColorPicker = exports.AccordionTab = exports.Accordion = exports.InputText = exports.Dropdown = exports.Button = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const client_1 = tslib_1.__importDefault(require("react-dom/client"));
@@ -85,4 +85,16 @@ var split_button_1 = require("./components/button/split-button");
85
85
  Object.defineProperty(exports, "SplitButton", { enumerable: true, get: function () { return tslib_1.__importDefault(split_button_1).default; } });
86
86
  var split_button_2 = require("./components/button/split-button");
87
87
  Object.defineProperty(exports, "SpeedDial", { enumerable: true, get: function () { return tslib_1.__importDefault(split_button_2).default; } });
88
+ var input_mask_1 = require("./components/input/input-mask");
89
+ Object.defineProperty(exports, "InputMask", { enumerable: true, get: function () { return tslib_1.__importDefault(input_mask_1).default; } });
90
+ var input_switch_1 = require("./components/input/input-switch");
91
+ Object.defineProperty(exports, "InputSwitch", { enumerable: true, get: function () { return tslib_1.__importDefault(input_switch_1).default; } });
92
+ var input_textarea_1 = require("./components/input/input-textarea");
93
+ Object.defineProperty(exports, "InputTextarea", { enumerable: true, get: function () { return tslib_1.__importDefault(input_textarea_1).default; } });
94
+ var rating_1 = require("./components/rating/rating");
95
+ Object.defineProperty(exports, "Rating", { enumerable: true, get: function () { return tslib_1.__importDefault(rating_1).default; } });
96
+ var chips_1 = require("./components/chips/chips");
97
+ Object.defineProperty(exports, "Chips", { enumerable: true, get: function () { return tslib_1.__importDefault(chips_1).default; } });
98
+ var chip_1 = require("./components/chips/chip");
99
+ Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return tslib_1.__importDefault(chip_1).default; } });
88
100
  client_1.default.createRoot(document.getElementById('root')).render((0, jsx_runtime_1.jsx)(App_1.default, {}));
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
4
+ const AvatarComponent = () => {
5
+ return ((0, jsx_runtime_1.jsx)("div", { children: "avatar" }));
6
+ };
7
+ exports.default = AvatarComponent;
@@ -10,7 +10,10 @@ const toast_1 = tslib_1.__importDefault(require("./toast/toast"));
10
10
  const badge_1 = tslib_1.__importDefault(require("./badges/badge"));
11
11
  const radio_button_component_1 = tslib_1.__importDefault(require("./radio-button/radio-button-component"));
12
12
  const checkbox_1 = tslib_1.__importDefault(require("./checkbox/checkbox"));
13
+ const tags_1 = tslib_1.__importDefault(require("./tags/tags"));
14
+ const progress_bar_1 = tslib_1.__importDefault(require("./progress-bar/progress-bar"));
15
+ const avatar_1 = tslib_1.__importDefault(require("./avatar/avatar"));
13
16
  const Home = () => {
14
- return ((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsxs)(react_router_dom_1.Routes, { children: [(0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/dropdown", element: (0, jsx_runtime_1.jsx)(dropdown_component_1.default, {}) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/input", element: (0, jsx_runtime_1.jsx)(input_text_1.default, {}) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/color-picker", element: (0, jsx_runtime_1.jsx)(color_picker_1.default, {}) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/toast", element: (0, jsx_runtime_1.jsx)(toast_1.default, {}) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/badges", element: (0, jsx_runtime_1.jsx)(badge_1.default, {}) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/checkbox", element: (0, jsx_runtime_1.jsx)(checkbox_1.default, {}) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/radio-button", element: (0, jsx_runtime_1.jsx)(radio_button_component_1.default, {}) })] }) }));
17
+ return ((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsxs)(react_router_dom_1.Routes, { children: [(0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/dropdown", element: (0, jsx_runtime_1.jsx)(dropdown_component_1.default, {}) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/input", element: (0, jsx_runtime_1.jsx)(input_text_1.default, {}) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/color-picker", element: (0, jsx_runtime_1.jsx)(color_picker_1.default, {}) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/toast", element: (0, jsx_runtime_1.jsx)(toast_1.default, {}) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/badges", element: (0, jsx_runtime_1.jsx)(badge_1.default, {}) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/checkbox", element: (0, jsx_runtime_1.jsx)(checkbox_1.default, {}) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/radio-button", element: (0, jsx_runtime_1.jsx)(radio_button_component_1.default, {}) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/tags", element: (0, jsx_runtime_1.jsx)(tags_1.default, {}) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/progress-bar", element: (0, jsx_runtime_1.jsx)(progress_bar_1.default, {}) }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: "/avatar", element: (0, jsx_runtime_1.jsx)(avatar_1.default, {}) })] }) }));
15
18
  };
16
19
  exports.default = Home;
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
4
+ const ProgressBarComponent = () => {
5
+ return ((0, jsx_runtime_1.jsx)("div", { children: "progress-bar" }));
6
+ };
7
+ exports.default = ProgressBarComponent;
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
4
+ const TagComponent = () => {
5
+ return ((0, jsx_runtime_1.jsx)("div", {}));
6
+ };
7
+ exports.default = TagComponent;
@@ -0,0 +1,2 @@
1
+ import { Chip } from 'primereact/chip';
2
+ export default Chip;
@@ -0,0 +1,2 @@
1
+ import { Chips } from 'primereact/chips';
2
+ export default Chips;
@@ -0,0 +1,2 @@
1
+ import { InputMask } from 'primereact/inputmask';
2
+ export default InputMask;
@@ -0,0 +1,2 @@
1
+ import { InputSwitch } from 'primereact/inputswitch';
2
+ export default InputSwitch;
@@ -0,0 +1,2 @@
1
+ import { InputTextarea } from 'primereact/inputtextarea';
2
+ export default InputTextarea;
@@ -0,0 +1,2 @@
1
+ import { Rating } from 'primereact/rating';
2
+ export default Rating;
@@ -40,4 +40,10 @@ export { default as Toast } from './components/toast/toast';
40
40
  export { DataView, DataViewLayoutOptions } from './components/data-view/data-view';
41
41
  export { default as SplitButton } from './components/button/split-button';
42
42
  export { default as SpeedDial } from './components/button/split-button';
43
+ export { default as InputMask } from './components/input/input-mask';
44
+ export { default as InputSwitch } from './components/input/input-switch';
45
+ export { default as InputTextarea } from './components/input/input-textarea';
46
+ export { default as Rating } from './components/rating/rating';
47
+ export { default as Chips } from './components/chips/chips';
48
+ export { default as Chip } from './components/chips/chip';
43
49
  export type { DropdownChangeEvent, CarouselResponsiveOption, ColorPickerChangeEvent, SliderChangeEvent };
@@ -0,0 +1,2 @@
1
+ declare const AvatarComponent: () => import("react/jsx-runtime").JSX.Element;
2
+ export default AvatarComponent;
@@ -0,0 +1,2 @@
1
+ declare const ProgressBarComponent: () => import("react/jsx-runtime").JSX.Element;
2
+ export default ProgressBarComponent;
@@ -0,0 +1,2 @@
1
+ declare const TagComponent: () => import("react/jsx-runtime").JSX.Element;
2
+ export default TagComponent;
package/package.json CHANGED
@@ -1,6 +1,7 @@
1
1
  {
2
2
  "name": "sccoreui",
3
- "version": "2.2.0",
3
+
4
+ "version": "2.2.2",
4
5
  "description": "ui-sccore",
5
6
  "main": "./dist/index.js",
6
7
  "module": "./dist/index.js",
@@ -1,61 +0,0 @@
1
- @import url('./assets/theme.css');
2
- @import url('./assets/sccoreui.css');
3
- @import url('./assets/sccoreicons.css');
4
- @import url('./assets/flex.css');
5
-
6
- :root {
7
- --fw-600: 600;
8
- --fw-400: 400;
9
- --fs-24: 24px;
10
- --fs-18: 18px;
11
- --fs-16: 16px;
12
- --lh:24px;
13
- --fs-14:14px;
14
- --grey-bg:#101828;
15
- --border-none: border-none;
16
- }
17
-
18
- @font-face {
19
- font-family: 'Lato-400';
20
- font-weight: 400;
21
- src: url('./assets/fonts/Lato-Regular.ttf') format('truetype');
22
- }
23
-
24
- @font-face {
25
- font-family: 'Lato-600';
26
- font-weight: 600;
27
- src: url('./assets/fonts/Lato-Regular.ttf') format('truetype');
28
- }
29
-
30
-
31
- body {
32
- margin: 0;
33
- font-family: 'Lato-400', sans-serif;
34
- -webkit-font-smoothing: antialiased;
35
- -moz-osx-font-smoothing: grayscale;
36
- line-height: var(--lh);
37
- }
38
-
39
- code {
40
- font-family: 'Lato-400', monospace;
41
- }
42
-
43
- h1 {
44
- font-size: var(--fs-24);
45
- font-weight: var(--fw-600);
46
- }
47
-
48
- h2 {
49
- font-size: var(--fs-18);
50
- font-weight: var(--fw-600);
51
- }
52
-
53
- h3 {
54
- font-size: var(--fs-16);
55
- font-weight: var(--fw-400);
56
- }
57
-
58
- // p {
59
- // font-size: var(--fs-16);
60
- // font-weight: var(--fw-400);
61
- // }