@modul/mbui 0.0.9 → 0.0.10-beta-pv-52970-e24498f8

package/src/assets/css/global.css

@@ -23,7 +23,7 @@
     }
 
     :root {
-        font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif; 
+        font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
 
         --cl-white: #ffffff;
         --cl-dark: #000000;
@@ -73,19 +73,21 @@
         --cl-red-6: #f9c1bd;
         --cl-red-7: #ffe9e9;
 
-        /* --text-base: var(--cl-graphite-1); */
+        --text-base: var(--cl-graphite-1);
         --primary: var(--cl-blue-2);
-        --primary-bg: var(--cl-blue-7);
-        --success: var(--cl-graphite-1);
+        --primary-light: var(--cl-blue-7);
+        --success: var(--cl-green-3);
+        --success-light: var(--cl-green-7);
         --seconady: var(--cl-graphite-2);
-        --tertiary: var(--cl-graphite-3);
-        --muted: var(--cl-graphite-3);
+        --light: var(--cl-graphite-3);
+        --dark: var(--cl-graphite-2);
+        --disabled: var(--cl-graphite-4);
         /* --text-quaternary:; */
 
         --page-bg: var(--cl-white);
 
         /* ЦВЕТ КНОПОК */
-
+        /* =========================================== */
         --btn-primary: var(--cl-white);
         --btn-primary-bg: var(--cl-blue-2);
         --btn-primary-hover-bg: var(--cl-blue-3);
@@ -119,7 +121,32 @@
         --btn-txt-primary-hover: var(--cl-blue-3);
         --btn-txt-primary-focus: var(--cl-blue-3);
         --btn-txt-primary-active: var(--cl-blue-1);
+        /* =========================================== */
+        /* ЦВЕТ КНОПОК */
+        
+        
+        /* ЦВЕТ ПОЛЯ ВВОДА */
+        /* =========================================== */
+        
+        /* =========================================== */
+        /* ЦВЕТ ПОЛЯ ВВОДА */
+        
+        
+        /* BORDER */
+        /* =========================================== */
+        --border-color: var(--cl-graphite-5);
+        --border-radius-1: 8px;
+        /* =========================================== */
+        /* BORDER */
+        
+        /* SHADOWS */
+        /* =========================================== */
+        --shadow-1: 0px 4px 16px rgba(36, 48, 54, 0.08);
+        --shadow-2: 0 2px 10px rgba(36, 48, 54, 0.12);
+        /* =========================================== */
+        /* SHADOWS */
     }
 
+
     .dark {}
 }

package/src/index.ts

@@ -38,8 +38,10 @@ import {
 	DrawerContent,
 	DrawerList,
 	DrawerListItem
-} from './DasboardDrawer'
+} from './DashboardDrawer'
 import { Page } from "./Page";
+import { PageNavbar } from "./Page";
+import { Chip } from "./Chip";
 
 export {
 	Tooltip,
@@ -74,5 +76,7 @@ export {
 	BottomNavigationList,
 	BottomNavigationListItem,
 	BottomNavigationLink,
-	Page
+	Page,
+	PageNavbar,
+	Chip,
 };

package/dist/DasboardDrawer/DashboardDrawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardDrawer.js","sourceRoot":"","sources":["../../src/DasboardDrawer/DashboardDrawer.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,+BAAgD;AAChD,0CAAmC;AAEnC,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAqD,EAAE,EAAE,CAAC,oBAAC,aAAe,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAqG9G,wBAAM;AApGf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAkG5B,sCAAa;AAhG9B,MAAM,YAAY,GAAG,aAAe,CAAC,MAAM,CAAA;AAE3C,MAAM,WAAW,GAAG,aAAe,CAAC,KAAK,CAAA;AA8FM,kCAAW;AA5F1D,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,oBAAC,aAAe,CAAC,KAAK,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,SAAS,CAAC,KACpB,KAAK,GACR,CACF,CAAC,CAAA;AACF,WAAW,CAAC,WAAW,GAAG,aAAe,CAAC,KAAK,CAAC,WAAW,CAAA;AAE3D,MAAM,YAAY,GAAa,GAAG,EAAE,CAAC,CACpC,oBAAC,WAAW,IAAC,SAAS,EAAC,UAAU;IAChC,6BACC,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACC,CAAC,EAAC,+UAA+U,EACjV,IAAI,EAAC,SAAS,EACd,WAAW,EAAC,MAAM,GACjB,CACG,CACO,CACd,CAAA;AAID,MAAM,UAAU,GAA8B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9D,OAAO,CACN,6BACC,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,qBAAqB,IAE9B,QAAQ,CACJ,CACN,CAAA;AACF,CAAC,CAAA;AAkD2D,gCAAU;AA5CtE,MAAM,cAAc,GAAkC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;IACtF,OAAO,CACN,6BACC,IAAI,EAAC,QAAQ,qBACG,GAAG,mBACJ,UAAU,EACzB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAE,CAAC;QAEX,6BAAK,SAAS,EAAC,UAAU;YACxB,2BACC,SAAS,EAAC,kDAAkD,EAC5D,EAAE,EAAC,GAAG,IAEL,KAAK,CACH;YACJ,2BAAG,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAK,CACzD;QACL,UAAU,IAAI,iCAAa,CACvB,CACN,CAAA;AACF,CAAC,CAAA;AAuBuE,wCAAc;AArBtF,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7C,oBAAC,YAAY;IACZ,oBAAC,aAAe,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ,iHAAiH,EACjH,SAAS,CACT,KACG,KAAK;QAET,oBAAC,WAAW,IAAC,SAAS,EAAC,SAAS,sFAA6B;QAC5D,QAAQ;QACT,oBAAC,YAAY,OAAG,CACS,CACZ,CACf,CAAC,CAAA;AAG8B,sCAAa;AAF7C,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}

package/dist/DasboardDrawer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DasboardDrawer/index.ts"],"names":[],"mappings":";;;AAAA,qDAO4B;AAN3B,yGAAA,MAAM,OAAA;AACN,gHAAA,aAAa,OAAA;AACb,8GAAA,WAAW,OAAA;AACX,gHAAA,aAAa,OAAA;AACb,6GAAA,UAAU,OAAA;AACV,iHAAA,cAAc,OAAA"}

package/src/Tabs/ant-tabs.styl

@@ -1,91 +0,0 @@
-@require '../../../Markup.Common/markup/stylus/variables'
-
-$prefix-tabs = ant-tabs
-
-// Общая обретка
-.{$prefix-tabs}
-	position relative
-
-	&._wide
-		.{$prefix-tabs}-tab
-			padding 0 16px 8px
-
-			&:not(:last-child)
-				margin-right 0
-
-// Панелька с названиями табов
-.{$prefix-tabs}-bar
-	position relative
-	display flex
-	flex-wrap nowrap
-
-	&::after
-		content ''
-		position absolute
-		right 0
-		bottom 0
-		left 0
-		height 2px
-		background-color $cl-graphite-6
-
-.{$prefix-tabs}-nav-wrap
-	overflow hidden
-
-.{$prefix-tabs}-nav-scroll
-	overflow hidden
-	white-space nowrap
-
-.{$prefix-tabs}-nav
-	display inline-block
-
-// Таб
-.{$prefix-tabs}-tab
-	display inline-block
-	padding-bottom 8px
-	user-select none
-	cursor pointer
-
-	&:not(:last-child)
-		margin-right 32px
-
-// Активный таб
-.{$prefix-tabs}-tab-active
-	position relative
-	color $cl-blue-2
-
-// Стрелки переключения между табами
-.{$prefix-tabs}-tab-prev
-.{$prefix-tabs}-tab-next
-	display none
-
-// Обертка всех табов
-.{$prefix-tabs}-content
-	display flex
-	margin-left 0 !important // fix стандартного поведения ant-tabs - табы уезжают влево через margin-left: -100%
-	width 100%
-
-// Контент табов
-.{$prefix-tabs}-tabpane
-	flex-shrink 0
-	width 100%
-
-// Подчеркивание активного таба
-.{$prefix-tabs}-ink-bar
-	position relative
-	height 3px
-	background-color $cl-blue-2
-	transition transform .2s
-	z-index 1
-
-// Скрытие неактивного таба
-.{$prefix-tabs}-tabpane-inactive
-	display none
-
-// Заготовка для анимаций
-// .{$prefix-tabs}-tabpane-active
-// 	animation-name anim-tab-active
-// 	animation-duration 1s
-
-// .{$prefix-tabs}-tabpane-inactive
-// 	animation-name anim-tab-inactive
-// 	animation-duration 1s