@pushwoosh/dumb-components 1.1.197 → 1.1.199

package/LeafletTheme/index.d.ts

@@ -0,0 +1 @@
+export { LeafletTheme } from './styles';

package/LeafletTheme/index.js

@@ -0,0 +1 @@
+export { LeafletTheme } from './styles';

package/LeafletTheme/styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Repaints Leaflet's own chrome with Pushwoosh tokens — map surface, zoom buttons,
+ * attribution, scale, popups and tooltips — and darkens light raster tiles in the dark theme.
+ * @example
+ * <LeafletTheme />
+ */
+export declare const LeafletTheme: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;

package/LeafletTheme/styles.js

@@ -0,0 +1,12 @@
+import { createGlobalStyle } from 'styled-components';
+import { Color, THEME_ATTRIBUTE } from '@pushwoosh/kit-constants';
+// Leaflet's own sheet lands after ours, so equal specificity would lose on order.
+const ROOT = '.leaflet-container.leaflet-container';
+const DARK_TILES = 'invert(1) hue-rotate(180deg) brightness(0.9) contrast(1.05) saturate(0.55)';
+/**
+ * Repaints Leaflet's own chrome with Pushwoosh tokens — map surface, zoom buttons,
+ * attribution, scale, popups and tooltips — and darkens light raster tiles in the dark theme.
+ * @example
+ * <LeafletTheme />
+ */
+export const LeafletTheme = createGlobalStyle(["", "{background:", ";color:", ";}", " a{color:", ";}", " .leaflet-bar a,", " .leaflet-control-layers-toggle{background-color:", ";color:", ";border-bottom-color:", ";}", " .leaflet-bar a:hover,", " .leaflet-bar a:focus{background-color:", ";color:", ";}", " .leaflet-bar a.leaflet-disabled{background-color:", ";color:", ";}.leaflet-touch", " .leaflet-bar,.leaflet-touch", " .leaflet-control-layers{border-color:", ";}", " .leaflet-control-layers{background:", ";color:", ";}", " .leaflet-control-attribution{background:", ";color:", ";}", " .leaflet-control-scale-line{background:", ";color:", ";border-color:", ";text-shadow:none;}", " .leaflet-popup-content-wrapper,", " .leaflet-popup-tip{background:", ";color:", ";}", " a.leaflet-popup-close-button{color:", ";}", " a.leaflet-popup-close-button:hover,", " a.leaflet-popup-close-button:focus{color:", ";}", " .leaflet-tooltip{background-color:", ";border-color:", ";color:", ";}", " .leaflet-tooltip-top:before{border-top-color:", ";}", " .leaflet-tooltip-bottom:before{border-bottom-color:", ";}", " .leaflet-tooltip-left:before{border-left-color:", ";}", " .leaflet-tooltip-right:before{border-right-color:", ";}", " .leaflet-div-icon{background:", ";border-color:", ";}", " .leaflet-zoom-box{border-color:", ";background:", ";}[", "='dark'] ", " .leaflet-tile-pane{filter:", ";}"], ROOT, Color.FROZEN, Color.MAIN, ROOT, Color.PRIMARY, ROOT, ROOT, Color.CLEAR, Color.MAIN, Color.FORM, ROOT, ROOT, Color.FROZEN, Color.MAIN, ROOT, Color.FROZEN, Color.PHANTOM, ROOT, ROOT, Color.FORM, ROOT, Color.CLEAR, Color.MAIN, ROOT, Color.CLEAR, Color.LOCKED, ROOT, Color.CLEAR, Color.MAIN, Color.FORM, ROOT, ROOT, Color.CLEAR, Color.MAIN, ROOT, Color.LOCKED, ROOT, ROOT, Color.MAIN, ROOT, Color.CLEAR, Color.CLEAR, Color.MAIN, ROOT, Color.CLEAR, ROOT, Color.CLEAR, ROOT, Color.CLEAR, ROOT, Color.CLEAR, ROOT, Color.CLEAR, Color.FORM, ROOT, Color.PRIMARY, Color.BRIGHT_LIGHT, THEME_ATTRIBUTE, ROOT, DARK_TILES);

package/index.d.ts

@@ -52,3 +52,4 @@ export { SendRateEdit, SendRateReadonly, type SendRateBase, type SendRateEditPro
 export { Alert } from './Alert';
 export { ApplicationPreloader, type ApplicationPreloaderProps, } from './ApplicationPreloader';
 export { NotificationInbox, NotificationBar, NotificationBell, type Notification, type NotificationInboxProps, type NotificationSeverity, type NotificationBarType, type NotificationBarProps, type NotificationBellProps, } from './NotificationInbox';
+export { LeafletTheme } from './LeafletTheme';

package/index.js

@@ -50,4 +50,5 @@ export { FrequencyCappingEdit, FrequencyCappingReadonly, FrequencyCappingInApps,
 export { SendRateEdit, SendRateReadonly } from './SendRate';
 export { Alert } from './Alert';
 export { ApplicationPreloader } from './ApplicationPreloader';
-export { NotificationInbox, NotificationBar, NotificationBell } from './NotificationInbox';
+export { NotificationInbox, NotificationBar, NotificationBell } from './NotificationInbox';
+export { LeafletTheme } from './LeafletTheme';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.197",
+  "version": "1.1.199",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",