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 +0 -1
- package/dist/components/chips/chip.js +4 -0
- package/dist/components/chips/chips.js +4 -0
- package/dist/components/input/input-mask.js +4 -0
- package/dist/components/input/input-switch.js +4 -0
- package/dist/components/input/input-textarea.js +4 -0
- package/dist/components/rating/rating.js +4 -0
- package/dist/index.js +13 -1
- package/dist/pages/avatar/avatar.js +7 -0
- package/dist/pages/home.js +4 -1
- package/dist/pages/progress-bar/progress-bar.js +7 -0
- package/dist/pages/tags/tags.js +7 -0
- package/dist/types/components/chips/chip.d.ts +2 -0
- package/dist/types/components/chips/chips.d.ts +2 -0
- package/dist/types/components/input/input-mask.d.ts +2 -0
- package/dist/types/components/input/input-switch.d.ts +2 -0
- package/dist/types/components/input/input-textarea.d.ts +2 -0
- package/dist/types/components/rating/rating.d.ts +2 -0
- package/dist/types/index.d.ts +6 -0
- package/dist/types/pages/avatar/avatar.d.ts +2 -0
- package/dist/types/pages/progress-bar/progress-bar.d.ts +2 -0
- package/dist/types/pages/tags/tags.d.ts +2 -0
- package/package.json +2 -1
- package/dist/assets/App.scss +0 -61
package/dist/App.scss
CHANGED
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;
|
package/dist/pages/home.js
CHANGED
|
@@ -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;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -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 };
|
package/package.json
CHANGED
package/dist/assets/App.scss
DELETED
|
@@ -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
|
-
// }
|