dealposbooks 1.0.9 → 1.9.0

package/assets/scss/components/_forms.scss

@@ -8,11 +8,13 @@
 .form-check-input {
   z-index: 1;
 }
-
+//
+// Default Form Page style including font weight and color
+//
 label {
   margin-bottom: 0.5rem;
-  font-weight: 600;
-  color: var(--bs-gray-600);
+  font-weight: 400;
+  color: #202123;
 }
 
 //

package/assets/scss/layouts/_customizer.scss

@@ -34,8 +34,8 @@
     }
   }
 
-  .btn-check:checked+.btn,
-  :not(.btn-check)+.btn:active,
+  .btn-check:checked + .btn,
+  :not(.btn-check) + .btn:active,
   .btn:first-child:active,
   .btn.active,
   .btn.show {
@@ -47,9 +47,8 @@
   }
 
   &.color-pallete {
-
-    .btn-check:checked+.btn,
-    :not(.btn-check)+.btn:active,
+    .btn-check:checked + .btn,
+    :not(.btn-check) + .btn:active,
     .btn:first-child:active,
     .btn.active,
     .btn.show {
@@ -97,4 +96,10 @@
   .nav-item .nav-link {
     padding: 15px 10px;
   }
-}
+}
+
+// Globally change Table TD Font size
+// This will affect all tables in the application
+table td {
+  font-size: 0.875rem;
+}

package/assets/scss/layouts/_sidebar.scss

@@ -1,5 +1,5 @@
 // Sidebar
-$sidebar-link-padding: 15px 15px;
+$sidebar-link-padding: 10px 15px;
 $sidebar-icon-size: 20px;
 $sidebar-first-level-padding: 0 0 0 0;
 $sidebar-first-level-link-padding: 8px 15px;
@@ -77,7 +77,7 @@ sidebar navigation
         gap: 10px;
         font-weight: 400;
         position: relative;
-        margin: 0px 0px 2px;
+        margin: 2px 5px 2px;
         text-decoration: none;
 
         .side-badge.badge {
@@ -103,6 +103,7 @@ sidebar navigation
         }
 
         &.active {
+          background-color: var(--p-primary-color);
           // color: #fff;
           opacity: 1;
 
@@ -128,6 +129,7 @@ sidebar navigation
       &.selected > .sidebar-link,
       &:hover > .sidebar-link {
         opacity: 1;
+        background-color: #2d2d2e;
       }
 
       /*******************
@@ -138,8 +140,7 @@ sidebar navigation
 
         .sidebar-item.active > .sidebar-link {
           opacity: 1;
-          // background: $green;
-          // color: #fff;
+          background: var(--p-primary-color);
         }
 
         .sidebar-item .sidebar-link {
@@ -154,10 +155,10 @@ sidebar navigation
       }
 
       &.active {
-        > .sidebar-link {
+        .sidebar-link {
           opacity: 1;
           color: #fff;
-          background: $green;
+          // background: $green;
           border-radius: $border-radius;
         }
 
@@ -165,8 +166,8 @@ sidebar navigation
         &:has(> ul) {
           > .sidebar-link {
             // opacity: 0.8; // Bisa disesuaikan
-            color: #000;
-            background: $green;
+            color: #fff;
+            // background: $green;
           }
         }
       }
@@ -221,11 +222,12 @@ Down arrow
   &::after {
     position: absolute;
     content: '';
-    width: 7px;
-    height: 7px;
+
+    width: 5px;
+    height: 5px;
     border-width: 1px 0 0 1px;
     border-style: solid;
-    border-color: $sidebar-text;
+    border-color: #fff;
     margin-left: 10px;
     -webkit-transform: rotate(135deg) translate(0, -50%);
     -ms-transform: rotate(135deg) translate(0, -50%);
@@ -235,8 +237,9 @@ Down arrow
     -ms-transform-origin: top;
     -o-transform-origin: top;
     transform-origin: top;
-    top: 23px;
+    top: 50%;
     right: 15px;
+    // transform: translateY(-50%);
     -webkit-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;

package/assets/scss/style.scss

@@ -109,32 +109,29 @@
 // primeng
 .p-datatable-thead > tr > th {
   background-color: #f6f6f6 !important;
-  color: #333 !important;
+  color: #202123 !important;
 }
+
 .p-dialog {
   overflow: hidden;
   border: none !important;
+  .p-dialog-header {
+    background-color: #0a8754;
 
-  // &::before {
-  //   content: '';
-  //   background-color: #2175d0;
-  //   height: 5px;
-  //   width: 100%;
-  // }
-}
-
-.p-dialog-header-actions {
-  p-button {
-    background-color: white;
-    border-radius: 50%;
-  }
-  .p-dialog-close-button {
     color: #ffffff;
-    width: 30px;
-    height: 30px;
-    background: #ffffff;
-    display: flex;
-    border-radius: 50%;
+  }
+  .p-dialog-header-actions {
+    p-button {
+      background-color: white;
+      border-radius: 4px;
+    }
+    .p-dialog-close-button {
+      color: #ffffff;
+      width: 30px;
+      height: 30px;
+      background: #ffffff;
+      display: flex;
+    }
   }
 }
 
@@ -155,3 +152,7 @@
 .custom-scrollbar-track {
   background-color: var(--scrollbar-track-color, #f1f1f1);
 }
+
+.p-scrollpanel-bar-y {
+  width: 3px !important; /* change this to your desired value */
+}

package/assets/scss/variables/_variables.scss

@@ -1,7 +1,6 @@
 // ----------------------------------------------
 // Variables Style
 // ----------------------------------------------
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
 
 // colors
 $white: #fff !default;
@@ -79,7 +78,7 @@ $light-text-emphasis: $gray-100 !default;
 $dark-text-emphasis: $gray-600 !default;
 
 // Spacer
-$spacer: 1rem !default;
+$spacer: 1rem;
 $spacers: (
   0: 0,
   1: $spacer * 0.25,
@@ -87,11 +86,36 @@ $spacers: (
   3: $spacer,
   4: $spacer * 1.5,
   5: $spacer * 3,
-  6: 12px,
-  7: 30px,
-  8: 10px,
-  9: 20px,
-) !default;
+);
+
+$extend-spacers: (
+  6: $spacer * 1.5,
+  7: $spacer * 1.75,
+  8: $spacer * 2,
+  9: $spacer * 2.25,
+  10: $spacer * 2.5,
+  11: $spacer * 2.75,
+  12: $spacer * 3,
+  14: $spacer * 3.5,
+  16: $spacer * 4,
+  20: $spacer * 5,
+  24: $spacer * 6,
+  28: $spacer * 7,
+  32: $spacer * 8,
+  36: $spacer * 9,
+  40: $spacer * 10,
+  44: $spacer * 11,
+  48: $spacer * 12,
+  52: $spacer * 13,
+  56: $spacer * 14,
+  60: $spacer * 15,
+  64: $spacer * 16,
+  72: $spacer * 18,
+  80: $spacer * 20,
+  96: $spacer * 24,
+);
+
+$spacers: map-merge($spacers, $extend-spacers);
 
 $utilities: () !default;
 $utilities: (
@@ -114,7 +138,7 @@ $utilities: (
   ),
 );
 
-$border-radius: 8px !default;
+$border-radius: 3px !default;
 
 // Common
 $min-contrast-ratio: 1.7 !default;
@@ -142,7 +166,7 @@ $font-weight-light: 300 !default;
 $font-weight-normal: 400 !default;
 $font-weight-bold: 500 !default;
 $font-weight-bolder: 700 !default;
-$font-weight-base: 500 !default;
+$font-weight-base: 400 !default;
 
 // Buttons
 $btn-padding-y: 7px !default;
@@ -153,10 +177,12 @@ $btn-box-shadow: unset !default;
 $btn-font-size: 14px !default;
 $btn-border-radius-lg: 60px !default;
 
-// Font Family
+// ======================================================
+// Typography
+// ======================================================
 $font-size-base: 1rem;
-// $font-weight-base: 300 !default;
-$font-family-sans-serif: 'Montserrat', sans-serif !default;
+$font-weight-base: 300 !default;
+$font-family-sans-serif: 'Poppins', sans-serif !default;
 $font-weight-light: 300 !default;
 $font-weight-normal: 400 !default;
 $font-weight-medium: 500 !default;
@@ -167,6 +193,7 @@ $h3-font-size: 21px !default;
 $h4-font-size: 18px !default;
 $h5-font-size: 16px !default;
 $h6-font-size: 14px !default;
+$headings-font-family: 'Open Sans', sans-serif !default;
 $headings-margin-bottom: 8px !default;
 $headings-font-weight: 400 !default;
 $headings-color: #455a64 !default;

package/chunk-26X2X35R.js

@@ -0,0 +1 @@
+import{Z as v,ca as L,pa as m,ra as a,sa as l,ta as r,ua as O}from"./chunk-35EULUGT.js";import{a as C,w as _}from"./chunk-SJTXIIX5.js";import{Da as p,Ja as S,Mc as b,ba as h,ha as i,kb as f,oa as c,sa as d,ua as y,uc as g,vb as u}from"./chunk-2VF35PRV.js";import{a as n}from"./chunk-EQDQRRRY.js";var T=(()=>{class o extends r{name="common";static \u0275fac=(()=>{let e;return function(s){return(e||(e=d(o)))(s||o)}})();static \u0275prov=h({token:o,factory:o.\u0275fac,providedIn:"root"})}return o})(),B=(()=>{class o{document=i(C);platformId=i(S);el=i(p);injector=i(y);cd=i(b);renderer=i(f);config=i(O);baseComponentStyle=i(T);baseStyle=i(r);scopedStyleEl;rootEl;dt;get styleOptions(){return{nonce:this.config?.csp().nonce}}get _name(){return this.constructor.name.replace(/^_/,"").toLowerCase()}get componentStyle(){return this._componentStyle}attrSelector=L("pc");themeChangeListeners=[];_getHostInstance(e){if(e)return e?this.hostName?e.name===this.hostName?e:this._getHostInstance(e.parentInstance):e.parentInstance:void 0}_getOptionValue(e,t="",s={}){return v(e,t,s)}ngOnInit(){this.document&&this._loadStyles()}ngAfterViewInit(){this.rootEl=this.el?.nativeElement,this.rootEl&&this.rootEl?.setAttribute(this.attrSelector,"")}ngOnChanges(e){if(this.document&&!_(this.platformId)){let{dt:t}=e;t&&t.currentValue&&(this._loadScopedThemeStyles(t.currentValue),this._themeChangeListener(()=>this._loadScopedThemeStyles(t.currentValue)))}}ngOnDestroy(){this._unloadScopedThemeStyles(),this.themeChangeListeners.forEach(e=>m.off("theme:change",e))}_loadStyles(){let e=()=>{l.isStyleNameLoaded("base")||(this.baseStyle.loadGlobalCSS(this.styleOptions),l.setLoadedStyleName("base")),this._loadThemeStyles()};e(),this._themeChangeListener(()=>e())}_loadCoreStyles(){!l.isStyleNameLoaded("base")&&this._name&&(this.baseComponentStyle.loadCSS(this.styleOptions),this.componentStyle&&this.componentStyle?.loadCSS(this.styleOptions),l.setLoadedStyleName(this.componentStyle?.name))}_loadThemeStyles(){if(!a.isStyleNameLoaded("common")){let{primitive:e,semantic:t,global:s,style:I}=this.componentStyle?.getCommonTheme?.()||{};this.baseStyle.load(e?.css,n({name:"primitive-variables"},this.styleOptions)),this.baseStyle.load(t?.css,n({name:"semantic-variables"},this.styleOptions)),this.baseStyle.load(s?.css,n({name:"global-variables"},this.styleOptions)),this.baseStyle.loadGlobalTheme(n({name:"global-style"},this.styleOptions),I),a.setLoadedStyleName("common")}if(!a.isStyleNameLoaded(this.componentStyle?.name)&&this.componentStyle?.name){let{css:e,style:t}=this.componentStyle?.getComponentTheme?.()||{};this.componentStyle?.load(e,n({name:`${this.componentStyle?.name}-variables`},this.styleOptions)),this.componentStyle?.loadTheme(n({name:`${this.componentStyle?.name}-style`},this.styleOptions),t),a.setLoadedStyleName(this.componentStyle?.name)}if(!a.isStyleNameLoaded("layer-order")){let e=this.componentStyle?.getLayerOrderThemeCSS?.();this.baseStyle.load(e,n({name:"layer-order",first:!0},this.styleOptions)),a.setLoadedStyleName("layer-order")}this.dt&&(this._loadScopedThemeStyles(this.dt),this._themeChangeListener(()=>this._loadScopedThemeStyles(this.dt)))}_loadScopedThemeStyles(e){let{css:t}=this.componentStyle?.getPresetTheme?.(e,`[${this.attrSelector}]`)||{},s=this.componentStyle?.load(t,n({name:`${this.attrSelector}-${this.componentStyle?.name}`},this.styleOptions));this.scopedStyleEl=s?.el}_unloadScopedThemeStyles(){this.scopedStyleEl?.remove()}_themeChangeListener(e=()=>{}){l.clearLoadedStyleNames(),m.on("theme:change",e),this.themeChangeListeners.push(e)}cx(e,t){let s=this.parent?this.parent.componentStyle?.classes?.[e]:this.componentStyle?.classes?.[e];return typeof s=="function"?s({instance:this}):typeof s=="string"?s:e}sx(e){let t=this.componentStyle?.inlineStyles?.[e];return typeof t=="function"?t({instance:this}):typeof t=="string"?t:n({},t)}get parent(){return this.parentInstance}static \u0275fac=function(t){return new(t||o)};static \u0275dir=u({type:o,inputs:{dt:"dt"},features:[g([T,r]),c]})}return o})();export{B as a};