@pecb-ui/components 1.1.19 → 1.1.22

package/overlays/index.d.ts

@@ -1 +1 @@
-export { BottomSheetComponent, ColumnOption, ConfirmationComponent, ConfirmationIconType, FilterColumnsActiveTab, FilterColumnsApplyEvent, FilterColumnsComponent, FilterField, FilterFieldType, FullscreenModalComponent, FullscreenModalContentDirective, FullscreenModalFooterDirective, FullscreenModalHeaderDirective, PeriodPaymentModalComponent, PeriodPaymentModalPeriod, RightModalComponent, RightModalContentDirective, RightModalFooterDirective, RightModalHeaderDirective, RightModalSize, SidebarComponent, SidebarMenuItem, SidebarSection, TooltipComponent, TooltipDirective, TooltipPointerPosition, TooltipTheme, TourComponent, TourIndicatorType, TourPlacement, TourStep, TourType } from '@pecb-ui/components';
+export { BottomSheetComponent, ColumnOption, ConfirmationComponent, ConfirmationIconType, FilterColumnsActiveTab, FilterColumnsApplyEvent, FilterColumnsComponent, FilterField, FilterFieldType, FullscreenModalComponent, FullscreenModalContentDirective, FullscreenModalFooterDirective, FullscreenModalHeaderDirective, PeriodPaymentModalComponent, PeriodPaymentModalPeriod, RightModalComponent, RightModalContentDirective, RightModalFooterDirective, RightModalHeaderDirective, RightModalPosition, RightModalSize, SidebarComponent, SidebarMenuItem, SidebarSection, TooltipComponent, TooltipDirective, TooltipPointerPosition, TooltipTheme, TourComponent, TourIndicatorType, TourPlacement, TourStep, TourType } from '@pecb-ui/components';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pecb-ui/components",
-  "version": "1.1.19",
+  "version": "1.1.22",
   "description": "Professional Angular UI Components Library with TypeScript and SCSS by PECB",
   "author": "PECB",
   "license": "MIT",

package/styles/abstracts/_mixins.scss

@@ -122,6 +122,23 @@
   }
 }
 
+// Registry icons (icon-svg-registry.ts) hardcode stroke="black" / fill="black",
+// so they ignore the surrounding `color`. Remapping only the literal "black"
+// makes them tintable via currentColor while leaving multi-colour custom-*
+// artwork (stroke="#2F9E44" etc.) untouched.
+//
+// Apply inside a selector that already reaches the injected <svg>, e.g.
+//   .pecb-icon__svg svg { @include tint-black-svg; }
+@mixin tint-black-svg {
+  [stroke="black"] {
+    stroke: currentColor;
+  }
+
+  [fill="black"] {
+    fill: currentColor;
+  }
+}
+
 // Elevation/Shadow
 @mixin elevation($level: 1) {
   @if $level == 1 {