@collabdt/core 0.2.0 → 0.3.0

package/dist/core/styles/globals.css

@@ -963,29 +963,6 @@ ul {
   color: white;
 }
 
-/* smooths any reverse transitions */
-.maplibregl-ctrl-bottom-left,
-.maplibregl-ctrl-bottom-right {
-  transform: translateY(-75px);
-  transition: transform 400ms ease-in-out;
-}
-
-.map-ctrls-init {
-  transform: translateY(0px);
-  transition: transform 400ms ease-in-out;
-}
-
-/* sliding to match toolbar behavior */
-.mobile-map-ctrls {
-  transform: translateY(-75px);
-  transition: transform 300ms ease-in-out;
-}
-
-.mobile-map-ctrls-expanded {
-  transform: translateY(-255px);
-  transition: transform 250ms ease-in-out;
-}
-
 .center-align {
   display: flex;
   flex-direction: column;
@@ -998,7 +975,6 @@ ul {
   white-space: nowrap !important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
-  z-index: -1 !important;
 }
 
 .maplibregl-ctrl-bottom-right details:hover {
@@ -1010,15 +986,6 @@ ul {
   background-color: white !important;
 }
 
-@media only screen and (min-width: 475px) {
-  /* smooths any reverse transitions */
-  .maplibregl-ctrl-bottom-left,
-  .maplibregl-ctrl-bottom-right {
-    transform: translateY(0px);
-    transition: transform 400ms ease-in-out;
-  }
-}
-
 @media only screen and (max-width: 600px) {
   .maplibregl-ctrl-zoom-in {
     opacity: 0;
@@ -1052,6 +1019,52 @@ ul {
   }
 }
 
+@media (max-width: 768px) {
+  .maplibregl-ctrl-bottom-right {
+    margin-bottom: 48px !important;
+    font-size: 10px !important;
+    /* The floating map toolbar (bottom, centered) sits at z-10 — without
+       this, it renders on top of (hides) the attribution popup instead of
+       the popup coming forward/in front of it when tapped open. This
+       container is already `position: absolute` via MapLibre's own base
+       CSS, so z-index applies directly here. */
+    z-index: 30 !important;
+  }
+
+  /* MapLibre auto-adds `open` + `.maplibregl-compact-show` together once on
+     mount for narrow viewports (attribution_control.ts _updateCompact()).
+     Trying to distinguish that from a genuine tap via those same
+     classes/attributes is unreliable — tapping <summary> fires BOTH the
+     browser's native <details> toggle AND MapLibre's own JS toggle at once,
+     which can reproduce the same "both present" combination on a real tap
+     too. Side-step MapLibre's class bookkeeping entirely: force hidden
+     always, reveal only on real, live interaction (:hover for pointer
+     devices, :focus-within once tapped/focused, :active as a fallback for
+     iOS Safari's unreliable tap-to-focus on button-like elements). */
+  .maplibregl-ctrl-bottom-right .maplibregl-ctrl-attrib-inner {
+    display: none !important;
+  }
+
+  .maplibregl-ctrl-bottom-right details:hover .maplibregl-ctrl-attrib-inner,
+  .maplibregl-ctrl-bottom-right details:focus-within .maplibregl-ctrl-attrib-inner,
+  .maplibregl-ctrl-bottom-right details:active .maplibregl-ctrl-attrib-inner {
+    display: block !important;
+    max-width: calc(100vw - 20px) !important;
+    width: auto !important;
+    white-space: normal !important;
+    word-break: break-word !important;
+    overflow-wrap: break-word !important;
+    font-size: 10px !important;
+    box-sizing: border-box !important;
+  }
+
+  .maplibregl-ctrl-bottom-right details:hover,
+  .maplibregl-ctrl-bottom-right details:focus-within,
+  .maplibregl-ctrl-bottom-right details:active {
+    overflow: visible !important;
+  }
+}
+
 /* Home page styles */
 @layer utilities {
   .gradient-button {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@collabdt/core",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "CDT Core contains all the core technology for your CDT platform",
   "type": "module",
   "main": "dist/index.js",
@@ -11,6 +11,10 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
+    "./messages": {
+      "types": "./dist/core/i18n/index.d.ts",
+      "import": "./dist/core/i18n/index.js"
+    },
     "./*": {
       "types": "./dist/*.d.ts",
       "import": "./dist/*.js"
@@ -29,12 +33,12 @@
     "NOTICE"
   ],
   "scripts": {
-    "build": "tsup && node scripts/copy-css.mjs && node scripts/build-types.mjs",
-    "build:js": "tsup && node scripts/copy-css.mjs",
+    "build": "tsup && node scripts/copy-assets.mjs && node scripts/build-types.mjs",
+    "build:js": "tsup && node scripts/copy-assets.mjs",
     "build:types": "node scripts/build-types.mjs",
     "build:types:strict": "tsc -p tsconfig.build.json",
-    "dev": "tsup --watch --onSuccess \"node scripts/copy-css.mjs\"",
-    "dev:link": "tsup --watch --onSuccess \"node scripts/copy-css.mjs && yalc push --no-scripts\"",
+    "dev": "tsup --watch --onSuccess \"node scripts/copy-assets.mjs\"",
+    "dev:link": "tsup --watch --onSuccess \"node scripts/copy-assets.mjs && yalc push --no-scripts\"",
     "lint": "eslint src --ext .ts,.tsx",
     "license:headers": "node scripts/add-license-headers.mjs",
     "license:check": "node scripts/add-license-headers.mjs --check",