coer-elements 0.0.48 → 0.0.49

package/fesm2022/coer-elements-interfaces.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"coer-elements-interfaces.mjs","sources":["../../../projects/coer-elements/interfaces/public-api.ts","../../../projects/coer-elements/interfaces/coer-elements-interfaces.ts"],"sourcesContent":["//coer-filebox\r\nexport * from './lib/coer-filebox/file-image.interface';\r\nexport * from './lib/coer-filebox/file.interface';\r\n\r\n//coer-grid\r\nexport * from './lib/coer-grid/grid-button-by-row.interface';\r\nexport * from './lib/coer-grid/grid-checkbox.interface';\r\nexport * from './lib/coer-grid/grid-coer-numberbox.interface';\r\nexport * from './lib/coer-grid/grid-coer-selectbox.interface';\r\nexport * from './lib/coer-grid/grid-coer-switch.interface';\r\nexport * from './lib/coer-grid/grid-coer-textbox.interface';\r\nexport * from './lib/coer-grid/grid-column.interface';\r\nexport * from './lib/coer-grid/grid-data-source.interface';\r\nexport * from './lib/coer-grid/grid-header-button.interface';\r\nexport * from './lib/coer-grid/grid-header-export-button.interface';\r\nexport * from './lib/coer-grid/grid-header.interface';\r\nexport * from './lib/coer-grid/grid-import.interface';\r\nexport * from './lib/coer-grid/grid-input-checkbox.interface';\r\nexport * from './lib/coer-grid/grid-input-switch-change.interface';\r\nexport * from './lib/coer-grid/grid-input-textbox.interface';\r\nexport * from './lib/coer-grid/grid-item.interface';\r\nexport * from './lib/coer-grid/grid-keyup-enter.interface';\r\nexport * from './lib/coer-grid/grid-length.interface';\r\nexport * from './lib/coer-grid/grid-search.interface';\r\nexport * from './lib/coer-grid/grid-sort.interface';\r\n\r\n//coer-menu\r\nexport * from './lib/coer-menu/menu-option-selected.interface';\r\nexport * from './lib/coer-menu/menu-selected.interface';\r\nexport * from './lib/coer-menu/menu.interface';\r\n\r\n//page-title\r\nexport * from './lib/page-title/breadcrumb.interface';\r\nexport * from './lib/page-title/go-back.interface';\r\n\r\n//service\r\nexport * from './lib/service/http-request.interface';\r\nexport * from './lib/service/http-response.interface';\r\nexport * from './lib/service/patch.interface';\r\n\r\nexport * from './lib/app-source.interface';\r\nexport * from './lib/coer-ref.interface';\r\nexport * from './lib/screen-size.interface';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;ACAA;;AAEG"}
+{"version":3,"file":"coer-elements-interfaces.mjs","sources":["../../../projects/coer-elements/interfaces/public-api.ts","../../../projects/coer-elements/interfaces/coer-elements-interfaces.ts"],"sourcesContent":["//coer-filebox\r\nexport * from './lib/coer-filebox/file-image.interface';\r\nexport * from './lib/coer-filebox/file.interface';\r\n\r\n//coer-grid\r\nexport * from './lib/coer-grid/grid-button-by-row.interface';\r\nexport * from './lib/coer-grid/grid-checkbox.interface';\r\nexport * from './lib/coer-grid/grid-coer-numberbox.interface';\r\nexport * from './lib/coer-grid/grid-coer-selectbox.interface';\r\nexport * from './lib/coer-grid/grid-coer-switch.interface';\r\nexport * from './lib/coer-grid/grid-coer-textbox.interface';\r\nexport * from './lib/coer-grid/grid-column.interface';\r\nexport * from './lib/coer-grid/grid-data-source.interface';\r\nexport * from './lib/coer-grid/grid-header-button.interface';\r\nexport * from './lib/coer-grid/grid-header-export-button.interface';\r\nexport * from './lib/coer-grid/grid-header.interface';\r\nexport * from './lib/coer-grid/grid-import.interface';\r\nexport * from './lib/coer-grid/grid-input-checkbox.interface';\r\nexport * from './lib/coer-grid/grid-input-switch-change.interface';\r\nexport * from './lib/coer-grid/grid-input-textbox.interface';\r\nexport * from './lib/coer-grid/grid-item.interface';\r\nexport * from './lib/coer-grid/grid-keyup-enter.interface';\r\nexport * from './lib/coer-grid/grid-length.interface';\r\nexport * from './lib/coer-grid/grid-search.interface';\r\nexport * from './lib/coer-grid/grid-sort.interface';\r\n\r\n//coer-menu\r\nexport * from './lib/coer-menu/menu-option-selected.interface';\r\nexport * from './lib/coer-menu/menu-selected.interface';\r\nexport * from './lib/coer-menu/menu.interface';\r\n\r\n//page-title\r\nexport * from './lib/page-title/breadcrumb.interface';\r\nexport * from './lib/page-title/go-back.interface';\r\n\r\n//service\r\nexport * from './lib/service/http-request.interface';\r\nexport * from './lib/service/http-response.interface';\r\nexport * from './lib/service/patch.interface';\r\n\r\nexport * from './lib/app-source.interface';\r\nexport * from './lib/box-button.interface';\r\nexport * from './lib/coer-ref.interface';\r\nexport * from './lib/screen-size.interface';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;ACAA;;AAEG"}

package/interfaces/lib/box-button.interface.d.ts

@@ -0,0 +1,6 @@
+export interface IBoxButton {
+    show: boolean;
+    position?: 'left' | 'right';
+    isDisabled?: boolean;
+    icon?: string;
+}

package/interfaces/public-api.d.ts

@@ -29,5 +29,6 @@ export * from './lib/service/http-request.interface';
 export * from './lib/service/http-response.interface';
 export * from './lib/service/patch.interface';
 export * from './lib/app-source.interface';
+export * from './lib/box-button.interface';
 export * from './lib/coer-ref.interface';
 export * from './lib/screen-size.interface';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coer-elements",
-  "version": "0.0.48",
+  "version": "0.0.49",
   "author": "Christian Omar Escamilla Rodríguez",
   "keywords": [
     "COER",

package/styles/coer-elements.css

@@ -457,6 +457,10 @@ div.coer-button button.navigation-filled {
   background-color: #fd6031 !important;
   color: #f5f5f5 !important;
 }
+div.coer-button button.dark-filled {
+  background-color: #252525 !important;
+  color: #f5f5f5 !important;
+}
 div.coer-button button.primary-outline {
   background-color: white !important;
   border: 1px solid #0d6efd !important;
@@ -487,6 +491,11 @@ div.coer-button button.navigation-outline {
   border: 1px solid #fd6031 !important;
   color: #fd6031 !important;
 }
+div.coer-button button.dark-outline {
+  background-color: white !important;
+  border: 1px solid #252525 !important;
+  color: #252525 !important;
+}
 div.coer-button button.primary-filled:not(.readonly):hover, div.coer-button button.primary-filled:not(.readonly):focus,
 div.coer-button button.primary-outline:not(.readonly):hover, div.coer-button button.primary-outline:not(.readonly):focus,
 div.coer-button button.secondary-filled:not(.readonly):hover, div.coer-button button.secondary-filled:not(.readonly):focus,
@@ -496,7 +505,11 @@ div.coer-button button.success-outline:not(.readonly):hover, div.coer-button but
 div.coer-button button.warning-filled:not(.readonly):hover, div.coer-button button.warning-filled:not(.readonly):focus,
 div.coer-button button.warning-outline:not(.readonly):hover, div.coer-button button.warning-outline:not(.readonly):focus,
 div.coer-button button.danger-filled:not(.readonly):hover, div.coer-button button.danger-filled:not(.readonly):focus,
-div.coer-button button.danger-outline:not(.readonly):hover, div.coer-button button.danger-outline:not(.readonly):focus {
+div.coer-button button.danger-outline:not(.readonly):hover, div.coer-button button.danger-outline:not(.readonly):focus,
+div.coer-button button.navigation-filled:not(.readonly):hover, div.coer-button button.navigation-filled:not(.readonly):focus,
+div.coer-button button.navigation-outline:not(.readonly):hover, div.coer-button button.navigation-outline:not(.readonly):focus,
+div.coer-button button.dark-filled:not(.readonly):hover, div.coer-button button.dark-filled:not(.readonly):focus,
+div.coer-button button.dark-outline:not(.readonly):hover, div.coer-button button.dark-outline:not(.readonly):focus {
   filter: brightness(1.1) !important;
 }
 div.coer-button button.primary-filled:not(.readonly):focus,
@@ -523,6 +536,10 @@ div.coer-button button.navigation-filled:not(.readonly):focus,
 div.coer-button button.navigation-outline:not(.readonly):focus {
   box-shadow: 0px 0px 20px #fd6031 !important;
 }
+div.coer-button button.dark-filled:not(.readonly):focus,
+div.coer-button button.dark-outline:not(.readonly):focus {
+  box-shadow: 0px 0px 20px #252525 !important;
+}
 div.coer-button button.mdc-icon-button.mat-mdc-icon-button {
   width: 40px !important;
   height: 40px !important;
@@ -578,6 +595,10 @@ div#coer-tool-bar coer-button * {
   color: #fd6031 !important;
 }
 
+div.coer-text-box {
+  display: flex;
+  align-items: center;
+}
 div.coer-text-box * {
   --blue: #0d6efd;
   --gray: #6c757d;
@@ -815,6 +836,14 @@ div.coer-text-box mat-form-field .placeholder-glow, div.coer-text-box mat-form-f
 div.coer-text-box mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-text-field {
   background-color: rgba(187, 187, 187, 0.5137254902) !important;
 }
+div.coer-text-box div.button-container {
+  width: 40px !important;
+  height: 40px !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  background-color: #e6e7e9 !important;
+}
 
 coer-grid table tbody tr td.coer-textbox mat-form-field div.mat-mdc-text-field-wrapper.mdc-text-field {
   background-color: transparent !important;

package/styles/index.scss

@@ -26,5 +26,5 @@ input[type="file"] {
 @import "./colors.scss";
 @import "./containers.scss";
 @import "./cursores.scss";
-@import "./scroll-bar.scss";
+@import "./scroll-bar.scss"; 
 @import "./layout.scss";