@tenancy.nz/gallery 1.10.2 → 1.10.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/cjs/components/GalleryViewer.styled.cjs +1 -1
  2. package/dist/esm/components/GalleryViewer.styled.js +1 -1
  3. package/package.json +5 -5
package/dist/cjs/components/GalleryViewer.styled.cjs CHANGED
@@ -10,7 +10,7 @@ var StyledGalleryViewer = styles.styled("div")(_templateObject || (_templateObje
10
10
  var StyledGalleryViewerFigure = styles.styled("figure")(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 100%;\n max-height: 100%;\n margin: 0;\n"])));
11
11
  var StyledGalleryViewerImage = styles.styled("img")(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n max-width: 100%;\n max-height: calc(100vh - 160px);\n object-fit: contain;\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);\n"])));
12
12
  var StyledGalleryViewerCaption = styles.styled("figcaption")(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n justify-content: center;\n align-items: center;\n gap: 10px;\n margin-top: 16px;\n color: #fff;\n font-size: 16px;\n font-weight: 660;\n\n > div {\n width: 36px;\n height: 36px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
13
- var viewerButtonStyles = react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n && {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n padding: 0;\n border: 1px solid ", ";\n border-radius: 4px;\n background: ", ";\n color: ", ";\n font-size: 24px;\n cursor: pointer;\n transition: background 175ms ease-in-out;\n\n &:hover {\n background: ", ";\n }\n }\n"])), ui.token("palette.component.button.secondary.borderColor"), ui.token("palette.component.button.secondary.backgroundDefault"), ui.token("palette.semantic.icons.primaryColor"), ui.token("palette.component.button.secondary.backgroundDefault"));
13
+ var viewerButtonStyles = react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n && {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n padding: 0;\n border: 1px solid ", ";\n border-radius: 4px;\n background: ", ";\n color: ", ";\n font-size: 24px;\n cursor: pointer;\n transition: background 175ms ease-in-out;\n }\n\n &&:hover {\n background: ", " !important;\n color: ", " !important;\n }\n"])), ui.token("palette.component.button.secondary.borderColor"), ui.token("palette.component.button.secondary.backgroundDefault"), ui.token("palette.semantic.icons.primaryColor"), ui.token("palette.component.button.secondary.backgroundDefault"), ui.token("palette.semantic.icons.primaryColor"));
14
14
  var StyledGalleryViewerClose = styles.styled("button")(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n ", ";\n top: 16px;\n right: 16px;\n"])), viewerButtonStyles);
15
15
  var StyledGalleryViewerPrev = styles.styled("button")(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n ", ";\n left: 16px;\n top: 50%;\n transform: translateY(-50%);\n"])), viewerButtonStyles);
16
16
  var StyledGalleryViewerNext = styles.styled("button")(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n ", ";\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n"])), viewerButtonStyles);
package/dist/esm/components/GalleryViewer.styled.js CHANGED
@@ -8,7 +8,7 @@ var StyledGalleryViewer = styled("div")(_templateObject || (_templateObject = _t
8
8
  var StyledGalleryViewerFigure = styled("figure")(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 100%;\n max-height: 100%;\n margin: 0;\n"])));
9
9
  var StyledGalleryViewerImage = styled("img")(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n max-width: 100%;\n max-height: calc(100vh - 160px);\n object-fit: contain;\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);\n"])));
10
10
  var StyledGalleryViewerCaption = styled("figcaption")(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n justify-content: center;\n align-items: center;\n gap: 10px;\n margin-top: 16px;\n color: #fff;\n font-size: 16px;\n font-weight: 660;\n\n > div {\n width: 36px;\n height: 36px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
11
- var viewerButtonStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n && {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n padding: 0;\n border: 1px solid ", ";\n border-radius: 4px;\n background: ", ";\n color: ", ";\n font-size: 24px;\n cursor: pointer;\n transition: background 175ms ease-in-out;\n\n &:hover {\n background: ", ";\n }\n }\n"])), token("palette.component.button.secondary.borderColor"), token("palette.component.button.secondary.backgroundDefault"), token("palette.semantic.icons.primaryColor"), token("palette.component.button.secondary.backgroundDefault"));
11
+ var viewerButtonStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n && {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n padding: 0;\n border: 1px solid ", ";\n border-radius: 4px;\n background: ", ";\n color: ", ";\n font-size: 24px;\n cursor: pointer;\n transition: background 175ms ease-in-out;\n }\n\n &&:hover {\n background: ", " !important;\n color: ", " !important;\n }\n"])), token("palette.component.button.secondary.borderColor"), token("palette.component.button.secondary.backgroundDefault"), token("palette.semantic.icons.primaryColor"), token("palette.component.button.secondary.backgroundDefault"), token("palette.semantic.icons.primaryColor"));
12
12
  var StyledGalleryViewerClose = styled("button")(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n ", ";\n top: 16px;\n right: 16px;\n"])), viewerButtonStyles);
13
13
  var StyledGalleryViewerPrev = styled("button")(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n ", ";\n left: 16px;\n top: 50%;\n transform: translateY(-50%);\n"])), viewerButtonStyles);
14
14
  var StyledGalleryViewerNext = styled("button")(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n ", ";\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n"])), viewerButtonStyles);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tenancy.nz/gallery",
3
3
  "description": "React UI gallery components.",
4
- "version": "1.10.2",
4
+ "version": "1.10.3",
5
5
  "author": "TPS <https://www.tenancy.co.nz>",
6
6
  "type": "module",
7
7
  "main": "dist/cjs/index.cjs",
@@ -19,15 +19,15 @@
19
19
  "@mui/material": "^7.3.1",
20
20
  "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
21
21
  "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
22
- "@tenancy.nz/icons": "1.10.2",
23
- "@tenancy.nz/ui": "1.10.2"
22
+ "@tenancy.nz/icons": "1.10.3",
23
+ "@tenancy.nz/ui": "1.10.3"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@emotion/react": "^11.14.0",
27
27
  "@emotion/styled": "^11.14.1",
28
28
  "@mui/material": "^7.3.1",
29
- "@tenancy.nz/ui": "1.10.2",
30
- "@tenancy.nz/icons": "1.10.2"
29
+ "@tenancy.nz/ui": "1.10.3",
30
+ "@tenancy.nz/icons": "1.10.3"
31
31
  },
32
32
  "dependencies": {
33
33
  "@dnd-kit/core": "^6.3.1",