@softheon/armature 17.2.0 → 17.3.0

package/assets/styles/sof-styles.scss

@@ -223,7 +223,7 @@ mat-form-field {
   text-align: center;
 }
 
-::ng-deep mat-button-toggle-group {
+mat-button-toggle-group {
   &.sof-toggle-group {
     height: 48px !important;
 
@@ -1530,7 +1530,7 @@ mat-card {
   padding-top: 0px !important;
 }
 
-::ng-deep .mat-mdc-tooltip {
+.mat-mdc-tooltip {
   cursor: pointer !important;
   width: 234px !important;
   height: auto !important;
@@ -1556,7 +1556,7 @@ mat-card {
   word-break: break-all !important;
 }
 
-::ng-deep mat-form-field.sof-form-field {
+mat-form-field.sof-form-field {
   font-family: "Poppins" !important;
 
   &.mat-form-field-invalid {
@@ -1660,7 +1660,7 @@ mat-card {
   }
 }
 
-::ng-deep .mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option.mdc-list-item--disabled) {
+.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option.mdc-list-item--disabled) {
   color: mat.get-color-from-palette($arm-primary, 500) !important;
 }
 
@@ -1745,7 +1745,7 @@ mat-radio-button.sof-radio-button.mat-mdc-radio-checked {
 
 // Color Styles [END]
 
-::ng-deep mat-radio-button.sof-radio-button {
+mat-radio-button.sof-radio-button {
   .mdc-radio__background {
     border-width: 3px !important;
   }
@@ -1785,7 +1785,7 @@ mat-radio-button.sof-radio-button.mat-mdc-radio-checked {
 
 // MatSlider Overrides [START]
 
-::ng-deep mat-slider.sof-slider {
+mat-slider.sof-slider {
 
   // Color Styles [START]
   &.mat-primary {
@@ -1895,7 +1895,7 @@ mat-radio-button.sof-radio-button.mat-mdc-radio-checked {
 
 // MatCheckbox Overrides [START]
 
-::ng-deep mat-checkbox.sof-checkbox {
+mat-checkbox.sof-checkbox {
   .mdc-checkbox {
     --mdc-checkbox-selected-checkmark-color: #fff;
   }
@@ -2007,7 +2007,7 @@ mat-radio-button.sof-radio-button.mat-mdc-radio-checked {
 
 // MatChip class overrides [START]
 // https://material.angular.io/components/chips/api
-::ng-deep .mat-mdc-chip.sof-chip {
+.mat-mdc-chip.sof-chip {
   font-family: "Poppins" !important;
   font-size: 14px !important;
   height: 32px !important;
@@ -2019,7 +2019,7 @@ mat-radio-button.sof-radio-button.mat-mdc-radio-checked {
   }
 }
 
-::ng-deep .mat-mdc-chip.mdc-evolution-chip--disabled.sof-chip {
+.mat-mdc-chip.mdc-evolution-chip--disabled.sof-chip {
   background: #f7f7f7 !important;
   color: rgba(0, 0, 0, 0.6) !important;
 
@@ -2028,7 +2028,7 @@ mat-radio-button.sof-radio-button.mat-mdc-radio-checked {
   }
 }
 
-::ng-deep .mat-mdc-chip.sof-chip {
+.mat-mdc-chip.sof-chip {
   &.mat-primary {
     background-color: #{mat.get-color-from-palette($arm-primary, 50)};
 
@@ -2156,7 +2156,7 @@ mat-radio-button.sof-radio-button.mat-mdc-radio-checked {
   }
 }
 
-::ng-deep .mat-mdc-chip-selected.sof-chip {
+.mat-mdc-chip-selected.sof-chip {
   &.mat-primary {
     background-color: #{mat.get-color-from-palette($arm-primary, 500)} !important;
 
@@ -2288,7 +2288,7 @@ mat-radio-button.sof-radio-button.mat-mdc-radio-checked {
 
 // MatSlideToggle class overrides [START]
 // https://material.angular.io/components/slide-toggle/api
-::ng-deep mat-slide-toggle {
+mat-slide-toggle {
   &.sof-slide-toggle {
     height: auto;
 
@@ -2339,7 +2339,7 @@ mat-radio-button.sof-radio-button.mat-mdc-radio-checked {
   }
 }
 
-::ng-deep mat-slide-toggle.sof-slide-toggle {
+mat-slide-toggle.sof-slide-toggle {
   &.mat-primary {
     --mdc-switch-selected-focus-state-layer-color: var(--primary-color-300-parts);
     --mdc-switch-selected-handle-color: var(--primary-color-300-parts);
@@ -2481,7 +2481,7 @@ mat-radio-button.sof-radio-button.mat-mdc-radio-checked {
   }
 }
 
-::ng-deep mat-slide-toggle.sof-slide-toggle {
+mat-slide-toggle.sof-slide-toggle {
   &:has(.mdc-switch--disabled) label {
     color: rgba(0, 0, 0, 0.87) !important;
   }
@@ -2842,7 +2842,7 @@ mat-radio-button.sof-radio-button.mat-mdc-radio-checked {
 }
 
 /** Calendar Settings */
-::ng-deep {
+
   .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
     color: rgba(0, 0, 0, 0.38) !important;
   }
@@ -2903,4 +2903,3 @@ mat-radio-button.sof-radio-button.mat-mdc-radio-checked {
     width: -webkit-fill-available;
     right: 20px;
   }
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softheon/armature",
-  "version": "17.2.0",
+  "version": "17.3.0",
   "dependencies": {
     "tslib": "^2.5.0"
   },