@enki-tek/fms-web-components 0.0.1 → 0.0.3

package/components/variable.scss

@@ -0,0 +1,134 @@
+@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
+
+
+@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
+
+// Variables
+
+//Fontfamily
+
+$bodyFonts: Roboto;
+$headFonts: Merriweather;
+
+//colors
+
+$primary: #00AEE5;
+$primary-dark: #007FD8;
+$primary-light: #CEF3FF;
+
+$secondary: #3AC82E;
+$secondary-dark: #00A855;
+$secondary-light: #CBFFC7;
+
+$white: #ffffff;
+$black :#000000;
+
+$danger: #FE4747;
+$danger-dark: #B02A37;
+$danger-light: #FE4747;
+
+$success: #00A96B;
+$success-dark: #146C43;
+$success-light: #D1E7DD;
+
+$info: #0DCAF0;
+$info-dark: #087990;
+$info-light: #9EEAF9;
+
+$warning: #FFBA3A;
+$warning-dark: #997404;
+$warning-light: #FFF3CD;
+
+$gray-900: #212529;
+$gray-800: #343A40;
+$gray-700: #495057;
+$gray-600: #6C757D;
+$gray-500: #adb5bd;
+$gray-400: #CED4DA;
+$gray-300: #DEE2E6;
+$gray-200: #E9ECEF;
+$gray-100: #F8F9FA;
+
+$green-900: #051B11;
+$green-800: #0A3622;
+$green-700: #0F5132;
+$green-600: #146C43;
+$green-500: #198754;
+$green-400: #479F76;
+$green-300: #75B798;
+$green-200: #A3CFBB;
+$green-100: #D1E7DD;
+
+
+$red-900: #2C0B0E;
+$red-800: #58151C;
+$red-700: #842029;
+$red-600: #B02A37;
+$red-500: #DC3545;
+$red-400: #E35D6A;
+$red-300: #EA868F;
+$red-200: #F1AEB5;
+$red-100: #F8D7DA;
+
+$yellow-900: #332701;
+$yellow-800: #664D03;
+$yellow-700: #997404;
+$yellow-600: #CC9A06;
+$yellow-500: #FFC107;
+$yellow-400: #FFCD39;
+$yellow-300: #FFDA6A;
+$yellow-200: #FFE69C;
+$yellow-100: #FFF3CD;
+
+$cyan-900: #032830;
+$cyan-800: #055160;
+$cyan-700: #087990;
+$cyan-600: #0AA2C0;
+$cyan-500: #0DCAF0;
+$cyan-400: #3DD5F3;
+$cyan-300: #6EDFF6;
+$cyan-200: #9EEAF9;
+$cyan-100: #CFF4FC;
+
+$blue-700: #084298;
+$blue-500: rgba(13, 110, 253, 1);
+
+$Title-Color: #152536;
+
+$box-shadow-green: rgba(11, 235, 49, 0.25);
+//Button sizes
+
+$small-width: 100px;
+$small-height: 32px;
+
+$medium-width: 140px;
+$medium-height: 42px;
+
+$large-width: 160px;
+$large-height: 52px;
+
+//Fonts
+
+//shadows
+
+$nonShadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
+$lowShadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.10);
+$mediumShadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.10);
+$highShadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.10);
+
+// $shadow-key-umbra-opacity:      0.20 !default;
+// $shadow-key-penumbra-opacity:   0.14 !default;
+// $shadow-ambient-shadow-opacity: 0.12 !default;
+
+//$lowShadow:0 4px 5px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),
+//             0 1px 10px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity),
+//             0 2px 4px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity);
+
+//$mediumShadow:0 8px 10px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity),
+//             0 3px 14px 2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity),
+//             0 5px 5px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity);
+
+//$highShadow:0 16px 24px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity),
+//         0  6px 30px 5px rgba(0, 0, 0, $shadow-ambient-shadow-opacity),
+//         0  8px 10px -5px rgba(0, 0, 0, $shadow-key-umbra-opacity);

package/index.d.ts

@@ -1,5 +1,21 @@
 import './app.scss';
 import Layout from './components/lay-out/LayOut.svelte';
 import Button from './components/Button/Button.svelte';
-export { Button };
+import TextField from './components/textField/TextField.svelte';
+import Card from './components/Card/Card.svelte';
+import Tooltip from './components/Tooltip/Tooltip.svelte';
+import Tab from './components/Tab/Tab.svelte';
+import Icon from './components/Icon/Icon.svelte';
+import Modal from './components/ModalWindow/Modal.svelte';
+import Header from './components/Header/Header.svelte';
+import Dropdown from './components/Dropdown/Dropdown.svelte';
+import Badge from './components/Badge/Badge.svelte';
+import Alert from './components/Alert/Alert.svelte';
+import Pagination from './components/Pagination/Pagination.svelte';
+import RadioButton from './components/RadioButton/RadioButton.svelte';
+import Switch from './components/Switches/Switch.svelte';
+import Checkbox from './components/CheckBox/Checkbox.svelte';
+import Breadcrumb from './components/Breadcrumb/Breadcrumb.svelte';
+import Accordion from './components/Accordion/Accordion.svelte';
+export { Button, TextField, Card, Tooltip, Tab, Icon, Modal, Header, Dropdown, Badge, Alert, Pagination, RadioButton, Accordion, Switch, Checkbox, Breadcrumb };
 export default Layout;

package/index.js

@@ -2,5 +2,21 @@
 import './app.scss';
 import Layout from './components/lay-out/LayOut.svelte';
 import Button from './components/Button/Button.svelte';
-export { Button };
+import TextField from './components/textField/TextField.svelte';
+import Card from './components/Card/Card.svelte';
+import Tooltip from './components/Tooltip/Tooltip.svelte';
+import Tab from './components/Tab/Tab.svelte';
+import Icon from './components/Icon/Icon.svelte';
+import Modal from './components/ModalWindow/Modal.svelte';
+import Header from './components/Header/Header.svelte';
+import Dropdown from './components/Dropdown/Dropdown.svelte';
+import Badge from './components/Badge/Badge.svelte';
+import Alert from './components/Alert/Alert.svelte';
+import Pagination from './components/Pagination/Pagination.svelte';
+import RadioButton from './components/RadioButton/RadioButton.svelte';
+import Switch from './components/Switches/Switch.svelte';
+import Checkbox from './components/CheckBox/Checkbox.svelte';
+import Breadcrumb from './components/Breadcrumb/Breadcrumb.svelte';
+import Accordion from './components/Accordion/Accordion.svelte';
+export { Button, TextField, Card, Tooltip, Tab, Icon, Modal, Header, Dropdown, Badge, Alert, Pagination, RadioButton, Accordion, Switch, Checkbox, Breadcrumb };
 export default Layout;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enki-tek/fms-web-components",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "devDependencies": {
     "@storybook/addon-essentials": "^7.6.14",
     "@storybook/addon-interactions": "^7.6.14",
@@ -43,12 +43,71 @@
   "exports": {
     "./package.json": "./package.json",
     "./app.scss": "./app.scss",
+    "./components/Accordion/Accordion.scss": "./components/Accordion/Accordion.scss",
+    "./components/Accordion/Accordion.stories": "./components/Accordion/Accordion.stories.js",
+    "./components/Accordion/Accordion.svelte": "./components/Accordion/Accordion.svelte",
+    "./components/Alert/Alert.scss": "./components/Alert/Alert.scss",
+    "./components/Alert/Alert.stories": "./components/Alert/Alert.stories.js",
+    "./components/Alert/Alert.svelte": "./components/Alert/Alert.svelte",
+    "./components/Badge/Badge.scss": "./components/Badge/Badge.scss",
+    "./components/Badge/Badge.stories": "./components/Badge/Badge.stories.js",
+    "./components/Badge/Badge.svelte": "./components/Badge/Badge.svelte",
+    "./components/Badge/BadgeConfig": "./components/Badge/BadgeConfig.js",
+    "./components/Breadcrumb/Breadcrumb.scss": "./components/Breadcrumb/Breadcrumb.scss",
+    "./components/Breadcrumb/Breadcrumb.stories": "./components/Breadcrumb/Breadcrumb.stories.js",
+    "./components/Breadcrumb/Breadcrumb.svelte": "./components/Breadcrumb/Breadcrumb.svelte",
+    "./components/Button/Button.scss": "./components/Button/Button.scss",
     "./components/Button/Button.stories": "./components/Button/Button.stories.js",
     "./components/Button/Button.svelte": "./components/Button/Button.svelte",
+    "./components/Button/buttonConfig": "./components/Button/buttonConfig.js",
+    "./components/Card/Card.scss": "./components/Card/Card.scss",
+    "./components/Card/Card.stories": "./components/Card/Card.stories.js",
+    "./components/Card/Card.svelte": "./components/Card/Card.svelte",
+    "./components/CheckBox/Checkbox.scss": "./components/CheckBox/Checkbox.scss",
+    "./components/CheckBox/Checkbox.stories": "./components/CheckBox/Checkbox.stories.js",
+    "./components/CheckBox/Checkbox.svelte": "./components/CheckBox/Checkbox.svelte",
+    "./components/Dropdown/Dropdown.scss": "./components/Dropdown/Dropdown.scss",
+    "./components/Dropdown/Dropdown.stories": "./components/Dropdown/Dropdown.stories.js",
+    "./components/Dropdown/Dropdown.svelte": "./components/Dropdown/Dropdown.svelte",
+    "./components/Header/Header.scss": "./components/Header/Header.scss",
+    "./components/Header/Header.stories": "./components/Header/Header.stories.js",
+    "./components/Header/Header.svelte": "./components/Header/Header.svelte",
+    "./components/Icon/Icon.scss": "./components/Icon/Icon.scss",
+    "./components/Icon/Icon.stories": "./components/Icon/Icon.stories.js",
+    "./components/Icon/Icon.svelte": "./components/Icon/Icon.svelte",
+    "./components/ModalWindow/Modal.scss": "./components/ModalWindow/Modal.scss",
+    "./components/ModalWindow/Modal.stories": "./components/ModalWindow/Modal.stories.js",
+    "./components/ModalWindow/Modal.svelte": "./components/ModalWindow/Modal.svelte",
+    "./components/Pagination/Pagination.scss": "./components/Pagination/Pagination.scss",
+    "./components/Pagination/Pagination.stories": "./components/Pagination/Pagination.stories.js",
+    "./components/Pagination/Pagination.svelte": "./components/Pagination/Pagination.svelte",
+    "./components/RadioButton/RadioButton.scss": "./components/RadioButton/RadioButton.scss",
+    "./components/RadioButton/RadioButton.stories": "./components/RadioButton/RadioButton.stories.js",
+    "./components/RadioButton/RadioButton.svelte": "./components/RadioButton/RadioButton.svelte",
+    "./components/Sidebar/Sidebar.scss": "./components/Sidebar/Sidebar.scss",
+    "./components/Sidebar/Sidebar.stories": "./components/Sidebar/Sidebar.stories.js",
+    "./components/Sidebar/Sidebar.svelte": "./components/Sidebar/Sidebar.svelte",
+    "./components/Switches/Switch.scss": "./components/Switches/Switch.scss",
+    "./components/Switches/Switch.stories": "./components/Switches/Switch.stories.js",
+    "./components/Switches/Switch.svelte": "./components/Switches/Switch.svelte",
+    "./components/Tab/Tab.scss": "./components/Tab/Tab.scss",
+    "./components/Tab/Tab.stories": "./components/Tab/Tab.stories.js",
+    "./components/Tab/Tab.svelte": "./components/Tab/Tab.svelte",
+    "./components/Table/Table.scss": "./components/Table/Table.scss",
+    "./components/Table/Table.stories": "./components/Table/Table.stories.js",
+    "./components/Table/Table.svelte": "./components/Table/Table.svelte",
+    "./components/Tooltip/Tooltip.scss": "./components/Tooltip/Tooltip.scss",
+    "./components/Tooltip/Tooltip.stories": "./components/Tooltip/Tooltip.stories.js",
+    "./components/Tooltip/Tooltip.svelte": "./components/Tooltip/Tooltip.svelte",
+    "./components/common.scss": "./components/common.scss",
     "./components/lay-out/Footer.svelte": "./components/lay-out/Footer.svelte",
     "./components/lay-out/LayOut.spec": "./components/lay-out/LayOut.spec.js",
     "./components/lay-out/LayOut.stories": "./components/lay-out/LayOut.stories.js",
     "./components/lay-out/LayOut.svelte": "./components/lay-out/LayOut.svelte",
+    "./components/textField/TextField.scss": "./components/textField/TextField.scss",
+    "./components/textField/TextField.stories": "./components/textField/TextField.stories.js",
+    "./components/textField/TextField.svelte": "./components/textField/TextField.svelte",
+    "./components/variable.scss": "./components/variable.scss",
     ".": "./index.js"
   },
   "svelte": "./index.js"