@squiz/resource-browser 3.1.0-rc.4 → 3.1.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Change Log
 
+## 3.1.0
+
+### Patch Changes
+
+-   a89fb2d: Updated the peer dependencies and dependencies so that we use the deps published by Matrix'
+-   a89fb2d: Updated title for modal to be sentence case when displayed
+-   a89fb2d: Changed background colour of hovered source on source selector
+-   a89fb2d: Updated modal to use sds button, removed scroll bar from search panel
+-   6503eba: clean selected mode on modal close
+-   a89fb2d: Version control via changesets added
+-   Updated dependencies [70ed1a8]
+-   Updated dependencies [9bcc4d2]
+-   Updated dependencies [a89fb2d]
+-   Updated dependencies [a065ca7]
+-   Updated dependencies [7a6a6fc]
+-   Updated dependencies [a89fb2d]
+    -   @squiz/resource-browser-ui-lib@1.0.0
+
 ## 3.1.0-rc.4
 
 ### Patch Changes

package/lib/index.css

@@ -5724,7 +5724,7 @@
 }
 .squiz-rb-scope .selection-list__item:not(.squiz-rb-plugin *) {
   display: flex;
-  margin: 0.5rem;
+  margin: 0.25rem 0.5rem;
   border-bottom: 1px solid #e0e0e0;
 }
 .squiz-rb-scope .selection-list__item:last-child:not(.squiz-rb-plugin *) {
@@ -5732,6 +5732,7 @@
 }
 .squiz-rb-scope .selection-list__item-button:not(.squiz-rb-plugin *) {
   width: 100%;
+  margin-bottom: 0.25rem;
   padding: 0.25rem 0.5rem;
   border: none;
   background: none;
@@ -5744,6 +5745,12 @@
 .squiz-rb-scope .selection-list__item-button:focus:not(.squiz-rb-plugin *) {
   background-color: #f5f5f5;
 }
+.squiz-rb-scope .selection-list__item--selected path:not(.squiz-rb-plugin *) {
+  fill: #044985 !important;
+}
+.squiz-rb-scope .selection-list__item--selected .sds-text:not(.squiz-rb-plugin *) {
+  color: #044985 !important;
+}
 .squiz-rb-scope .selection-list__item--selected .selection-list__item-button:not(.squiz-rb-plugin *) {
   background-color: #e6f1fa;
 }
@@ -5963,7 +5970,10 @@
   fill: #4f4f4f;
 }
 .squiz-rb-scope .searchListing:not(.squiz-rb-plugin *) {
-  padding: 1.25rem 1rem;
+  padding: 1.25rem 0 1.25rem 1rem;
+}
+.squiz-rb-scope .searchListing__header:not(.squiz-rb-plugin *) {
+  padding-right: 16px;
 }
 .squiz-rb-scope .searchListing__title-group:not(.squiz-rb-plugin *) {
   padding-bottom: 1rem;
@@ -6106,6 +6116,143 @@
   justify-content: center;
   align-items: center;
 }
+.squiz-rb-scope .image-info:not(.squiz-rb-plugin *) {
+  align-items: center;
+  border-top: 1px solid #e0e0e0;
+  color: #707070;
+  display: flex;
+  flex-direction: column;
+  height: calc(50vh - 60px);
+  overflow-y: auto;
+}
+.squiz-rb-scope .image-info__image-container:not(.squiz-rb-plugin *) {
+  position: relative;
+  width: 250px;
+  height: 150px;
+  margin: 1.25rem;
+  background-color: #ededed;
+}
+.squiz-rb-scope .checkered-bg:not(.squiz-rb-plugin *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  background-size: 24px 24px;
+  background-position: 0 0, 12px 12px;
+  background-image:
+    linear-gradient(
+      45deg,
+      #e0e0e0 25%,
+      transparent 25%,
+      transparent 75%,
+      #e0e0e0 75%,
+      #e0e0e0),
+    linear-gradient(
+      45deg,
+      #e0e0e0 25%,
+      transparent 25%,
+      transparent 75%,
+      #e0e0e0 75%,
+      #e0e0e0);
+}
+.squiz-rb-scope .image-info__image-container img:not(.squiz-rb-plugin *) {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  max-width: 100%;
+  max-height: 100%;
+  margin: auto;
+}
+.squiz-rb-scope .image-info__title:not(.squiz-rb-plugin *) {
+  margin: 1rem 0;
+  color: #3d3d3d;
+}
+.squiz-rb-scope .image-info__details:not(.squiz-rb-plugin *) {
+  margin: 1rem 0;
+  color: #707070;
+}
+.squiz-rb-scope .image-info__details-list:not(.squiz-rb-plugin *) {
+  display: flex;
+  flex-direction: column;
+  margin: 1rem 0;
+}
+.squiz-rb-scope .image-info__details-item:not(.squiz-rb-plugin *) {
+  display: flex;
+  margin-bottom: 0.5rem;
+}
+.squiz-rb-scope .image-info__details-label:not(.squiz-rb-plugin *) {
+  color: #707070;
+  width: 60px;
+  display: flex;
+}
+.squiz-rb-scope .image-info__details-value:not(.squiz-rb-plugin *) {
+  color: #3d3d3d;
+}
+.squiz-rb-scope .image-variant__list:not(.squiz-rb-plugin *) {
+  width: 250px;
+  margin-bottom: 1rem;
+}
+.squiz-rb-scope .image-variant__item:not(.squiz-rb-plugin *) {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  justify-content: space-between;
+}
+.squiz-rb-scope .selection-list__item--selected .image-variant__checkmark:not(.squiz-rb-plugin *) {
+  visibility: visible;
+}
+.squiz-rb-scope .image-variant__checkmark:not(.squiz-rb-plugin *) {
+  visibility: hidden;
+  margin-left: 0.5rem;
+}
+.squiz-rb-scope .image-variant__checkmark path:not(.squiz-rb-plugin *) {
+  fill: #044985;
+}
+.squiz-rb-scope .image-variant__info:not(.squiz-rb-plugin *) {
+  display: flex;
+  align-items: center;
+  color: #3d3d3d;
+}
+.squiz-rb-scope .image-info__footer:not(.squiz-rb-plugin *) {
+  margin-top: auto;
+  align-self: stretch;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+.squiz-rb-scope .image-info__select-button:not(.squiz-rb-plugin *) {
+  margin: 1.25rem;
+}
+.squiz-rb-scope .image-info__select:not(.squiz-rb-plugin *) {
+  padding-top: 1.5rem;
+  padding-bottom: 1rem;
+}
+.squiz-rb-scope .image-info__select svg:not(.squiz-rb-plugin *) {
+  height: 72px;
+  width: 72px;
+}
+.squiz-rb-scope .image-info__select svg path:not(.squiz-rb-plugin *) {
+  fill: #bababa;
+}
+.squiz-rb-scope .image-info__empty-text:not(.squiz-rb-plugin *) {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+.squiz-rb-scope .image-info__loading:not(.squiz-rb-plugin *) {
+  margin-top: 80px;
+}
+@media (min-width: 768px) {
+  .squiz-rb-scope .image-info:not(.squiz-rb-plugin *) {
+    height: calc(100vh - 60px);
+  }
+}
+@media (min-width: 1024px) {
+  .squiz-rb-scope .image-info:not(.squiz-rb-plugin *) {
+    height: calc(100vh - 14rem);
+    overflow-y: auto;
+  }
+}
 .squiz-rb-scope .resource-picker:not(.squiz-rb-plugin *) {
   display: grid;
   grid-template-columns: 24px 1fr;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@squiz/resource-browser",
-    "version": "3.1.0-rc.4",
+    "version": "3.1.0",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
     "private": false,
@@ -28,7 +28,7 @@
         "@react-types/shared": "^3.23.1",
         "@squiz/dx-json-schema-lib": "^1.67.0",
         "@squiz/generic-browser-lib": "1.67.2",
-        "@squiz/resource-browser-ui-lib": "^1.0.0-rc.8",
+        "@squiz/resource-browser-ui-lib": "^1.0.0",
         "clsx": "^2.1.0",
         "expiry-map": "^2.0.0",
         "p-memoize": "^4.0.4",