diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml index d2090f1d4..06b670f56 100644 --- a/.github/workflows/chromatic.yml +++ b/.github/workflows/chromatic.yml @@ -34,7 +34,7 @@ jobs: - run: yarn css:build - name: Publish to Chromatic - uses: chromaui/action@v11.11.0 + uses: chromaui/action@v11.12.6 with: token: ${{ secrets.GITHUB_TOKEN }} projectToken: c6b96f9648b6 diff --git a/package.json b/package.json index 2415c6eb3..231c3341b 100644 --- a/package.json +++ b/package.json @@ -48,7 +48,7 @@ "@storybook/node-logger": "^6.3.7", "@storybook/preset-create-react-app": "^3.2.0", "@storybook/react": "^6.5.9", - "@testing-library/jest-dom": "^6.5.0", + "@testing-library/jest-dom": "^6.6.2", "@testing-library/react": "^12.1.5", "@testing-library/user-event": "^14.5.2", "@types/jest": "^29.5.13", @@ -83,7 +83,7 @@ "react-dom": "^17.0.2", "react-helmet": "^6.1.0", "react-scripts": "^4.0.3", - "sass": "^1.79.4", + "sass": "1.78.0", "skeleton-screen-css": "^1.1.0", "storybook-addon-designs": "^6.2.1", "stylelint": "^14.16.1", diff --git a/src/stories/Library/Modals/modal-pause/modal-pause.scss b/src/stories/Library/Modals/modal-pause/modal-pause.scss index 01cd2b874..e001fb078 100644 --- a/src/stories/Library/Modals/modal-pause/modal-pause.scss +++ b/src/stories/Library/Modals/modal-pause/modal-pause.scss @@ -19,7 +19,7 @@ .modal-pause__container { margin: 0 $s-lg; - padding-top: 96px; + padding-top: $s-4xl; max-width: 550px; @include media-query__small { diff --git a/src/stories/Library/Modals/modal.scss b/src/stories/Library/Modals/modal.scss index 70cb857f9..9c4a1760a 100644 --- a/src/stories/Library/Modals/modal.scss +++ b/src/stories/Library/Modals/modal.scss @@ -115,3 +115,22 @@ justify-content: flex-end; padding: 20px; } + +// Adjust the modal to display all content when printing +@media print { + .modal { + position: static; + overflow: visible; + width: auto; + height: auto; + opacity: 1; + display: block; + } + + // Hide elements that shouldn't appear in print + .modal-backdrop, + .modal-btn-close, + .modal-btn-fallback { + display: none; + } +} diff --git a/src/stories/Library/date-calendar/date-calendar.scss b/src/stories/Library/date-calendar/date-calendar.scss index 0e2cba08d..d8ac5af4b 100644 --- a/src/stories/Library/date-calendar/date-calendar.scss +++ b/src/stories/Library/date-calendar/date-calendar.scss @@ -16,6 +16,19 @@ $selected-date-background: rgb(0, 105, 255); padding: $s-md !important; width: fit-content !important; + // On small devices, we need to make sure that the calendar is visible. + // People had troubles scrolling when the calendar is open (possible, but users + // can't figure it out. + &.open.rangeMode { + @include media-query( + calc(map_get($breakpoints, "x-small") + 1px), + "max-width" + ) { + left: -$s-xl; + top: -$s-4xl; + } + } + &.inline { box-shadow: none; border-radius: 0; diff --git a/yarn.lock b/yarn.lock index 34d5a7528..a67f4dc2a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2878,10 +2878,10 @@ lz-string "^1.5.0" pretty-format "^27.0.2" -"@testing-library/jest-dom@^6.5.0": - version "6.5.0" - resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-6.5.0.tgz#50484da3f80fb222a853479f618a9ce5c47bfe54" - integrity sha512-xGGHpBXYSHUUr6XsKBfs85TWlYKpTc37cSBBVrXcib2MkHLboWlkClhWF37JKlDb9KEq3dHs+f2xR7XJEWGBxA== +"@testing-library/jest-dom@^6.6.2": + version "6.6.2" + resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-6.6.2.tgz#8186aa9a07263adef9cc5a59a4772db8c31f4a5b" + integrity sha512-P6GJD4yqc9jZLbe98j/EkyQDTPgqftohZF5FBkHY5BUERZmcf4HeO2k0XaefEg329ux2p21i1A1DmyQ1kKw2Jw== dependencies: "@adobe/css-tools" "^4.4.0" aria-query "^5.0.0" @@ -5268,6 +5268,21 @@ chokidar@3.5.3, chokidar@^3.4.1, chokidar@^3.4.2, chokidar@^3.5.2: optionalDependencies: fsevents "~2.3.2" +"chokidar@>=3.0.0 <4.0.0": + version "3.6.0" + resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b" + integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw== + dependencies: + anymatch "~3.1.2" + braces "~3.0.2" + glob-parent "~5.1.2" + is-binary-path "~2.1.0" + is-glob "~4.0.1" + normalize-path "~3.0.0" + readdirp "~3.6.0" + optionalDependencies: + fsevents "~2.3.2" + chokidar@^2.1.8: version "2.1.8" resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-2.1.8.tgz#804b3a7b6a99358c3c5c61e71d8728f041cff917" @@ -5287,13 +5302,6 @@ chokidar@^2.1.8: optionalDependencies: fsevents "^1.2.7" -chokidar@^4.0.0: - version "4.0.1" - resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-4.0.1.tgz#4a6dff66798fb0f72a94f616abbd7e1a19f31d41" - integrity sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA== - dependencies: - readdirp "^4.0.1" - chownr@^1.1.1: version "1.1.4" resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b" @@ -13792,11 +13800,6 @@ readdirp@^2.2.1: micromatch "^3.1.10" readable-stream "^2.0.2" -readdirp@^4.0.1: - version "4.0.1" - resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-4.0.1.tgz#b2fe35f8dca63183cd3b86883ecc8f720ea96ae6" - integrity sha512-GkMg9uOTpIWWKbSsgwb5fA4EavTR+SG/PMPoAY8hkhHfEEY0/vqljY+XHqtDf2cr2IJtoNRDbrrEpZUiZCkYRw== - readdirp@~3.6.0: version "3.6.0" resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7" @@ -14371,12 +14374,12 @@ sass-loader@^10.0.5: schema-utils "^3.0.0" semver "^7.3.2" -sass@^1.79.4: - version "1.79.4" - resolved "https://registry.yarnpkg.com/sass/-/sass-1.79.4.tgz#f9c45af35fbeb53d2c386850ec842098d9935267" - integrity sha512-K0QDSNPXgyqO4GZq2HO5Q70TLxTH6cIT59RdoCHMivrC8rqzaTw5ab9prjz9KUN1El4FLXrBXJhik61JR4HcGg== +sass@1.78.0: + version "1.78.0" + resolved "https://registry.yarnpkg.com/sass/-/sass-1.78.0.tgz#cef369b2f9dc21ea1d2cf22c979f52365da60841" + integrity sha512-AaIqGSrjo5lA2Yg7RvFZrlXDBCp3nV4XP73GrLGvdRWWwk+8H3l0SDvq/5bA4eF+0RFPLuWUk3E+P1U/YqnpsQ== dependencies: - chokidar "^4.0.0" + chokidar ">=3.0.0 <4.0.0" immutable "^4.0.0" source-map-js ">=0.6.2 <2.0.0"