coveragebook_components 0.8.7 → 0.8.9

data/app/assets/build/coco/app.js

@@ -14044,7 +14044,7 @@
   var package_default = {
     name: "coveragebook-components",
     type: "module",
-    version: "0.8.7",
+    version: "0.8.9",
     main: "index.js",
     repository: "git@github.com:coveragebook/coco.git",
     author: "Mark Perkins <mark@coveragebook.com>",
@@ -14080,23 +14080,23 @@
       "fast-glob": "^3.3.1",
       "fast-sort": "^3.2.1",
       husky: "^8.0.3",
-      jest: "^29.4.3",
-      "jest-environment-jsdom": "^29.4.3",
       "lint-staged": "^15.0.2",
       postcss: "^8.4.31",
       "postcss-cli": "^10.1.0",
       "postcss-value-parser": "^4.2.0",
-      prettier: "^2.8.4",
+      prettier: "^3.1.0",
       "release-it": "^15.10.3",
       svgo: "^3.0.2"
     },
     scripts: {
       "js:build": "node esbuild.config.js",
-      "js:dev": "node esbuild.config.js --watch",
-      "js:test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",
+      "js:dev": "node esbuild.config.js --dev",
+      "js:watch": "node esbuild.config.js --watch",
       "css:build": "postcss ./app/assets/css/{app,book}.css -d ./app/assets/build/coco",
-      "css:dev": "postcss ./app/assets/css/{app,book}.css -d ./app/assets/build/coco --watch --ext .dev.css",
+      "css:dev": "postcss ./app/assets/css/{app,book}.css -d ./app/assets/build/coco --ext .dev.css",
+      "css:watch": "postcss ./app/assets/css/{app,book}.css -d ./app/assets/build/coco --watch --ext .dev.css",
       build: "npm run js:build && npm run css:build",
+      "build:dev": "npm run js:dev && npm run css:dev",
       "lint:fix": "bundle exec standardrb --fix && prettier --write .",
       prepare: "husky install",
       release: "release-it"
@@ -14112,7 +14112,8 @@
     prettier: {
       tabWidth: 2,
       semi: true,
-      singleQuote: false
+      singleQuote: false,
+      trailingComma: "es5"
     },
     "release-it": {
       github: {
@@ -14125,14 +14126,14 @@
         "before:init": [
           "npm install",
           "bundle install",
-          "bundle exec rake test"
+          "bundle exec rake coco:test"
         ],
         "after:bump": [
           "npm run lint:fix",
           "npm run build"
         ],
-        "after:version:bump": "./bin/bump-version ${version} && bundle && cd lookbook && bundle",
-        "after:release": "./bin/build-gem ${version}"
+        "after:version:bump": "bundle exec rake coco:gem:bump_version[${version}] && bundle && cd lookbook && bundle",
+        "after:release": "rake coco:gem:release[${version}]"
       }
     }
   };

data/app/assets/build/coco/book.css

@@ -1128,15 +1128,34 @@ select {
 .modal-frame {
   display: contents;
 }
+/*
+    Limit the size of modal content when rendered in the
+    host page rather than displayed as a modal.
+   */
+[data-role="inline-modal-content"] {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 42rem;
+}
+[data-role="inline-modal-content"] [data-component="modal-dialog"] {
+  border-radius: 0.75rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity));
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 [data-coco][data-component="modal-dialog"] {
   width: 100%;
   border-radius: 0.75rem;
+}
+.modal-frame [data-coco][data-component="modal-dialog"] {
   --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
   --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  max-width: 42rem;
+  max-width: 42rem; /* temp until sizes added */
 }
-/* temp until sizes added */
 [data-coco][data-component="modal-dialog"] .modal-dialog-header {
   position: relative;
   display: flex;
@@ -1360,6 +1379,29 @@ select {
 [data-coco][data-component="pager-link"][data-direction="next"] .coco-icon {
   margin-right: -0.25rem;
 }
+[data-coco][data-component="panel"] {
+  display: contents;
+}
+[data-coco][data-component="panel"] .panel-content {
+  display: contents;
+}
+/* Only style Coco panels that are not rendered inside legacy panel components */
+[data-coco][data-component="panel"]:not([data-component="panel"] [data-component="panel"]) {
+  display: block;
+  border-radius: 0.75rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+[data-coco][data-component="panel"]:not([data-component="panel"] [data-component="panel"]) .panel-content {
+  display: block;
+        padding: max(min(5%, 2rem), 1rem);
+}
 [data-coco][data-component="placeholder"] {
   padding: 1rem;
 }
@@ -1869,6 +1911,9 @@ select {
   -o-object-fit: contain;
      object-fit: contain;
 }
+.visible {
+  visibility: visible;
+}
 .static {
   position: static;
 }