@mittwald/flow-react-components 1.5.0-next.34 → 1.5.0-next.35
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.
- package/dist/assets/component-index.json +1 -1
- package/dist/assets/doc-properties.json +1 -1
- package/dist/css/all-layered.css +1 -1
- package/dist/css/all.css +1 -1
- package/dist/js/packages/components/src/components/LightBox/components/LightBoxGallery/LightBoxGallery.module.mjs.map +1 -1
- package/package.json +9 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LightBoxGallery.module.mjs","names":[],"sources":["../../../../../../../../../src/components/LightBox/components/LightBoxGallery/LightBoxGallery.module.scss"],"sourcesContent":[".lightBoxGallery {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n --button-size: calc(\n var(--icon--size--m) + 2 * var(--button--padding-icon-only)\n );\n --button-size-plus-spacing: calc(\n var(--button-size) + var(--light-box--spacing)\n );\n --indicator-height: calc(var(--light-box--spacing) + var(--icon--size--m));\n\n .content {\n display: flex;\n flex-direction: column;\n width: 100%;\n justify-content: center;\n\n &:focus {\n outline: none;\n }\n }\n\n .galleryItem {\n position: relative;\n margin: 0 auto;\n user-select: none;\n }\n\n .actions {\n position: absolute;\n top: 0;\n inset-inline-end: calc(var(--button-size-plus-spacing) * -1);\n display: flex;\n flex-direction: column;\n row-gap: var(--light-box--spacing);\n }\n\n .actionGroup {\n flex-direction: column;\n }\n\n .image {\n animation: fade-in var(--transition--duration--default) ease-in forwards;\n height:
|
|
1
|
+
{"version":3,"file":"LightBoxGallery.module.mjs","names":[],"sources":["../../../../../../../../../src/components/LightBox/components/LightBoxGallery/LightBoxGallery.module.scss"],"sourcesContent":[".lightBoxGallery {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n --button-size: calc(\n var(--icon--size--m) + 2 * var(--button--padding-icon-only)\n );\n --button-size-plus-spacing: calc(\n var(--button-size) + var(--light-box--spacing)\n );\n --indicator-height: calc(var(--light-box--spacing) + var(--icon--size--m));\n\n .content {\n display: flex;\n flex-direction: column;\n width: 100%;\n justify-content: center;\n\n &:focus {\n outline: none;\n }\n }\n\n .galleryItem {\n position: relative;\n margin: 0 auto;\n user-select: none;\n max-height: var(--gallery-item-max-height);\n }\n\n .actions {\n position: absolute;\n top: 0;\n inset-inline-end: calc(var(--button-size-plus-spacing) * -1);\n display: flex;\n flex-direction: column;\n row-gap: var(--light-box--spacing);\n }\n\n .actionGroup {\n flex-direction: column;\n }\n\n /* The item's height is indefinite, so a percentage size here is cyclic and\n engines resolve it differently (WebKit stretched the image). An explicit\n cap scales the image down along its aspect ratio instead. */\n .image {\n animation: fade-in var(--transition--duration--default) ease-in forwards;\n max-height: var(--gallery-item-max-height);\n pointer-events: none;\n }\n\n @keyframes fade-in {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n\n .indicators {\n display: flex;\n justify-content: center;\n column-gap: var(--light-box--indicator-spacing);\n color: var(--light-box--content-color);\n }\n\n .indicator {\n display: block;\n width: var(--light-box--indicator-size);\n height: var(--light-box--indicator-size);\n border: var(--light-box--indicator-border-width)\n var(--light-box--indicator-border-style) var(--light-box--content-color);\n border-radius: var(--light-box--indicator-corner-radius);\n\n &.current {\n background-color: var(--light-box--content-color);\n }\n }\n}\n\n@media (min-width: 768px) {\n .content {\n padding-inline: calc(\n var(--button-size-plus-spacing) + var(--light-box--spacing)\n );\n padding-bottom: var(--indicator-height);\n height: var(--light-box--max-height);\n }\n\n .galleryItem {\n --gallery-item-max-height: calc(\n var(--light-box--max-height) - var(--indicator-height)\n );\n }\n\n .indicators {\n position: absolute;\n bottom: calc(var(--light-box--spacing) / 2);\n inset-inline: 0;\n }\n\n .previousButton,\n .nextButton {\n position: absolute;\n top: calc(50% - var(--button-size) / 2);\n }\n\n .previousButton {\n inset-inline-start: 0;\n }\n\n .nextButton {\n inset-inline-end: 0;\n }\n}\n\n@media (max-width: 768px) {\n .content {\n padding-inline: var(--button-size-plus-spacing);\n padding-bottom: var(--button-size-plus-spacing);\n height: var(--light-box--max-height-mobile);\n }\n\n .galleryItem {\n --gallery-item-max-height: calc(\n var(--light-box--max-height) - var(--button-size-plus-spacing)\n );\n }\n\n .controls {\n display: flex;\n position: absolute;\n bottom: 0;\n inset-inline: 0;\n justify-content: space-between;\n align-items: center;\n }\n}\n"],"mappings":""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mittwald/flow-react-components",
|
|
3
|
-
"version": "1.5.0-next.
|
|
3
|
+
"version": "1.5.0-next.35",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://flow.mittwald.de",
|
|
@@ -84,9 +84,9 @@
|
|
|
84
84
|
"@internationalized/string-compiler": "^3.4.1",
|
|
85
85
|
"@lezer/common": "^1.5.2",
|
|
86
86
|
"@lezer/highlight": "^1.2.3",
|
|
87
|
-
"@mittwald/flow-icons": "^1.5.0-next.
|
|
87
|
+
"@mittwald/flow-icons": "^1.5.0-next.35",
|
|
88
88
|
"@mittwald/password-tools-js": "^3.0.0",
|
|
89
|
-
"@mittwald/react-tunnel": "^1.5.0-next.
|
|
89
|
+
"@mittwald/react-tunnel": "^1.5.0-next.35",
|
|
90
90
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
91
91
|
"@react-aria/form": "^3.2.1",
|
|
92
92
|
"@react-aria/i18n": "^3.13.1",
|
|
@@ -139,12 +139,12 @@
|
|
|
139
139
|
"@internationalized/date": "^3.12.3",
|
|
140
140
|
"@lezer/generator": "^1.8.0",
|
|
141
141
|
"@lezer/lr": "^1.4.10",
|
|
142
|
-
"@mittwald/flow-core": "1.5.0-next.
|
|
143
|
-
"@mittwald/flow-design-tokens": "1.5.0-next.
|
|
144
|
-
"@mittwald/flow-icons-base": "1.5.0-next.
|
|
142
|
+
"@mittwald/flow-core": "1.5.0-next.35",
|
|
143
|
+
"@mittwald/flow-design-tokens": "1.5.0-next.35",
|
|
144
|
+
"@mittwald/flow-icons-base": "1.5.0-next.35",
|
|
145
145
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
146
146
|
"@mittwald/remote-dom-react": "1.2.2-mittwald.10",
|
|
147
|
-
"@mittwald/typescript-config": "1.5.0-next.
|
|
147
|
+
"@mittwald/typescript-config": "1.5.0-next.35",
|
|
148
148
|
"@nx/storybook": "^22.7.6",
|
|
149
149
|
"@storybook/addon-a11y": "^10.5.10",
|
|
150
150
|
"@storybook/addon-actions": "^9.0.8",
|
|
@@ -198,7 +198,7 @@
|
|
|
198
198
|
},
|
|
199
199
|
"peerDependencies": {
|
|
200
200
|
"@internationalized/date": "^3.12.2",
|
|
201
|
-
"@mittwald/flow-icons-pro": "1.5.0-next.
|
|
201
|
+
"@mittwald/flow-icons-pro": "1.5.0-next.35",
|
|
202
202
|
"@mittwald/react-use-promise": "^4.2.2",
|
|
203
203
|
"next": "^16.2.3",
|
|
204
204
|
"react": "^19.2.0",
|
|
@@ -222,5 +222,5 @@
|
|
|
222
222
|
"browserslist": [
|
|
223
223
|
"baseline widely available"
|
|
224
224
|
],
|
|
225
|
-
"gitHead": "
|
|
225
|
+
"gitHead": "9ecbf1107cfba989f9c248eacb47b5465ed2e6c2"
|
|
226
226
|
}
|