sccoreui 3.3.6 → 3.4.0

package/dist/index.js

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Chart = exports.ProgressSpinner = exports.Skeleton = 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.CustomSlider = 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;
+exports.Slider = exports.Galleria = exports.SvgComponent = exports.CircleProgressComponent = exports.ProgressSteps = exports.ProgressBar = exports.Divider = exports.MegaMenu = exports.BreadCrumb = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const client_1 = tslib_1.__importDefault(require("react-dom/client"));
+const App_1 = tslib_1.__importDefault(require("./App"));
+// export component exports
+var button_1 = require("./components/button/button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return tslib_1.__importDefault(button_1).default; } });
+var dropdown_1 = require("./components/dropdown/dropdown");
+Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return tslib_1.__importDefault(dropdown_1).default; } });
+var input_1 = require("./components/input/input");
+Object.defineProperty(exports, "InputText", { enumerable: true, get: function () { return tslib_1.__importDefault(input_1).default; } });
+var accordion_1 = require("./components/accordion/accordion");
+Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return accordion_1.Accordion; } });
+Object.defineProperty(exports, "AccordionTab", { enumerable: true, get: function () { return accordion_1.AccordionTab; } });
+var color_picker_1 = require("./components/color-picker/color-picker");
+Object.defineProperty(exports, "ColorPicker", { enumerable: true, get: function () { return tslib_1.__importDefault(color_picker_1).default; } });
+var auto_complete_1 = require("./components/auto-complete/auto-complete");
+Object.defineProperty(exports, "AutoComplete", { enumerable: true, get: function () { return tslib_1.__importDefault(auto_complete_1).default; } });
+var checkbox_1 = require("./components/checkbox/checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return tslib_1.__importDefault(checkbox_1).default; } });
+var data_table_1 = require("./components/data-table/data-table");
+Object.defineProperty(exports, "DataTable", { enumerable: true, get: function () { return tslib_1.__importDefault(data_table_1).default; } });
+var column_1 = require("./components/data-table/column");
+Object.defineProperty(exports, "Column", { enumerable: true, get: function () { return tslib_1.__importDefault(column_1).default; } });
+var side_panel_1 = require("./components/side-panel/side-panel");
+Object.defineProperty(exports, "Sidebar", { enumerable: true, get: function () { return tslib_1.__importDefault(side_panel_1).default; } });
+var tabview_1 = require("./components/tabview/tabview");
+Object.defineProperty(exports, "TabView", { enumerable: true, get: function () { return tabview_1.TabView; } });
+Object.defineProperty(exports, "TabPanel", { enumerable: true, get: function () { return tabview_1.TabPanel; } });
+var tab_menu_1 = require("./components/tab-menu/tab-menu");
+Object.defineProperty(exports, "TabMenu", { enumerable: true, get: function () { return tslib_1.__importDefault(tab_menu_1).default; } });
+var file_upload_1 = require("./components/file-upload/file-upload");
+Object.defineProperty(exports, "FileUpload", { enumerable: true, get: function () { return tslib_1.__importDefault(file_upload_1).default; } });
+var multi_select_1 = require("./components/multi-select/multi-select");
+Object.defineProperty(exports, "MultiSelect", { enumerable: true, get: function () { return tslib_1.__importDefault(multi_select_1).default; } });
+var paginator_1 = require("./components/data-table/paginator");
+Object.defineProperty(exports, "Paginator", { enumerable: true, get: function () { return tslib_1.__importDefault(paginator_1).default; } });
+var classnames_1 = require("./components/utils/classnames");
+Object.defineProperty(exports, "classNames", { enumerable: true, get: function () { return tslib_1.__importDefault(classnames_1).default; } });
+var avatar_1 = require("./components/avatar/avatar");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return tslib_1.__importDefault(avatar_1).default; } });
+var avatar_group_1 = require("./components/avatar/avatar-group");
+Object.defineProperty(exports, "AvatarGroup", { enumerable: true, get: function () { return tslib_1.__importDefault(avatar_group_1).default; } });
+var image_1 = require("./components/image/image");
+Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return tslib_1.__importDefault(image_1).default; } });
+var calendar_1 = require("./components/calendar/calendar");
+Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return tslib_1.__importDefault(calendar_1).default; } });
+var tooltip_1 = require("./components/tooltip/tooltip");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return tslib_1.__importDefault(tooltip_1).default; } });
+var badge_1 = require("./components/badge/badge");
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return tslib_1.__importDefault(badge_1).default; } });
+var radio_button_1 = require("./components/radio-button/radio-button");
+Object.defineProperty(exports, "RadioButton", { enumerable: true, get: function () { return tslib_1.__importDefault(radio_button_1).default; } });
+var confirm_dialog_1 = require("./components/dialogs/confirm-dialog");
+Object.defineProperty(exports, "ConfirmDialog", { enumerable: true, get: function () { return tslib_1.__importDefault(confirm_dialog_1).default; } });
+var confirm_popup_1 = require("./components/dialogs/confirm-popup");
+Object.defineProperty(exports, "confirmPopup", { enumerable: true, get: function () { return tslib_1.__importDefault(confirm_popup_1).default; } });
+var password_1 = require("./components/password/password");
+Object.defineProperty(exports, "Password", { enumerable: true, get: function () { return tslib_1.__importDefault(password_1).default; } });
+var dialog_1 = require("./components/dialogs/dialog");
+Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return tslib_1.__importDefault(dialog_1).default; } });
+var card_1 = require("./components/card/card");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return tslib_1.__importDefault(card_1).default; } });
+var custom_slider_1 = require("./components/custom-slider/custom-slider");
+Object.defineProperty(exports, "CustomSlider", { enumerable: true, get: function () { return tslib_1.__importDefault(custom_slider_1).default; } });
+var toggle_button_1 = require("./components/toggle/toggle-button");
+Object.defineProperty(exports, "ToggleButton", { enumerable: true, get: function () { return tslib_1.__importDefault(toggle_button_1).default; } });
+var carousel_1 = require("./components/carousel/carousel");
+Object.defineProperty(exports, "Carousel", { enumerable: true, get: function () { return tslib_1.__importDefault(carousel_1).default; } });
+var tag_1 = require("./components/carousel/tag");
+Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return tslib_1.__importDefault(tag_1).default; } });
+var overlay_panel_1 = require("./components/overlays/overlay-panel");
+Object.defineProperty(exports, "OverlayPanel", { enumerable: true, get: function () { return tslib_1.__importDefault(overlay_panel_1).default; } });
+var input_number_1 = require("./components/input/input-number");
+Object.defineProperty(exports, "InputNumber", { enumerable: true, get: function () { return tslib_1.__importDefault(input_number_1).default; } });
+var toast_1 = require("./components/toast/toast");
+Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return tslib_1.__importDefault(toast_1).default; } });
+var data_view_1 = require("./components/data-view/data-view");
+Object.defineProperty(exports, "DataView", { enumerable: true, get: function () { return data_view_1.DataView; } });
+Object.defineProperty(exports, "DataViewLayoutOptions", { enumerable: true, get: function () { return data_view_1.DataViewLayoutOptions; } });
+var split_button_1 = require("./components/button/split-button");
+Object.defineProperty(exports, "SplitButton", { enumerable: true, get: function () { return tslib_1.__importDefault(split_button_1).default; } });
+var speed_dial_1 = require("./components/button/speed-dial");
+Object.defineProperty(exports, "SpeedDial", { enumerable: true, get: function () { return tslib_1.__importDefault(speed_dial_1).default; } });
+var input_mask_1 = require("./components/input/input-mask");
+Object.defineProperty(exports, "InputMask", { enumerable: true, get: function () { return tslib_1.__importDefault(input_mask_1).default; } });
+var input_switch_1 = require("./components/input/input-switch");
+Object.defineProperty(exports, "InputSwitch", { enumerable: true, get: function () { return tslib_1.__importDefault(input_switch_1).default; } });
+var input_textarea_1 = require("./components/input/input-textarea");
+Object.defineProperty(exports, "InputTextarea", { enumerable: true, get: function () { return tslib_1.__importDefault(input_textarea_1).default; } });
+var rating_1 = require("./components/rating/rating");
+Object.defineProperty(exports, "Rating", { enumerable: true, get: function () { return tslib_1.__importDefault(rating_1).default; } });
+var chips_1 = require("./components/chips/chips");
+Object.defineProperty(exports, "Chips", { enumerable: true, get: function () { return tslib_1.__importDefault(chips_1).default; } });
+var chip_1 = require("./components/chips/chip");
+Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return tslib_1.__importDefault(chip_1).default; } });
+var skeleton_1 = require("./components/skeleton/skeleton");
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return tslib_1.__importDefault(skeleton_1).default; } });
+var spinner_1 = require("./components/spinner/spinner");
+Object.defineProperty(exports, "ProgressSpinner", { enumerable: true, get: function () { return tslib_1.__importDefault(spinner_1).default; } });
+var chart_1 = require("./components/chart/chart");
+Object.defineProperty(exports, "Chart", { enumerable: true, get: function () { return tslib_1.__importDefault(chart_1).default; } });
+var breacrumb_1 = require("./components/breadcrumb/breacrumb");
+Object.defineProperty(exports, "BreadCrumb", { enumerable: true, get: function () { return tslib_1.__importDefault(breacrumb_1).default; } });
+var mega_menu_1 = require("./components/megamenu/mega-menu");
+Object.defineProperty(exports, "MegaMenu", { enumerable: true, get: function () { return tslib_1.__importDefault(mega_menu_1).default; } });
+var divider_1 = require("./components/divider/divider");
+Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return tslib_1.__importDefault(divider_1).default; } });
+var progress_bar_1 = require("./components/progress-bar/progress-bar");
+Object.defineProperty(exports, "ProgressBar", { enumerable: true, get: function () { return tslib_1.__importDefault(progress_bar_1).default; } });
+var progress_steps_1 = require("./components/progress-steps/progress-steps");
+Object.defineProperty(exports, "ProgressSteps", { enumerable: true, get: function () { return tslib_1.__importDefault(progress_steps_1).default; } });
+var circle_progress_bar_1 = require("./components/progress_bar_round/circle-progress-bar");
+Object.defineProperty(exports, "CircleProgressComponent", { enumerable: true, get: function () { return tslib_1.__importDefault(circle_progress_bar_1).default; } });
+var svg_component_1 = require("./directives/svg-component");
+Object.defineProperty(exports, "SvgComponent", { enumerable: true, get: function () { return tslib_1.__importDefault(svg_component_1).default; } });
+var galleria_1 = require("./components/galleria/galleria");
+Object.defineProperty(exports, "Galleria", { enumerable: true, get: function () { return galleria_1.Galleria; } });
+var slider_1 = require("./components/slider/slider");
+Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return tslib_1.__importDefault(slider_1).default; } });
+client_1.default.createRoot(document.getElementById("root")).render((0, jsx_runtime_1.jsx)(App_1.default, {}));

package/dist/src/App.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 // import Home from './pages/home';
-require("./App.scss");
+require("./App.min.css");
 const App = () => {
     return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", {}) }));
 };

package/dist/types/src/App.d.ts

@@ -1,3 +1,3 @@
-import './App.scss';
+import './App.min.css';
 declare const App: () => import("react/jsx-runtime").JSX.Element;
 export default App;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "3.3.6",
+  "version": "3.4.0",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -8,7 +8,12 @@
   "scripts": {
     "start": "react-scripts start",
     "build": "tsc",
-    "prepare": "npm run build"
+    "prepare": "npm run build",
+    "sass": "sass src/App.scss src/App.css --style compressed --no-source-map && rimraf src/App.scss",
+    "css1": "uglifycss src/assets/flex.css > src/assets/flex.min.css && uglifycss src/assets/sccoreicons.css > src/assets/sccoreicons.min.css && uglifycss src/assets/sccoreui.css > src/assets/sccoreui.min.css && uglifycss src/assets/themes.css > src/assets/themes.min.css && rimraf src/assets/flex.css && rimraf src/assets/sccoreicons.css && rimraf src/assets/sccoreui.css && rimraf src/assets/themes.css",
+    "css2": "uglifycss src/assets/sccoreicons.css>src/assets/sccoreicons.min.css && rimraf src/assets/sccoreicons.css",
+    "css3": "uglifycss src/assets/sccoreui.css>src/assets/sccoreui.min.css && rimraf src/assets/sccoreui.css",
+    "css4": "uglifycss src/assets/themes.css>src/assets/themes.min.css && rimraf src/assets/themes.css"
   },
   "files": [
     "dist",

package/dist/App.scss

@@ -1,130 +0,0 @@
-@import url("./assets/theme.css");
-@import url("./assets/sccoreui.css");
-@import url("./assets/sccoreicons.css");
-@import url("./assets/flex.css");
-
-:root {
-  --fw-600: 600;
-  --fw-400: 400;
-  --fs-24: 24px;
-  --fs-18: 18px;
-  --fs-16: 16px;
-  --lh: 24px;
-  --fs-14: 14px;
-  --grey-bg: #101828;
-  --border-none: border-none;
-}
-
-@font-face {
-  font-family: "Lato-400";
-  font-weight: 400;
-  src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "Lato-600";
-  font-weight: 600;
-  src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
-}
-
-// * {
-//   padding: 0;
-//   margin: 0;
-// }
-
-body {
-  font-family: "Lato-400", sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  line-height: var(--lh);
-  padding: 0;
-  margin: 0;
-}
-
-code {
-  font-family: "Lato-400", monospace;
-}
-
-h1 {
-  font-size: var(--fs-24);
-  font-weight: var(--fw-600);
-}
-
-h2 {
-  font-size: var(--fs-18);
-  font-weight: var(--fw-600);
-}
-
-h3 {
-  font-size: var(--fs-16);
-  font-weight: var(--fw-400);
-}
-
-// ============= custom progress steps ===============  //
-
-.progress-container {
-  isolation: isolate;
-
-  &::before {
-    content: "";
-    background-color: var(--gray-200);
-    position: absolute;
-    z-index: -1;
-  }
-
-  &.horizontal::before {
-    height: 2px;
-    width: 100%;
-    top: 11%;
-  }
-
-  &.vertical::before {
-    height: 100%;
-    width: 2px;
-    left: 5%;
-    top: 0;
-  }
-}
-
-.progressbar {
-  z-index: -1;
-  transition: all 0.6s ease;
-
-  &.horizontal {
-    left: 0;
-    height: 2px;
-    top: 11%;
-  }
-
-  &.vertical {
-    width: 2px;
-    left: 5%;
-    top: 0;
-  }
-}
-
-.progress-step-item {
-  &.horizontal {
-    // transform: translateX(10%);
-
-    &:nth-of-type(1) {
-      transform: translateX(-50%);
-    }
-
-    &:last-child {
-      transform: translateX(50%);
-    }
-  }
-
-  &.vertical {
-    transform: translateY(50%);
-
-    &:nth-of-type(1) {
-      transform: translateY(-5%);
-    }
-
-    &:last-child {
-      transform: translateY(100%);
-    }
-  }
-}

package/dist/assets/App.scss

@@ -1,130 +0,0 @@
-@import url("./assets/theme.css");
-@import url("./assets/sccoreui.css");
-@import url("./assets/sccoreicons.css");
-@import url("./assets/flex.css");
-
-:root {
-  --fw-600: 600;
-  --fw-400: 400;
-  --fs-24: 24px;
-  --fs-18: 18px;
-  --fs-16: 16px;
-  --lh: 24px;
-  --fs-14: 14px;
-  --grey-bg: #101828;
-  --border-none: border-none;
-}
-
-@font-face {
-  font-family: "Lato-400";
-  font-weight: 400;
-  src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "Lato-600";
-  font-weight: 600;
-  src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
-}
-
-// * {
-//   padding: 0;
-//   margin: 0;
-// }
-
-body {
-  font-family: "Lato-400", sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  line-height: var(--lh);
-  padding: 0;
-  margin: 0;
-}
-
-code {
-  font-family: "Lato-400", monospace;
-}
-
-h1 {
-  font-size: var(--fs-24);
-  font-weight: var(--fw-600);
-}
-
-h2 {
-  font-size: var(--fs-18);
-  font-weight: var(--fw-600);
-}
-
-h3 {
-  font-size: var(--fs-16);
-  font-weight: var(--fw-400);
-}
-
-// ============= custom progress steps ===============  //
-
-.progress-container {
-  isolation: isolate;
-
-  &::before {
-    content: "";
-    background-color: var(--gray-200);
-    position: absolute;
-    z-index: -1;
-  }
-
-  &.horizontal::before {
-    height: 2px;
-    width: 100%;
-    top: 11%;
-  }
-
-  &.vertical::before {
-    height: 100%;
-    width: 2px;
-    left: 5%;
-    top: 0;
-  }
-}
-
-.progressbar {
-  z-index: -1;
-  transition: all 0.6s ease;
-
-  &.horizontal {
-    left: 0;
-    height: 2px;
-    top: 11%;
-  }
-
-  &.vertical {
-    width: 2px;
-    left: 5%;
-    top: 0;
-  }
-}
-
-.progress-step-item {
-  &.horizontal {
-    // transform: translateX(10%);
-
-    &:nth-of-type(1) {
-      transform: translateX(-50%);
-    }
-
-    &:last-child {
-      transform: translateX(50%);
-    }
-  }
-
-  &.vertical {
-    transform: translateY(50%);
-
-    &:nth-of-type(1) {
-      transform: translateY(-5%);
-    }
-
-    &:last-child {
-      transform: translateY(100%);
-    }
-  }
-}